﻿body { margin: 0; padding: 0; background-color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; color:#132c42; font-size:12px; background-image:url(images/bg.jpg); background-repeat:repeat-x; }
img { border: 0; }

a { color: #800000; text-decoration: underline;}
a:hover {  color:#FFFFFF; text-decoration: none; background-color: #800000;}

p { margin: 0; padding: 0 0 20px 0; display:block; }
/*p a { text-decoration: none; border-bottom: 1px solid; color: #3468a4; padding:0 3px 0 3px; }
p a:hover{ text-decoration: none; background:#152f45; color:#FFFFFF; padding:0 3px 0 3px; }
p a:active{ text-decoration: none; color: #ffffff; background-color:#33cc33}*/

.logo { margin-top:29px; margin-left:20px}

hr {border: none 0; border-top: 1px solid #336699; width: 100%; height: 1px; margin:0 0 15px 0; } 

#header_container{ width:738px; height:108px; border:0 none; margin:0 auto; background-color: #FFFFFF; background-image: url("images/toppbild.jpg"); background-repeat: no-repeat;}
#logo21{ width:104px; float:left; position: relative; left:-106px; top:2px;}
#header{ height:78px; border:0; }
#header_in { height: 78px; }
#header_in > a {left: -100px; position: relative;}

#companyName {display: block; position: relative; margin: 0px; padding: 0px; top: 26px; left: -70px;}
#companyName a { color: #FFFFFF; font-size: 26px; font-weight: bold; font-style: italic; text-decoration: none; border: none;}
#companyName a:hover { text-decoration: none; background:none;}
#language {display: block; float: right; margin-right: 10px;}

#top_right1 { float:right; width:166px; padding-bottom:5px; }

.top_right2 { background:url(images/top_right.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:11px; font-weight:bold; margin:0; width:146px; padding:5px 0 5px 0; margin-left:1px; text-decoration:none; color:#3468a4; }
.top_right2  a{ color:#3468a4; text-decoration:none;}
.top_right2 a:hover{ color:#132c42; text-decoration:none;}
.top_right2 .current{ color:#132c42; text-decoration:none;}


/* Toppmeny
----------------------- */
#toppmeny { margin: 0px auto; padding: 0px 0px 0px 6px; width:732px; height:30px;}
#toppmeny ul { position:relative; left:-100px; margin: 0px; padding: 0; list-style-type: none; text-align: center; }
#toppmeny ul li { float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
#toppmeny ul li a { text-decoration: none; color:#FFFFFF; float: left; margin: 0px; height: 23px; padding:7px 15px 0 15px; }
/*#toppmeny li a:hover, #vald { background: url(images/menu3.gif); color: #ffffff;}*/

#toppmeny li a:hover, #vald {
  color: #ffffff;
  background-color: rgb(0, 0, 0);
  /* RGBa with 0.4 opacity */
  background-color: rgba(255, 0, 0, 0.4);
  /* For IE 5.5 - 7*/
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000, endColorstr=#FF0000);*/
  /* For IE 8*/
  /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000, endColorstr=#FF0000)";*/
}

/* Undermeny
----------------------- */
.meny2{ border-top: 1px solid #eef5fd; border-bottom:1px solid #eef5fd; border-bottom-width: 0; width: 230px; }
* html .meny2{ width: 230px; }
.meny2 ul{ padding: 0; margin: 0; list-style-type: none; }
.meny2 a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding: 10px 20px; display: block; width: 190px; color: #132c42; text-decoration: none; border-bottom: 1px solid #eef5fd; /*Define width for IE6's sake*/ }
html>body .meny2 a { width: auto; }
.meny2 a:hover { background : #e5e5e5; color: #920000; text-decoration: none; }
.meny2 .vald{ color: #920000; }


#menu_top { background:url(images/nyheter_top2.png); background-repeat:no-repeat; height:46px; }
#my_menu {}
div.sdmenu { width: 230px; font-family: Arial, sans-serif; font-size: 12px; padding-bottom: 30px; background: url(images/nyheter_bottom2.png) no-repeat  right bottom; color: #fff; }
div.sdmenu div { background: url(images/nyheter_bg.png) repeat-y; overflow: hidden; }
div.sdmenu div.collapsed { height: 35px; border-bottom: 1px solid #eef5fd; }
div.sdmenu div span { display: block; padding: 10px 20px; font-weight: bold; color: #132c42; background: url(images/expanded.png) no-repeat 6px center; cursor: default; border-bottom: 1px solid #eef5fd; }
div.sdmenu div.collapsed span { background-image: url(images/collapsed.png); color: #132c42; } 
div.sdmenu div a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #132c42; padding: 5px 20px; background: #e8e8e8; display: block; border-bottom: 1px solid #eef5fd; text-decoration:none; }
div.sdmenu div a.current { background: #e8e8e8; color: #920000; }
div.sdmenu div a:hover { background : #d3d3d3; color: #920000; text-decoration: none; }



#image1_bg{ width:738px; border:0; margin:0 auto; padding:0; height:220px; }

#image1_in1 { float:left; width:330px; height:220px; margin: 0; padding:0; border:0; background-color:#ffffff; background-image:url(images/mitten-1.jpg); background-repeat:no-repeat; }
#image1_in2 { float:left; width:330px; height:220px; margin: 0; padding:0; border:0; background-color:#ffffff; background-image:url(images/mitten-2.jpg); background-repeat:no-repeat; }
#image1_in3 { float:left; width:330px; height:220px; margin: 0; padding:0; border:0; background-color:#ffffff; background-image:url(images/mitten-3.jpg); background-repeat:no-repeat; }
#image1_in4 { float:left; width:330px; height:220px; margin: 0; padding:0; border:0; background-color:#ffffff; background-image:url(images/mitten-4.jpg); background-repeat:no-repeat; }
#image1_in5 { float:left; width:330px; height:220px; margin: 0; padding:0; border:0; background-color:#ffffff; background-image:url(images/mitten-5.jpg); background-repeat:no-repeat; }
#image1_in6 { float:left; width:330px; height:220px; margin: 0; padding:0; border:0; background-color:#ffffff; background-image:url(images/mitten-6.jpg); background-repeat:no-repeat; }
#image1_in7 { float:left; width:330px; height:220px; margin: 0; padding:0; border:0; background-color:#ffffff; background-image:url(images/mitten-7.jpg); background-repeat:no-repeat; }
#image1_in8 { float:left; width:330px; height:220px; margin: 0; padding:0; border:0; background-color:#ffffff; background-image:url(images/mitten-8.jpg); background-repeat:no-repeat; }
#image1_in9 { float:left; width:330px; height:220px; margin: 0; padding:0; border:0; background-color:#ffffff; background-image:url(images/mitten-9.jpg); background-repeat:no-repeat; }

#image2_in1 { float:left; width:408px; height:220px; margin: 0; padding:0; border:0; background-color:#ffffff; background-image:url(images/vi_gor_adressering_enklare.jpg); background-repeat:no-repeat; }
#image2_in1_en { float:left; width:408px; height:220px; margin: 0; padding:0; border:0; background-color:#ffffff; background-image:url(images/we_make_addressing_easier.jpg); background-repeat:no-repeat; }


#text_bg{ width:100%; background-color: #f2f2f2; }
#content {  }
#content_in { width:738px; margin: 0 auto; background-color: #FFFFFF; padding-top: 30px; min-height:250px; height:auto !important; height:250px; }

#colLeft { float: left; width: 449px; padding-left: 20px; }
#colLeft_full { float: left; width: 699px; padding-left: 20px; padding-right:20px }
#colLeft_meny { float: left; width: 492px; padding-left: 20px; }
#colRight { float: right; width: 250px; }
#colRight_meny { float: right; width: 200px; padding-top:10px; }

#blue_box { width: 250px; float: right; }
#blue_box .blue_box_top{ height: 70px; overflow: hidden; background: url(images/nyheter_top.png) no-repeat; }
#blue_box .blue_box_top2{ height: 45px; overflow: hidden; background: url(images/nyheter_top2.png) no-repeat; }
#blue_box .blue_box_middle{ padding: 0px 40px 0px 20px; background: url(images/nyheter_bg.png); background-repeat:repeat-y; }
#blue_box .blue_box_middle2{ padding: 0px 0px 0px 0px; background: url(images/nyheter_bg.png); background-repeat:repeat-y; }
#blue_box .blue_box_bottom{ height: 10px; overflow: hidden; background: url(images/nyheter_bottom.png) no-repeat; }
#blue_box h4 { margin: 0px; padding: 15px 0px 0px 20px; font-size:18px; color: #132c42; font-family:Arial, Helvetica, sans-serif; font-weight:normal; display:block; }
#blue_box h5 { margin: 0px; padding: 0px 0px 5px 0px; font-size:14px; color: #132c42; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; }
#blue_box .blue_box_middle_in { margin: 0px; padding: 0px 0px 20px 0px; }

.nyheter_date { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#800000; text-decoration: none; }
.nyheter_rubrik { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#132c42; font-weight:bold; }
.nyheter_text { font-family:Arial, Helvetica, sans-serif; color:#132c42; font-size:12px; text-decoration: none; }

.nyheter_link a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#800000; text-decoration: none; }
.nyheter_link a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#800000; text-decoration: none; }
.nyheter_link a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#800000; text-decoration: underline; background: none;}


#footer { clear:both; background-color:#FFFFFF; height:70px; }
#footer_in { width:738px; margin: 0 auto; color:#FF0307; padding:0px; height:50px; background-color: #920000; }

#footerText { padding: 16px 15px 18px 20px; color: #C1C1C1; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin: 0 0 0 0; }
#footerText a { color: #C1C1C1; text-decoration: none; border: 0; padding: 0; }
#footerText a:hover { text-decoration: underline; }
#footerText p { color: #FFFFFF; font-size: 11px; line-height: 15px; padding: 10px 0 0 0; }


#footer2 { clear:both; background-color:#3468a4; height:70px; }
#footer_in2 { width:738px; margin: 0 auto; color:#4e9bf5; padding:0px; height:40px;}

#footerText2 { padding: 15px 0px 15px 0px; color: #E60203; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin: 0 0 0 0; text-align: center; }
#footerText2 a { color: #E60203; text-decoration: none; border: 0; padding: 0; }
#footerText2 a:hover { color:#FFFFFF; text-decoration: none; background-color:#800000;}

.cl { clear: both; width: 100%; float: none; font-size: 0; line-height: 0; height: 0px; background-color:#FFFFFF; }


/* Texter */

.ingress { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color: #132c42; text-decoration: none }
.ingress a { text-decoration: none; border-bottom: 1px dotted; color: #3468a4; }
.ingress a:link { text-decoration: none; border-bottom: 1px dotted; color: #3468a4; }
.ingress a:visited{ text-decoration: none; border-bottom: 1px dotted; color: #3468a4; }
.ingress a:hover{ text-decoration: none; border-bottom: 1px dotted; color: #33cc33; }
.ingress a:active{ text-decoration: none; border-bottom: 1px dotted; color: #33cc33; }


.brodtext { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color: #132c42; text-decoration: none }
.brodtext a { text-decoration: underline; border-bottom: 0px solid; color: #800000; padding:0 3px 0 3px; }
.brodtext a:hover{ text-decoration: none; background:#800000; color:#FFFFFF; padding:0 3px 0 3px; }
.brodtext a:active{ text-decoration: none; color: #ffffff; background-color:#800000}

.companyData { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color: #132c42; text-decoration: none }
.companyData { display:block; background-color:#d3d3d3;}
.companyData { padding:20px 20px 0px 20px;}

h1 { margin: 0 0 10px 0px; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 28px; font-weight: normal; line-height: 28px; letter-spacing: -1px; color: #132c42; }
h2 { margin: 0px 0 8px 0px; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #132c42; }
h3 { margin: 0 0 8px 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #132c42; }
h4 { margin: 0 0 5px 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #132c42; }
h5 { margin: 0 0 3px 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #132c42; }

.h2_vit { margin: 0px 0 8px 0px; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #ffffff; }

.bold_vit { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }


/* Formulär */

.textruta_stor { height:100px; width: 335px; border: #CCCCCC solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.textruta1 { height:20px; width: 130px; border: #CCCCCC solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.textruta2 { height:20px; width: 70px; border: #CCCCCC solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.textruta3 { height:20px; width: 190px; border: #CCCCCC solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.knapp { height:20px; width: 100px; FONT-SIZE: 12px; font-family:Arial, Helvetica, sans-serif; }


.text { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color: #132c42; text-decoration: none }
.text a { text-decoration: none; color: #800000; }
.text a:link { text-decoration: none; color: #80000; }
.text a:visited{ text-decoration: none; color: #80000; }
.text a:hover{ text-decoration: underline; color: #800000; background: none;}
.text a:active{ text-decoration: none; color: #ffffff; background-color:#800000}

.error { color: #ff0000;}
