*
{
    margin:0px;
    padding:0px;
    }
    
  
body
{
    background-color:#fff;
    font-size:1em;
    }
    
#wrap
{
    width:940px;
    margin:0 auto;
    margin-top:15px;
    }
    
#logotype img
{
    border:0px;
    }
    
#top
{
    height:87px;
    width:940px;
    }
    
#logotype
{
    width:90px;
    height:87px;
    float:left;
    }
    
#topbanners
{
    width:673px;
    height:87px;
    float:right;
    text-align:right;
    position:relative;
    }
    
#topbanners img
{
    margin-top:60px;
    position:absolute;
    top:0;
    right:0;
    z-index:8;
    }

#topbanners IMG.active {
    z-index:10;
}

#topbanners IMG.last-active {
    z-index:9;
}

.topbarimage
{
    margin-top:3px;
    display:inline;
    }
    

#topbar
{
    height:26px;
    width:940px;
    background-image:url(../img/top_bar.jpg);
    background-repeat:no-repeat;
    margin-bottom:1px;
    padding-top:1px;
    text-align:right;
    }
    
#menu
{
    width:165px;
    float:left;
    }
    
#content
{
    width:500px;
    height:auto;
    }
    
#contentsub
{
    width:735px;
    float:left;
    margin-left:1px;
    padding-left:35px;
    }
    
#contentsub ul
{
    margin-left:20px;
    font-family:Arial;
    font-size:0.7em;
    margin-top:10px;
    margin-bottom:10px;
    }
    
#contentsub ul li ul li
{
    margin-left:10px;

    font-size:1.35em;
    }
    
#contentsub a
{
    color:#FA0225;
    text-decoration:none;
    }
    
#rightboxmiddle a
{
    color:#FA0225;
    text-decoration:none;
    }
    
#contentsub a:hover
{
    text-decoration:underline;
    }
    
#content h1
{
    font-family:Arial, Verdana;
    color:#858585;
    font-size:1.8em;
    font-weight:normal;
    margin:35px 0 0 35px;
    }
    
#contentsub h1
{
    font-family:Arial, Verdana;
    color:#858585;
    font-size:1.8em;
    font-weight:normal;
    margin:15px 0 10px 0px;
    }
    
#contentsub h2
{
    font-family:Arial, Verdana;
    color:#858585;
    font-size:0.8em;
    font-weight:bold;
    margin-bottom:3px;
    }
    
    
    
#content p
{
    font-family:Arial, Verdana;
    color:#000;
    font-size:0.7em;
    margin:35px 0 0 35px;
    }
    
#contentsub p
{
    font-family:Arial, Verdana;
    color:#000;
    font-size:0.7em;
    margin-bottom:12px;
    width:600px;
    }
    
.NewsDatum
{
    font-family:Arial, Verdana;
    color:#000;
    font-size:0.7em;
    margin:15px 0 20px 0;
    }
    
.news_preamble
{
    font-family:Arial, Verdana;
    color:#000;
    font-size:0.7em;
    font-weight:bold;
    }
  
.datatabell
{
    border-left:solid 1px black;
    border-top:solid 1px black;
    }
    
.datatabell h4
{
    font-size:1.0em;
    font-weight:bold;
    font-family:Arial, Verdana;
    }
    
h4
{
    font-size:0.8em;
    font-weight:normal;
    font-style:italic;
    font-family:Arial, Verdana;
    }
    
.datatabell td
{
    font-family:Arial, Verdana;
    color:#000;
    font-size:0.7em;
    padding:4px;
    border-right:solid 1px black;
    border-bottom:solid 1px black;
    }
    
td
{
    font-family:Arial, Verdana;
    color:#000;
    font-size:0.7em;
    padding:4px;
    }
    
#content p img
{
    margin:10px 0 0 -35px;
    }
    
#updates
{
    width:608px;
    }
    
#updatenews
{
    width:200px;
    _width:150px;
    float:left;
    margin-left:95px;
    _margin-left:45px;
    margin-top:24px;
    }
    
#updatedrift
{
    width:195px;
    _width:150px;
    float:left;
    margin-left:100px;
    _margin-left:150px;
    margin-top:24px;
    }
    
#newsbox
{
    background-image:url(../img/box_middle.jpg);
    background-repeat:repeat-y;
    }
    
#newsbox_top
{
    width:608px;
    height:106px;
    background-image:url(../img/aktuellt_top.jpg);
    background-repeat:no-repeat;
    position:relative;
    z-index:1;
    }
    
#newsbox_middle
{
    position:relative;
    z-index:10;
    margin:-85px 0 0 0;
    padding-left:100px;
    width:508px;
    min-height:80px;
    }
    
#newsbox_bottom
{
    width:608px;
    height:12px;
    background-image:url(../img/aktuellt_bottom.jpg);
    background-repeat:no-repeat;
    }
    
    
#newsbox_drift
{
    background-image:url(../img/box_middle.jpg);
    background-repeat:repeat-y;
    }
    
#newsbox_drift_top
{
    width:608px;
    height:106px;
    background-image:url(../img/driftinfo_top.jpg);
    background-repeat:no-repeat;
    position:relative;
    z-index:1;
    }
    
#newsbox_drift_middle
{
    position:relative;
    z-index:10;
    margin:-85px 0 0 0;
    padding-left:100px;
    width:508px;
    min-height:80px;
    }
    
#newsbox_drift_bottom
{
    width:608px;
    height:12px;
    background-image:url(../img/driftinfo_bottom.jpg);
    background-repeat:no-repeat;
    }
    
    
#middlecontent
{
    float:left;
    width:608px;
    margin-left:1px;
    }
    
.NewsRubrik
{
    font-family:Arial, Verdana;
    color:#000;
    font-size:0.75em;
    font-weight:bold;
    }
    
.NewsDatum
{
    font-family:Arial, Verdana;
    color:#000;
    font-size:0.75em;
    }
    
.news_readmore
{
    font-family:Arial, Verdana;
    color:#fa0225;
    font-size:0.75em;
    }
    
#sitecont
{
    width:940px;
    height:auto;
    background-image:url(../img/background_repeat.jpg);
    background-repeat:repeat-y;
    }
    
#sitecontsub
{
    width:940px;
    height:auto;
    background-image:url(../img/background_repeat_sub.jpg);
    background-repeat:repeat-y;
    }
    
#subpageimagefade
{
    width:769px;
    height:17px;
    background-image:url(../img/imagefade.jpg);
    background-repeat:repeat-x;
    margin-top:1px;
    margin-left:-35px;
    }
    
#footer
{
    background-image:url(../img/footer.jpg);
    background-repeat:no-repeat;
    height:52px;
    width:940px;
    margin-top:-1px;
    }
    
#footer img
{
    float:right;
    margin:35px 5px 0 0;
    border:0;
    }
    
#footersub
{
    background-image:url(../img/footersubpage.jpg);
    background-repeat:no-repeat;
    height:52px;
    width:940px;
    margin-top:-1px;
    }
    
#footersub img
{
    float:right;
    margin:35px 5px 0 0;
    border:0;
    }
    
#rightbox
{
    float:left;
    margin-left:1px;
    _margin-left:-40px;
    }
    
#rightboxtop
{
    width:165px;
    _width:143px;
    height:17px;
    background-image:url(../img/right_box_top.jpg);
    background-repeat:no-repeat;
    }

#rightboxmiddle
{
    width:143px;
    height:auto;
    background-image:url(../img/right_box_middle.jpg);
    background-repeat:repeat-y;
    padding:0 11px 0 11px;
    margin-bottom:-10px;
    }
    
#rightboxmiddle h1
{
    font-family:Arial, Verdana;
    font-size:0.73em;
    color:#8f8f8f;
    }
    
#rightboxmiddle p
{
    font-family:Arial, Verdana;
    font-size:0.72em;
    color:#8f8f8f;
    margin-bottom:10px;
    }
    
.hrdot
{
    height:1px;
    background-image:url(../img/prick.gif);
    background-repeat:repeat-x;
    width:135px;
    margin:10px 0 10px 11px;
    _margin:0px 0 0px 11px;
    }
    
#updates .hrdot
{
    height:1px;
    background-image:url(../img/prick.gif);
    background-repeat:repeat-x;
    width:135px;
    margin:4px 0 4px 11px;
    _margin:2px 0 -8px 11px;
    }

#rightboxbottom
{
    width:165px;
    height:20px;
    background-image:url(../img/right_box_bottom.jpg);
    background-repeat:no-repeat;
    }
            
    
.output_error
{
    padding:20px;
    display:block;
    background-color:#ffc8c8;
    border:dotted 3px #323232;
    }
    
    
.output_success
{
    padding:20px;
    display:block;
    background-color:#ceffd3;
    border:dotted 3px #323232;
    }
    
h5
{
    margin-left:20px;
    font-family:Arial, Verdana;
    font-size:1.1em; 
    }
    
#contentsub h5.red a
{
    color:#fa0225;
    }
    
#contentsub h5.blue a
{
    color:#229bca;
    }
    
#contentsub h5.green a
{
    color:#5fb418;
    margin-bottom:20px;
    }
    
    
    
    
    
    
    
    
/*MENYN*/
#menu ul
{
    list-style:none;
    }
    
#menu ul li
{
    border-bottom:solid 1px #fff;
    }

    
#menu ul li a
{
    display:block;
    width:145px;
    height:21px;
    background: url(../img/menu.jpg) 0 0 no-repeat;
    background-position: 0 0;
    text-decoration:none;
    color:#000;
    font-family:Arial;
    font-weight:bold;
    font-size:0.8em;
    padding:5px 0 0 20px;
    }
    
#menu ul a:hover
{
    background-position: 0 -26px;
    }
    
#menu ul .active a
{
    background-position: 0 -26px;
    }



#menu ul .greenitem a
{
    background: url(../img/menugreen.jpg) 0 0 no-repeat;
    background-position: 0 0;
    }
    
#menu ul .greenitem a:hover
{
    background-position: 0 -26px;
    }
    
#menu ul .reditem a
{
    background: url(../img/menured.jpg) 0 0 no-repeat;
    background-position: 0 0;
    }
    
#menu ul .reditem a:hover
{
    background-position: 0 -26px;
    }
    
#menu ul .blueitem a
{
    background: url(../img/menublue.jpg) 0 0 no-repeat;
    background-position: 0 0;
    }
    
#menu ul .blueitem a:hover
{
    background-position: 0 -26px;
    }
    
#topbar ul
{
    list-style:none;
    }
    
#topbar ul li
{
    display:inline;
    }
    
#topbar ul li img
{
    border:0px;
    margin-right:10px;
    }
    
#topbar ul li a
{
    text-decoration:none;
    margin-right:10px;
    color:#323232;
    font-family:Arial;
    font-size:0.70em;
    font-weight:bold;
    }

.kartbild
{
    float:left;
    margin:25px 0px 10px 0;
    border-right:solid 3px #f2f2f2;
    border-bottom:solid 3px #f2f2f2;
    }



















/*LÄGGER TILL PDF IKON */
a.pdf {
	background: url(../img/pdf_icon.jpg) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}




/*ALLA MENYER */
.fjarrvarmemeny
{
    height:auto;
    background-color:#ffedf0;
    border-left:solid 12px #fa0225;
    border-top:solid 1px #eeeeee;
    border-right:solid 1px #eeeeee;
    border-bottom:solid 1px #eeeeee;
    margin:-1px 0 -1px 0;
    padding:0 0 0 10px;
    }

#menu ul li .fjarrvarmemeny a
{
    background: none;
    text-decoration:none;
    color:#000;
    font-family:Arial;
    font-weight:bold;
    font-size:0.8em;
    padding:5px 0 0 0px;
    }
    
#menu ul li .fjarrvarmemeny ul li a:hover
{
    padding-left:15px;
    _padding-left:0px;
    background-image:url(../img/arrow_red.jpg);
    _background-image:none;
    background-position:0px 9px;
    background-repeat:no-repeat;
    height:16px;
    }
    
#menu ul li .fjarrvarmemeny ul .active a
{
    padding-left:15px;
    _padding-left:0px;
    background-image:url(../img/arrow_red.jpg);
    _background-image:none;
    background-position:0px 9px;
    background-repeat:no-repeat;
    height:16px;
    }
    
#menu ul li .fjarrvarmemeny ul li a
{   
   font-size:0.75em;
   font-weight:normal;
   height:16px;
   }
   
   
   
   
   
   
   
.vattenavloppmeny
{
    height:auto;
    background-color:#dff6ff;
    border-left:solid 12px #229bca;
    border-top:solid 1px #eeeeee;
    border-right:solid 1px #eeeeee;
    border-bottom:solid 1px #eeeeee;
    margin:-1px 0 -1px 0;
    padding:0 0 0 10px;
    }

#menu ul li .vattenavloppmeny a
{
    background: none;
    text-decoration:none;
    color:#000;
    font-family:Arial;
    font-weight:bold;
    font-size:0.8em;
    padding:5px 0 0 0px;
    }
    
#menu ul li .vattenavloppmeny ul li a:hover
{
    padding-left:15px;
    _padding-left:0px;
    background-image:url(../img/arrow_blue.jpg);
    _background-image:none;
    background-position:0px 9px;
    background-repeat:no-repeat;
    height:16px;
    }
    
#menu ul li .vattenavloppmeny ul .active a
{
    padding-left:15px;
    _padding-left:0px;
    background-image:url(../img/arrow_blue.jpg);
    _background-image:none;
    background-position:0px 9px;
    background-repeat:no-repeat;
    height:16px;
    }
    
#menu ul li .vattenavloppmeny ul li a
{   
   font-size:0.75em;
   font-weight:normal;
   height:16px;
   }
   
   
   
   
   
.renhallningmeny
{
    height:auto;
    background-color:#ecffdd;
    border-left:solid 12px #5fb518;
    border-top:solid 1px #eeeeee;
    border-right:solid 1px #eeeeee;
    border-bottom:solid 1px #eeeeee;
    margin:-1px 0 -1px 0;
    padding:0 0 0 10px;
    }

#menu ul li .renhallningmeny a
{
    background: none;
    text-decoration:none;
    color:#000;
    font-family:Arial;
    font-weight:bold;
    font-size:0.8em;
    padding:5px 0 0 0px;
    }
    
#menu ul li .renhallningmeny ul li a:hover
{
    padding-left:15px;
    _padding-left:0px;
    background-image:url(../img/arrow_green.jpg);
    _background-image:none;
    background-position:0px 9px;
    background-repeat:no-repeat;
    height:16px;
    }
    
#menu ul li .renhallningmeny ul .active a
{
    padding-left:15px;
    _padding-left:0px;
    background-image:url(../img/arrow_green.jpg);
    _background-image:none;
    background-position:0px 9px;
    background-repeat:no-repeat;
    height:16px;
    }
    
#menu ul li .renhallningmeny ul li a
{   
   font-size:0.75em;
   font-weight:normal;
   height:16px;
   }
   
   
   
   
   
.kundtjanstmeny
{
    height:auto;
    background-color:#fff;
    border-left:solid 12px #000;
    border-top:solid 1px #eeeeee;
    border-right:solid 1px #eeeeee;
    border-bottom:solid 1px #eeeeee;
    margin:-1px 0 -1px 0;
    padding:0 0 0 10px;
    }

#menu ul li .kundtjanstmeny a
{
    background: none;
    text-decoration:none;
    color:#000;
    font-family:Arial;
    font-weight:bold;
    font-size:0.8em;
    padding:5px 0 0 0px;
    }
    
#menu ul li .kundtjanstmeny ul li a:hover
{
    padding-left:15px;
    _padding-left:0px;
    background-image:url(../img/arrow_black.jpg);
    _background-image:none;
    background-position:0px 9px;
    background-repeat:no-repeat;
    height:16px;
    }
    
#menu ul li .kundtjanstmeny ul .active a
{
    padding-left:15px;
    _padding-left:0px;
    background-image:url(../img/arrow_black.jpg);
    _background-image:none;
    background-position:0px 9px;
    background-repeat:no-repeat;
    height:16px;
    }
    
#menu ul li .kundtjanstmeny ul li a
{   
   font-size:0.75em;
   font-weight:normal;
   height:16px;
   }
   
   
   
   
   



.omforetagetmeny
{
    height:auto;
    background-color:#fff;
    border-left:solid 12px #000;
    border-top:solid 1px #eeeeee;
    border-right:solid 1px #eeeeee;
    border-bottom:solid 1px #eeeeee;
    margin:-1px 0 -1px 0;
    padding:0 0 0 10px;
    }

#menu ul li .omforetagetmeny a
{
    background: none;
    text-decoration:none;
    color:#000;
    font-family:Arial;
    font-weight:bold;
    font-size:0.8em;
    padding:5px 0 0 0px;
    }
    
#menu ul li .omforetagetmeny ul li a:hover
{
    padding-left:15px;
    _padding-left:0px;
    background-image:url(../img/arrow_black.jpg);
    _background-image:none;
    background-position:0px 9px;
    background-repeat:no-repeat;
    height:16px;
    }
    
#menu ul li .omforetagetmeny ul .active a
{
    padding-left:15px;
    _padding-left:0px;
    background-image:url(../img/arrow_black.jpg);
    _background-image:none;
    background-position:0px 9px;
    background-repeat:no-repeat;
    height:16px;
    }
    
#menu ul li .omforetagetmeny ul li a
{   
   font-size:0.75em;
   font-weight:normal;
   height:16px;
   }













/*FÖR ATT ÄNDRA TECKENSTORLEK */
#holder1
{
    float:right;
    margin-top:-10px;
    margin-right:10px;
    }

.smallFont {
	outline: none; /*for making it look nice in FF */
	background: url(../img/font-down.png);
	text-indent: -9999px;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
}
 
.defaultFont {
	/*if you want to hide the default font button, use display:none */
	background: url(../img/font-default.png);
	text-indent: -9999px;
	outline: none;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
}
 
.largeFont {
	background: url(../img/font-up.png);
	outline: none;
	text-indent: -9999px;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
}
 
.ldisabled,.sdisabled { /*Styles for disabled buttons*/
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	/*This is for IE8 */
	filter: alpha(opacity = 30);
}