/* CSS Document for VSV */

/* POSITIONING */
body{padding:0;margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; /* centering hack 1/2 */ }
html{margin:0; padding:0;}

#popup-overlay { background: #fff none repeat scroll 0 0; bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 900; }
#popup-container { background: #fff none repeat scroll 0 0; border: solid 2px #525252; display: none; position: absolute; z-index: 901; }
#popup-container span.close { background: transparent url(/content/img/popup-close.png) no-repeat scroll 0 0; cursor: pointer; height: 24px; position: absolute; right: -9px; top: -9px; width: 24px; z-index: 902; }

#holder{ margin-left:auto; margin-right:auto; width:875px; background-image:url(../img/borstadalu.jpg); background-repeat:repeat-y; }
#backgroundholder{ position:relative; float:left; width:875px; background-image:url(../img/borstadalu.jpg); background-repeat:repeat-y; padding-bottom:50px; height:auto; }
#contentholder{ position:relative; float:left; padding-left:50px; width:775px; clear:both; text-align:left;}
#header{ position:relative; float:left; width:100%;}
#shadowleft{ position:absolute; top:0; left:-24px;}
#shadowright{ position:absolute; top:0; right:-26px;}
#bottomshadow{ position:absolute; bottom:0; left:0; background-image:url(../img/vsv-bottom.jpg); width:100%; height:9px;}

/* MENU */
#topmenu{ position:relative; float:right; padding:20px 40px 0 0;  }
#menu{ position:relative; float:left; width:779px; text-align:left; padding-left:47px; }
#logga{ position:relative; float:left; text-align:left;}
#menuleft{ position:relative; float:left; text-align:left; padding-left:10px; padding-top:26px;}
#menuright{ position:relative; float:right; text-align:left; padding-top:26px; width:200px;}

#menuleft img, #menuright img{ padding-left:2px;}
#topmenu a{ color: #666666; font-size:11px; font-weight:bold; text-decoration:none; padding-right:10px; }
#topmenu a.active{ color:#004593; }
#topmenu a:hover{ color:#004593; }

/* SEARCH / LOGIN */
#middle{ position:relative; float:left; text-align:left; padding:5px 0 0 0px; width:775px; clear:both;}
#search{ position:relative; float:left; height:27px;  }
#searchfield{ position:relative; float:left;}
#hitta{ position:relative; float:left; padding:4px 0 0 5px;}
#login{ position:relative; float:right; width:200px; }
#logintext{ position:relative; float:left; width:45px; height:27px;}
#loginbox{ position:relative; float:right; background-color:#ccc; padding:3px 5px 0 5px; color: #999;height:23px; }

#logintext p { color:#004593; font-weight:bold; font-size:11px; padding:6px 0 0 0; margin:0; }
#loginbox a{ color: #666; font-size:11px; font-weight:bold; text-decoration:none; }
#loginbox a:hover{ text-decoration:none; color:#004593; }

/* BREADCRUMB */
#breadcrumb{ position:relative; float:left; padding:5px 0 0 0; height:20px; width:775px; text-align:left; clear:both; }

#breadcrumb p{ color: #666; font-size:10px;  font-weight:bold; margin:0;  }
#breadcrumb a{ color: #666;  font-weight:bold; text-decoration:none; }
#breadcrumb a:hover{ text-decoration:underline; }

/* CONTENT */
#headerpicture { position:relative; float:left; background-color:#FFFFFF; padding:10px;  width:755px; clear:both; margin-bottom:10px; }
#content{ position:relative; float:left; margin-top:0px; width:775px; clear:both;}
#leftcontent{ position:relative; float:left; background-color:#FFFFFF; padding:20px 20px 20px 20px; width:485px; font-size: 10px; line-height: 16px; }
#leftcontent a, #lefthalf a { color:#004593; font-weight:bold; }
#rightcontent{ position:relative; float:right; background-color:#FFFFFF; padding:20px 20px 20px 20px; width:200px;  font-size: 10px; line-height: 16px; }
#rightpicture{ position:relative; float:right; background-color:#FFFFFF; padding:10px; width:220px;}
#diktheader{ position:relative; float:right; background-color:#FFFFFF; padding:20px; width:300px; text-align:center;}
#dikt{ position:relative; float:right; background-color:#FFFFFF; padding:20px; width:300px; text-align:center;}
#diktbild{position:absolute; bottom:0; left:0;}
.etikett{ position:absolute; top:10px; left:20px; }
#offert, #offertblack{ position:absolute; bottom:10px; right:10px; }
#citat{position:absolute; top:30px; left:30px; z-index:1000; width:300px;}
#quot{position:relative; float:left; padding-right:10px; padding-top:5px; }
.textsquare{ position:absolute; top:50px; right:30px; width:200px; padding:20px; height:340px; font-size: 10px; line-height: 13px; color: #FFF; }
.textsquare a { color:#FFF; font-weight:bold; }

#utvecklingtext{ background-color:#44a12a;}
#logistiktext{ background-color:#c90119;}
#flistext{ background-color:#fbbe01;}
#biobransletext{ background-color:#ee7f13;}
#rundvirketext{ background-color:#b05f09;}
#avverkningtext{ background-color:#008a6d;}

#flistext p{color:#000000;}
#offert a, #offertblack a{ font-size:10px; color:#FFFFFF; font-weight:bold; }
#offertblack a{color:#000000;}
.textsquare ul{ font-size:10px; margin:0; padding:0; color:#FFFFFF; }
.textsquare li{ line-height:13px; margin-left:13px;}

#pics, #undermeny{ position:relative; float:left; border-top:1px solid #ccc; padding-top:10px; width:100%;}
#rightpic{ position:relative; float:left; padding-top:30px; }
#rightpic{ position:relative; float:left; padding-top:30px; }
#lefthalf{ position:relative; float:left; background-color:#FFFFFF; padding:20px 20px 20px 20px; width:340px; margin-right:10px;}
#piccolumn{ position:relative; float:left; width:110px; padding:20px 10px 20px 10px; background-color:#FFFFFF; }
.picplus{ position:absolute; bottom:5px; right:5px;}
.pic{ position:relative; float:left; margin-bottom: 5px;  }
.sitemap{ width:150px; }

.textsquare p{ font-size:10px; color:#FFFFFF; line-height:13px; padding:0; margin:0; }
#citat p{font-size:10px; color:#FFFFFF; font-weight:bold; font-style:italic; margin:0; padding:0;}
#pics p{ font-size:9px; line-height:12px; margin-top:0; }

#rightcontent h5 { margin: 0px; }
#rightcontent h2 { margin: 0px; margin-bottom: 15px; }

#undermeny a{ text-decoration:none; color:#999; }
#undermeny a:hover{ color:#004593; }

#links p{margin-top:0;}
#links h4{font-size:12px; color:#004593; font-weight:normal; margin:10px 0 0 0; padding:0; font-weight:bold;}
#links a{ text-decoration:none; color:#004593;}
#links a:hover{color:#000;}
#links ul{ font-size:10px; margin:0; padding:0; list-style-type:none; }
#links li{ line-height:14px; margin:0; padding:0;}
.linksub { position:relative; float:left; clear:both; margin-left:10px;}

#undermeny h4{color:#000; margin:10px 0 0 0; padding:0; font-weight:bold;}
#undermeny h5 a{color:#000;}
#undermeny h5{font-size:11px; color:#000; font-weight:bold;  margin-bottom:10px; padding:0;}
#undermeny h6{font-size:10px; color:#999; font-weight:normal;  margin:0; padding:0;}
#undermeny a.active{ color:#004593; }

#lefthalf ul, #leftcontent ul{ font-size:10px; margin:0; padding:0; }
#lefthalf li, #leftcontent li{ line-height:14px; margin-left:13px;}

#rightcontent ul{ margin:0; list-style-type:none; padding:0;}
#rightcontent li{ font-size:10px; line-height:16px; font-weight:bold; color:#999999;}

.submeny li{ margin-left:20px;}

/* PERSONAL / KONTAKT*/
.map{ position:absolute; top:20px; right:20px; font-size: 11px; color: #004593; font-weight: bold; }
.map:hover { text-decoration: underline; cursor: pointer; }
#map-container { width: 480px; float: left; overflow: hidden; margin-left: -10000px; margin-bottom: 10px; }
#map-container iframe { border: 1px solid black; }
#map-container small { font-size: 10px;}

#storbild{	position:absolute;	z-index:500;	background-color:#FFFFFF;	padding:5px;	border:1px solid #ccc;	display:none;}
#closeholder{ 	position:absolute; 	z-index:2000;		width:500px;		bottom:0;		right:0;}
#close{ position:relative;float:right;background-color:#FFFFFF;width:20px;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px; padding:5px;border:1px solid #ccc; color:#666666; font-weight:bold; text-align:center; }
#close a{ text-decoration:none; color:#666666; font-weight:bold; }

#personalleft{ position:relative; float:left; width:230px; }
#personalright{ position:relative; float:right; width:230px; }

.personal{ position:relative; float:left; width:230px; margin-bottom:10px;}
.personalpic{ position:relative; float:left; }
.picplusmini{ position:absolute; bottom:5px; right:5px; }
.personaltext{ position:relative; float:right; width:170px; }

#personalleft h4,
#personalright h4{ font-size:10px; color:#004593; font-weight:bold; margin:5px 0px 2px 0px; padding:0; }
.personal p{ margin:0; padding:0; font-size:10px; line-height:14px;  }
.personal a{ text-decoration:none; color:#000000; }

/* BOTTOMMENU */
#bottommenu{ position:relative; float:left; margin:20px 0 0px 0px; padding:20px 0 20px 20px; border-top:3px solid #ffffff; border-bottom:3px solid #ffffff; width:755px; }
#leftbottom{ position:relative; float:left; width:185px;}
#rightbottom{ position:relative; float:left; border-left:1px solid #999;   width:530px; height:200px; padding-left:20px;  }
#bottomhead{ position:relative; float:left; width:500px; padding-left:10px; }
.bottomcolumn{ position:relative; float:left; padding-right:30px; border-right:1px solid #999; height:160px; padding-left:10px; }
.bottomcolumnnoborder{ position:relative; float:left; padding-left:10px; }

#bottommenu ul{ margin:0; list-style-type:none; padding:0;}
#bottommenu li{ font-size:10px; line-height:16px;}
#bottommenu li.topblue{ font-size:11px; color:#004593; font-weight:bold; }
#bottommenu li.subgrey{ font-size:10px; color:#666;  }
#bottommenu li.subblue{ font-size:11px; color:#004593; padding-top:5px;  font-weight:bold; }
#bottommenu li.topgrey{ font-size:11px; color:#666;  padding-top:5px;  font-weight:bold; }
#bottommenu li a { color: #666666; }
#bottommenu li a:hover { text-decoration: underline; }

#bottommenu a{ text-decoration:none;}
#bottommenu a.active{ color:#004593; }
a.agrey{color:#666; }
a.ablue{color:#004593; }
a:hover.agrey{color:#004593; }
a:hover.ablue{color:#666; }

/* TEXT */
h1{font-size: 18px;}
h2{font-size: 14px;}
h4{font-size:10px; color:#004593; font-weight:normal; margin:0 0 10px 0; padding:0;}
h5{font-size:10px; color:#666; margin:0; padding:0; font-weight:normal;}
h6{font-size:11px; color:#004593; font-weight:bold; margin:0; padding:0;}

#lefthalf { font-size:10px; color:#000000; line-height:16px;}

/* IMG */
img{border:0;}
img{behavior:url(/content/img/iepngfix.htc); } /*PNG-fix*/

/* Inquiry */
#inquiry #inquiry-form { padding: 0; margin: 0; /* width: 500px; height: 360px; padding-left: 20px; text-align: left; */}
#inquiry .header { font-size: 14px; text-align: left; padding: 5px 0; font-weight: bold; }
#inquiry #inquiry-form .row { margin: 3px 0; }
#inquiry #inquiry-form .label { display: block; }
#inquiry #inquiry-form .errormessage, #inquiry #inquiry-form  label.error { color: White; font-style: italic; font-size: 12px; padding-left: 5px;  display: block;}
#inquiry #inquiry-form input.error { background-color: #FFFFD5; border: 1px solid Red; }
#inquiry #inquiry-form textarea.error { background-color: #FFFFD5; border: 1px solid Red; }
#inquiry .disabled { color: #aaa; }

/* Start page */
.news-heading a { text-decoration: none; color:#004593;}
.news-heading a:hover { text-decoration: underline; }