* { font-family: 'Titillium Web', sans-serif;	
}

header {
    min-width: 1600px;
	max-height: 120px;
	background: white;
    margin: auto;
    border-bottom: 0em solid black;
	padding: 10px 0px;
	z-index: 9;
}

/* Style der "normalen" Navigation 1130px */
/* entfernt evtl. vorhandene Formatierungen */
#nav ul {
	margin:0;
	padding:0;
	width: 100%;
}
/* alle li */
#nav li {list-style-type:none;}

/* Standardformatierung für alle a und für .active */
#verweise a,
#verweise span.active {
display:block;
padding: 0px 0;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 1.0em;
font-weight: 500;
line-height: 1.4em;
border-bottom: 0px dotted silver;
color: #b07540;
}

/* Einrücken von Level 2 */
#nav ul ul li a,
#nav ul ul li span.active {padding-left: 0px;

}

/* Fett für alle übergeordneten und die aktive Seite */
#nav span.active,
#nav a.trail {font-weight: ;}



/*     submenu ausgeblendet ab 2. Ebene      */
nav ul ul {
   font: 0/0 serif;   /* Unternavigation ausblenden */
   z-index: -1;
   padding-left: 0px;

}
nav ul li:hover ul {
   font: inherit;     /*  Unternavigation einblenden */
   z-index: auto;
padding-left: 0px;  

  }
 

/* Ende Style der "normalen" Navigation */

.menue-button {
    display: none;
}

#bereichlogo {
    color: transparent;
    background-image: url(../../imgs/newlogo.png); background-repeat: no-repeat;   
    display: block;
	top: 45px;
	left: 175px;
	position: absolute;
	z-index: 5;
    padding: 0.5em;
    text-decoration: none;
    float: left;    
}
#bereichlogo {
    width: 255px;
	height: 66px;
}

#steuerung {
    float: right;
}

#steuerung li {
    list-style: none;
    
}

#steuerung a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0.7em;
    text-decoration: none;
    background-color: transparent;
	color: #7b727d;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	font-size: 1.0em;
  font-weight: 500;
}    
    
#steuerung a:visited {
   	color: #000;
  font-weight: 350;
}
	
#steuerung a:hover {
    color: #b07540;
	font-weight: 350;
    background: ;
}	

#steuerung a:active {
    color: #7b727d;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 1.1em;
  font-weight: 600;
}


@media only screen and (max-width: 768px) {

	.menue-button {
		background-color: black;
		display: block;
		z-index: 999;
		position: fixed;
		right: 5px;
		top: 1px;
		padding-top: 3px;
		color: white;
		cursor: pointer;
		text-decoration: none;
		
	}	
	#bereichlogo {
		width: 100%;
		height: 40px;
		background-image:  url(../../imgs/menuebglogo.png); 
		background: ;
		top: 1px;
		left: 0px;
		display: block;
		position: fixed;
		z-index: 16;
	}
	#steuerung {
		float: left;
		width: 100%;
		display: none;
		text-decoration: none;
		padding: 0px 0px;
		background:rgba (150,150,150,0.9);
		z-index: 20;
		}	
	
	#steuerung li {
		width: 100%;
		border-bottom: 0.05em dotted silver;
		background: rgba(150,150,150,0.9);
		padding: 0px 15px;
		z-index: 20;
			}	
	
	#steuerung a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0.5em 0;
    text-decoration: none;
    background-color: transparent;
	color: #7b727d;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.95em;
    font-weight: 450;
}  
	
	.menue-button:hover {
		color: ;
		background: transparent;
	}
	
	nav ul  {
   padding: 0 15px;
     
}
	
	nav ul ul {
   font: 0/0 serif;   /* Unternavigation einblenden mit positivem z-index-Wert */
   z-index: 1;
   padding-left: 0px;
   margin-left: 15px;
   background-color: rgba(140, 140, 140, .5);
}
	
}
/* die Magie, um die Steuerung einzublenden (auch auf mobile Devices) */
#nav-menue:target #steuerung {
    display: block;
	z-index: 2;
	
}
/* ausblenden des Menü-Buttons zum öffnen - somit wird der zum Schließen sichtbar */
#nav-menue:target .menue-button-beschr-open {
    display: none ; 
	background-image: url(../../imgs/menue.png); background-repeat: no-repeat;
	z-index: 2;
	}