/* ==================================================================== 
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.stunicholls.com/menu/pro_pullup_1.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.
Modified by Th. Nies for vorlaender.de with round edges and transparent
background, flyouts are not used, safari bug solved
======================================================================= */
#nav {padding:0; margin:0px 0 0; list-style:none;  }
#nav li.top {display:block; float:left; padding-top:0;}
#nav li a.top_link {display:block; float:left; color:#000; text-decoration:none; font-size:11px; font-weight:bold; padding:0; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding: 0 0 0 0;}
#nav li a.top_link span img { border: 0px solid white; text-decoration: none; }
#nav li a.top_link span.down {float:left; display:block; padding: 0 0 0 0;}
#nav li a.top_link:hover {color:#000;}
#nav li a.top_link:hover span {}
#nav li:hover > a.top_link {color:#000;}
#nav li:hover > a.top_link span {}
#nav li:hover > a.top_link span.down {}
a.top_link	{ border-right: 2px solid white; }

/* Default list styling */

#nav li:hover {position:relative; }

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
/*{position:absolute; left:0px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}*/
{position:absolute; left:0px; display: none; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul
{ z-index: 0; margin-left: 0px; bottom:27px; top:auto; background-image: url(../icon/hgtransparent.png); background-position: top center; padding: 10px 15px 0px 14px;  border: 0px solid #4f8383; white-space:nowrap;  width:210px;  height:auto; display: block; }
* html #nav li:hover ul {width:0;}
#nav li:hover ul li
{display:block; position:relative; float:left; font-weight:normal; clear:left; border-bottom: 1px dotted gray; width: 100%; }
#nav li:hover ul li a
{ font-size:11px; height:20px; line-height:20px; padding:0; color:#000; text-decoration:none; font-weight: bold; }
/* #nav li ul li a.fly
{color:#4f8383; font-weight:bold;}
#nav li:hover ul li a:hover {text-decoration:underline;}
#nav li:hover ul li a.fly:hover
{background:#4f8383; color:#fff; text-decoration:none;}
#nav li:hover ul li:hover.fly {background:#4f8383;}

#nav li:hover ul li:hover.fly > a.fly {background:#4f8383; color:#fff; text-decoration:none;} 
*/
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:0px; margin-left:100%; bottom:0px; top:auto;  padding:3px; border:1px solid #4f8383; white-space:nowrap; width:auto; height:auto;}
ul.sub { z-index: 0!important; } 
li.lastli	{ border: 0px solid white!important; height: 10px; }
a.linkfirst span	{ padding-left: 0px!important; padding-right: 2px!important; }
a.linklast  	{ border-right: 0px!important; }
span.pfeil			{ text-decoration: none; color: #d53144; font-weight: bold; }
a.home				{ background-image: url(../icon/nav.home.gif); width: 38px; height: 28px; background-repeat: no-repeat; }
a.unternehmen		{ background-image: url(../icon/nav.unternehmen.gif); width: 160px; height: 28px; background-repeat: no-repeat; }
a.produkte			{ background-image: url(../icon/nav.produkte.gif); width: 239px; height: 28px; background-repeat: no-repeat; }
a.shop			    { background-image: url(../icon/nav.shop.gif); width: 139px; height: 28px; background-repeat: no-repeat; }
a.agentur		    { background-image: url(../icon/nav.agentur.gif); width: 139px; height: 28px; background-repeat: no-repeat; }
a.kontakt			{ background-image: url(../icon/nav.kontakt.gif); width: 103px; height: 28px; background-repeat: no-repeat; }
a.jobs				{ background-image: url(../icon/nav.jobs.gif); width: 83px; height: 28px; background-repeat: no-repeat; }
a.impressum			{ background-image: url(../icon/nav.impressum.gif); width: 126px; height: 28px; background-repeat: no-repeat; }
a.home:visited			{ background-image: url(../icon/nav.home.gif); width: 38px; height: 28px; background-repeat: no-repeat; }
a.unternehmen:visited	{ background-image: url(../icon/nav.unternehmen.gif); width: 160px; height: 28px; background-repeat: no-repeat; }
a.produkte:visited		{ background-image: url(../icon/nav.produkte.gif); width: 239px; height: 28px; background-repeat: no-repeat; }
a.shop:visited			{ background-image: url(../icon/nav.shop.gif); width: 139px; height: 28px; background-repeat: no-repeat; }
a.agentur:visited		{ background-image: url(../icon/nav.agentur.gif); width: 139px; height: 28px; background-repeat: no-repeat; }
a.kontakt:visited		{ background-image: url(../icon/nav.kontakt.gif); width: 103px; height: 28px; background-repeat: no-repeat; }
a.jobs:visited			{ background-image: url(../icon/nav.jobs.gif); width: 83px; height: 28px; background-repeat: no-repeat; }
a.impressum:visited		{ background-image: url(../icon/nav.impressum.gif); width: 126px; height: 28px; background-repeat: no-repeat; }
a.home:hover			{ background-image: url(../icon/nav.home.hover.gif); width: 38px; height: 28px; background-repeat: no-repeat; }
a.unternehmen:hover		{ background-image: url(../icon/nav.unternehmen.hover.gif); width: 160px; height: 28px; background-repeat: no-repeat; }
a.produkte:hover		{ background-image: url(../icon/nav.produkte.hover.gif); width: 239px; height: 28px; background-repeat: no-repeat; }
a.shop:hover			{ background-image: url(../icon/nav.shop.hover.gif); width: 139px; height: 28px; background-repeat: no-repeat; }
a.agentur:hover			{ background-image: url(../icon/nav.agentur.hover.gif); width: 139px; height: 28px; background-repeat: no-repeat; }
a.kontakt:hover			{ background-image: url(../icon/nav.kontakt.hover.gif); width: 103px; height: 28px; background-repeat: no-repeat; }
a.jobs:hover			{ background-image: url(../icon/nav.jobs.hover.gif); width: 83px; height: 28px; background-repeat: no-repeat; }
a.impressum:hover		{ background-image: url(../icon/nav.impressum.hover.gif); width: 126px; height: 28px; background-repeat: no-repeat; }
a.linkfirst span	{ padding-left: 0px!important; padding-right: 2px!important; }
a.linklast  	{ border-right: 0px!important; }