/* pagemenu style */



/* container for pagemenu*/
#topmenu {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size: 11px;
	margin: 6px 0px 0px 18px !important;
	margin: 10px 0px 0px 18px;
	display: block;
	align: left !important;
	text-align: left !important;
}

.pagemenu {
	height: 26px;
	/*margin: -3px 0px 0px 0px !important;*/
	margin: 0px 0px 0px 0px;
	padding-top: 0px !important;
	/*padding-top: 0px;*/
	background: transparent url(../images/pagemenu_background.gif) repeat-x left top;
	display: block;
}

* html .pagemenu { /* be nice to Internet Explorer 5.5 and 6.0 */
	/*margin/**/: /**/-3px 0px -1px 0px;*/
	margin/**/: /**/-3px 0px -1px 0px;
	/*border: 5px solid #7c7c7c;	*/
}

.pagemenu ul {
	height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 0px 14px 0px 14px;
	list-style-type: none;
}
/* Här sätter man höjd på topmeny-knappar UTAN att borders följer med trallala!*/
.pagemenu ul li {
	height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	background: none;
	display: block;
	float: left;
	position: relative;
}
* html .pagemenu ul li {
	height:26px;
	padding-top: 0px;
}
.pagemenu ul li a {
	height: 26px;
	height: /**/22px;
	padding: 7px 14px 8px 14px;
	white-space: nowrap;
	text-align: center;
	display: block;
	float: left;
	text-decoration: none;
}

* html .pagemenu ul li a {
	height:26px;
	text-decoration: none;
}
.pagemenu ul li a:link, .pagemenu ul li a:active, .pagemenu ul li a:visited {
	font: normal 11px/14px 'Trebuchet MS', 'lucida grande', Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.pagemenu ul li a:hover, .pagemenu ul li a:visited:hover   {
	font: normal 11px/14px 'Trebuchet MS', 'lucida grande', Verdana, Arial, Helvetica, sans-serif;
	background-color:#9AA661;		/* On hover for a alements, */
	background-image:url(../bilder/main-over.png);
	background-position:top left;
	background-repeat:repeat-x;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: none;
	border-left: 1px solid #FFF;
	padding: 6px 13px 6px 13px;
}

.pagemenu ul .divider {
	height: 1px;
	height: /**/1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	display: block;
	float: left;
	clear: none;
}
* html .pagemenu ul .divider { /* be nice to Internet Explorer 5.5 and 6.0 */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pagemenu_divider.png');
}
* html .pagemenu ul .divider img { /* be nice to Internet Explorer 5.5 and 6.0 */
	width: 1px;
	height: 21px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
/* Här SKULLE man kunna sätta en unik activebg-bild för top o sub-menyer */
.pagemenu ul .active, .pagemenu ul .hover {
	/*background: transparent url(../images/pagemenu_active.gif) repeat-x 0px 2px;*/
	background-color:#9AA661;		/* On hover for a alements, */
	background-image:url(../bilder/main-over.png);
	background-position:top left;
	background-repeat:repeat-x;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;

}

/* pagemenu dropdown style */

.pagemenu ul li ul {
	height: auto;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: none;
	border-left:none;
	border-bottom: 2px solid #FFF !important;
	border-right:none;
	display: none;
	float: none;
	z-index: 4;
	position: absolute;
	top: 0;
	left: 0;
}

* html .pagemenu ul li ul {
	margin: 34px 0px 0px 0px;
	border-top: none;
	border-right: 1px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-left: 1px solid #FFF;
	padding-top: -2px;
	background-color:#9AA661;
}
html:first-child .pagemenu li:after { /* be nice to Opera */
    content: ".";
	margin: 0px 0px 0px -3px;
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;	
}
.pagemenu li > ul {
	top: auto;
	left: auto;
}
.pagemenu ul li:hover ul {
	display: block;
}
.pagemenu ul li.hover ul { /* be nice to Internet Explorer 5.5 and 6.0 */
	display: block;
}
.pagemenu ul li ul li {
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: none;
}
.pagemenu ul li ul li a {
	width: 160px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 4px 14px 4px 14px;
	text-align: left;
	display: block;
	float: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
* html .pagemenu ul li ul li a { /* be nice to Internet Explorer 5.5 and 6.0 */
	width: 192px;
	width: /**/160px;
	margin: 0px 0px -2px -16px;
	margin: /**/0px 0px -2px 0px;
}
*:first-child + html .pagemenu ul li ul li a { /* be nice to Internet Explorer 7.0 */
	margin: 0px 0px -2px 0px;
}
.pagemenu ul li ul li a:link, .pagemenu ul li ul li a:active, .pagemenu ul li ul li a:visited {
	background: #9AA661;
	color: #ffffff;
	border-top: none;
	/*border-right: 1px solid #FFF;*/	
	border-right: none;
	border-bottom: none;
	/*border-left: 1px solid #FFF;*/
	border-left: none;
	padding: 4px 14px 4px 14px;
}
.pagemenu ul li ul li a:hover, .pagemenu ul li ul li a:visited:hover {
	background-color:#818f51;
	background-image:url(../bilder/sub_over.png);
	background-position:top left;
	background-repeat:repeat-x;
	color: #ffffff;
	border-top: none;
	border-right: none;
	border-bottom: none;
	/*border-left: 1px solid #FFF;*/
	border-left: none;
	padding: 4px 14px 4px 14px;
}
/* Bosse, nedanstående 2 klasser ger färg till undermenyns active & active-hover */
.pagemenu ul li ul .active a:link, .pagemenu ul li ul .active a:active, .pagemenu ul li ul .active a:visited {
	/*background: #9AA661;*/
	color: #fcd530;
	border: none !important;
	
}
.pagemenu ul li ul .active a:hover, .pagemenu ul li ul .active a:visited:hover {
	/*background-color:#818f51;
	background-image:url(../bilder/sub_over.png);
	background-position:top left;
	background-repeat:repeat-x;
	color: #ffc766;*/
	border: none;
	
}

/* #### Nedan gäller endast submeny i 3:e led #### */
/* pagemenu dropdown submenu style */

.pagemenu ul li ul li ul {
	margin: 10px 0px 0px 100px;
	border: 1px solid #FFF;
	display: none;
	float: none;
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
}
.pagemenu ul li ul li ul li a {
	width: 160px;
	padding: 3px 14px 0px 24px;
	border: none !important;
	color: #FFF;
}
* html .pagemenu ul li ul li ul li a { /* be nice to Internet Explorer 5.5 and 6.0 */
	width: 192px;
	width: /**/160px;
	margin: 0px 0px -1px 0px;
	border: none !important;
	color: #FFF;
}
.pagemenu ul li ul li ul li a:link, .pagemenu ul li ul li ul li a:active, .pagemenu ul li ul li ul li a:visited {
	background: none;
	background-color: #9AA661;
	color: #FFF;
	border: none;
}
.pagemenu ul li ul li ul li a:hover, .pagemenu ul li ul li ul li a:visited:hover {
	background-color:#818f51;
	background-image:url(../bilder/sub_over.png);
	background-position:top left;
	background-repeat:repeat-x;
	color: #FFF;
	border: none;
}
.pagemenu ul li ul li ul .active a:link, .pagemenu ul li ul li ul .active a:active, .pagemenu ul li ul li ul .active a:visited {
	background: none;
	background-color: #9AA661;
	color: #fcd530;
	border: none;
}
.pagemenu ul li ul li ul .active a:hover, .pagemenu ul li ul li ul .active a:visited:hover {
	background-color:#818f51;
	background-image:url(../bilder/sub_over.png);
	background-position:top left;
	background-repeat:repeat-x;
	color: #FFF;
	border: none;
}

#1st-level-active {
	border-top: none;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: none;
	color: #fcd530;
	padding: 7px 14px 6px 14px;
	display: block; 
}

#3rd-level-li-no {
	color: black;
}


#3rd-level-a-no {
	color: #FFF; 
}


#3rd-level-li-active {
	color: red;
}


#3rd-level-li-actifsub {
	color: red; 
}


#3rd-level-a-actifsub {
	color: red; 
}


3rd-level-a-active {
	color: red; 
}