/* CSS Document */

.Rubrik1{text-transform:uppercase;color:#000;font-size: 24px;font-weight: normal;line-height: 26px;}

.Rubrik2{text-transform:uppercase;color: #000;font-size: 18px;font-weight: normal;line-height: 20px;}

.Rubrik3{text-transform:none;color: #000;font-size: 14px;font-weight: normal;line-height: 16px;}

.Kursiv{font-style:italic;}

.Fetstil{font-weight:bold;}

.Border_1{border:1px #8A8A8A solid;}

.Border_2{border:2px #8A8A8A solid;}

.Border_3{border:1px #8A8A8A dotted;}

.WhiteText{color:#fff;}

.BlackText{color:#000;}

.RedText{color: #C40000;}

.YellowText{color: #FFFF00;}

.TextColor{color:#8A8A8A;}

.LunchRubrik3{text-transform:uppercase;color: #FF6600;font-size: 12px;font-weight: bold;line-height: 12px;}
.smalltext{font-size: 11px;}
.SmallRubrik3{text-transform:uppercase;color: #000000;font-size: 12px;font-weight: bold;line-height: 12px;}


.blackborder {
	border: 1px solid #434343;
}

.hiddentags {
	color: #FFFFFF;
}
.h2{color: #898989;
	font-size: 20px;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
	font-weight:200;}
.h3{color: #898989;
	font-size: 18px;
	font-family: "Trebuchet MS";
	font-weight:200;}
h2 {
	color: #898989;
	font-size: 20px;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
	font-weight:200;
}

a {
	color: C04047;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}

a:hover {
	color: C04047;
	font-weight: normal;
	font-size: 13px;
	text-decoration: underline;
}



.Searchfield {
	border: 1px solid #C6C7C6;
	font-size: 12px;
	padding: 2px;
	width: 100;
	height: 20;
	color:#868686;
}

.news_headline {
	font-weight: bold;
	font-size: 12px;
	color: 434343;	
}

.news_ingress {
	color: 434343;
	font-size: 11px;
}

.newspadding {

	padding-left:5px;
	padding-right:5px;
}

.news_link {
	color: 2873CD;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
.news_link:hover {
	color: 2873CD;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

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

table{
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: 434343;
}

/* ######### LAYOUT ########## */
body {
	background-color:#ffffff;
	background-image: url(images/bg.gif);
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	height:100%;
	font-family: Trebuchet MS;
	font-size: 13px;
	color: 434343;
  }

div.Container {
	position:relative;
	width:866px;
	height:400px;
	margin: 0 auto;
	height:inherit;
	text-align: left;
	border:0px #f00 solid;
	
	
}
div > .Container{height:auto;}
div.headcontent{
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	width:892px;
	height:220px;
	border:0px #0f0 dashed;
	
	/*background:#F00;*/
}
div.lefthead{
float:left;
marin:0px;
padding:0px;
width:40px;
height:230px;
background-image:url(images/em_03.jpg)
}
div.Head {
	background-image:url(images/head.jpg);
	background-repeat: no-repeat;
	position:relative;
	width:780px;
	height:229px;
	float: left;
	margin:0px;
	top:0px;
}
div.righthead{
float:left;
marin:0px;
padding:0px;
width:40px;
height:230;
background-image:url(images/em_01.jpg);

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

div.noindex{
	position:absolute;
	top: 0px;
	left:0px;
	width:0px;
	height:0px;
	color:#CCCCCC;
}

div.Componentholder{
	position:relative;
	top: 0px;
	left:0px;
	width:0px;
	height:0px;
	z-index:20;
}

div.Menuholder {
	position:absolute;
	width:780px;
	height:30px;
	left: 40px;
	top: 0px;
}

div > div.Menuholder {
	left: 0px;
}

div.Search {
	position:absolute;
	width:200px;
	height:30px;
	left: 690px;
	top: 33px;
}
img.bio{
position:relative;
left:0px;
}
.Languages {
	position:absolute;
	width:70px;
	height:14px;
	left: 706px;
	top: 261px;
	visibility:hidden;
}

.Sitemap {
	position:absolute;
	width:70px;
	height:14px;
	left: 795px;
	top: 5px;
}

div.Content {
	background-image:url(images/contentback.jpg);
	background-repeat:repeat-y;
	position:relative;
	width:860px;
	float: left;
	display: block;
	/*background:#fff;*/
	margin:0px;
	border: 0px;
	padding: 0px;
	top: -1px;
	height:100%;
	border:0 #f00 dashed;
	display: inline;
	
}
div > .Content{
	top:0px;
	height: auto;
}
div.contentholder{
	position:relative;
	width:860px;
	
	float: left;
	display: block;
	margin:0px;
	border: 0px;
	padding: 0px;
	top: 0px;
	height:400px;
	background-image:url(images/bg.gif);
	text-align:center;
	
	
}
div > .contentholder{
	width:862px;
	top:9px;
	height: auto;
}
div.leftinfo{
position:relative;
display:block;
float:left;
/*background-image:url(images/left_info_bg.jpg);
background-repeat:repeat-y;*/
width:40px;
/*height:100%;*/

}
div > .leftinfo{height:100%;}
div.subhead{
	float:left;
	width:700px;
	text-align:left;
	margin: 20px 40px 0 40px;
	height: auto;
}
div.subhead h2{padding-left:70px;padding-top:20px; width:600px; margin-bottom:0px; padding-bottom:0px; margin-top:20px;}
div.leftmaininfo{
position:absolute;
z-index:-10;
position:relative;
display:block;
background:#fff;
width:200px;
float:left;
padding-left:25px;
padding-top:20px;
padding-right:0px;
visibility:hidden;
}
div.leftstartpage{
position:relative;
display:block;
background:#fff;
width:200px;
float:left;
padding-left:25px;
padding-top:20px;
padding-right:0px;
}
div > .leftstartpage{width:175px;}
div.leftmaininfo#subpage{width:365px;padding-left:35px;}
div > .leftmaininfo{width:175px;}
div > .leftmaininfo#subpage{width:325px;}
div.infoStartpage{
	position:relative;
	display:block;
	background:#fff;
	float:left;
	background-repeat:no-repeat;
	width:550px;
	height:400px;
	margin:0px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 25px;
	padding-bottom: 0px;
	border:#00f 0px dashed;
	text-align:left;
}
img.indexrub{
position:relative;
left:-20px;
text-align:left;
}
div > .infoStartpage{width:520px;padding-left:30px;}

div.rightinfo{
position:relative;
display:block;
float:left;
/*height:100%;*/
/*background-image:url(images/right_info_bg.jpg);
background-repeat:repeat-y;*/
width:40px;

}
div > .rightinfo{height:100%;}


div.leftinfo1{
	width:238px;
	height: auto;
	float: left;
	margin-right: 20px;
}
div > .leftinfo1{
	width:238px;
	height: auto;
	float: left;
	margin-right: 20px;	
}

div.leftinfoMeny{
padding: 5px;
	background-image:url(images/bio_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
font-size: 11px;
color:#000;
}

div > .leftinfoMeny{
		padding: 5px;
	background-image:url(images/bio_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
font-size: 11px;
color:#000;
}


div.leftinfoBIO{
padding: 5px;
	background-image:url(images/bio_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
font-size: 11px;
color:#000;
}

div > .leftinfoBIO{
		padding: 5px;
	background-image:url(images/bio_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
font-size: 11px;
color:#000;
}


div.leftinfoBIO a{

font-size: 11px;

}

div > .leftinfoBIO a{

font-size: 11px;

}

div.leftinfoBIO a:hover{

font-size: 11px;

}

div > .leftinfoBIO a:hover{

font-size: 11px;

}

div.info{
	width:410px;
	height: auto;
	float: left;
	margin-left: 20px;
}
div > .info{
	width: 410px;
	height: auto;
	float: left;
	margin-left: 20px;
}


div.Nyhetsbrevet{
	width:410px;
	height: auto;
	float: right;
	margin-left: 20px;
}
div > .Nyhetsbrevet{
	width: 410px;
	height: auto;
	float: right;
	margin-left: 20px;
}


div.sitemapinfo{ padding-left:60px; width:650px; text-align:left;}
div > .sitemapinfo{width:700px;height:100%;}
div.sitemapinfo h2{position:relative;left:30px;}
.cssprintversion{
	position:relative;
	top:0px;
	left:620px;
	width:24px;
	height:24px;
	background-image:url(images/printer.gif);
	background-repeat:no-repeat;
	background-position:center;
}

div.News{
	float:left;
	background-image: url(images/news_bg.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	width:253px;
	height:100%;
	display: block;
	margin:0px;
	
}

div > div.News{
	width:253px;
}

div.Newshead {
	position:relative;
	width:253px;
	height:85px;
	float: left;
	margin:0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}

div > div.Newshead{
	width:253px;
	height:75px;
}

div.Newsitemholder {
	position:relative;
	width:253px;
	height:auto;
	float:left;
}

div > div.Newsitemholder{
	width:253px;
}

.Newsitem {
	position:relative;
	width:440px;
	height:auto;
	float:left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	padding-bottom: 8px; 
	margin:0px;
	top: 0px;
	cursor:hand;
	z-index:1;
/*	background-image: url(images/news_item_bg.png);
	background-position:left bottom;*/
	text-decoration: none;
}

div > div.Newsitem{
	width:253px;
}

.Newsitem:hover {
	background: url(images/news_item_bg_hover.png) repeat-y;
	position:relative;
	width:440px;
	height:auto;
	float:left;
	margin:0px;
	top: 0px;
	cursor:hand;
	z-index:1;
	text-decoration: none;
}

div > div.item:hover{
	width:253px;
}
div.leftfoot{
	position:absolute;
	z-index:-10;
	float:left;
	background-image:url(images/left_foot.jpg);
	background-position:bottom;
	width:40px;
	height:89px;
	top:-1px;
	clear:left;
	visibility:hidden;
}
div > .leftfoot{top:0px;}
div.Footer {
	position:relative;
	background:#FFFFFF;
	background-image:url(images/foot1.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:860px;
	height:94px;
	float: left;
	top: -1px;
	text-align:center;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	border:0px #f00 solid;
}
div > .footer{width:800px; height:69px; top:0px;padding-left:60px; }
div.rightfoot{
	position:absolute;
	z-index:-10;
	float:left;
	background-image:url(images/right_foot.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:40px;
	height:89px;
	top:-1px;
	visibility:hidden;
}
div > .rightfoot{top:0px;}
div.clearboth{
clear:both;margin:0px;padding:0px;
}
/* ######### SLUT LAYOUT ########## */


/* ######### BREADCRUMBS ########## */
.breadcrumbs_space{background-image:url("images/arrow.png");background-repeat: no-repeat; background-position: 60% 25%;margin:0px; width:20px;behavior: url(iepngfix.htc);}
.breadcrumbs{
	position:absolute;
	top:240px;
	left:80px;
	width:400px;
}
div > span.breadcrumbs_space{padding-left:20px;}
div > div.breadcrumbs{
	top:240px;
	left: 80px;
	position: absolute;
	width: 400px;
}
.breadcrumbs {
	text-decoration: none; color:#909090; font-size: 11px;
}
.breadcrumbs a{
	color: #C04047;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
.breadcrumbs a:hover{
	color: #C04047;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}
/* ######### SLUT BREADCRUMBS ########## */


/**###############################################################################################################################################################################################****MENU****#####################################################################*/


/**-------------------------------------------Menu-Generellt--------------------------------------------------------**/

ul.Menu li {
	padding:0px 0px 0px 0px;
	vertical-align: 0%;
	word-spacing: 0em;
	white-space: nowrap;
	display: inline;
	float:left;
	text-align:left;
	}
/*Mellanrum, liststil*/
ul.Menu li{position: relative; width:10px; list-style-type: none; margin: 0px; padding-right:20px; display:block; padding-bottom:6px;}
ul.Menu ul#level2 li{padding-right:0px; padding-bottom:0px;}

/*Firefox specifik*/
ul.Menu > li{margin:0px;padding-right:10px;width:auto; padding-bottom:4px;}
/*ul marginal*/
ul.Menu, ul.Menu ul{margin:0px;}
/*position för underliggande meny i förhållande till ul.Menu*/

/* -----------  OBS! OBS! HÄR ÄNDRAR MAN FÖR VERTIKAL ELLER HORISONTELL! ----------------- */
ul.Menu ul#level2 {position:absolute; top: 100%; left:0px; margin:0px;}
ul.Menu ul#level3 {position:absolute; left: 100%; top:0px; margin:0px;}
/* Firefox */
ul.Menu li > ul {display: none; position: relative; top:100%; left:0px;padding:0px; }
ul.Menu li > ul >li>ul{display: none; position:absolute; top:0px; left:100%;}
ul.Menu li:hover > ul { display: block;}
/* -----------  SLUT VERTIKAL ELLER HORISONTELL! ----------------- */

/*Tomma länkar i CSS meny*/
ul.Menu li a#nolink{ cursor:default;}
/*Höjd,radbyte,mellanrum för elementet a i CSS menyn*/
ul.Menu li a {height:22px; display: block; white-space:nowrap;  padding:5px 20px 0px 10px; text-decoration: none;}
ul.Menu > li a{height:19px;}
div > ul.Menu ul{ padding-top:2px;}
/**-------------------------------------------Slut Menu-Generellt---------------------------------------------------**/

/**#################################################################################################################**/

/**-------------------------------------------Första nivån start----------------------------------------------------**/
/**ul bakgrund**/
ul.Menu{ background-image:none;}
/**li bakgrund**/
ul.Menu li{ background-image:url("images/spacer.gif");height:22px;}
/**fonter och storlek**/
ul.Menu li a{color:#fff; font-weight:bold; font-family: Trebuchet MS; font-size: 13px; text-transform: uppercase; text-decoration:none;}
/** hover **/
ul.Menu li a:hover,ul.Menu li#submenu a:hover{color:#fff;text-decoration: underline; cursor:hand; font-weight:bold;}
ul.Menu li#submenu a.CSStoHighLink{color:#fff;text-decoration:none; font-weight:bold;} 
/** #submenu hover. Här kan man lägga in en pil i bakgrunden för att visa att det finns undermenyer **/
/**-------------------------------------------Första nivån stop-----------------------------------------------------**/

/**#################################################################################################################**/

/**-------------------------------------------Andra nivån start**/
/**ul bakgrund**/
ul.Menu ul#level2{ background-image:none; }
/**li bakgrund**/
ul.Menu ul#level2 li{width:100%;background-image: url(images/menu_transp.png);font-size: 11px; border-top:solid 1px #E1E1E1;}
/**fonter och storlek**/
ul.Menu ul#level2 li a{color:#fff; font-weight: bold; font-family: Trebuchet MS; font-size: 11px; text-transform: uppercase; text-decoration:none;}
/** hover **/
ul.Menu ul#level2 li a:hover,ul.Menu ul#level3 li a.CSStoHighLink{color:#434343;text-decoration:none; background:#E1E1E1;font-size: 11px;}
/** #submenu hover. Här kan man lägga in en pil i bakgrunden för att visa att det finns undermenyer **/
ul.Menu ul#level2 li#submenu a:hover,ul.Menu ul#level2 li#submenu a.CSStoHighLink{color:#fff;text-decoration:underline;font-size: 11px;} 
/**-------------------------------------------Andra nivån stop**/

/**#################################################################################################################**/

/**-------------------------------------------Tredje nivån start**/
/**ul bakgrund**/
ul.Menu ul#level3{ background-image:none;}
/**li bakgrund**/
ul.Menu ul#level3 li{width:100%;background-image: url(images/menu_transp.png); border-bottom:solid 1px #fff;}
/**fonter och storlek**/
ul.Menu ul#level3 li a{color:#fff; font-weight: normal; font-family: Trebuchet MS; font-size: 11px; text-transform: uppercase; text-decoration:none;}
/** hover **/
ul.Menu ul#level3 li a:hover,ul.Menu ul#level3 li a.CSStoHighLink{color:#434343;text-decoration:none;background:#E1E1E1;font-size: 11px;}
/** #submenu hover. Här kan man lägga in en pil i bakgrunden för att visa att det finns undermenyer **/
ul.Menu ul#level3 li#submenu a:hover,ul.Menu ul#level3 li#submenu a.CSStoHighLink{color:#fff;text-decoration:underline;background-color:#E1E1E1;font-size: 11px;} 
/**-------------------------------------------Tredje nivån stop**/
/**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 {display:block;}
/*andra nivån*/
ul.Menu ul li:hover, ul.Menu ul li.CSStoHighlight {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**/ 


div.poweredby{position:relative;color:#fff;font-size:11px; height:5px; text-align:center;top:30px;}
div.poweredby table{font-size:11px; margin:0px 0px 0px 0px; width:770px;}
div.poweredby a,div.poweredby a:hover{color:#fff;font-size:11px;}
div > .poweredby{margin-top:0px; top:5px;}
div.poweredby{border:0px #0f0 solid;}



table.infobox{
position:relative;
top:0px;
left:-10px;
width:110%;
border:1px #C04047 solid;
BORDER-COLLAPSE: collapse;
font-size:11px;
}

.infobox td{ padding:10px;}
table > .infobox{width:100%; height:400px;}
.NyhetsbrevSMSLink, .NyhetsbrevSMSLink:hover{
font-size:11px;
}
.input{
	border: 1px solid #C6C7C6;
	font-size: 12px;
	padding: 2px;
	width: 150;
	height: 20;
	color:#868686;
}

div{
	border:0px #f00 dashed;
}