/* relativer wrapper als Positionierung fuer die die Navigation */
#wrapper_navigation {
	width:				670px;
	height:				60px;
	margin:				5px 0 10px 0;
	border:				0px solid black;
}
/* Style fur die header Navigation */

#styler01{
	position:			absolute;
	background-image: 	url(../images/styler_kontakt.jpg);
	background-repeat:	no-repeat;
	width:				628px;
	height:				78px;
	margin-left:		390px;
	margin-top:			20px;
}

#styler02{
	display:			none;
	position:			absolute;
	background-image: 	url(../images/styler_radstationen.jpg);
	background-repeat:	no-repeat;
	width:				628px;
	height:				78px;
	margin-left:		130px;
	margin-top:			45px;
}

#navigation {
	position:			 absolute;
	margin-left:		 0px;
	width:				 669px;
	font-family:  		 Arial, Verdana, sans-serif;
	border:				 0px solid black;
}

/* css liste */
#navigation ul {
	list-style: 		none;
    margin: 			0; 
	padding: 			0;
	float:				right;
}


#navigation li {
	float:				left;
    margin: 			0 0 0 11px; 
	padding: 			0 2px 0 0;
	height:				20px;
	background-image:	url(../images/green_frame_right.jpg);
	background-repeat:	no-repeat;
	background-position:top right;	
}



#navigation li.active li {
    margin: 			0 6px 0 0; 
}


#navigation li.active ul {
	position:			absolute;
	margin-left: 		-220px;
	margin-top:			5px;
	width:				703px;
	border:				0px solid red;
}

#navigation li.active li.active ul {
	position:			absolute;
	margin-left: 		-135px;
	margin-top:			5px;
	width:				703px;
	border:				0px solid red;
}


/* css a */
#navigation a:link,
#navigation a:visited {
	font-size:			14px;
	color:				#000000;
	text-decoration:	none;
	font-weight:		600;
	display:			block;
	padding:			2px 5px 2px 5px;
	overflow:			hidden;
	background-image:	url(../images/green_frame_left.jpg);
	background-repeat:	no-repeat;
}

#navigation a:hover,
#navigation li.active li a:hover,
#navigation li.active li.active li a:hover {
	background-image:	url(../images/white_frame_left.jpg);
	background-repeat:	no-repeat;
}


li.active#navigation a:link {
	background-image:	url(../images/white_frame_left.jpg);
	background-repeat:	no-repeat;
}


#navigation li.active li a {
	font-size:			14px;	
	padding:			2px 6px 4px 6px;	
}

#navigation li.active a {
	background-image:	url(../images/white_frame_left.jpg);
	background-repeat:	no-repeat;
}

#navigation li.active li.active a {
	background-image:	url(../images/white_frame_left.jpg);
	background-repeat:	no-repeat;
}


#navigation li.active li.active li.active a {
	background-image:	url(../images/white_frame_left.jpg);
	background-repeat:	no-repeat;
}



#navigation li.active li a {
	background-image:	url(../images/green_frame_left.jpg);
	background-repeat:	no-repeat;
}

#navigation li.active li.active li a {
	background-image:	url(../images/green_frame_left.jpg);
	background-repeat:	no-repeat;
}

#navigation li.active li.active li.active li a {
	background-image:	url(../images/green_frame_left.jpg);
	background-repeat:	no-repeat;
}
