/* ============================================================== 
Stylesheet - dropdownnavi.css - Kontaktformular	     
Stand:  15.04.2009
Autor:  Copyright: Kirsten Brennemann, http://www.injoy-design.ch
================================================================== */


/*       N A V I G A T I O N
-----------------------------------------*/

#headernavi {
	float: left;
	color: #fff;
	width: 100%;
	/*background: #878d8e;*/
	background: #818181;
	height: 40px;
}

#headernavi ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

#headernavi li {
    float: left;
	width: auto;
	border-right: 1px solid #333;
	list-style: none;
}


/*kbb*/
#headernavi li a {
	display:block; /*so werden padding-Werte in allen Browsern besser berücksichtigt*/
	padding:12px 20px 10px 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	border-bottom:0;
	text-decoration: none;
	}

#headernavi li a:link,
#headernavi li a:visited {
	color: #fff;
	background: #ccc url(../images/navigation_normal.png) no-repeat;
}


#headernavi li a:hover,
#headernavi li a:focus,
#headernavi li a:active {
	color: #000;
	background: #ccc url(../images/navigation_hoover.png) no-repeat;
}


#headernavi ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

/*DropDown */
	
#headernavi li li a, #headernavi li li a:link, #headernavi li li a:visited {
	opacity: .90;
	/*filter: alpha(opacity=90);*/
	background: #444;
	width: 170px;
	color: #ddd;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #333333;
	/*border-left: 1px solid #333333;
	border-right: 1px solid #333333;*/
	}
	
#headernavi li li:first-child {
	border-left-width: 0;
}	
#headernavi li li a:hover, #headernavi li li a:active {
	background: #373737;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#headernavi li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: 0px;
	padding: 0px;
	}

#headernavi li li { 
	/*background: none;*/
	}

#headernavi li ul a { 
	width: 160px;
	}

#headernavi li ul a:hover, #headernavi li ul a:active {
	}

#headernavi li ul ul {
	margin: -31px 0 0 192px;
	/*background: none; kbb*/
	}

#headernavi li:hover ul ul, #headernavi li:hover ul ul ul, #headernavi li.sfhover ul ul, #headernavi li.sfhover ul ul ul {
	left: -999em;
}

#headernavi li:hover ul, #headernavi li li:hover ul, #headernavi li li li:hover ul, #headernavi li.sfhover ul, #headernavi li li.sfhover ul, #headernavi li li li.sfhover ul {
	left: auto;
	/*background: none; kbb*/
	}

#headernavi li:hover, #headernavi li.sfhover { 
	position: static;
	/*background: none; kbb*/
	}

/* muss noch angepasst werden */
#headernavi .current_page_item a {

	background: #222222 url(images/headernavihov.png);

	color: #FFFFFF;

	display: block;

    margin: 0px 0px 0px 0px;

	padding: 12px 20px 12px 20px;

	text-decoration: none;

	}	
	
/* Dropdownmenue -Vorlage*/
/*

#menu {
	margin: 0 0 0 70px;
    padding: 0;
	height: 30px;
	}
	
#menu ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#menu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0;
	}
	
#menu ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#menu li a, #menu li a:link, #menu li a:visited {
	color: #fff;
	display: block;
	font-size: 12px;
    margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	border-right: 1px solid #333333;
	text-decoration: none;
	}

#menu li:first-child {
	border-left: 1px solid #333;
}	*/
	
/*	
#menu li a:hover, #menu li a:active {
	background: #222222 url(images/navhov.png);
	/*background-color: #222;*/
	/*color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	}


	
#menu li li a, #menu li li a:link, #menu li li a:visited {
	opacity: .90;
	filter: alpha(opacity=90);
	background: #1A1A1A;
	width: 170px;
	color: #CCCCCC;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	}
	
#menu li li:first-child {
	border-left-width: 0;
}	
#menu li li a:hover, #menu li li a:active {
	background: #373737;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: 0px;
	padding: 0px;
	}

#menu li li { 
	}

#menu li ul a { 
	width: 160px;
	}

#menu li ul a:hover, #menu li ul a:active { 
	}

#menu li ul ul {
	margin: -31px 0 0 192px;
	}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
	}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
	}

#menu li:hover, #menu li.sfhover { 
	position: static;
	}
*/