@charset "utf-8";
/* CSS  */

/* TIPS!!! : för att fixa till IE margin buggen lägg till display = inline; på det elementet som är galet */ 


/* Koden under gör så att allt nollställs */ 
*, table, tr, td, img, hr, input, select, textarea, button, iframe, embed, object
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
}
/* Den här gör så att scrollbaren alltid visas trots att det inte finns någon scroll, detta för att man inte ska uppleva ett hopp mellan en sida som har scroll och en som inte har i Mozilla */
html
{
	overflow-y: scroll;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/* Det här är för att ta bort alla dekorationer på vanliga länkar och gör dem svarta från början */
a, a:link, a:visited, a:hover 
{
	text-decoration: none;
	color: #000000;
}
/* Rubriktaggar för brödtext */
h1 
{
    font: 20px Verdana, Arial, Helvetica, sans-serif;
    color:#126fa0;
}
h2 
{
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color:#404040;
}
h3 
{
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color:#404040;
}
h4 
{
    color:#404040;
}
h5 
{
    color:#404040;
}
h6 
{
    color:#404040;
}
/* Brödtext */
.Normal, .NormalDisabled
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #404040;
}

/* Listtaggar för brödtext ska ge special tecken istället för de vanliga  */
.Normal ul {
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
}
.Normal ul li 
{
    list-style:none;
}
.Normal ul li:before {
color:#126fa0;
font-weight:bold;
content: "\00BB \0020";
}

/* Länkar i brödtexten */
.Normal a:link,a:visited 
{
    
  /*  font-size: 10px; */
    color:#126fa0;
    font-weight:bold;  
}
.Normal a:hover
{
    /*  font-size: 10px; */
    color:#126fa0;
    font-weight:bold;   
    text-decoration: underline;
    }

body
{
	background: url(images/bg.jpg) repeat-x #1371a1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrap
{
	margin: auto;
	width: 961px;
	background-color: #FFFFFF;
}
.push
{
	width: 900px;
	height:1px;
	clear: both;
}

/* Skuggan runtomrking och den förlängda toppen */

#bg_wrap
{
	width: 971px;
	height: auto !important;
	background: url(images/bg_skugga.png) repeat-y;
	margin: auto;
	padding: 0;
}
#bg_top
{
	width: 971px;
	margin: auto;
	background: url(images/top.png) no-repeat;
	height: 121px;
	margin-top: 31px;	
}
#bg_top_en
{
	width: 971px;
	margin: auto;
	background: url(images/top_en.png) no-repeat;
	height: 121px;
	margin-top: 31px;	
}


/* Toppen av sidan och de olika delarna för toppen */
#top 
{
	width: 961px;
	height: 116px;
	margin: auto;
	padding: 5px 0 0 0;
	background: none;
}
#logo 
{
	float: left;
	width: 138px;
	height: 52px;
	margin: 20px 0px 0px 50px;
	display: inline;
	background: none;
}
/* Här är top menyn (Huvudmenyn) */
#topmenu
{
	width: 750px;
	height: auto;
	float: right;
	margin: 44px 0px 0px 0px;
	padding: 0;
	background: none;
	text-align:right;
	
}

#topmenu li
{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;	
}
.CSSContainerRoot
{
    float: left;
	width: auto;
	/*padding: 0px 10px 0px 0px;	 */
	padding: 5px 10px 5px 0px;	
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	outline: 0;
	text-transform: uppercase;
    }
    
    .First_Child Level_0
    {
        display:none;
        }
    
.DNNNodeHover
{
    float: left;
	width: auto;
	/*padding: 5px 10px 5px 0px;	*/
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	outline: 0;
	text-transform: uppercase;
    background-color: Transparent;
    background: url(images/meny_glow.png);
    background-position:center center;
    background-repeat:no-repeat;
/*background-color: #fff;*/ 
}

#topmenu a
{
	float: left;
	width: auto;
	/*padding: 0px 10px 0px 0px;	 */
	padding: 5px 10px 5px 0px;	
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	outline: 0;
	text-transform: uppercase;
}
.linklabel { color: #ffffff; }
#topmenu a:link { color: #ffffff; }
#topmenu a:visited { color: #ffffff; }
#topmenu a:hover  
{
    float: left;
	width: auto;
	padding: 5px 10px 5px 0px;	
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	outline: 0;
	text-transform: uppercase;
    background-color: Transparent;
    background: url(images/meny_glow.png);
    background-position:center center;
    background-repeat:no-repeat;
/*background-color: #fff;*/ 
    
    }
#topmenu a.meny_a { color: #ffffff;}
/*top menyn slutar */

/* Andra top menyn börjar, där man kan lägga sök, språk osv */

#top_lang
{
	float: right;
	width: 580px;
	height: 32px;
	background: none;
	margin-top: 20px;
	color: #ffffff;
	text-align: right;
	padding-right: 0px;
	
	}
    #top_lang_table 
    {
          text-align:right;
          float:right;
          width: 565px;
          
       }
  .top_lang_cell_lang
  {
    text-align: right;
    width: 80px;
    }
  .top_lang_cell_search
  {
    text-align: right;
    width: 150px;
    text-align:left;
    }

/* Länkarna i översta menyn */
#top_lang a
{
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
	text-decoration: none;
}
/* Separatorn i översta menyn */
#top_lang .menuseparator
{
    font-size: 8px;
    font-weight:normal;
    color: #fff;
}

/* Nyheter */ 
#news
{
	width: 961px;
	height: auto;
	background: url(images/news.jpg) repeat-x #FFFFFF ;
	float: left;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: gray;
    margin-top:3px;
}
#news a
{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: gray;
    text-decoration:none;
}

/* Breadcrumbs */
#breadcrumbs 
{
    font: 9px Verdana, Arial, Helvetica, sans-serif;
	width: 961px;
	height: 28px;
	background: #FFFFFF;
	float: left;
	color: #404040;
}

#breadcrumbs a, a:hover
{
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
	color: #404040;
}
/* DotNetNukes Breadcrumb kontroll */
#dnnBREADCRUMB
{
    font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #404040;
}	
.crumbs a, a:hover
{
    font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #404040;
}
/* Mitten av sidan */ 
#content
{
	width: 963px;
	float: left;
	background: none;
	display: inline;
	padding: 0;
	margin: 0;
}

/* Vänster spalten */
#content_left
{
	float: left;
	width: 198px;
	background: none;
	height: auto !important;
	/*height: 100%;
	min-height: 378px; */
	background: url(images/left.jpg) repeat-x #FFFFFF;
	display: inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
	text-align:left;
	
}
.box_left
{
	float: left;
	width: 168px;
	/*padding: 15px;
	background: transparent;
	height: 200px;*/
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}


/* Höger spalten */
#content_right 
{
	float: left;
	width: 755px;
	background: none;
	height: auto !important;
	height: 100%;
	min-height: 378px;
	background: #FFFFFF;
	display: inline;
}
.box_large
{	
	float: left;
	width: 735px;
	background: none;
	padding: 0px 3px 0px 2px;
	display: inline;
	height: auto !important;
	height: 200px;
	min-height: 200px;
}
.box_singlepane
{	
	float: left;
	width: 745px;
	background: none;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	display: inline;
	height: auto !important;
	height: 200px;
	min-height: 200px;

}
.box_singlepane2
{	
	float: left;
	width: 745px;
	background: none;
	padding: 0px 9px 0px 9px;
	
	display: inline;
	height: auto !important;
	height: 200px;
	min-height: 200px;

}
.box_right_left
{
	width: 535px;
	float: left;
	padding: 10px 8px 0px 5px;
	display: inline;
}
#contentspacer 
{
    border-style:none;
    height:2px;
    width:550px;
    }
.box_right_right
{
	width: 200px;
	float: left;
	padding: 10px 5px 0px 0px;
	display: inline;
}

/* Botten */

#botten
{
	width: 971px;
	height: 95px;
	padding: 0;
	margin: auto;
	background: url(images/bottom.png) no-repeat;
}

/* Div för "Villkor" och "Integritet" inuti #botten, som drar åt vänster */
#botten1
{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: #126fa0;
	text-decoration: none;
	padding: 0;
	margin:10px 0 0 15px ;
    float:left;
}
#botten1 a,a:hover
{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: #126fa0;
	text-decoration: none;

}
/* Div för adress och telefonnummer inuti #botten, som drar åt höger */
#botten2
{
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: #126fa0;
	text-decoration: none;
	padding: 0;
	margin:10px 15px 0 0;
	float: right;
}

/* DNN kontroll för Villkor */
#Villkor
{
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: #126fa0 ;
   	text-decoration: none;   
    }
#Integritet
{
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: #126fa0 ;
   	text-decoration: none;   
    }
 /* DNN klass för villkor och integritet */
.CSSTerms
{
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    color: #126fa0 ;
   	text-decoration: none;   
    }

/* Den hårdkodade menyn på förstasidan */
#mainlinks 
{
color:#404040;
padding:0;
margin:0;
list-style:none;
float:left;
width:100%;
background-color: Transparent;
line-height : 10px;
display:inline;
}
#mainlinks  .mtext 
{
color:#404040;
font-size: 11px;
font-weight:bold;
padding:0;
margin:0;
float:left;
}

#mainlinks   a {
    color:#126fa0;
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
    line-height : 15px;
    padding-left:14px;
   /*    background-repeat:no-repeat;

padding-bottom:5px;
padding-top:5px;*/
}
#mainlinks   a:hover {
    color: #126fa0;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    background-color: Transparent;
    line-height: 15px;
/*background: url(images/meny_bg.gif);
background-position:left center;
background-repeat:no-repeat;
padding-left:12px;
padding-bottom:5px;
padding-top:5px;*/
}

      
/* Menykontrollen på vänstersidan på alla andra sidor */
#nav ul {
padding: 0;
margin: 0;
list-style: none;
float: left;
width: 100%;
background-color: Transparent;
line-height: 15px;
}
#nav li {
position: relative;
float: left;
line-height: 20px;
width: 9em;
list-style: none;

}
#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
width:13em;
background-color:#6CC1F7;

}
#nav a {
font-size:10px;
display: inline;
text-decoration: none;
text-align: left;
font-weight: bold;
width:8.5em;
/*padding :0 0 0 0;*/
padding-left:14px;
padding-bottom:5px;
padding-top:5px;
color:#126fa0;
line-height : 20px;

background-color:Transparent;
}
#nav li li a {
font-size:10px;
width:12em;
color:black ;
}
#nav li a {
font-size:10px;
}
#nav li a:hover 
{
font-size:10px;
display:inline;
text-decoration:none;
text-align:left;
font-weight:bold;
width:8.5em;
/*padding :0 0 0 0;*/
padding-left:14px;
padding-bottom:5px;
padding-top:5px;
color:#126fa0;
line-height : 20px;
background-color: Transparent;
}

#nav ul li a:hover {
font-size:10px;
background-color: Transparent;
background: url(images/meny_bg.gif);
background-position:left center;
background-repeat:no-repeat;
/*background-color: #fff;*/

}
#nav ul li a.SelectedItem 
{
font-size: 10px;
background: url('images/meny_bg.gif') no-repeat left center;
/*padding-left: 12px;
padding-bottom:5px;
padding-top:5px;
line-height : 20px;*/
}


#nav li .SelectedItem {
font-size:10px;
/*background: url(images/meny_bg.gif);*/
background-repeat:no-repeat;
}

#nav .DisabledTab {
color:#ccc;
}

/* no need to change these hover classes
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
left: -999em;
}
#nav li:hover ul,
#nav li.iehover ul {
top: 1.6em;
left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,
#nav li li li.iehover ul {
top: 0;
left:12.8em;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	color: #126fa0;
}

A.CommandButton:visited
{
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
	color: #126fa0;
}

A.CommandButton:hover
{
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
	color: #126fa0;
}

A.CommandButton:active
{
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
	color: #126fa0;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding: 5px 5px 5px 5px;
	width:99px;
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url('images/blue_knapp.png') no-repeat center;
	}
.NormalTextBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	border:solid 1px #e5e5e5;
}
.CommandButton
{

	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.SubHead a 
{
    font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	color: #126fa0;
	}


.SubHead a:hover 
{
    font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
	color: #126fa0;
    }
 #ClassicSearch 
 {
    float:right;
 
   
    
    }
 .SMTF_SearchTable 
 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    }   
 .SMTF_Search 
 {
     vertical-align:middle;
    }
 
 .SMTF_SearchContent 
 {
   
    vertical-align: top;
   
    text-align: center;
}
.SMTF_SearchTextBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#126fa0;
	font-weight: normal;
	border-top: solid 6px #1873a2;
	border-bottom: solid 6px #4389ae;
	
  
}  
  
 .SMTF_SearchLeft 
 {
    height:10px;
    width:20px;

       
 
    }
/* .SMTF_SearchLeft img 
 {
     width: 35px;
    height: px;
    border-width : 0px;   
     } */

 .SMTF_SearchButton 
 {
        width: 35px;
        background-image:url('images/search_smtf_button.png');
        background-repeat:no-repeat;
        text-align:left;
        vertical-align:top;

      }
   .SMTF_SearchButton img
 {
       
 border: 0px;
 padding-top: 0px;
 width: 20px;
 height:20px;
 
    
      }
 
 .SMTF_SearchOptions 
 {
    display:inline;
    background-color:Transparent;
  
      
    }
    
   
   #SMTFSearchLeftPic {} 
   
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	border:solid 1px #e5e5e5;
}
  
 .SMTFSearchTextBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#126fa0;
	font-weight: normal;
	border: solid 0px #fff;
}
   
   .SMTFSearchBox 
   {
    background-image:url('images/search_smtf.png');
    background-repeat:no-repeat; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#126fa0;
	font-weight: normal;
	padding-left: 12px;
	padding-top:5px;
    }
   
   .SMTFSearchBox  img
   {       
    border: 0px;
    padding-top: 0px;
    width: 30px;
    height:20px; 
    vertical-align: middle  ;   
   }

   .SMTFSearchOptions 
   {
    display:inline;
    background-color:Transparent;
    }
    .columnspacer
    {
        float:left;
        border:solid 1px black;
        }