/* 	CSS Styles für dpsg-blankenese.de
	Copyright by Jotthoch2.de */
	
/* 	Menu */
/* 	Zeile mit den Lilien */
/* 	margin ist der Aussenabstand, vom Rahmen weg*/
/* 	padding ist der Innenabstand, vom Rahmen zum Inhalt */
#nav, 
#nav ul {
	font: 16px bold Arial, Helvetica, sans-serif;
	float: left;
	width: 790px; /* Gesamtbreite des Menüs */ 
	list-style: none;
	line-height: 1;
	background: black;
	padding: 0;
	/*border: 1px solid #80b8e6; */
	margin: 0 0 0 7px; /* ein wenig Abstand vom linken Rans*/
	white-space:nowrap;
}

#nav a {
	font: 16px bold Arial, Helvetica, sans-serif;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.25em 0 0.25em 1.75em;
	margin: 0 0.75em 0 0;
}

#nav a.daddy {
	background: url(/bilder/nav/tri.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0; /* der Text soll nicht über die Lilie gehen*/
	width: 130px;
	background: url(/bilder/nav/lilie_blau_menu.gif) center left no-repeat #000;
	text-align: left;
}

/********************************************************************************************************/
/* Untermenu */
#nav li ul {
	font: 12px normal Arial, Helvetica, sans-serif;
	position: absolute;
	left: -999em; /* die weiteren Menuteile werden nicht ausgeblendet, sondern ganz weit nach links geschoben */
	height: auto;
	width: auto;
	border: 1px solid #80b8e6;
	margin: 0;
	float: none;
}

#nav li li {
	padding: 0 0.5em 0 0;
	width:auto;
	float: none;
}
/* Korrektur wg dem IE */
/* der macht ansonsten komischerweise die Links wesentlich höher und breiter als sie sollen */
*html #nav li li { 
	border: 1px solid #fff;
	}
*html #nav li li.sfhover { 
	border: 1px solid #000;
	}

#nav li ul a {
	font: 12px normal Arial, Helvetica, sans-serif;
	padding: 0.25em 0.5em;
}
	
#nav li ul ul {
	margin: -1.5em 0 0 97%; /* Definition des Abstandes zur zweiten Unterebene (das was links rauss kommt) */
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
	left: -999em; /* die weiteren Menuteile werden nicht ausgeblendet, sondern ganz weit nach links geschoben */
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul {
	left: auto; /* hier werden die Menuteile wieder von links zurückgeholt */
}

#nav li:hover, 
#nav li.sfhover {
	background: url(/bilder/nav/lilie_weiss_menu.gif) center left no-repeat #000;
}

#nav li:hover li, 
#nav li.sfhover li {
	background: url() #fff;
}

#nav li:hover li a, 
#nav li.sfhover li a, /* erste Menuebene */
#nav li:hover li:hover li a, 
#nav li.sfhover li.sfhover li a, /* zweite Menuebene */
#nav li:hover li:hover li:hover li a, 
#nav li.sfhover li.sfhover li.sfhover li a  /* dritte Menuebene */ 
{
	color: #000;
}

#nav li:hover li:hover, 
#nav li.sfhover li.sfhover {
	background: url() #000;
}

#nav li:hover li:hover a, 
#nav li.sfhover li.sfhover a, /* erste Menuebene */
#nav li:hover li:hover li:hover a, 
#nav li.sfhover li.sfhover li.sfhover a, /* zweite Menuebene */
#nav li:hover li:hover li:hover li:hover a, 
#nav li.sfhover li.sfhover li.sfhover li.sfhover a /* dritte Menuebene */ 
{
	color: #fff;
}