/* Zusätzliche CSS-Stilvorlagen für Zentrum Archäometrie */

/* 
Leitfarbe: #099 (türkis)
hell: #6cc
dunkel: #399
*/


/* Hauptnavigation rechts */
/* Zentrum Archäometrie farbig markiert */
#hauptnavi #n13 #hauptnavi_e2 #n21 a.an {
  border-top:1px solid #6cc;
  background: #099;
  border-right:1px solid #399; border-bottom:1px solid #399; 
  color:#fff; /* Beschriftung */
  }

/* Hauptnavigation Zentrum Archäometrie */  

#hauptnavi_arc {
  float:left;
  width:170px;
  margin-top:0px;
  margin-right:20px; /* Abstand zur Seite */
  margin-bottom:10px;
  }
#hauptnavi_arc ul {
  list-style:none;
  border-bottom:1px solid #aaa;
  }
#hauptnavi_arc ul li {
  border-left:1px solid #aaa;
  background-color:#099; /* Farbe für "Klammer" bei aufgeklappter Ebene 2 */
  }
#hauptnavi_arc 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_arc ul li a:hover { /* Buttons bei Rollover */
  border-top:1px solid #6cc;
  background: #099 url(../bilder/hg_ro_arc.gif) top left repeat-x;
  border-right:1px solid #066;
  border-bottom:1px solid #066; 
  }
  
/* Button 1. Ebene an */
#hauptnavi_arc ul li[rel=an] a { 
  background-color:#099; 
  border-top:1px solid #6cc;
  border-right:1px solid #066; /* Schatten rechts 1. Teil */
  border-bottom:1px solid #099;
  }
#hauptnavi_arc ul li[rel=an] ul { 
  border-right:1px solid #066; /* Schatten rechts 2. Teil */
  border-bottom:1px solid #099;
  }

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


/* Hauptnavigation Zentrum Archäometrie 2. Ebene */

/* Einrückung */
#hauptnavi_arc ul li ul li {
  position:relative; left:-6px; 
  margin-bottom:-1px;
  }
  
/* Button 2. Ebene aus */  
#hauptnavi_arc ul li[rel=an] ul li a,
#hauptnavi_arc 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_arc ul li[rel=pfad] ul li[rel=an] a {
  background-color:#099; 
  border-top:1px solid #6cc;
  border-right:1px solid #066; /* Schatten rechts 1. Teil */
  border-bottom:1px solid #099;
  }
#hauptnavi_arc ul li[rel=pfad] ul li[rel=an] ul {
  border-right:1px solid #066; /* Schatten rechts 2. Teil */
  border-bottom:1px solid #099;
  }
    
/* Button 2. Ebene Pfadmarkierung */
#hauptnavi_arc ul li[rel=pfad] ul li[rel=pfad] {
  background-color:#555; /* statt #444 */
  }
#hauptnavi_arc 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_arc ul li[rel=pfad] ul li[rel=pfad] ul {
  border-right:1px solid #444; /* Schatten rechts 2. Teil */
  border-bottom:1px solid #555;
  }


/*Hauptnavigation Zentrum Archäometrie 3. Ebene */

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

/* Button 3. Ebene aus */
#hauptnavi_arc ul li[rel=pfad] ul li[rel=an] ul li a,
#hauptnavi_arc 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_arc ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] a{
  background-color:#099; 
  border-top:1px solid #6cc;
  border-right:1px solid #066; /* Schatten rechts 1. Teil */
  border-bottom:1px solid #099;
  }
#hauptnavi_arc ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] ul {
  border-right:1px solid #066; /* Schatten rechts 2. Teil */
  border-bottom:1px solid #099;
  }
  
/* Button 3. Ebene Pfadmarkierung */
#hauptnavi_arc ul li[rel=pfad] ul li[rel=pfad] ul li[rel=pfad] {
  background-color:#333; /* statt #222 */
  }
#hauptnavi_arc 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_arc 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 Zentrum Archäometrie 4. Ebene */

/* Einrückung */
#hauptnavi_arc ul li ul li ul li ul li {
  position:relative; left:-6px; 
  margin-bottom:-1px;
  }
  
/* Button 4. Ebene aus */  
#hauptnavi_arc ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] ul li a,
#hauptnavi_arc 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_arc ul li[rel=pfad] ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] a {
  background-color:#099; 
  border-top:1px solid #6cc;
  border-right:1px solid #066; /* Schatten rechts */ 
  border-bottom:1px solid #066; 
  }


/* Buttons alle Ebenen bei Rollover */

#hauptnavi_arc ul li a:hover, 
#hauptnavi_arc ul li[rel=an] ul li a:hover, 
#hauptnavi_arc ul li[rel=pfad] ul li a:hover, 
#hauptnavi_arc ul li[rel=pfad] ul li[rel=an] ul li a:hover,
#hauptnavi_arc ul li[rel=pfad] ul li[rel=pfad] ul li a:hover, 
#hauptnavi_arc ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] ul li a:hover,
#hauptnavi_arc ul li[rel=pfad] ul li[rel=pfad] ul li[rel=pfad] ul li a:hover {
  border-top:1px solid #6cc;
  background: #099 url(../bilder/hg_ro_arc.gif) top left repeat-x;
  border-right:1px solid #066;
  border-bottom:1px solid #066;
  }
#hauptnavi_arc ul li[rel=an] a:hover, #hauptnavi_arc ul li[rel=an] a:hover, #hauptnavi_arc ul li[rel=pfad] ul li[rel=an] a:hover, #hauptnavi_arc ul li[rel=pfad] ul li[rel=pfad] ul li[rel=an] a:hover,
#hauptnavi_arc ul li[rel=pfad] a:hover, #hauptnavi_arc ul li[rel=pfad] ul li[rel=pfad] a:hover, #hauptnavi_arc ul li[rel=pfad] ul li[rel=pfad] ul li[rel=pfad] a:hover {
  border-bottom:1px solid #099;
  }
  
  

  
  
/* 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_arc.gif) bottom left repeat-x;
  /*border-bottom:10px solid #099;*/
  padding-left:60px;
  }
#bildkopf img {
  margin-right:5px;
  float:left;
  }
#bildkopf .bu {
  padding-top:159px; margin-left:10px;
  }



/* Spalten schmaler */

.sp_breit { /* eine Spalte in voller Breite */
  width:590px; 
  }
.layout1 { /* 2-spaltig, Randspalte rechts */
  width:590px;
  background: url(../bilder/hg_layout1_schmal.gif) top right repeat-y;
  }
.layout2 { /* 2-spaltig, Randspalte links */
  width:590px;
  background: url(../bilder/hg_layout2_schmal.gif) top left repeat-y;
  }
.sp_haupt { 
  width:340px;
  }
.sp_rand {
  width:139px;
  }  
  


/* Fuß mit Highlights */
  
#highlights {
  width:510px;
  padding-left:60px; padding-right:20px; margin-bottom:30px;
  border-top:1px solid #999;
  }
#highlights h3 {
  padding-left:0px;
  margin-bottom:10px;
  }
#highlights img {
  float:left;
  margin-right:10px;
  }
#highlights .bu {
  float:left;
  padding:0px;
  width:150px;
  }
  


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


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

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

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