/* Stylesheet fuer anhalt-gedenken.de
   Autor: Dirk Schroeter
   Datum: 2010-04-04 
   Copyright: Dirk Schroeter Horstdorf 
   Datei: bildschirm_gedenken.css
====================================================
   1. kalibrierung und allgemeines styles
===================================================== */
@import url(navi_left.css);
@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_808080.png") repeat-y top left; 
   }

/* ====================================================
   2.1 styles fuer kopfbereich
===================================================== */
#kopfbereich_anhalt_gedenken {
   position: relative;
   min-height: 120px;
   color: black;
   padding: 10px 20px 10px 20px;
   border-bottom: 1px solid black;
   
   }
#kopfbereich_anhalt_gedenken { 
background-color: white;
background-image: url("http://www.anhalt-dessau.de/bilder/css/head_anhalt_gedenken.gif"); }
#kopfbereich_anhalt_gedenken h1 { 
   position: absolute;
   left: 380px;
   top: 91px;
   }  

     #logo_kopfbereich img {
 position: absolute;
   left: 17px;
   top: 5px;
   
 }  
/* ====================================================
   2.2 styles fuer textbereich
===================================================== */
#textbereich .cornerright { 
background: transparent url("http://www.anhalt-dessau.de/bilder/css/ecke_rechts_gedenken.gif") no-repeat top right; 
 }
#textbereich table { padding-right: 0; }

/* ====================================================
   body_27
===================================================== */
#body_27 #pic_473,
#body_27 #pic_464,
#body_27 #pic_474,
#body_27 #pic_476 {
margin-top: 35px;
}
#body_27 #pic_478 {
margin-bottom: 10px;
}
#body_27 td {
padding: 1px 10px;
}

/* ====================================================
   content
===================================================== */
.content img {
padding-left:5px;
padding-right:5px;
}
.cont_1 img {
padding-left:5px;
padding-right:5px;
}
.content p {
padding-bottom: 5px;
margin: 0;
}
.cont_1 {
padding: 5px;
border: 1px solid black;
}
.contain_1sp {
margin-bottom: 10px;
}
.contain_1sp h4 {
text-align: center;
background: transparent url("http://www.anhalt-dessau.de/bilder/css/ecke_links_gedenken.gif") no-repeat top left; 
padding-top: 3px;
}
.contain_1sp .head_link {
background: white url("http://www.anhalt-dessau.de/bilder/css/farbe_gedenken.gif") repeat-x top left; 
margin-top: 15px;
}
/* ====================================================
   ende content
===================================================== */
/* ====================================================
   einleitung
===================================================== */
.einleitung { 
background-color: white;
border: 1px solid #C87B1E;
margin-bottom: 20px; 
}
.einleitung p { 
 padding-left: 5px;
 } 
.einleitung img {
padding-left: 5px;
padding-right: 5px;
}        
.einleitunghead { 
           background: white url("http://www.anhalt-dessau.de/bilder/css/farbe_gedenken.gif") repeat-x top left; 
           text-align: center;
           margin-top: 15px;
                     }
.einleitunghead h6 { 
     background: transparent url("http://www.anhalt-dessau.de/bilder/css/ecke_links_gedenken.gif") no-repeat top left; 
     padding: 3px 0 3px 0;
     } 
/* ====================================================
   ende einleitung
===================================================== */
/* ====================================================
   anker_button
===================================================== */
.anker_button {
display: block;
text-align: right;
margin-top: 3px;
}
.anker_button a {
background: transparent url("http://www.anhalt-dessau.de/bilder/css/button_gedenken_inaktiv_s.gif") no-repeat top left; 
text-align: center;
padding: 3px 3px 3px 3px;
text-decoration: none;
color: #808080;
font-size: 70%;
}
.anker_button a:hover,
.anker_button a:focus {
background: transparent url("http://www.anhalt-dessau.de/bilder/css/button_gedenken_aktiv_s.gif") no-repeat top left; 
color: black;
}
/* ====================================================
   ende anker_button
===================================================== */

.floatright {
 float: right;
  }

  .floatleft {
 float: left;
  }


#textbereich {
margin-left: 150px;
border-top: none;
border-left: 1px solid black;
 }
#einleitung,
.einleitung { 
border: 1px solid black;
margin-bottom: 10px; 
 }
#einleitung p,
.einleitung p { 
  padding-left: 5px;
  padding: 5px;
    }
    
#einleitung img,
.einleitung img { 
  padding: 5px;
    }    
        
#einleitunghead,
.einleitungshead { 
         border-top: 1px solid black;
         border-left: 1px solid black;
         border-right: 1px solid black;
          background-color: #ababab;
           text-align: center;
           margin-top: 15px;
                     }
 .content p {
 margin-bottom: 0;
 }
 div.galeriehpbottom {
  
text-align: right;
        
           
       }
    div.galeriehpbottom a {
    padding: 2px 2px 0 2px;
     border: 1px solid black;
     border-right: none;
    text-decoration: none;
      color: black;
       background-color: #ababab;
     }
#termine {
height: 1%; /* bug ie7 darstellung  */
 border: 1px solid black;
  }          
  
  #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%;
}

#textbereich h5 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 103%;
}

div.galeriehpko {
  padding-left: 0;
  margin-left: 0;
  margin-top: 15px;
  }

  div.galeriehpli, 
  div.galeriehpre {
  position: relative;
  float: left;
  width: 405px;
  border-top: none;
  padding-left: 0;
  margin-left: 0;
  margin-top: 15px;
    }
   
   div.galeriehpli { margin-right: 20px; }
   
   div.galeriehpli img,
   div.galeriehpre img { 
   float: left;
   border: 1px solid black;
   margin: 0 5px 5px 0;
   }
   
   div.galeriehptext { 
   padding: 5px;
   border: 1px solid black; 
   min-height: 180px;
   }
   
   div.galeriehptext2 { 
   padding: 5px;
   border: 1px solid black; 
   }
   
  div.galeriehphead {
  border: 1px solid black;
  border-bottom: none;
          background-color: #ABABAB;
           text-align: center;
          height: 1%; /* bug ie7 darstellung div.galerie */
  }
    
     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,
  div.galeriehpko a:hover,
  div.galeriehpko a:focus,
  .galeriehphead a:hover,
  .galeriehphead a:focus,
  .galeriehpbottom a:hover,
  .galeriehpbottom a:focus  
    {
          color: black;
          background-color: #BDBDBD;
          } 

div.galeriehp,
div.galerie { border-top: 3px solid #A9A9A9; } 

div.galeriehp,
div.galerieart {
   float: left;
   width: 405px;
      }
 div.galerieart3 {
   float: left;
   width: 550px;
   padding-left: 10px;
   }
   
   div.galerieart550 {
   position: relative;
   float: left;
   width: 550px;
   padding-left: 10px;
   }
   div.galerieart550 img { 
    float: left; 
    margin-right: 5px; 
    }
   
   div.galerieart500 {
   float: left;
   width: 400px;
   padding-left: 10px;
   }
   
   div.galeriehp img,
div.galerie img,
div.galerieart img {
   float: left;
   border: 1px solid #A9A9A9;
   margin: 5px 10px 5px 0px;
   }
 
 div.galerieart4 {
   
   width: 450px;
   
   }   
 #textbereich th { text-align: center; }
 
 .right { text-align: right; }
 
#seegrehna table { 
padding-bottom: 0;
padding-top: 0;
 }
#tafelsee img  { 
margin-top: 20px;
margin-bottom: 20px;
}

#tafelsel img  { 
margin: 15px;
}

div.listeselbitz ul {
 list-style: none;
 padding-left: 100px;
 }
 div.listeselbitz li {
 padding-left: 10px;
 padding-bottom: 3px;
 }
 
  .floatleft {
 float: left;
  }
  .imgglocke img { padding: 10px; } 
 
 .imgglocke p { 
  padding-top: 30px;
  padding-left: 20px;
   } 
 
/* ====================================================
   2.2 styles fuer fussbereich
===================================================== */   
#fussbereich a {
   background-color: white;
   color: black;
   text-decoration: none;
   padding: 0 5px 0 5px;
   border: 2px solid #b5b5b5;
   }  

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

 } /* ende @media */
