/***********************************************/
/*           Navigagionsebenen EB              */
/***********************************************/


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



#sprachnavi {
	position: relative;
	float: right;
	height: 20px;
	right: 11px;
	top: 8px;
}


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


#kopflogo {
	position: relative;
	float: left;
	clear: left;
	width: 148px;
	height: 89px;
	top: 17px;
	left: 11px;
}


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

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

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

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

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

.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/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: 145px;
	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: 145px;
	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/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: 144px;
	border: 1px solid #D1D1D1;
	border-top: none;
	height: auto !important;
	background-color: #E4E4E4;
	background-image: url(../basisbilder/pulldown_hint.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	padding-bottom: 2px;
}


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

/* 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;
	line-height: 24px;
	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: 100%;
	font-size: 0.8em;

}











/* style the top level hover */
.menu a:hover {
	color: #000 !important;
	background: url(../basisbilder/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/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;
	top: 3px;
	width: 150px;
	width: 130px;
}

* html #container_sn_links {
	margin-top: -3px;
}




.sn_links {
	margin:0;
	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: 12px;
	padding-bottom: 14px;
	margin: 0;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #0072BC;
	}
	
	
* html .sn_links a:link,
* html .sn_links a:visited {
	margin-bottom: -20px;
	}
	
	
* html #sn_05_01 .sn_links a:link,
* html #sn_05_01 .sn_links a:visited {
	margin-bottom: -5px;
	}
	
	

.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: 132px;
	height:20px;
	line-height:19px;
	text-indent: 10px;
}


.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;	
}