@charset "utf-8";
/* css document */

ul#navi  					   	{ list-style-type:none; width:1000px; height:71px; }
ul#navi li 						{ list-style-type:none; background-image:none; float:left;}
ul#navi li a					{ background:url(../images/bg-navi.png) no-repeat; text-indent:-9000px; overflow:hidden; display:block; padding:20px 0 38px 0;}

ul#navi li a.nav01	 			{ background-position:0 0; width:151px;}
ul#navi li.sfHover a.nav01, 
#stephanie-ueber-stephanie ul#navi li a.nav01,
#stephanie-ihre-erfolge ul#navi li a.nav01		{ background-position:0 -71px;}

ul#navi li a.nav02 				{ background-position:-151px 0; width:133px;}
ul#navi li.sfHover a.nav02,
#patrick-ueber-patrick ul#navi li a.nav02,
#patrick-seine-erfolge ul#navi li a.nav02		{ background-position:-151px -71px;}

ul#navi li a.nav03 						{ background-position:-284px 0; width:116px;}
ul#navi li a.nav03:hover,
#vision ul#navi li a.nav03				{ background-position:-284px -71px;}

ul#navi li a.nav04 						{ background-position:-400px 0; width:125px;}
ul#navi li a.nav04:hover,
#galerie ul#navi li a.nav04				{ background-position:-400px -71px;}

ul#navi li a.nav05 						{ background-position:-525px 0; width:131px;}
ul#navi li a.nav05:hover,
#partner ul#navi li a.nav05		{ background-position:-525px -71px;}

ul#navi li a.nav06 						{ background-position:-656px 0; width:208px;}
ul#navi li a.nav06:hover,
#news-ergebnisse ul#navi li a.nav06		{ background-position:-656px -71px;}

ul#navi li a.nav07 						{ background-position:-864px 0; width:135px;}
ul#navi li a.nav07:hover,
#kalender ul#navi li a.nav07		{ background-position:-864px -71px;}

ul#navi ul li a					{ padding:10px 0 18px 0px;}
ul#navi ul li a:hover			{ background:#fff; color:#0c3f68;}

ul#navi ul li a.nav01-01		{ background:url(../images/bg-nav-drop-01.png) no-repeat;}
ul#navi ul li a.nav01-02		{ background:url(../images/bg-nav-drop-02.png) no-repeat;}
ul#navi ul li a.nav01-03		{ background:url(../images/bg-nav-drop-03.png) no-repeat;}
ul#navi ul li a.nav01-01:hover,
ul#navi ul li a.nav01-02:hover,
ul#navi ul li a.nav01-03:hover,
#stephanie-ueber-stephanie ul#navi li a.nav01-01,
#stephanie-stephanies-ziele ul#navi li a.nav01-02,	
#stephanie-ihre-erfolge ul#navi li a.nav01-03,
#patrick-ueber-patrick ul#navi li a.nav02-01	{ background-position:0 -41px}

ul#navi ul li a.nav02-01		{ background:url(../images/bg-nav-drop-04.png) no-repeat;}
ul#navi ul li a.nav02-01:hover,
#patrick-ueber-patrick ul#navi li a.nav02-01	{ background-position:0 -41px}
ul#navi ul li a.nav02-02		{ background:url(../images/bg-nav-drop-05.png) no-repeat;}
ul#navi ul li a.nav02-02:hover,
#patrick-seine-erfolge ul#navi li a.nav02-02	{ background-position:0 -41px}

/*** dropdown ***/
.dropdown, .dropdown * 						{ margin:0px; padding:0px; list-style:none;}
.dropdown 									{ line-height:1.0;}
.dropdown li 								{ float:left; position:relative;}
.dropdown li:hover 							{ visibility:inherit;}
.dropdown li li 							{ }
.dropdown li li li 							{ }
.dropdown a 								{ display:block; position:relative;	text-decoration:none;} /* keine Höhe angeben - alles mit padding lösen */
.dropdown li.sfHover, .dropdown a:hover		{ outline:0;}
.dropdown ul 								{ position:absolute; top:-999em; width:158px;}
.dropdown ul.second							{ width:125px;}
.dropdown ul li 							{ width:100%;}

.dropdown li:hover ul,
.dropdown li.sfHover ul 					{ left:0; top:71px; z-index:99;}

ul.dropdown li:hover li ul,
ul.dropdown li.sfHover li ul 				{ top:-999em;}

ul.dropdown li li:hover ul,
ul.dropdown li li.sfHover ul 				{ left:150px /* is equal to '.dropdown ul' width */; top:0;}

ul.dropdown li li:hover li ul,
ul.dropdown li li.sfHover li ul 			{ top:-999em;}

ul.dropdown li li li:hover ul,
ul.dropdown li li li.sfHover ul 			{ left:150px /* is equal to  '.dropdown ul' width */; top:0;}




