﻿@charset "utf-8";

/* Copyright 2008 by swa00*/

/*^'^ Navigation Structure ^'^*/
.nav-container-outer
{
 padding-left: 17px;  /* hier die linke Postion des Menus angeben */
 padding-top : 0px; /* hier die obere Position des Menus angeben */
 
 height: 35px;       /* hier die  Höhe des Menus angeben */
 margin:0px;
 /*background: url('images/nav-bg.jpg');*/
}

.float-left
{
 float: left;
}
.float-right
{
 float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0px auto;  
}
.nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container a{
float:left;
display:block;
white-space:nowrap;
}
.nav-container ul li{
float:none;
}
.nav-container ul a{
float:none;
}
.nav-container div a{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/	
#nav-container a
{	
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #E6E1BF;
font-family:  Arial, sans-serif, Helvetica;
font-size:12px;
text-decoration:none;
font-weight: bold;
/*background: url('images/item-primary-bg.gif') no-repeat 50% top;*/
}

#nav-container a:hover
{
color: #6C3600;
background: url('../images/main_images/menu.png') no-repeat center; /* Hier wird das Knopf-Image angeben */
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
text-align:left;
background-color:#000000; /* Hier die Hintergrundfarbe des Popup Menu angeben */
                          /* Wenns  transparent sein soll , dann ausklammern */
background: url(../images/main_images/nav-secondary-bg.jpg);

border-bottom: 1px solid #CA6500;
color:silver;
}

#nav-container div{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
text-align:left;
background-color:#000000; /* Hier die Hintergrundfarbe des Popup Menu angeben */
                          /* Wenns  transparent sein soll , dann ausklammern */
background: url(../images/main_images/nav-secondary-bg.jpg);

border-bottom: 1px solid #CA6500;
color:silver;
}

/*^'^ Secondary Items ^'^*/	
#nav-container ul a{	
padding:3px 10px 3px 6px;
background-color:#000000; /* Hier die Hintergrundfarbe des Popup Menu angeben */
background: url(../images/main_images/nav-secondary-bg.jpg);

text-align:left;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 135px;
color:silver;
}

#nav-container div a{	
padding:3px 10px 3px 6px;
background-color:#000000; /* Hier die Hintergrundfarbe des Popup Menu angeben */
background: url(../images/main_images/nav-secondary-bg.jpg);

text-align:left;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 135px;
color:silver;
}

/*Untermenu , wenn man  mit der Maus drüberfährt*/	
#nav-container ul a:hover{	
background-color: #2B0D06;
background: url('../images/main_images/item-secondary-bg.jpg') no-repeat;
color:#CCCCCC;
}

#nav-container div a:hover{	
background-color: #2B0D06;
background: url('../images/main_images/item-secondary-bg.jpg') no-repeat;
color:#CCCCCC;
}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color:#C16100;
font-family: Arial,  Arial, sans-serif, Helvetica;
font-size:11px;
background: url('../images/main_images/item-secondary-bg.jpg') no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}