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

* { margin: 0; padding: 0; outline: 0; zoom: 1;}
img { border: none; }

 html, body {
	 /* background: #FFFFFF url(../img/background-black.png) repeat-x; */
	 background: #020202; /* for non-css3 browsers */
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#020202', endColorstr='#FFFFFF'); /* for IE */
	 background: -webkit-gradient(linear, left top, left bottom, from(#020202), to(#FFFFFF)); /* for webkit browsers */
	 background: -moz-linear-gradient(top,  #020202,  #FFFFFF); /* for firefox 3.6+ */ 
	 /* background: #020202; */
	 font-family: Verdana, Tahoma, arial, sans-serif;
	 height: 100%;
 }
 
 #logo {
	 background: url(../img/logo-byggsupporten.png) no-repeat center top;
	 height: 86px;
 }

 #wrap {  
	 width: 780px;
	 margin: 0 auto -48px; /* the bottom margin is the negative value of the footer's height */
	 min-height: 100%;
	 height: auto !important;
	 height: 100%;
 } 
 
 #content-top {
 	 position: relative;
	 width: 780px;
	 height: 20px;
	 background: url(../img/content-top.png) no-repeat center top;
	 padding: 0;
 }
 
 #menu {
	 padding: 0px 25px 40px 25px;
	 background: url(../img/content-middle.png) repeat-y;  
	 width: 780px;
 }
 
 #menu ul {
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 background: #FFFFFF;
 }
  
 #menu li a{
	 text-align: center;
	 float:left;
	 width: 123px;
	 text-decoration: none;
	 color: black;
	 background-color: white;
	 padding: 0.2em 0.6em;
	 border-right: 1px solid white;
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 18px;
 } 
 
 #menu li a:hover{
	 text-decoration: none;
	 color: white;
	 background-color: black;
 } 
 
 #content {
	 text-align: left;
	 width: 760px;
	 padding: 0px 50px 15px 25px;
	 background: url(../img/content-middle.png) repeat-y;  
 }
 
 #content-bottom {
	 background: url(../img/content-bottom.png) no-repeat center top;
	 height: 20px;
	 width: 780px;
	 clear: both;
	 } 
	 
 #mainText {
	 clear: both;
	 padding-top: 15px;
	 width: 710px;
	 font-size: 11px;
	 }

 #maintext h3 {
	 font-size: 14px;
 }
	 
	 
	 
#slider {
   clear: both;
   width: 500px; /* important to be same as image width */
   height: 333px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float: left; 
   border: 10px;
   }

#sliderContent {
   width: 500px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
  }

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   padding: 10px 13px;
   width: 498px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

 #infobox {
 float: left;
 width: 221px;
 height: 342px;
 margin: 0px 0px 0px 15px;
 background: url(../img/infobox4.png) no-repeat;
 }
 
 .footer, .push {
	height: 48px;
 }
 .footer {
	margin: 0 auto;
	position: relative;
	width: 960px;
	background: url("/img/footer.png") no-repeat;
 }

.style1 { font-size: 12px; }

.style2 { font-size: 12px; font-weight: bold; }

p.policy {
	font-size: 12px;
}

h3.rubrik {
	font-size: 15px;
	padding-bottom: 5px;
}

.text {
	width: 720px;
}

#karta {
	position: relative;
	background: url(../img/karta.jpg) no-repeat;
	height: 396px;
	width: 509px;
	margin: 0px 0px 0px 15px;
}

#avdelningar td {
	width: 179px;
	height: 80px;
}

ul#pdf {
	margin-left: 20px;
	font-size: 13px;
	padding-top: 5px;
	}

ul#pdf li {
	list-style: square;
	text-decoration: none;
	}	
	
ul#pdf li a{
	text-decoration: none;
	}	
	
.newshr {color: #fff; background-color: #fff; border: 1px dotted #020202; border-style: none none dotted;}
.rubrik {font-size:14px; font-weight:bold; color:#000000;}
.text {font-size:12px;}
.date {font-size:10px; color:#8a8a8a;}
.post {width: 718px; margin: 5px 0px 10px 0px; border: 1px solid #E6E4E0; background: #FDFDFC; padding: 5px 5px 5px 5px;}	
	
#contact p, label, legend { font: 14px Verdana, Tahoma, Arial, sans-serif; }

#contact h1 { margin: 0px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 730px;  }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 12px; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:12px Verdana, Tahoma, Arial, sans-serif; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }