/***********************************************/
/*           Navigagionsebenen RBL             */
/***********************************************/


#navcontainer {
	position: relative;
	float: left;
	width: 846px;
	height: 178px;
	display: block;
	background-image: url(../basisbilder_09/navcontainer_hint.gif);
	background-repeat: no-repeat;
	z-index: 1;
}


#navi_oben {
	position: relative;
	float: left;
	width: 846px;
	height: 110px;
	clear: both;
}


#kopfllogo {
	position: relative;
	float: left;
	clear: left;
	width: 148px;
	height: 60px;
	top: 28px;
	left: 11px;
}



/***********************************************/
/*             Hilfsnavi im Kopf               */
/***********************************************/



#hilfsnavi_kopf {
	position: relative;
	float: right;
	right: 11px;
	top: 90px;
	clear: right;

}

.graunavi_kopf {
	margin:0;
	padding:0;
	list-style:none;
}

.graunavi_kopf li {
	display:inline;
	margin:0;
	padding:0;
	margin-left: 10px;
	}

.graunavi_kopf a:link,
.graunavi_kopf a:visited {
	text-decoration: none;
	color: #7E7E7E;
}

.graunavi_kopf a:hover {
	color: #000;
}




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* ====================================================================
Der unten stehende Code wurde von der Effingerhof AG dankbar übernommen 
und massivst angepasst. Falls Du diesen wirklich tollen Code auch 
verwenden möchtest, hole Dir unbedingt das Original!
======================================================================= */

#hn_container {
	position: relative;
	float: left;	
	width: 828px;
	height: 46px;
	margin: 10px 0 0 9px;
	background-image: url(../basisbilder_09/hauptnavi_hint.gif);
	background-repeat: no-repeat;
}


* html #hn_container {
	margin: 10px 0 0 4px;
}



/* remove all the bullets, borders and padding from the default list styling */
/* plus position links innerhalb des hn-containers */
.menu ul {
	padding: 0;
	margin: 0;
	margin-left: 4px;
	list-style-type: none;
}

* html .menu ul {
	margin-left: 7px;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: left;
	width: 136px;
	position: relative;
}


/* abstand der hauptbuttons für den IE auf 0 setzen ... */
* html .menu ul li {
	margin-left: -2px;
}


/* style the links for the top level */
.menu ul li a,
.menu ul li a:visited {
	width: 136px;
	height: 40px;
	margin: 0;
	margin: 3px 0 0 2px;
	text-decoration: none;
	display: block;
	color: #0072BC;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	background-image: url(../basisbilder_09/h_button_p.gif);
	background-repeat: no-repeat;

}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a,
* html .menu a:visited {
	width:134px;
	w\idth:138px;
}




/* hide the sub levels and give them a positon absolute so that they take up no room */
/* Achtung! height: auto, sonst kein Hintergrund ... */

.menu ul li ul {
	visibility: hidden;
	position: absolute;
	top: 42px;
	margin-left: 1px;
	width: 135px;
	border: 1px solid #D1D1D1;
	border-top: none;
	height: auto !important;
	background-color: #E4E4E4;
	background-image: url(../basisbilder_09/pulldown_hint.gif);
	background-position: top;
	background-repeat: no-repeat;
}


/* another hack for IE5.5 */
* html .menu ul li ul {
	top: 40px;
	width: 137px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
}

/* style the second level links (Pulldwon-Menu)*/
.menu ul ul a,
.menu ul ul a:visited {

	/*height: 22px;*/
	
	height: auto;
	
	line-height: 20px;
	width: 130px;
	text-align: left;
	margin: 0;
	margin-left: 5px;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #0072BC;
	background: none !important;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D1D1D1;
}



/* Für'n IE gips eine Tabelle ... */
* html .menu td li a,
* html .menu td li a:visited {

	font-size: 0.6em;
	font-weight: bold;
	text-decoration: none;

}











/* style the top level hover */
.menu a:hover {
	color: #000 !important;
	background: url(../basisbilder_09/h_button_a.gif) no-repeat left top !important;
}


/* interessiert den IE6 nicht: */
.menu :hover > a { /* 1. Stufe */
	color: #000 !important;
	background-image: url(../basisbilder_09/h_button_a.gif) !important;
}

.menu ul ul :hover > a { /* 2. Stufe sauber halten */
	background: transparent !important;
}





* html .menu td li a:hover { /* 2. Stufe sauber halten IE */
	background: transparent !important;
}




/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility: visible;
}








/***********************************************/
/*         Subnavi in linker Spalte            */
/***********************************************/

#container_sn_links {
	position: relative;
	float: left;
	left: 8px;
	width: 150px;
}

.sn_links {
	margin:0;
	margin-top: 10px;
	padding:0;
	list-style:none;
	border-left: 1px solid #DDD;
}


.sn_links li {
	margin-left: 7px;
}

.sn_links a:link,
.sn_links a:visited
 {
	width: 143px;
	
	line-height: 1.3em;
	
	margin: 0;
	margin-bottom: 13px;
	
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #0072BC;
	}

.sn_links a:hover {
	color: #000;
}





/*  3. Navistufe  */

.sn_2 {
	margin:0;
	margin-top: -8px;
	padding:0;
	list-style:none;
}


.sn_2 a:link, .sn_2 a:visited{
	font-weight: normal;
	display:block;
	width: 122px;
	
	
	line-height: 1.3em;
	
	margin: 0;
	margin-left: 10px;
	margin-bottom: 9px;
}


.sn_2 a:hover{
	color: #000;	
}


.sn_2 li{
	padding:0;
	margin-top:0px;
}


.sn_1 a:link.sn_1_aktiv,
.sn_1 a:visited.sn_1_aktiv,
.sn_2 a:link.sn_2_aktiv,
.sn_2 a:visited.sn_2_aktiv
 {
	color: #000;	
}



/*  4. Navistufe ... */

.nav3 {
	margin:0;
	/*margin-top: -8px;*/
	padding:0;
	list-style:none;
}

.nav3 li {
	margin: -3px 0 0 15px;
}





#rauf {
	position: absolute;
	width: 35px;
	height: 27px;	
	margin-left: 850px;
	text-align: center;
	top: 0px;
	z-index: 25;
	visibility: hidden;
	padding: 6px 0 0 0;
	background: url(../basisbilder_09/2top_schatten.gif) no-repeat center top;
}

* html #rauf {
	margin-left: 700px;
}