
.titel { font-family:"Calibri","sans-serif", arial, helvetica;font-size:18px;font-weight:bold;font-style: italic;}
a:link {color:#000;text-decoration:none;outline:none;}
a:visited {color:#000;text-decoration:none;outline:none;}
a:active {color:#ff8d35;outline:none;}
a:hover {color:#fff;text-decoration:none;background-color:#ff8d35;outline:none;}


body {font-family:arial,"sans-serif", helvetica;font-size:12px;}
td {font-family:arial,"sans-serif", helvetica;font-size:12px;}


/* static START */

abbr[title], acronym[title] {
	border-bottom:thin dotted;
	cursor:help;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bolder;
	font-family:"Calibri","sans-serif", arial, helvetica;
}
h1 {font-size:200%;}
h2 {font-size:170%;margin-bottom:10px;}
h3 {font-size:150%;margin-top:20px;}
h4 {font-size:120%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
img {
	border:0;
}
img.sided {
	background:#FFF;
	border:1px solid #CCC;
	padding:3px;
}
small {
	font-size:10px;
}
a:hover img.sided {
	border-color:#A6A6A6;
}


blockquote, pre {
	background:#F4F5F7 url(img/blockquote.gif) 3px 3px no-repeat;
	border:1px dashed #CCC;
	padding:8px 12px 8px 36px;
	margin:5px 0;
}
.more-link {
	font-size:11px;
}
.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}
.fixed, .clear {
	clear:both;
}
input.textfield, 
textarea {
	background:#FFF url(img/dropShadow.jpg) top;
	border:1px solid #A6A6A6;
	padding:2px 1px;
}
.boxcaption {
	background:#E3E4E6 url(img/box.gif) 0 0 no-repeat;
	padding:6px 12px;
	border-bottom:1px solid #CCC;
}
.boxcaption h3 {
	font-size:12px;
	font-family:"Calibri","sans-serif", arial, helvetica;
	letter-spacing:0em;
}
.box {
	background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat;
	padding:8px 12px;
	margin-bottom:10px;
}

.box p {
	margin-bottom:10px;
}
.box ul {
	padding-left:12px;
}

.messagebox, 
.errorbox {
	background:#EDEFF0 url(img/messagebox.gif) no-repeat;
	padding:0 12px;
	height:27px;
	line-height:27px;
	font-size:11px;
}

/* static END */

/* layout START */
#wrap {
	background:url(img/light.gif) center top no-repeat;
	padding:20px 0;
}
#container {
	margin:0 auto;
	width:936px;
}
/* layout END */

/* header START */
#header {
	background:url(img/header_footer.png) 0 0 no-repeat;
	height:152px;
}
#caption {
	height:65px;
	padding:25px 30px 21px;
}
#title a {
	text-decoration:none;
	color:#FFF;
	/*width:250px;*/
	height:30px;
	display:block;
	font-family:"Calibri","sans-serif", arial, helvetica;
}
/* image blog title */
/*
#title a {
	background:url(img/title.gif) no-repeat;
	text-decoration:none;
	color:#FFF;
	width:250px;
	height:30px;
	display:block;
}
*/
#tagline {
	color:#FFF;
	border-top:1px solid #FFF;
	text-decoration:none;
	font-size:12px;
	float:left;
	padding:0 3px;
}
#navigation {
	margin:1px 0;
}
#menus li {
	display:inline;
	list-style:none;
}
#menus li a {
	background:transparent url('img/menu.gif') no-repeat;
	display:block;
	color:#382E1F;
	height:31px;
	line-height:31px;
	padding:0 20px;
	margin-left:-10px;
	text-decoration:none;
	font-size:12px;
	float:left;
	z-index:1;
}
#menus li a:hover {
	background-position:0 -31px;
	color:#fff;
		font-family:arial, helvetica, "sans-serif";
}
#menus li.current_page_item a, 
#menus li.current-cat a {
	background-position:0 -62px;
}
#menus li a.home {
	background-position:0 -93px;
	width:45px;
	padding:0;
	margin-left:0;
	text-indent:-999em;
}
#menus li a.home:hover {
	background-position:0 -124px;
}
#menus li.current_page_item a.home {
	background-position:0 -155px;
}
#menus li a.lastmenu:hover {
	background-position:0 0;
}
#searchbox {
	width:280px;
	float:left;
	padding:4px 10px;
}
#searchbox .textfield {
	line-height:16px;
	width:180px;
	float:left;
}
#searchbox .switcher {
	background:url(img/icons.gif) 0 0 no-repeat;
	float:left;
	width:18px;
	height:22px;
	line-height:16px;
	display:block;
	text-indent:-999em;
	padding:0 2px;
	height:16px;
	margin-top:3px;
}
/* header END */

/* submenu START */
#menus li ul {
	display:none;
	background:#F4F5F7;
	border:1px solid #CCC;
	border-top-color:#A6A6A6;
	padding:0 5px;
}
#menus li li {
	float:none;
	margin:0 !important;
	margin:0;
	padding:0;
	display:block;
	list-style:none;
}
#menus li li a {
	float:none;
	display:block;
	padding:5px;
	text-decoration:none;
	width:220px;
	font-size:12px;
	border-style:solid;
	border-color:#DDD;
	border-width:1px 0 0;
	margin:0;
	background-image:none;
	height:20px;
	line-height:20px;
}
#menus li li.first a {
	border-top:none;
}
#menus li li a:hover {
	font-family:arial, helvetica, "sans-serif";
	background: #ff8d35;
}
/* submenu END */


td.highlight
{border-bottom:1px dotted #ccc;}

table.highlight
{border-left:1px solid #ddd;
 border-top:1px solid #ddd;
 border-right:2px solid #bbb;
 border-bottom:2px solid #bbb;}

tr.highlight:hover, td.hightlight:hover
{background-color: #f8f8f8;cursor:pointer;}

a.highlight:visited, a.highlight:link
{text-decoration:none;}

a.highlight:hover
{background-color: #ff8d35;color:#fff;}

a.highlight:active
{color:#000;font-weight:bolder;font-decoration:underline;}

.ramtabell
{border-left:1px solid #ddd;
 border-top:1px solid #ddd;
 border-right:2px solid #bbb;
 border-bottom:2px solid #bbb;}

.minp { width: 120px; }

.linp { width: 350px; } 
.slinp { width: 300px; } 

INPUT, TEXTAREA, SELECT
{
	background:#FFF url(img/dropShadow.jpg) top left;
	padding:2px 2px 2px 4px;
	border: 1px solid #ddd; 
	font: 12px arial,helvetica; color: #000000; 
	-moz-border-radius: 9px;
     	-webkit-border-radius: 9px;
     	border-radius: 9px;
	outline:none;
	behavior: url(http://spelkalender.se/border-radius.htc);
}
INPUT[type=submit]
{
	background:#FFF url(img/knappbakgrund.png) top repeat-x;
	padding:2px 7px;
	border: 1px solid #888; 
	font: 12px arial,helvetica; color: #000000;
	font-weight:bolder;
	height:22px; 
	-moz-border-radius: 9px;
     	-webkit-border-radius: 9px;
     	border-radius: 9px;
	behavior: url(http://spelkalender.se/border-radius.htc);
}



INPUT:hover[type=submit]
{cursor:pointer;background:#fff none;}


.obligatoriskt {color:#000;font-style: italic;border-bottom:1px dotted #ccc; text-align:center;};


.eminp { width: 220px;}

.elinp { width: 420px;}

.sinp { width: 52px;}


.rundadruta
{
border-left:1px solid #ddd;border-top:1px solid #ddd;border-right:2px solid #bbb;border-bottom:2px solid #bbb;
	-moz-border-radius: 10px;
     	-webkit-border-radius: 10px;
     	border-radius: 10px;
}

.guest
{padding-left:10px;}

span.dsq-widget-comment {font-weight:bold;}



INPUT:hover, TEXTAREA:hover, SELECT:hover {background-image:none;background: #ff8d35;color:#fff;}
INPUT:focus, TEXTAREA:focus, SELECT:focus {border:1px solid #000000;}
INPUT:focus:hover,TEXTAREA:focus:hover,SELECT:focus:hover {background: #fff;color:#000;border:1px solid #000;}
