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

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

 html, body {
	 background: #ffffff url(../img/bg-maleriet.png) repeat-x; 
	 /* background: #bd0505; */
	 font-family: Verdana, Tahoma, arial, sans-serif;
	 height: 100%;
 }
 
 #logo {
	 background: url(../img/logo-black-maleriet.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/sidebar-maleriet.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;
}

.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;
}