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

ul.topnav {
list-style: none;
margin: 0px 10px;
float: left;
width: 147px;
height: 32px;
padding: 0px 3px;
font-size: 9px;
font-weight: 600;
background: rgba(0, 0, 0, 0.3);
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3);
border-radius: 8px;
border: 1px solid black;
border-bottom: 1px solid #444;
color:white;
}
#filter ul.topnav {
background:none;
background-color: #FCFCFC;
box-shadow: 0px 1px 2px 0px #999;
padding: 10px 0px;
font-size: 9px;
width: 47%;
font-weight: 600;
border: 1px solid #EEE;
max-height: 28px;
margin: 1%;
float: left;
border-radius: 0px;
}
#filter ul.topnav:hover {
background-color: #FFF;
}
#filter ul.topnav #label {
position:relative;
left:-4px;
background: url(img/filter-updown.png) no-repeat left;
width: 85px;
height: 15px;
float: left;
padding: 8px 0px 8px 36px;
text-align: left;
}
ul.topnav li {
	float: left;
	margin: 0px;	
	padding: 0px;
	color:#333;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li.byggnad {background: url(img/byggnad.png) no-repeat left}
ul.topnav li.material {background: url(img/material.png) no-repeat left}
ul.topnav li.miljo {background: url(img/miljo.png) no-repeat left}

/*ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}*/
ul.topnav li a:hover{
	/*background:none;*/
	/*background: url(img/topnav_hover.gif) no-repeat right;*/
}
ul.topnav li span { /*--Drop down trigger styles--*/

}
ul.topnav #label {background: url(img/updown.png) no-repeat right;
	width: 85px;
	height: 15px;
	float: left;
	padding: 8px 30px;
	text-align:left;
}
#search-guide ul.topnav #label {color:white;font-size:12px;
font-weight:300;text-shadow: 0px -1px 1px black;}
ul.topnav li span.subhover {cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 30px;
	background: #fff;
	margin: 0; padding: 0px 0px 10px 0px;
	display: none;
	float: left;
	width: 142px;
	border-top: 0px;
	/*border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
	z-index:10;
	box-shadow: inset 1px 1px 1px #666, 1px 1px 1px #999;
}
#filter ul.topnav li ul.subnav {
left: -2px;
top: 30px;
width: 298px;
border: 1px solid #EEE;
box-shadow: none;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0px 4px 0px 6px;
	/* border-bottom: 1px solid #f8f8f8; --Create bevel effect --*/
	clear: both;
	width: 132px;
	max-height:28px;
	border-bottom: 1px solid #F3F3F3;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}
#filter ul.topnav li ul.subnav li{
	float:left;
	clear:none;
	padding:6px 4px 6px 0px;
	margin:0px 6px;
}
/*ul.topnav li ul.subnav li:hover {
background: #F8F8F8;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}*/
html ul.topnav li ul.subnav li a {
	float: left;
	/*width: 145px;
	background: #333 url(img/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;*/
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	/*background: #222 url(img/dropdown_linkbg.gif) no-repeat 10px center;*/ 
}
#typ2.subnav {
width: 715px;
left: -300px;
}

#typ2.subnav li {
float: left;
clear: none;
}