/* CSS Document */

.hiddentags {
	color: #FFFFFF;
}

h2 {
	color: 52a4c4;
	text-transform: uppercase;
}

a {
	color: 52a4c4;
	text-decoration: underline;
}

.Searchfield {
	border: 1px solid #C6C7C6;
	font-size: 12px;
	padding: 2px;
	width: 150;
	height: 20;
	color:#868686;
}
.homelink{
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:100px;
	cursor:hand;
}

.news_headline {
	font-weight: bold;
	font-size: 16px;
	color: 025678;	
}

.news_ingress {
	color: 636363;
}

.news_link {
	color: 52a4c4;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.news_link:hover {
	color: 52a4c4;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

.SearchHighlight { 
	color: #BC0504; font-weight:bold;
}


/* ######### LAYOUT ########## */
body {
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	height:100%;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: 636363;
  }

div.Container {
	position:relative;
	width:764px;
	margin: 0 auto;
	height:inherit;
	text-align: left;

}
div.Search {
	position:relative;
	width:200px;
	height:30px;
	left: 540px;
	top: 11px;	
}

.Languages {
	position:relative;
	width:100px;
	height:14px;
	left: 625px;
	top: 27px;
}
div > div.Languages
{
	top:73px;
}
div.Head {
	background-image: url(images/Head.jpg);
	background-repeat: no-repeat;
	position:relative;
	width:766px;
	height:323px;
	float: left;
	margin:0px;
}

div.Head_subpage {
	background-image: url(images/Head_subpage.jpg);
	background-repeat: no-repeat;
	position:relative;
	width:766px;
	height:323px;
	float: left;
	margin:0px;
}

div.Head_eng {
	background-image: url(images/Head_subpage.jpg);
	background-repeat: no-repeat;
	position:relative;
	width:766px;
	height:323px;
	float: left;
	margin:0px;
}
div.Head_eng .Search {
	position:relative;
	width:200px;
	height:30px;
	left: 377px;
	top: 42px;	
}
div.Head_eng .Languages {
	position:relative;
	width:100px;
	height:14px;
	left: 625px;
	top: 57px;
}

div.noindex{
	position:absolute;
	top: 0px;
	left:0px;
	width:0px;
	height:0px;
	color:#ffffff;
}
div.Content {
	position:relative;
	width:766px;
	float: left;
	display: block;
	background-image: url(images/News.jpg);
	background-repeat: repeat-y;
	background-position: right;
	margin:0px;
	border: 0px;
	padding: 0px;
	top: 0px;
	height:100%;
}
div > div.content{top:0px;height:auto;}

div.Content_subpage {
	position:relative;
	width:766px;
	float: left;
	display: block;
	/*background-image: url(images/News.jpg);*/
	background-repeat: repeat-y;
	background-position: right;
	margin:0px;
	border: 0px;
	padding: 0px;
	top: 0px;
	height:100%;
}
div > div.content_subpage{top:0px;height:auto;}

div.info{
	float:left;
	width:499px;
	margin:0px;
	padding-top: 30px;
	padding-left: 35px;
	padding-right: 15px;
}
div > div.info{width:449px;}
div.info_subpage{
	float:left;
	width:766px;
	margin:0px;
	padding-top: 30px;
	padding-left: 35px;
	padding-right: 75px;
}

div.News{
	float:left;
	width:265;
	height:100%;
	display: block;
	margin:0px;
}
div > div.news,div > div.content,div > div.info{height:auto;}
div.Newshead {
	background-image: url(images/Newshead.jpg);
	background-repeat: no-repeat;
	position:relative;
	width:267px;
	height:90px;
	float: left;
	margin:0px;
	padding-left: 35px;
	padding-right: 15px;
	padding-top: 35px;
}
div.Newsitem {
	position:relative;
	width:267px;
	height:104px;
	float:left;
	padding-left: 35px;
	padding-right: 25px;
	margin:0px;
	top: -12px;	
}
div > div.Newsitem{width:220px;}
div.Footer {
	position:relative;
	width:766px;
	height:142px;
	float: left;
	margin:0px;
	top: 0px;
}

div.clearboth{
clear:both;margin:0px;padding:0px;
}
/* ######### SLUT LAYOUT ########## */



/* ######### BREADCRUMBS ########## */
.breadcrumbs_space{background-image:url("images/pil2.gif");background-repeat: no-repeat; background-position: 50% 25%;margin:0px; width:20px;}
.breadcrumbs{
	position:relative;
	top:228px;
	left:20px;
}
div.Head_eng .breadcrumbs{
	position:relative;
	top:258px;
	left:20px;
}
div > span.breadcrumbs_space{padding-left:20px;}
div > div.breadcrumbs{top:273px;}
.breadcrumbs {
	text-decoration: none; color:#636363; font-size: 11px;
}
.breadcrumbs a{
	text-decoration: none; color:#52a4c4; font-size: 11px;
}
.breadcrumbs a:hover{
	text-decoration: underline; color:#52a4c4; font-size: 11px;
}
/* ######### SLUT BREADCRUMBS ########## */



/* ######### CSS MENY ########## */

/** Alla LI formateras generellt här**/
/**--------------------------------------------------------------------------**/
ul.Menu li  { /*background:#9CB218; */
	padding:0px 0px 0px 0px;
	vertical-align: 0%;
	word-spacing: 0em;
	white-space: nowrap;
	display: inline;
	float:left;
	text-align:left;
	}
	
/**-------------------Slut generell formatering av li------------------------**/

/*Styr huvudmenyn med marginalen från vänster. Denna måste ligga efter ovanstående då senast satta gäller*/
ul.Menu, ul.Menu ul{margin:0px;}

/** Ta bort alla bollar mm från li elementen, sätter relativ positioneting och färgen på texten när man inte håller musen över border:0.5px 1px 0.5px 1px white solid;**/
ul.Menu li{position: relative; width:10px; list-style-type: none; margin: 0px; padding-left:1px; display:block;}
ul.Menu > li{margin:0px;padding:0px;width:auto;}

/*Tillägg för att IE inte ska pressaihop menyn då fält dyker upp till höger och left får inte vara mer än vad width är på ul.Menu*/
/*left: 190px;*/
ul.Menu li ul {position:absolute; top: 100%; left:0px; margin:0px;}
ul.Menu li ul ul{position:absolute; left: 100%; top:-1px; margin:0px;}

/* >Fungerar inte i IE5-6 men fungerar i Mozilla */
/*left: 200px;*/
ul.Menu li > ul {display: none; position: absolute; top: 100%; left:0px;}

/**Firefox använder det överliggande elementets bredd därmed 100%*/
ul.Menu li > ul >li>ul{display: none; position:absolute; top: 	100%; left:0px;}

/*Övriga läsare förstår:*/
ul.Menu li:hover > ul { display: block;}

/* Länkstilar  width: 100%;*/
/*Pilar som visar att det finns undermenyer*/
ul.Menu li a#nolink{}
ul.Menu li a {height:31px; display: block; white-space:nowrap;  padding:5px 10px 0px 10px; text-decoration: none;}
ul.Menu li ul li a {height:24px;}
ul.Menu li ul li{width:100%;}
ul.Menu > li > a{height:25px;}
ul.Menu > li > ul{padding:0px;}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++ Färger och position ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/**----------------------------------------------TYPSNITT---------------------------------------------------------*/
ul.Menu li{
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
	text-transform: uppercase;
}
ul.Menu UL li{
	font-weight: normal;
	font-family: Tahoma;
	font-size: inherit;
	text-transform: none;
}

/**----------------------------------------------Muspekare--------------------------------------------------------*/
ul.Menu,ul.Menu ul{cursor: default;}

/**----------------------------------------------position area----------------------------------------------------*/
ul.Menu,ul.Menu ul {position: relative; top: 133px; left:30px;}
span > ul.Menu{left:0px;}

/**----------------------------------------------forground area---------------------------------------------------*/
ul.Menu li a {color: #fff;}
/**BORDER LI**/
ul.Menu li{border-top:0px  white solid;}

/**FÖRGRUNDSFÄRG ANDRA NIVÅN**/
ul.Menu li ul{color:#fff;}
ul.Menu li ul li{color:#fff;} 
ul.Menu li ul li a{color:fff;}

/**KANT RUNT UL**/
ul.Menu li ul{border-right:solid 1px #fff; border-left:solid 1px #fff; border-bottom:solid 1px #fff;}

/**KANT MELLAN MENYVAL**/
ul.Menu ul li{border-top:solid 1px #fff;}

/**----------------------------------------------Background area--------------------------------------------------*/

/**BAKGRUNDSBILD FÖRSTA NIVÅN A**/
ul.Menu li#submenu a {background-image:url("images/spacer.gif");  background-repeat: no-repeat; background-position: right;margin:0px;}

/**BAKGRUNDSBILD ANDRA NIVÅN A**/
ul.Menu ul li#submenu a{background-image:url("images/spacer.gif");  background-repeat: no-repeat; background-position: right;margin:0px;}


/**BAKGRUND FÖRSTA NIVÅN**/
ul.Menu li{background-image:url("images/spacer.gif");}

/**BAKGRUNDSFÄRG ANDRA NIVÅN**/
ul.Menu li ul{background:none;}
ul.Menu li ul li{background-color:#A1BA24;}
ul.Menu li ul li a{background:none;}


/*BAKGRUNDSFÄRG TREDJE NIVÅN UL*/
ul.Menu li ul li ul{}
ul.Menu li ul li ul li{}
ul.Menu ul li ul li a{background:none;}

/**----------------------------------------------hover area-------------------------------------------------------*/
/**TEXTFÄRG NS, Mozilla*/
ul.Menu li:hover > a {color: #fff;}
/**BAKGRUNDSFÄRG NS/MOZILLA**/
ul.Menu li:hover > a {background-color:none;}

/**TEXTFÄRG FÖRSTA NIVÅN**/
ul.Menu li#submenu a:hover,ul.Menu li a:hover,ul.Menu li a.CSStoHighLink {
	color: #fff;
	filter: Shadow(Color=#708411, Direction=left);
}
ul.Menu li a#nolink{filter:none;text-decoration:none;cursor: default;}
/*TEXTFÄRG andra nivån hover*/
ul.Menu ul li#submenu a:hover,ul.Menu ul li a:hover,ul.Menu ul li a.CSStoHighLink{color:white;}

/*BAKGRUND andra nivån hover*/
ul.Menu ul li#submenu a:hover,ul.Menu ul li a:hover,ul.Menu ul li a.CSStoHighLink{background-color:708411;background-image:none;}
/*BAKGRUND första nivån hover*/
ul.Menu li#submenu a:hover,ul.Menu li a:hover,ul.Menu li a.CSStoHighLink {
	background-image: url(images/spacer.gif);
	background-repeat: repeat;
	cursor: hand;
}
/**-----------------------------------------------------------------------------------------------------------------**/

/**+++++++++++++++++++++++++++++++++++++++ Slut färger och position +++++++++++++++++++++++++++++++++++++++++++++++++*/




/**IE specifikt område
*#########################################################################################
**/
/*-------------------------------------------------------------------------------------------------*/
/*IE5-6 special: CSStoHighlight, CSStoShow, CSStoHighLink hanteras av behavior: url( IEmen.htc );*/
/*Första nivån ul.Menu li ul li {background:#99a5d2;}*/
ul.Menu li:hover, ul.Menu li.CSStoHighlight {background-color: none; color: #fff; display:block;}
/*andra nivån*/
ul.Menu ul li:hover, ul.Menu ul li.CSStoHighlight {background-color: none; color: #fff; display:block;}
ul.Menu ul.CSStoShow {display: block; }
ul.Menu li.CSStoColor{background-color:none;}
/*-------------------------------------------------------------------------------------------------*/

/*[if gt IE 5.0]><![if lt IE 7]>*/
/* Villkorskommentar gör denna endast synlig i IE5+ men syns i IE 7+ då CSS fungerar här */
ul.Menu li {behavior: url( IEmen.htc );}
/* Kopia av ovanstående deklaration med > , förutom left position vilken är fel */
ul.Menu ul{display: none; position: absolute; top: 100%; left:0px ; margin:0px; }
/*<![endif]><![endif]*/
/*####################################################################################*/

/*ul.Menu ul ul {filter:alpha(opacity=90); background-color:#A1BA24;}*/
/**070117 slut**/ 

ul.Menu {margin-bottom:0px;}
div{border:0px solid #00ff00;}
div.poweredby{position:relative;color:#666;font-size:9px; height:5px;}
div.poweredby{text-align:center;}
div.poweredby p{font-size:10px; margin:2px 0px 0px 0px; text-transform:uppercase;}
div.poweredby a,div.poweredby a:hover{color:#666;font-size:9px;}
div > .poweredby{margin-top:0px;}