/*
DEXFLU.eu Navigation stylesheet template for shop - blog - contest if possible
dexflu colors
blau #4089F2 
ganz helles blau #71a9ed navi
lila #F7257E
info orangebox bg #ffb502
info dark orange text #ff8b02
gruen: 83c572

Titelschrift
font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
*/



/* HauptNavigation blog 
------------------------------------------------------------------------------*/
#nav {
	width: 370px;
	height: 87px; /* hoehe der sichtbaren signs */
	margin: 15px 0 0 0;
	padding: 0;
	font-family: Helvetica,Arial,Verdana, sans-serif;
	font-size: 12px;
/*	background: transparent url(images/navigation.png) no-repeat;  
border: 1px solid #F00; */
}

#nav li.on ul, #nav li.off ul {
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
}

#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
}

#nav li ul {
	display: none;
}

#nav li.off ul, #nav li.on ul { /*Ausrichtung der Subnav*/
	position: absolute;
	top: 109px; /* hoehe der subnavzeile */
/*	*top: 50px; IE 5 hack!? braucht man nicht*/
	left: 200px;
	margin: 0 0 0 0;
	padding: 0;
	background: #fff; /* Backgroundfarbe um andere Unterpunkte zu ueberdecken */
	height: 1px; /* 20px wenn subtext active */
	width: 400px;
	font-weight: bold;
}

#nav li a {
	color: #71a9ed; /* helles blau */
	display: block;
	height: 90px; /* hoehe der reaktionsflaeche */
}
#nav li.on a {
}

#nav li.on ul a, #nav li.off ul a {
	float: left; /*ie doesn't inherit the float*/
	border: 0;
	color: #999;
	width: auto;
	margin: 0 12px 0 0;
	background: transparent !important;
	text-indent: 0;
}

#NavShop { left: 0;	width: 100px; }
#NavDesignboard { left: 100px;	width: 100px; }
#NavService { left: 300px; width: 150px; } 

#NavShop a { left: 0;	width: 100px; }
#NavDesignboard a { left: 100px;	width: 100px; }
#NavService a { left: 300px; width: 150px; }

#NavShop a:hover { background: url(http://www.dexflu.eu/pix/navigation.png) 0 -111px no-repeat; }
#NavDesignboard a:hover { background: url(http://www.dexflu.eu/pix/navigation.png) -100px -111px no-repeat; }		
#NavService a:hover { background: url(http://www.dexflu.eu/pix/navigation.png) -200px -111px no-repeat; }

#NavShop.on a { background: url(http://www.dexflu.eu/pix/navigation.png) 0 -111px no-repeat; }
#NavDesignboard.on a { background: url(http://www.dexflu.eu/pix/navigation.pngg) -100px -111px no-repeat; }		
#NavService.on a { background: url(http://www.dexflu.eu/pix/navigation.png) -190px -111px no-repeat; }

/* ENDE: HauptNavigation
---------------------------------------------------------*/

/* einloggen, aussloggen rechts oben
---------------------------------------------------------*/
.logonlogoff {
	padding: 0 10px 0 0;
	font-size: 10px
}