/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {padding:0; margin:0; list-style:none; height:35px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:697px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:35px; width:116px; border:0; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px;}

#nav li a.angebote {background:url(../img/menu_space.gif);}
#nav li a.service {background:url(../img/menu_space.gif);}
#nav li a.team {background:url(../img/menu_space.gif);}
#nav li a.fuhrpark {background:url(../img/menu_space.gif);}
#nav li a.gaestebuch {background:url(../img/menu_space.gif);}
#nav li a.kontakt {background:url(../img/menu_space.gif);}

#nav li:hover a,
#nav a:hover
{background-position: 0 35px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:35px; background: #edb; width:115px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:35px; position:relative; float:left; width:116px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:35px; width:115px; border:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.preise {background:url(../img/menu_2-1.jpg);}
#nav :hover ul li a.klassen {background:url(../img/menu_2-2.jpg);}
#nav :hover ul li a.unterricht {background:url(../img/menu_2-3.jpg);}

#nav :hover ul li a.gaestebuch {background:url(../img/menu_5-1.jpg);}
#nav :hover ul li a.kontakt {background:url(../img/menu_5-2.jpg);}

#nav :hover ul.sub li a:hover 
{background-position: 0 35px; position:relative;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}