/* This file needs to be saved in the UTF-8 format in order to handle EditMenuName attributes with non-english characters */

/* --- Divs used for page structure ---*/
body { color: #000000; margin: 0; padding: 5px 10px 10px 10px; background-color: #e3e8ee; /*text-align: center;*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; height: 100%; }
html { height: 100%; }
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0; padding: 0; color: #5A5A5A; }
h2, h3, h4, h5, h6 {  }
h1 { font-size: 150%; font-weight: bold;}
h2 { font-size: 120%; }
h3 { font-size: 100%; }
h4 { font-size: 95%; }
a { text-decoration: none; color: #0090FF; width: auto; }
a p { text-decoration: none; color: #0090FF; width: auto; }
a img{border:none;}
table { font-size: 100%;}  

/* För att göra "highlight" på aktiva länkar */
/* input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active */
a:focus, a:active
{ 
    background-color:#AFE3F7; 
    color: #000 !important; 
}

#calendar .row a.linkarrow
{
	float: none;
}

.row a.linkarrow, .rightcolWithImg a.linkarrow
{
	float: left;
}

a:hover { text-decoration: underline }
.auraltext { position: absolute; left: -900px; overflow: hidden; width: 0; }
.ingress { font-weight: bold; }
p {margin: 12px 0px; background-color:Transparent}
a.linkarrow { width: auto; background-image:url(/sll/images/arrow_blue.gif); background-position:0em 0.8em; padding-left: 8px; padding-top: 5px; background-repeat: no-repeat; display: block; font-weight: bold; }
a.linkarrownewwindow { width: auto; background-image:url(/sll/images/ikon_extern.gif); background-position:0em 0.7em; text-indent: 16px; padding-top: 5px; background-repeat: no-repeat; display: block; font-weight: bold; }
div.linkarrow { width: auto; background-image:url(/sll/images/arrow_blue.gif); background-position:0em 0.8em; padding-left: 8px; padding-top: 5px; background-repeat: no-repeat; display: block; font-weight: bold; }

.startpagenewslist div.linkarrow 
{ 
	background-position: 0 0.7em;
	margin-top: 0.1em;
}
.newwindow{	font-weight:normal;}
/*
a.linkarrow {PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 0.4em; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(../images/arrow_blue.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #196985; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none }
*/
#container { margin: auto; text-align: left; width: 100%; max-width: 940px; min-width: 750px; min-height: 350px; height: auto; background-color: #fff; }
#container_minimal{ margin: auto; text-align: left; width: 100%; height: auto; background-color: #fff; }

/* Sidhuvud */
#toplinks { width:100%; float: left; background-color: #fff; font-size: 90%; margin-top: 3px; font-weight:bold; }
#toplinks ul { margin:0.5em 0em 0em 0em; text-align:right; vertical-align: middle; }
#toplinks ul li { margin: 0; display: inline; padding: 0.1em 1.5em 0.1em 0.1em; }

a.toplink { color: #66778a; background-image:url(../images/arrow_blue.gif); background-position:left center; padding-left: 12px; background-repeat: no-repeat; text-decoration: none; }

#toparea {width: auto; height: auto; padding: 0px 0em 0em 1.5em; background-color: #fff; margin:0; }
#header { width: 100%; height:90px;margin-bottom:0; border: solid 0px black; }
#logoarea { float:left; margin: 11px 0px 0px 0px; background-color: Transparent; width: 40%; }

#quicksearcharea { float: right; height: 59px; width: 50%; margin-top: 0.7em; margin-bottom: 1em; padding-right: 1.6em; font-size: 90%; margin-right: 0em; text-align: right;
	background-image:url(../images/toning_huvud.png); background-position: right center; background-repeat: repeat-y;}
#quicksearcharea ul { margin: 0px 0px 5px 0px; color: #666666; padding: 0; }
#quicksearcharea ul li { display: inline; padding: 0em 7px 0em 5px; margin:0; }
#quicksearcharea ul li.first { margin: 0; padding: 0 8px 0 0; margin-right:0em; border-right: solid 1px #66778a; }
#quicksearcharea a { text-align: left; color: #66778a; margin:0; }
input.quicksearchinput { margin-right: 6px; width: 14.20em;}
#quicksearcharea .linkarea {text-align: left; float: right; width: auto; border: solid 0px black; margin-top: 1em; font-weight: bold;}

#topmenuarea { padding: 5px 15px 0px 15px; background-color: Transparent}
#topmenuarea #topmenu {background-color:#eef1f5; border:1px solid #a5afba;}
#topmenu ul { display:table; width:100%; margin: auto auto auto 0; padding:0; list-style-type: none; background-color:#eef1f5; }
#topmenu ul li { display:table-cell; margin: auto; padding: 0; font-weight: bold; border-right: 0px solid #a5afba; background-color: #eef1f5; background-image: url(../images/topmenu_sep_line.gif); background-position: left 50%; background-repeat: no-repeat;  }
#topmenu ul li.first { padding:0px 0px 0px 136px;background-image: none; }
#topmenu ul li a { display:block; color: #003468; text-decoration: none; text-align:center; padding: 8px 12px; }
#topmenu ul li.first a{ padding:8px 10px 8px 9px; }
#topmenu ul li.last { padding:0px 136px 0px 0px;border:none; }

/* Innehåll */
#maincontainer { width: auto; background-color: Transparent;margin: 10px 15px 5px 15px; height: 100%; border: solid 0px red }

	#maincontainersmaller { width: 726px; margin: 0px auto; }
		#maincontainersmaller h1 { margin:30px 0px;text-align:center;color:#003468; font:bold 36px verdana, arial, sans-serif; }

.quickSearchButton { width: 2.6em; }

	div#submenu	{ clear:both;
			  display:block;
			  width:726px;
			  height:20px;
			  margin:0px auto 13px 0px;
			  padding:4px 0px 0px 0px;
			  text-align:center;
			  background: url(../images/submenu.png) no-repeat 0px 0px; 	}

	div#submenu ul { margin:0px auto;
					 padding:0px;
					 list-style:none; }

	div#submenu li { display:inline;
	      		 margin:0px;
    	  		 padding:0px; }
 
	div#submenu a {	margin:0px;
					padding:0px 15px;
					color:#003468;
					text-decoration:none;
					font: bold 11px Verdana, Arial, sans-serif; }

	div#submenu a:hover { color:#6f7070; }
	div#submenu a.active { color:#6f7070; }

	div.maincontainersmallleft { float:left;
								 display:block;
								 width: 506px;
								 margin:0px 17px 0px 0px;
								 padding:0px; }

			div.maintext  { margin:0px;
      						padding:20px 0px; }
							

			div.maintext h2 { margin:0px;
							  padding:0px 0px 15px 0px;
							  color:#003468;
							  font: bold 14px Verdana, Arial, sans-serif; }
			div.maintext h3 { margin:0px; padding:0px 0px 15px 0px; color:#003468; font:bold italic 12px Verdana, Arial, sans-serif;}

			div.maintext p { margin:0px;
      						 padding:0px 0px 15px 0px;
							 color:#000;
							 font: 11px Verdana, Arial, sans-serif; }

			div.maintext a { color:#003468;
							 font: bold 11px Verdana, Arial, sans-serif; }

			div.maintext ul { margin:0px;
							  padding:0px;
							  list-style:none; }

				div.maintext li { margin:0px;
								  padding:0px 0px 10px 15px;
								  list-style:none;
								  background: url(../images/li.gif) no-repeat 0px 3px; }

	div.maincontainersmallright { float:left;
								  display:block;
								  width: 200px;
								  margin:0px;
								  padding:0px; }

		div.ruta { display:block;
				   width:168px;	
				   margin:0px 0px 3px 0px;
				   padding:16px 15px;
				   border:1px solid #d4d6da;
				   background:#f4f6f8; }

			div.ruta h2 {	margin:0px;
							padding:0px 0px 5px 0px;
							color:#003468;
							font: bold 14px Verdana, Arial, sans-serif; }
			div.ruta h3 {	font-style: italic; color:#003468; }

			div.ruta p {	margin:0px;
							padding:0px 0px 5px 0px;
							color:#000;
							font: 11px Verdana, Arial, sans-serif !important; }
			div.ruta a {	color:#003468;
							font: bold 11px Verdana, Arial, sans-serif; }
							
			div.ruta ul { margin:0px;
						  padding:0px;
						  list-style:none; }
						  
				div.ruta li { margin:0px;
							  padding:0px 0px 10px 15px;
							  list-style:none;
							  background: url(../images/rellink.gif) no-repeat 0px 3px;  }

div.startruta { float:left;
				display:block;
				width:232px;
				height:155px;
				margin:0px 14px 12px 0px;
				padding:0px; }
div.startruta2 { float:left;
				display:block;
				width:232px;
				height:155px;
				margin:0px 0px 12px 0px;
				padding:0px; }

div.startruta3 { float:left;
				 display:block;
				 width:200px;	
				 height:131px;
				 /*margin:0px 0px 3px 0px;*/
				 
				 margin:0px 14px 12px 0px;
				 padding:11px 15px;				 
				 border:1px solid #bdcad8;
				 background:#fff; }	
				 
	div.startruta3 p { line-height:16px !important;
					   color:#003468;
					   font: bold 13px Verdana, Arial, sans-serif;		 }
					   
div.flash { display:block;
			margin:0px 0px 0px -40px;
			position:relative;
			z-index:5000; }
div.jeopardyknapp { float:right;
					display:block;
					height:42px; }
	
div.start h2 { margin:30px 0px;text-align:center;color:#003468; font:bold 30px verdana, arial, sans-serif; }
div.ar2011 { padding:20px 0px 40px 0px;
			 text-align:center; }					   

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.ruthojd {
	min-height:113px; 
	height:auto;
}
/* for Internet Explorer */

* html .ruthojd {
	height: 113px;
}