html {height:100%;}

#fullheight {height:100%;}

body {
background: #FFFFFF; 
color:#3a3a3a; 
font:100% Arial, Helvetica, Verdana, Geneva, sans-serif;
margin:0px; 
padding:0px;
height:100%; 
}

#kontainer {
background:rgb(255,255,255);
color:#303030;
width:100%;
}

#kontain {
background:rgb(255,255,255); 
float:left; 
color:#cccccc;
height:800px; 
width:100%; 
}

#kontent {
background:rgb(255,255,255); 
float:left;
margin-left:10px;
color:#cccccc;
height:100%; 
width:755px; 
}

/*start meny*/


#listmenu {
width: 155px;
float:left;
clear:right;
}

#listmenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#listmenu li {
margin: 0 0 0;
}

#listmenu a {
display: block;
width:140px;
padding: 3px 2px 3px 5px;
border-bottom:1px solid rgb(204,204,204);
background: #FFFFFF;
text-decoration: none;
}

#listmenu a:link, #list-menu a:active, #list-menu a:visited {
color : rgb(2,110,151);
}

#listmenu a:hover {
border-bottom:1px solid rgb(204,204,204);
background:url(../gfx/submenu-bg.png) repeat rgb(81,106,132);
color : rgb(2,110,151);
}

/*end meny*/


#header {
background:url(gfx/header.jpg) no-repeat bottom left rgb(255,255,255); 
color:rgb(80,80,80);
height:90px; 
width:775px; 
padding:0;
}

#header_l {
color:rgb(80,80,80); 
float:left; 
margin-left: 9px; 
margin-top: 22px; 
margin-bottom:1px; 
padding:0px;
width:310px;
height:55px;
}

#header_r {
color:rgb(80,80,80);
float:right; 
margin-top: 8px; 
padding:0px;
width:360px;
height:70px;
text-align:right; 
border:0px solid rgb(204,204,204);
}

#spacer {
background:rgb(255,255,255); 
border-top:0px solid rgb(204,204,204);
clear:both; 
margin-top:0; 
margin-bottom:0;
padding:0; 
width:755px;
height:0px;
}

#menykont {
background:url(../gfx/backg_meny.gif) repeat rgb(38,41,48);
height:44px;
float:left; 
width:100%;
margin:0;
padding:0;
}

#meny {
background:url(../gfx/backg_meny.gif) repeat rgb(38,41,48);
height:44px; 
width:760px; 
margin-left:1px;
padding:0;
}

#innehall {
float:left;
margin-top:10px;
width:580px;
text-align:left;
}

#top {
line-height:1.5em; 
float:left; 
clear:both;
margin:0px 0px 5px; 
padding:0px; 
text-align:left;
height: 250px; 
width: 580px;
}

#loginbox {
background: rgb(0,147,188);
float:right; 
margin-top:1px; 
padding-left:0px; 
padding-right:0px;
width:165px;
height:auto;
}

#loginborder {
background: rgb(255, 255, 255);
float:left; 
margin:0px 0px 0px; 
padding-left:0px; 
padding-right:0px;
width:350px;
height:200px;
}

#menybox {
background: rgb(255,255,255);
line-height:1.5em; 
float:left; 
width:404px;
margin-left:12px; 
padding:0px; 
text-align:left; 
}

#topbann {
line-height:1.5em; 
float:left; 
width:402px;
height:100px;
padding:0px; 
text-align:left; 
}

#middbann {
line-height:1.5em; 
float:left; 
width:402px;
height:100px; 
padding:0px; 
text-align:left; 
}

#bottombann {
line-height:1.5em; 
float:left; 
width:402px;
height:100px;
padding:0px; 
text-align:left; 
}

#wideboxleft {
float:left;
line-height:1.5em;  
width:374px;
text-align:left;
}

#wideboxright {
float:right;
line-height:1.5em;  
width:374px;
text-align:left;
}

#wideboxcenter {
line-height:1.5em;  
width:350px;
height:auto;
text-align:left;
margin-left:187px;
}

#wideinnehall {
float:left;
line-height:1.5em;  
width:760px;
margin-top:10px;
text-align:left;
}

#searchboard {
line-height:1.5em; 
float:left;  
padding-bottom:10px;
margin-bottom:10px; 
text-align:left;
height: 18px; 
width: 374px;
border-bottom:2px solid rgb(20,20,20);
}

#nyheter {
background-color: rgb(245,245,245);
line-height:1.5em; 
float:left; 
margin-bottom:20px; 
margin-top:5px; 
padding:10px; 
width:382px;
border:1px solid rgb(204,204,204);
}

#h2box {
background:url(../gfx/bluetop.gif) repeat-x rgb(18,100,133);
float:right; 
margin-top:10px; 
margin-bottom:0px;
width:165px;
height:28px;
}

#h2boxblack {
background:url(../gfx/blacktop.gif) repeat-x rgb(38,41,48);
float:right; 
margin-top:10px; 
margin-bottom:0px;
width:165px;
height:28px;
}

#h2boxred {
background:url(../gfx/redtop.gif) repeat-x rgb(38,41,48);
float:right; 
margin-top:10px; 
margin-bottom:0px;
width:165px;
height:28px;
}

#h2main {
background: rgb(255, 255, 255); 
float:left; 
margin-top:0px; 
padding-left:0px; 
padding-right:0px;
width:165px;
height:auto;
}

#h2pic {
background: rgb(255, 255, 255); 
float:right; 
margin-top:0px; 
padding-left:0px; 
padding-right:0px;
width:165px;
height:auto;
}

#rightbox{
background: rgb(255,255,255);
margin:10px 0px 0px; 
float:right; 
width:165px;
}

#rightpanel{
background: rgb(255,255,255);
float:right; 
width:165px;
border:1px solid rgb(160,160,160);
}

#rightborderpic {
background: rgb(255,255,255); 
line-height:1.5em; 
float:left;
clear:right; 
width:262px;
height:250px;
padding:10px;
margin-left:12px;
margin-top:6px;
text-align:left; 
border:1px solid rgb(204,204,204);
}

#leftborderpic {
background:url(../gfx/ifit_tjanster_foretag.jpg) repeat-x top center rgb(255,255,255); 
line-height:1.5em; 
float:left; 
width:282px;
height:270px;
margin-top:6px;  
text-align:left; 
border:1px solid rgb(204,204,204);
}

#leftborder {
background:url(..../gfx/s_bg.jpg) repeat-x top center rgb(255,255,255); 
line-height:1.5em; 
float:left; 
width:265px;
margin:0px 0px 5px; 
padding:9px; 
text-align:left; 
border:1px solid rgb(204,204,204);
}

table.line{ 
border:1px solid rgb(176, 176, 176);
} 

#rubrikboard {background: rgb(204,204,204); width:164px; }
.roundtop {background: rgb(255,255,255); width:164px;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: rgb(204,204,204); }
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: rgb(204,204,204); }
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: rgb(204,204,204); }
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: rgb(204,204,204); }
.content {padding-left: 7px; padding-bottom: 5px; width:164px; }


#footerbox {
clear:both; 
height:30px;
width:760px;
padding:7px;
}

#footerleft {
float:left;
height:30px;
width:400px;
}

#footerright {
float:right;
height:30px;
width:360px;
text-align:right;
}

#footer {
clear:both; 
height:40px;
width:100%;
border-top:3px solid rgb(20,20,20);
}

#footermargin {
height:30px; 
clear:both;
}

#clear {
clear: both;
}

.random1 {background: url(../gfx/front/bild1.jpg)}
.random2 {background: url(../gfx/front/bild2.jpg)}
.random3 {background: url(../gfx/front/bild3.jpg)}
.random4 {background: url(../gfx/front/bild4.jpg)}
.random5 {background: url(../gfx/front/bild5.jpg)}
.random6 {background: url(../gfx/front/bild6.jpg)}

a[href $='.jpg'] { 
   padding-left: 18px;
   background: transparent url(../gfx/icons/icon_jpg.gif) no-repeat center left;
}

a[href $='.pdf'] { 
   padding-left: 18px;
   background: transparent url(../gfx/icons/icon_pdf.gif) no-repeat center left;
}

a[href $='.rar'] { 
   padding-left: 18px;
   background: transparent url(../gfx/icons/icon_rar.gif) no-repeat center left;
}

a[href ^="mailto:"] {
   padding-left: 18px;
   background: transparent url(../gfx/icons/icon_mail.gif) no-repeat center left;
}

.rubrik {
font-size : 18px;
line-height : 30px;
margin-top : 5px;
color : rgb(102, 102, 102);
font-weight: 100;
}

.redrubrik {
font-size : 18px;
line-height : 30px;
margin-top : 5px;
color: #D44311;
font-weight: 100;
} 

.bluerubrik {
font-size : 18px;
line-height : 30px;
margin-top : 5px;
color: #D44311;
font-weight: 100;
}

.whiterubrik {
font-size : 15px;
line-height : 28px;
margin-top : 5px;
margin-left : 10px;
color: #FFFFFF;
font-weight: bold;
}  

.smallrubrik {
font-size : 14px;
line-height : 24px;
margin-top : 5px;
margin-bottom : 1px;
font-weight : bold;
color : rgb(102, 102, 102);
}

.whitesmallrubrik {
font-size : 14px;
line-height : 20px;
margin-top : 6px;
margin-bottom : 6px;
font-weight : bold;
color : rgb(102, 102, 102);
}
.small {
font-size : 11px;
line-height : 14px;
margin-top : 6px;
margin-bottom : 1px;
}

.small2 {
font-size : 11px;
line-height : 14px;
margin-top : 6px;
margin-bottom : 1px;
margin-right : 12px;
}

.mini {
color : rgb(13, 79, 131);
font-size : 10px;
line-height : 13px;
margin-top : 6px;
margin-bottom : 1px;
}

textarea.text {
float:left;
border-width:1px;
border-left-width:1px;
border-top-width:1px;
border-style: solid;
margin-right:1px;
margin-bottom:6px;
border-color: rgb(176,176,176);
overflow:auto;
}

input.text {
float:left;
border-width:1px;
border-left-width:1px;
border-top-width:1px;
border-style: solid;
margin-right:1px;
margin-bottom:6px;
border-color: rgb(176,176,176);
padding:2px;
}

select.text {
float:left;
border-width:1px;
border-left-width:1px;
border-top-width:1px;
border-style: solid;
margin-right:1px;
margin-bottom:6px;
border-color: rgb(176,176,176);
padding:2px;
}

input.search {
float:left;
width:180px;
height:17px;
border-width:1px;
border-style: solid;
margin-left:132px;
margin-bottom:6px;
margin-top:0px;
font-size:13px;
padding:2px;
border-color: rgb(176,176,176);
}

input.btn {
float:left;
width:33px;
height:23px;
border-style: none;
margin-left:0px;
margin-top:0px;
}

input.button {
float:right;
height:22px;
border:1px;
border-style: none;
margin-right:1px;
margin-top:6px;
margin-bottom:10px;
border-color: rgb(1, 1, 1);
border:1px;
}

.normal, p, h1, h2, h3, h4, h5, h6, h7, font, input, select, textarea, li, blockquote, ul, form {
font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size : 12px;
line-height : 18px;
margin-top : 10px;
margin-bottom : 1px;
padding-top : 0;
padding-bottom : 0;
color : rgb(102, 102, 102);
}

.medium {
font-size : 12px;
line-height : 17px;
margin-top : 10px;
margin-bottom : 1px;
}

.whitenormal {
font-size : 12px;
line-height : 18px;
margin-top : 10px;
margin-bottom : 1px;
padding-top : 0;
padding-bottom : 0;
color : rgb(255, 255, 255);
}

.normalblue {
font-family : Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size : 12px;
line-height : 18px;
margin-top : 10px;
margin-bottom : 1px;
padding-top : 0;
padding-bottom : 0;
color :rgb(0, 103, 129 );
}

.underrubrik {
font-size : 18px;
line-height : 24px;
margin-top : 22px;
}

.utanoverslag {
margin-top : 0 !important;
}

.meny {
font-size : 12px;
line-height : 17px;
margin-top : 8px;
margin-bottom : 1px;
color : rgb(25, 25, 25);
}

.highlight:link, .info:visited {
color : rgb(227, 103, 2);
text-decoration : none;
border-bottom : none;
}

.highlight:active, .info:hover {
color : rgb(227, 103, 2);
text-decoration : none;
border-bottom : 1px solid;
} 

.highlight:link, .highlight:visited {
color : rgb(2,110,151);
text-decoration : none;
border-bottom : none;
}

.highlight:active, .highlight:hover {
color : rgb(2,110,151);
text-decoration : none;
border-bottom : 1px solid;
} 

a:link, a:visited, .lanktext {
color : rgb(2,110,151);
text-decoration : none;
border-bottom : 1px solid;
}

a:active, .lanktext:hover, a:hover { 
color : rgb(2,110,151);
text-decoration : none;
border-bottom : 1px solid;
} 

a.imagelink:link, a.imagelink:visited {
color : rgb(102, 102, 102);
text-decoration : none;
border-bottom : none;
}

.vitsubmeny:link, .vitsubmeny:visited {
color : rgb(255, 255, 255 );
text-decoration : none;
border-bottom : none;
}

.vitsubmeny:active, .vitsubmeny:hover {
color : rgb(255, 255, 255 );
text-decoration : none;
border-bottom : 1px solid;
} 

.submeny:link, .submeny:visited {
color :rgb(2,110,151);
text-decoration : none;
border-bottom : none;
}

.submeny:active, .submeny:hover {
color : rgb(2,110,151);
text-decoration : none;
border-bottom : 1px solid;
} 

.meny:link, .meny:visited {
color :rgb(2,110,151);
text-decoration : none;
border-bottom : none;
}

.meny:active, .meny:hover {
color : rgb(255,255,255);
text-decoration : none;
border-bottom : 1px solid;
} 

.info:link, .info:visited {
color :rgb(153,32,0);
text-decoration : none;
border-bottom : 1px dotted;
}

.info:active, .info:hover {
color :rgb(153,32,0);
text-decoration : none;
border-bottom : 1px solid;
}  

.mail:link, .mail:visited {
color :rgb(2,110,151);
text-decoration : none;
border-bottom : 1px dotted;
}

.mail:active, .mail:hover {
color :rgb(2,110,151);
text-decoration : none;
border-bottom : 1px solid;
} 

p.spacer {
background: url(../gfx/dotdiv.png) repeat-x;
color: #000000;
}














