/* Stylesheet fuer Schrottis Webprojekt
   Autor: Dirk Schroeter
   Datum: 2009-08-16 
   Copyright: Dirk Schroeter Horstdorf 
   Datei: bildschirm_menue_vockerode.css
====================================================
   1. kalibrierung und allgemeines styles
===================================================== */
@media screen {
   
/* ====================================================
   2. styles fuer die layoutbereiche
===================================================== */

/* ====================================================
   2.1 styles fuer kopfbereich
===================================================== */
#kopfbereich_menue_vockerode {
   position: relative;
   min-height: 120px;
   color: black;
   padding: 10px 20px 10px 20px;
   border-bottom: 1px solid black;
   }
#kopfbereich_menue_vockerode { 
background-color: white;
background-image: url("../bilder/head_vockerode.png");
 }
#kopfbereich_menue_vockerode h1 { 
   position: absolute;
   left: 370px;
   top: 100px;
   font-size: 230%;   
   }  
    #logo_kopfbereich img {
 position: absolute;
   left: 17px;
   top: 5px;
   
 }  
 
/* ====================================================
   2.2 styles fuer textbereich
===================================================== */

.einleitung img {
 /* padding: 10px; */
 padding-bottom: 0px;
 }

.right { 
text-align: right;
padding: 5px;
} 

.chronologie {
border: 1px solid #C87B1E;
margin-bottom: 10px;
}
.chronologie p { padding: 5px; }
div.termine {
height: 1%; /* bug ie7 darstellung  */
 border: 1px solid #C87B1E;
  }          
div.termine li { 
  list-style-type: square;
  padding-top: 5px;
  }
 
  #terminegl  {
 height: 1%; /* bug ie7 darstellung div.galerie */
 width: 412px; 
 float: left;
 }
 /* #aktuellgl { position: relative; }  */
#terminegl { 
 padding-left: 19px;    
  }                             
                  

 div.galeriehpli, 
  div.galeriehpre {
 /*  position: relative; */
  float: left;
  width: 412px;
  border-top: none;
  padding-left: 0;
  margin-left: 0;
  margin-top: 15px;
    }
   
   div.galeriehpli { margin-right: 19px; }
   
   div.galeriehpli img,
   div.galeriehpre img { 
   /* float: left; */
   border: 1px solid #fcc477;
   padding: 5px;
background: #FDD475;
   margin: 5px 0 5px 80px;
   }
   
   
   
  
    
     div.galeriehphead a {  
     display: block; 
      text-decoration: none;
      color: black;
     padding-top: 3px;
     padding-bottom: 3px;
     }
     
    
div.galeriehp,
div.galerie { border-top: 2px solid #E3D004; }
div.galeriehp img,
div.galerie img,
div.galerieart img {
     border: 1px solid #E3D004; }
     

div.diagramm img { 
 text-align: center;
 float: none; 
 border: none;
 padding-bottom: 8px;
 }

.dia1 img { 
padding-left: 50px;
padding-right: 50px;
}
.dia2 img { 
padding-right: 70px;
padding-left: 70px;
 }
.dia3 img { 
padding-left: 50px;
padding-right: 50px;
}
.dia4 img { 
padding-left: 70px;
padding-right: 70px;
 } 

.dia1 p { 
 padding-top: 20px;
 padding-right: 50px;
 } 
 
 .dia2 p { 
 padding-top: 20px;
 padding-left: 50px;
 } 

 .dia3 p { 
 padding-top: 30px;
 padding-right: 50px;
 } 
 .dia4 p { 
 padding-top: 50px;
 padding-left: 50px;
 } 
 
/* #Kirche img { 
border: 1px solid #C87B1E;
margin: 10px;
padding: 5px;
background: #FDD475;
} */
/* 
#Kirche p,
#Geschichte p {
 padding: 5px;  
}

#Kirche #textbereich ul {
list-style: none;
}

#Kirche #textbereich li {
padding-bottom: 3px;
}
 */

 
/* ====================================================
   2.2 styles fuer fussbereich
===================================================== */   

/* ====================================================
   3. allgemeine klassen und ids
===================================================== */

 } /* ende @media */