body {font-family: Verdana; font-size: 13px; color: #000;}

p {font-family: Verdana; font-size: 13px; color: #000;}

td {font-family: "Segoe UI"; font-size: 13px; color: #666;}

li {font-family: Verdana; font-size: 13px; color: #000;}





a:link { font-family: Arial; font-size: 12px; font-weight: bold; color: #000; text-decoration: none;}

a:active {font-family: Arial; font-size: 12px; font-weight: bold; color: #000; text-decoration: none;}

a:visited { font-family: Arial; font-size: 12px; font-weight: bold; color: #000; text-decoration: none;}

a:hover { font-family: Arial; font-size: 12px; font-weight: bold; color: #000; text-decoration: none;}



a.meny_farg:link { font-family: Arial; font-size: 12px; font-weight: bold; color: #000; text-decoration: none;}

a.meny_farg:active {font-family: Arial; font-size: 12px; font-weight: bold; color: #000; text-decoration: none;}

a.meny_farg:visited { font-family: Arial; font-size: 12px; font-weight: bold; color: #000; text-decoration: none;}

a.meny_farg:hover { font-family: Arial; font-size: 12px; font-weight: bold; color: #000; text-decoration: none;}



h2 { font-family: "Segoe UI"; font-weight: bold; color: #666; font-size: 18px; padding: 0px; padding-bottom: 0px; margin: 0px;}

h3 { font-family: "Segoe UI"; font-weight: bold; color: #666; font-size: 14px; padding: 0px; padding-bottom: 0px; margin: 0px;} 



h1 {

   font-family: "Segoe UI";

   font-weight: bold;

   color: #666; 

   font-size: 25px; 

   padding: 0px; 

   margin: 0px;

} 





body {

 	margin:0 auto;

	padding:0;

	font:76% Verdana,Tahoma,Arial,sans-serif;

	background: #fff;

}



#centersite {

	width: 990px;

	margin-right: auto; 

	margin-left: auto;

	padding: 3px;

	background: #fff;

}


td.off {
background: ;
}

td.on {
background: #fffcf5;
}





// ####### MENY ###### //



#procontainer_brown {

position:relative;

color:#E0E0E0;

background:#143D55;

width:950px;

}



#pronav_brown {

position:relative;

height:32px;

font-size:12px;

text-transform:uppercase;

font-weight:bold;

padding:0 0 0 320px;

border-bottom: 14px solid #333;

}



#pronav_brown ul{

margin:0;

padding:0;

list-style-type:none;

width:auto;

float:left;

}



#pronav_brown ul li {

display:block;

float:left;

margin:0 1px;

}



#pronav_brown ul li a {

display:block;

float:left;

color:#666;

font-weight: bold;

text-decoration:none;

padding:0 0 0 20px;

height:32px;

}



#pronav_brown ul li a span {

padding:12px 20px 0 0;

height:21px;

float:left;

font-weight: bold;

font-family: "Myriad Pro", Helvetica, Arial, Verdana, sans-serif;

}



#pronav_brown ul li a:hover {

color:#ccc;

}



#pronav_brown ul li a:hover span {

display:block;

width:auto;

cursor:pointer;

}



#pronav_brown ul li a.current,#pronav ul li a.current:hover {

color:#000;


background:#ffcc00 url(images/brown_pro_left-ON.gif) no-repeat top left;

line-height:225%;


}



#pronav_brown ul li a.current span {

display:block;

padding:3px 20px 0 0;

width:auto;

background:#333 url(images/brown_pro_right-ON.gif) no-repeat top right;

height:32px;

}





// ####### INLOGGAD MENY ###### //



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.shadetabs{
 

/* width: 90%; width of menu. Uncomment to change to a specific width */

margin-bottom: 1em;

}



.shadetabs ul{

padding: 3px 0;

margin-left: 0;

margin-top: 1px;

margin-bottom: 0;

font: bold 12px Verdana;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

}



.shadetabs li{

display: inline;

margin: 0;

}



.shadetabs li a{

text-decoration: none;

padding: 3px 7px;

margin-right: 3px;

border: 1px solid #ffcc33;

color: #2d2b2b;

background: #fffcf6;

font-weight: normal;

}



.shadetabs li a:visited{

color: #2d2b2b;

}



.shadetabs li a:hover{

text-decoration: underline;

color: #2d2b2b;

}



.shadetabs li.selected{

position: relative;

font-weight: bold;

}



.shadetabs li.selected a{ /*selected main tab style */

background-image: url(images/shadeactive.gif);

border-bottom-color: white;

font-weight: bold;


}



.shadetabs li.selected a:hover{ /*selected main tab style */

text-decoration: none;

}











/* ######### STYLE FÖR BILDFÖRSTORING ######### */



#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	left:-150px;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 100;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}

	



/* Min-Width */

.lbWidth { /* most browsers */

	position: absolute;

	top: 0px; left: 0px;

	width: 100%;

	min-width: 790px;

	}



* html .lbContent { /* IE6 */

	margin-left: -790px;

	position:relative;

	}



* html .lbMinWidth { /* IE6 */

	padding-left: 790px;

	}

	

	

/* Clearfix */	

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */ 









a.info{

    position:relative; /*this is the key*/

    z-index:24;

    color:#000;

    text-decoration:none

}



a.info:hover{z-index:25;}



a.info span{display: none}



a.info:hover span{ /*the span will display just on :hover state*/

    display:block;

    position:absolute;

    top:2em; left:2em; width:15em;

    border:1px solid #cc0000;

	padding: 10px;

	font-weight: bold;

    background-color:#fff; color:#333;

    text-align: center

}