/* Stylesheet fuer horstdorf.de
   Autor: Dirk Schroeter
   Datum: 01-01-2011 
   Copyright: Dirk Schroeter Horstdorf 
   Datei: bildschirm.css
====================================================
   1. kalibrierung und allgemeines styles
===================================================== */
@media screen {
   body { 
   color: white;
   background-color: #C0C0C0;
   }
/* ====================================================
   2. styles fuer die layoutbereiche
===================================================== */
#wrapper {
   background: white url("http://www.anhalt-dessau.de/bilder/css/farbverlauf_fdd475.png") repeat-y top left; 
   }

/* ====================================================
   2.1 styles fuer kopfbereich
===================================================== */
#kopfbereich_menue_horstdorf {
   position: relative;
   min-height: 120px;
   color: black;
   padding: 10px 20px 10px 20px;
   border-bottom: 1px solid black;
   background-color: white;
   }
#kopfbereich_menue_horstdorf { background-image: url("http://www.anhalt-dessau.de/bilder/css/head_horstdorf.gif"); }
#kopfbereich_menue_horstdorf h1 { 
   position: absolute;
   left: 300px;
   top: 105px;
   }  
     #logo_kopfbereich img {
 position: absolute;
   left: 17px;
   top: 9px;
   }
/* ====================================================
   2.2 styles fuer textbereich
===================================================== */

#textbereich { 
/* margin-left: 120px; */
padding-left: 10px;
border-top: none;
border-left: 1px solid black;
 }

.center {
text-align: center;
}
#textbereich h6 { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 3px 0 3px 0;
  margin: 0;
  }    

  #textbereich h4 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 105%;
}
  
#einleitung { 
border: 1px solid #C87B1E;
margin-bottom: 10px; 
 }
#einleitung p { 
  padding-left: 5px;
  padding-top: 5px;
    }    
#einleitunghead { 
         border-top: 1px solid #C87B1E;
         border-left: 1px solid #C87B1E;
         border-right: 1px solid #C87B1E;
          background-color: #FDD475;
           text-align: center;
           margin-top: 15px;
                     }

 div.galeriehpbottom {
  
text-align: right;
        
           
       }
    div.galeriehpbottom a {
    padding: 2px 2px 0 2px;
     border: 1px solid #C87B1E;
     border-right: none;
    text-decoration: none;
      color: black;
       background-color: #FDD475;
     }
     
     #aktuelles { margin-bottom: 15px; }        
     
div.termine {
height: 1%; /* bug ie7 darstellung  */
 border: 1px solid #C87B1E;
  }     
 div.galeriehpli, 
  div.galeriehpre {
 /*  position: relative; */
  float: left;
 /*  width: 427px; */
  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;
   margin: 0 5px 5px 0;
   }
   
   div.galeriehptext { 
   padding: 5px;
   border: 1px solid #C87B1E; 
   min-height: 200px;
   }
   
  div.galeriehphead {
  /* border: 1px solid #C87B1E; */
  border-bottom: none;
          background-color: #FDD475;
           text-align: center;
      
  }
  
  .galeriehphead {
  /* border: 1px solid #C87B1E; */
  border-bottom: none;
          /* background-color: #FDD475; */
        /*    background: white url("http://www.anhalt-dessau.de/bilder/head_2sp_gelb_427.gif") no-repeat top left;  */
           text-align: center;
}    
   /* div.galeriehpli a:hover, 
  div.galeriehpre a:hover,
  div.galeriehpli a:focus, 
  div.galeriehpre a:focus,
  .galeriehphead a:hover,
  .galeriehphead a:focus {
          color: black;
          background: white url("http://www.anhalt-dessau.de/bilder/head_2sp_gelb_aktiv_427.gif") no-repeat top left;
          }  */
      
     div.galeriehphead a {  
     display: block; 
      text-decoration: none;
      color: black;
     }
     
    div.galeriehpli a:hover, 
  div.galeriehpre a:hover,
  div.galeriehpli a:focus, 
  div.galeriehpre a:focus,
  .galeriehphead a:hover,
  .galeriehphead a:focus,
  .galeriehpbottom a:hover,
  .galeriehpbottom a:focus 
    {
          color: black;
          background-color: #F3AC56;
          border-bottom-color: #F3AC56; 
          } 


div.galeriehp,
div.galerie { border-top: 2px solid #E3D004; }
div.galeriehp img,
div.galerie img,
div.galerieart img {
     border: 1px solid #E3D004; }
     
#dia1 img { padding-left: 140px; }
#dia2 img { padding-left: 140px; }
#dia3 img { padding-left: 30px; }
#dia4 img { padding-left: 140px; } 


     
/* ====================================================
   2.2 styles fuer fussbereich
===================================================== */   
#fussbereich a {
   background-color: #FDD475;
   color: black;
   text-decoration: none;
   padding: 0 5px 0 5px;
   border: 1px solid #b5b5b5;
   }  

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

 } /* ende @media */