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

div#navigationWrapper {
	width:201px;
	float:left;
	border-left:1px solid #fcdc68;	
	border-right:1px solid #fcdc68;
	background:url('/cachepics/navigationBackground.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FCDC68;
	display:block;
	margin:0;
}
div#navigationMain {
	padding:0 0 170px 0;
	display:block;	
}

div#navBorder {
	background:url('/cachepics/nav_border_bottom.gif');
	background-position:left bottom;
	background-repeat:repeat-x;
	height:224px;
	width:201px;
	vertical-align:bottom;
}

/* Liste 1. Ebene */ 

div#navigationWrapper ul {
	list-style-type:none;
	display:block;
}

div#navigationWrapper ul li,
div#navigationWrapper ul li.selectedOne {
	line-height:18px;
	margin:3px 0 0px 0;
	border-top:1px solid #fcdc68;
	border-bottom:1px solid #fcdc68;
	
}
div#navigationWrapper ul li.first,
div#navigationWrapper ul li.first.selectedOne {margin:0;}

div#navigationWrapper ul li a {
	font-size:15px;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	background-image:url('/cachepics/li_bg.gif');
	background-position:left top;
	background-repeat:repeat-y;
	padding:3px 3px 1px 13px;;
	line-height:18px;
	display:block;
	filter:alpha(opacity=70);
	min-height:18px;
	opacity:0.7;	
	text-decoration:none;
}
	
div#navigationWrapper ul li.selectedOne a,
div#navigationWrapper ul li.selectedOne span.selectedOne,
div#navigationWrapper ul li a:hover {
	background-image:url('/cachepics/li_bg_act.gif');
	background-position:left top;
	background-repeat:repeat-y;
	line-height:18px;
	display:block;
	filter:alpha(opacity=100);
	min-height:18px;
	opacity:1.0;
	text-decoration:none;
	color:#fff;
	font-size:15px;
	padding:3px 3px 1px 13px;;
	text-transform:uppercase;
	font-weight:bold;	
}


div#navigationMain ul li#id1{
	margin-top:20px;
}

/* 2. Ebene */
div#navigationWrapper ul li.selectedOne ul {
	margin:0;
	padding:0;
}

div#navigationWrapper ul li.selectedOne ul li {
	border:0;
	margin:0;
	padding:0;
	line-height:15px;
	font-weight:normal;
	min-height:15px;
	border-top:1px solid #f9e9ad;
	display:block;
}
* html div#navigationWrapper ul li.selectedOne ul li {line-height:1px;}


div#navigationWrapper ul li.selectedOne ul li a {
	font-size:14px;
	color:#323232;
	text-transform:none;
	background-color:#fff;
	background-image:none;
	filter:alpha(opacity=70);
	min-height:18px;
	opacity:0.7;
	padding:3px 2px 3px 30px;
	line-height:18px;
	display:block;
	font-weight:normal;
	text-decoration:none;
}


div#navigationWrapper ul li.selectedOne ul li.selectedOne{
	font-weight:normal;
	text-decoration:none;
	text-transform:none;
	color:#006ab3;
	display:block;
	font-size:14px;
	background-position:15px 9px;
	background-repeat:no-repeat;
	background-color:#fff;
	
}

div#navigationWrapper ul li.selectedOne ul li.selectedOne span.selectedOne,
div#navigationWrapper ul li.selectedOne ul li a:hover{
	font-weight:normal;
	text-decoration:none;
	text-transform:none;
	color:#006ab3;
	display:block;
	padding:3px 2px 3px 30px;
	font-size:14px;
	background-image:url('/cachepics/dot_yellow.gif');
	background-position:15px 9px;
	background-repeat:no-repeat;
	background-color:#fff;
	
}




/* 3. Ebene */

div#navigationWrapper ul li.selectedOne ul li.selectedOne  ul li{
	border:0;
	margin:0px;
	padding:0px 0px 0px 30px;
	line-height:15px;
	font-weight:normal;
	min-height:15px;
	border-top:1px solid #f9e9ad;
	display:block;
}

div#navigationWrapper ul li.selectedOne ul li.selectedOne ul li{
	
	padding-left:20px;
}





/*********************************/
/* NAVIGATION LEGAL              */
/*********************************/

div#navigationLegal {
	float:right;
}

div#navigationLegal ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#navigationLegal ul li {
	float:left;
	border-right:1px solid #323232; 
	line-height:13px;
	margin:0 10px 0 0px;
	padding:0 10px 0 0px;
}
div#navigationLegal ul li.last {border:0;}

div#navigationLegal ul li a {
	font-size:13px;
	color:#323232;
	text-decoration:none !important;
}

div#navigationLegal ul li.selectedOne span.selectedOne,
div#navigationLegal ul li a:hover {
	color:#006ab3;
	text-decoration:none;
	font-size:13px;
	
}

/*****************************/
/* TEASER NAVIGATION BILDER */
/***************************/

div#navigationTeaser {
	padding:0 0px 10px 15px;
	margin:12px 0 0 0;
}

div.imagenav {
	float:left;
	height:80px;
	width:80px;
	display:block;
	margin:9px 10px 0 0;
	text-align:right;
	font-size:83%;
	font-weight:bold;
}

div#hoerdialog{
	clear:left;
}

div.imagenav a {
	width:80px;
	display:block;
	padding:62px 0 10px 0px;
	text-align:right;
}

div#anpassung a{
	background:url('/cachepics/anpassung_neu_passive.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
}
div#anpassung a:hover{
	background:url('/cachepics/anpassung_neu_active.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
}

div#tinnitus a{
	background:url('/cachepics/tinnitus_passive.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
}
div#tinnitus a:hover{
	background:url('/cachepics/tinnitus_active.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
}

div#hoerdialog a{
	background:url('/cachepics/hoerdialog_passive.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
}
div#hoerdialog a:hover{
	background:url('/cachepics/hoerdialog_active.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
}

div#kontakt a{
	background:url('/cachepics/kontakt_passive.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
}
div#kontakt a:hover{
	background:url('/cachepics/kontakt_active.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
}