/* Zusätzliche CSS-Stilvorlagen für Zephyr */

/* 
Leitfarbe: #f80 (dunkelorange)
hell: #fa6
dunkel: #d70
*/



/* Hauptnavigation Zephyr */	

#hauptnavi_zep {
	float:left;
	width:170px;
	margin-top:0px;
	margin-right:20px; /* Abstand zur Seite */
	margin-bottom:10px;
	}
#hauptnavi_zep ul {
	list-style:none;
	border-bottom:1px solid #aaa;
	}
#hauptnavi_zep ul li {
	border-left:1px solid #aaa;
	background-color:#f80; /* Farbe für "Klammer" bei aufgeklappter Ebene 2 */
	}
#hauptnavi_zep ul li a { /* Buttons im Normalzustand */
	display:block;
	padding-top:1px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	color:#fff;
	line-height:15px;
	padding-top:2px; padding-bottom:2px;
	padding-left:10px;
	background-color:#888;
	border-top:1px solid #aaa; border-right:1px solid #aaa;
	border-bottom:1px solid #888;
	}
#hauptnavi_zep ul li a:hover { /* Buttons bei Rollover */
	border-top:1px solid #fa6;
	background: #f80 url(../bilder/hg_ro_zep.gif) top left repeat-x;
	border-right:1px solid #d70;
	border-bottom:1px solid #d70;
	}
	
/* Button 1. Ebene an */
#hauptnavi_zep ul li[rel=an] a { 
	background-color:#f80; 
	border-top:1px solid #fa6;
	border-right:1px solid #d70; /* Schatten rechts 1. Teil */
	border-bottom:1px solid #f80; 
	}
#hauptnavi_zep ul li[rel=an] ul { 
	border-right:1px solid #d70; /* Schatten rechts 2. Teil */
	border-bottom:1px solid #f80;
	}

/* Button 1. Ebene Pfadmarkierung: Dunklere Markierung der Hauptrubrik auf untergeordneten Seiten */
#hauptnavi_zep ul li[rel=pfad]{
	background-color:#d70;
	}
#hauptnavi_zep ul li[rel=pfad] a {
	background-color:#d70;
	border-top:1px solid #f80;
	border-right:1px solid #a70; /* Schatten rechts 1. Teil */
	border-bottom:1px solid #d70; 
	}
#hauptnavi_zep ul li[rel=pfad] ul {
	border-right:1px solid #a70; /* Schatten rechts 2. Teil */
	border-bottom:1px solid #d70;
	}


/* Hauptnavigation Zeughaus 2. Ebene */

/* Einrückung */
#hauptnavi_zep ul li ul li {
	position:relative; left:-6px; 
	margin-bottom:-1px;
	}
	
/* Button 2. Ebene aus */	
#hauptnavi_zep ul li[rel=an] ul li a,
#hauptnavi_zep ul li[rel=pfad] ul li a { 
	display:block;
	background-color:#444;
	border-top:1px solid #aaa; 
	border-right:1px solid #333; /* Schatten rechts */
	border-bottom:1px solid #444;
	color:#fff;
	}
		
/* Button 2. Ebene an */
#hauptnavi_zep ul li[rel=pfad] ul li[rel=an] a {
	background-color:#f80; 
	border-top:1px solid #fa6;
	border-right:1px solid #d70; /* Schatten rechts 1. Teil */
	border-bottom:1px solid #f80; 
	}
#hauptnavi_zep ul li[rel=pfad] ul li[rel=an] ul {
	border-right:1px solid #d70; /* Schatten rechts 2. Teil */
	border-bottom:1px solid #f80;
	}
		
/* Button 2. Ebene Pfadmarkierung */
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] {
	background-color:#555; /* statt #444 */
	}
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] a {
	display:block;
	background-color:#555; /* statt #444 */
	border-top:1px solid #aaa;
	border-right:1px solid #444; /* Schatten rechts 1. Teil */
	border-bottom:1px solid #555;
	}
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul {
	border-right:1px solid #444; /* Schatten rechts 2. Teil */
	border-bottom:1px solid #555;
	}


/*Hauptnavigation Zeughaus 3. Ebene */

/* Einrückung */
#hauptnavi_zep ul li ul li ul li {
	position:relative; left:-6px; 
	margin-bottom:-1px;
	}

/* Button 3. Ebene aus */
#hauptnavi_zep ul li[rel=pfad] ul li[rel=an] ul li a,
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li a {
	background-color:#222;
	display:block;
	border-top:1px solid #aaa; 
	border-right:1px solid #111; /* Schatten rechts */ 
	border-bottom:1px solid #aaa;
	color:#fff;
	}
	
/* Button 3. Ebene an */
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] a{
	background-color:#f80; 
	border-top:1px solid #fa6;
	border-right:1px solid #d70; /* Schatten rechts 1. Teil */
	border-bottom:1px solid #f80;
	}
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] ul {
	border-right:1px solid #d70; /* Schatten rechts 2. Teil */
	border-bottom:1px solid #f80;
	}
	
/* Button 3. Ebene Pfadmarkierung */
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=pfad] {
	background-color:#333; /* statt #222 */
	}
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=pfad] a {
	background-color:#333; /* statt #222 */
	display:block;
	border-top:1px solid #aaa; 
	border-right:1px solid #222; /* Schatten rechts 1. Teil */
	border-bottom:1px solid #333;
	color:#fff;
	}
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=pfad] ul {
	border-right:1px solid #222; /* Schatten rechts 2. Teil */
	border-bottom:1px solid #333;
	}


/* Hauptnavigation Zeughaus 4. Ebene */

/* Einrückung */
#hauptnavi_zep ul li ul li ul li ul li {
	position:relative; left:-6px; 
	margin-bottom:-1px;
	}
	
/* Button 4. Ebene aus */	
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] ul li a,
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=pfad] ul li a {
	background-color:#000;
	display:block;
	border-top:1px solid #aaa; 
	border-right:1px solid #000; 
	border-bottom:1px solid #aaa; 
	color:#fff;
	}	
	
/* Button 4. Ebene an */
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] a {
	background-color:#f80; 
	border-top:1px solid #fa6;
	border-right:1px solid #d70; /* Schatten rechts */ 
	border-bottom:1px solid #d70; 
	}


/* Buttons alle Ebenen bei Rollover */

#hauptnavi_zep ul li a:hover, 
#hauptnavi_zep ul li[rel=an] ul li a:hover, 
#hauptnavi_zep ul li[rel=pfad] ul li a:hover, 
#hauptnavi_zep ul li[rel=pfad] ul li[rel=an] ul li a:hover,
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li a:hover, 
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] ul li a:hover,
#hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=pfad] ul li a:hover {
	border-top:1px solid #fa6;
	background: #f80 url(../bilder/hg_ro_zep.gif) top left repeat-x;
	border-right:1px solid #d70;
	border-bottom:1px solid #d70;
	}
#hauptnavi_zep ul li[rel=an] a:hover, #hauptnavi_zep ul li[rel=an] a:hover, #hauptnavi_zep ul li[rel=pfad] ul li[rel=an] a:hover, #hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] a:hover,
#hauptnavi_zep ul li[rel=pfad] a:hover, #hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] a:hover, #hauptnavi_zep ul li[rel=pfad] ul li[rel=pfad] ul li[rel=pfad] a:hover {
	border-bottom:1px solid #f80;
	}
	
	

/* Markierte Rubrik Museen in Hauptnavigation grau */

#hauptnavi li .an a { 
	background-color:#666;
	border-top:1px solid #aaa; border-right:1px solid #aaa;
	}
#hauptnavi li .an a:hover { 
	border-top:1px solid #f6c;
	background: #f80 url(../bilder/hg_ro_rem.gif) top left repeat-x;	
	border-right:1px solid #c39; border-bottom:none;
	}
	
	
	
/* Seite */
	
#seite {
	float:left;
	width:590px; min-height:570px;
	background-color:#fff;
	margin-bottom:10px;
	}
#seite .sp_haupt {
	width:510px;
	padding-left:50px; padding-right:30px; padding-bottom:30px;
	}
	
#bildkopf {
	width:530px; height:170px;
	background:#ccc url(../bilder/hg_bildkopf_zep.gif) bottom left repeat-x;
	/*border-bottom:10px solid #f80;*/
	padding-left:60px;
	}
#bildkopf img {
	margin-right:5px;
	float:left;
	}
#bildkopf .bu {
	padding-top:159px; margin-left:10px;
	}
	


/* Box in Leitfarbe: TYPO3 "Rahmen mit gelbem Hintergrund" */	
.csc-frame-frame2 { 
	border:1px solid #f80; border-top:7px solid #f80; 
	}
	
	


/******************************************************************************/
/* Abweichende Befehle für IE6 */


* html #hauptnavi_zep ul { display:block; width:170px; }
* html #hauptnavi_zep li { float:left; width:170px; height:19px; }
* html #hauptnavi_zep li .an a { height:19px; }

* html #seite .sp_haupt { width:590px; /* statt 510px inkl. padding-left:50px; padding-right:30px; */ }