/*-----------------------------------------------------------------------------
Dietrich Display Navi Stylesheet

version:   1.0
date:      16/06/10
author:    Heike Autenrieth-Häfner
email:     heike@autenrieth-haefner.de

website:   www.autenrieth-haefner.de

-----------------------------------------------------------------------------*/




/* Navigation
-----------------------------------------------------------------------------*/

#nav {
font-weight: normal;
padding: 0;
height: 50px;
}


/* Menu
-----------------------------------------------------------------------------*/

#menu {list-style-type:none; margin:0; padding:0; width:600px; background: #1B1B1B;}
#menu li {float:left; padding:0; margin:0; position:relative; width:120px; height:22px; background: #1B1B1B;}
#menu li.one {width:120px;}
#menu li.two {width:145px;}
#menu li.three {width:120px;}

#menu li dl {position:absolute; top:0; left:0; padding-top:0px;}

#menu li a, #menu li a:visited {text-decoration:none;}

#menu li dd {display:none;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block; position:absolute; top:22px; left:0; z-index:100;}
#menu li dd.curr {display:block; position:absolute; top:22px; left:0; z-index:-1;}

#menu li:hover dl, #menu li a:hover dl {padding-top:0px;}

#menu table {border-collapse:collapse; padding:0; margin:-1px;}

#menu dl {width: 120px; margin: 0; padding: 0; background: #1B1B1B;}
#menu dl.one {width: 600px;}
#menu dl.two {width: 480px;}
#menu dl.three {width: 340px;}
#menu dl.three ul {width: 640px;}

#menu dt {margin:0; padding: 4px 5px 4px 6px;}

#menu dd { margin:0; padding: 2px 0 14px 0; text-align:left;}

#menu dl.two dd { margin-left: -120px;}
#menu dl.three dd {margin-left: -265px;}

#menu dt a, #menu dt a:visited {display:block; color:#ccc; font-weight: normal;}
#menu dt a:hover {color:#fff;}
#menu dt a.curr {color:#8E8A7F;}

#menu dd a, #menu dd a:visited {text-decoration:none; padding: 4px 5px 10px 10px; color:#ccc; font-size: 1.1em; font-weight: normal;}
#menu dd a:hover {color:#fff;}
#menu dd a.curr {color:#8E8A7F;}



ul, ol, dl
	{
	list-style: none;
	line-height: 1.4; 
	margin: 0; 

}

li, dd, dt
	{
	margin: 6px 0 ;
	font-size: 1.0em; /* 100% von ul */	
}



/* neu */
#nav {width:600px; height:50px; background:#1B1B1B; position:relative; margin-left:30px; margin-top:70px;}

#nav .select, #nav .curr {margin:0; padding:0; list-style:none;}

#nav li {display:inline; margin:0; padding:0; height:auto;}



#nav .select a, #nav .curr a {
display: block; 
height: 20px; 
float: left; 
background: #1B1B1B; 
padding:0 10px 0 10px; 
text-decoration:none; 
font-size:1.2em; 
line-height:20px; 
white-space:nowrap; 
color:#ccc; 
text-transform: uppercase;
letter-spacing: 0.1em;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
* html #nav .select a, * html #nav .curr a {width:1px; height:21px;}


#nav .select a:hover, 
#nav .select li:hover a {cursor:pointer; color:#8E8A7F;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .curr a {color:#8E8A7F;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {color:#8E8A7F;}

#nav .sub_active .curr_sub a, 
#nav .sub_active a:hover {color:#8E8A7F;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:600px; top:20px; left:0; background:#1B1B1B; margin-top:0; padding:0; z-index:100; color:#ff;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none; font-size: 1.1em;}

#nav .sub_active {display:block; position:absolute; width:600px; top:20px; left:0; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {
height:21px; 
text-decoration:none; 
line-height:20px; 
white-space:nowrap; 
display:block; 
float:left; 
padding:5px 10px 10px 10px; 
margin:0; 
font-size:1.1em; 
border:0; 
color:#ccc;
}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; padding:5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#ccc;}


#nav .sub li a, #nav .sub_active li a { font-size: 1.0em;}