/* Stylesheet fuer anhalt-dessau.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 {
   border: 3px solid #848484;
   color: black;
   background: white url("http://www.anhalt-dessau.de/bilder/css/farbverlauf_efc694.png") repeat-y top left;
   width: 1024px; 
   margin-top: 10px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding-bottom: 5px;
   }
/* ====================================================
   styles fuer kopfbereich
===================================================== */
#kopfbereich,
#kopfbereichneutr,
#kopfbereich_menue_anhalt,
#kopfbereich_kakau,
#kopfbereich_anhalt_dessau {
   position: relative;
   min-height: 150px;
   color: black;
   padding: 10px 20px 10px 20px;
   }

#banner {
   position:absolute;
   left: 35%;
   }
#kopfbereich h1,
#kopfbereichneutr h1,
#kopfbereich_menue_anhalt h1 { 
   position: absolute;
   left: 250px;
   top: 75px;
   }  
#logokopf {
   position: absolute;
   right: 30px;
   top: 35px;
   }
#logokopf2 {
   position: absolute;
   right: 30px;
   top: 20px;
   }
   
   #logo_kopfbereich img {
 position: absolute;
   left: 0px;
   top: 0px;
   border-right: 1px solid black;
 }  
/* ====================================================
   2.2 styles fuer textbereich
===================================================== */
#textbereich {
  position: relative;
   border-top: 3px solid black;  
   color: black;
   background-color: white;
   padding: 5px 20px 20px 20px;
   min-height: 1300px;
   }

   #textbereich .font80 {
   font-size: 80%;
   }
   #textbereich .font80 a {
   text-decoration: none;
   }
   
 .buddy_5px_left { 
 padding-left: 10px;
 float: left;
  }  
    div.termine td { 
 padding-top: 5px;
 padding-left: 5px; }
   
#Kontakt #textbereich ul,
#Kontakt #textbereich ol li { 
   margin-bottom: 5px;
   }
#Kontakt #textbereich ul li { margin-top: 5px; }   
#textbereich table {
   color: black;
   padding: 10px 10px 10px 0;
   }

/* ====================================================
   styles fuer modul kalender
===================================================== */   
#kalender_blatt {
position: relative;
min-height: 100px;
width: 120px;
background: white url("http://www.anhalt-dessau.de/bilder/css/kalenderblatt.gif") no-repeat top left;
float: left;
}
#today_year img {
position: absolute;
left: 25px;
top: 8px;
}
#today_day img {
position: absolute;
left: 30px;
top: 35px;
}
#today_month img {
position: absolute;
left: 15px;
top: 75px;
}
#kalender .content h4 {
text-align: center;
background: none;
} 
#kalender .content {
min-height: 100px;
}
#kalender a {
text-decoration: none;
font-size: 80%
}  
.aktuell_kalender,
.hist_kalender {
margin-left: 120px;
}

/* ====================================================
   styles fuer modul aktuell
===================================================== */
#aktuell table {
padding: 0;
margin-bottom: 5px;
}
#aktuell td {
min-width: 271px;
/* border: 1px solid #E2AF71; */
}
#aktuell h5 {
text-align: center;
}
#aktuelles table {
padding: 0;
padding-top: 5px;
}   
   
#textbereich h5 { margin-bottom: 5px; }
#ffwkakau h5 { margin-top: 1em; }
#lageh #textbereich h4,
#lagek #textbereich h4,
#kontakt #textbereich h5,
#kirche #textbereich h5,
#meilensteine #textbereich h5 {
   margin: 1em 0 0 0; 
   }
div.galerie,
div.galeriehp {
   position: relative;
   height: 1%; /* bug ie7 darstellung div.galerie */
   border-top: 2px solid #fcc477;
   margin: 10px 0 0px 0;
   padding: 10px 5px 0px 5px;
   }
div.galeriemap { 
   text-align: center;
   padding: 10px 5px 0px 5px;
   }
div.galerieabsatz { 
   margin: -8px 0 3px 20px;
   padding: 0;
    }
.error {
padding: 10px;
border: 3px solid black;
background-color: #FBF30C;
text-align: center;
}
#kontphp #textbereich img { 
  float: left;
  margin-right: 5em;
   } 
#kirche div.galeriemap { padding-bottom: 10px; }
div.galeriehead { 
   margin: 10px 0 0px 0;
   padding: 10px 5px 0px 5px;
   border-top: 3px solid #fcc477;
   }
div.galerie p,
div.galeriehp p {
   margin-top: 0;
   padding: 0;
   }
div.galerie,
div.galerieart2 { 
   width: auto; 
   }

div.galeriehp,
div.galerieart {
   float: left;
   width: 395px;
   }
div.galerieart350 {
   float: left;
   width: 350px;
   }
div.galerieart3 {
   float: left;
   width: 700px;
   padding-left: 10px;
   }
div.galerieart4 {
   float: left;
   width: 600px;
   padding-left: 10px;
   }   
div.galerieart500 {
   float: left;
   width: 500px;
   padding-left: 10px;
   }    
   div.galerieart550 {
   float: left;
   width: 550px;
   padding-left: 10px;
   }      
   div.galerieart500 p {
  padding-right: 10px;
   }    
div.galerieart p,
div.galeriehp p,
div.galerie p { 
     padding-top: 8px; 
          }
div.galeriehp img,
div.galerie img,
div.galerieart img {
   float: left;
   border: 1px solid #fcc477;
   margin: 10px 10px 5px 0px;
   }
   
   .floatright {
 float: right;
  }

  .floatleft {
 float: left;
  }
   
   
.imgfloatleft { 
 float: left;
 padding-right: 10px;
 }
   
div.galerieart { padding-right: 10px; }
.galerie { 
   border-top: 3px solid #fcc477;
   margin: 10px 10px 5px 5px;
   }
div.flori img { margin-left: 10px; }
.galerie td  { 
   padding: 1px 10px 1px 10px;
   }
.galerie .gif { 
   margin: 0 -10px 0 0;
   }
.galerie h4 { padding-top: 10px; }
.cleargalerie { clear: both; }
.cleargalerieleft { clear: left; }
.cleargalerieright { clear: right; }
div.nachtext {
margin-top: 0;
padding-top: 0;
padding-bottom: 10px;
}
.einleitung { 
   padding: 10px 15px 0 0;
   position: relative;
   }
#einleitung p { 
   padding: 0px 10px 0px 10px;
   position: relative;
   }
#lageh #textbereich h6,
#lagek #textbereich h6 {
   margin: 0;
   padding: 10px 0 10px 0;
   }
#lageh #textbereich li,
#lagek #textbereich li {
   padding-bottom: 5px;
   }

.galerie .tafel { padding: 10px 20px 10px 20px; }    

#rathaus { 
margin-top: 0;
padding-top: 0;
margin-left: 80px;
}

form#login  { 
  background: #F64B65;
  width: 650px;
   }
#kontaktdiv { margin-bottom: 10px;
margin-top: 20px;
 }
form#kontaktform {
   width: 811px;
   background: #fee7c8;
   color: black;
   line-height: 2;
   padding: 10px;
   border: 1px solid #C87B1E;
   margin: 0;
   }
fieldset {
   padding: 10px;
   border: 1px solid #ccc;
   margin: 10px;
   }
label {
   position:relative;
   bottom: 2px;
   cursor: pointer;
   
   }
label.davor {
   float: left;
   clear: left;
   width: 200px;
   text-align: right;
   margin-right: 10px;
  
   }
input#checkwebma {
   padding-left: 0;
   }
   input {
   margin-bottom: 10px;
   }  
input#checkreda { margin-left: 10px; }
#abschicken,
#abbrechen {
   cursor: pointer;
   padding: 3px;
   margin: 5px;
   }
.hilfe  { 
   margin-left: 5px;
   }
.wetter { text-align: center; }
.kursiv,
.kursiv td { font-style: italic; }
.fett,
.red,
.green { font-weight: bold; }
.small { font-size: smaller; }
.red { color: #ff0000; }
.green { color: #00ff00; }
.FFC116 { background-color: #FFC116; }
.DBEFF { background-color: #4DBEFF; }
.FFF65B { background-color: #FFF65B; }
.CFFA5 { background-color: #8CFFA5; }
.FFC116 { background-color: #FFC116; }

.right { text-align: right; }

/* =======beginn tabelle wahlbewerber =========== */
table.wahlbewerber { 
 font-size: 80%;
 border: 2px solid black;
 border-collapse: collapse;
 width: 30em;
}
table.wahlbewerber th { padding: 5px; }
table.wahlbewerber td {
 padding: 5px;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 text-align: center;
}
table.wahlbewerber .fdp { background-color: #FDFD86; }
table.wahlbewerber .eb { background-color: #B6B6FE; }
table.wahlbewerber .fwg { background-color: #B5A169; }
table.wahlbewerber .name { text-align: left; } 
table.wahlbewerber tfoot { font-weight: bold; }
table.wahlbewerber .headline { 
  text-align: left;
  font-weight: bold;
 } 
 /* =========ende tabelle wahlbewerber ========== */

/* ==========beginn container =========== */
div.containerri414,
div.containerle414 { 
 width: 414px;
 margin-bottom: 10px;
} 
 div.containerle414 { 
 float: left;
}
div.containerri414 p,
div.containerle414 p { padding: 0 10px 0 10px; } 
div.containermargin10 { margin: 10px; }
/* ==========ende container =========== */
 
 /* ====================================================
   domianspeicher
===================================================== */ 
 
 #startseite_domain #textbereich { 
 border-left: none;
 border-top: 1px solid black;
 margin-left: 0; 
 }
 
 #kopfbereich_domain { position: relative; }
 
 #kopfbereich_domain .logorechts { 
   position: absolute;
   top: 5px;
   right: 5px;
   }    
   #kopfbereich_domain .logomitte { 
   position: absolute;
   top: 20px;
   left: 210px;
   }    
 #kopfbereich_domain .logolinks { 
   padding-top: 10px;
   padding-left: 10px;
   }    
   #kopfbereich_domain h1 {
   position: absolute;
   top: 90px;
   left: 300px;
   }
   
/* ====================================================
   artikel
===================================================== */ 
 
 .artikel { 
  border: 1px solid #C87B1E;
  }
 /* ====================================================
   artikel
===================================================== */ 
 
 .artikel_270,
 .artikel_270_pa { 
  padding-top: 5px;
  width: 200px;
  float: left;
  text-align: center;
  }
 .artikel_270_pa { 
  padding-top: 50px;
  }
 .artikel_270 p,
 .artikel_270_pa p {
 padding: 5px;
 }
 .artikel_270 img,
 .artikel_270_pa img {
 border: 1px solid black;
 } 
/* ====================================================
   link_einkauf
===================================================== */ 
.link_einkauf {
text-align: right;
}
#body_76 .cont_1 .link_einkauf img {
padding: 0;
}
/* ====================================================
   2.2 styles fuer fussbereich
===================================================== */   
#fussbereich {
   text-align: center;
   font-size: 75%;
   color: black;
   padding-top: 15px;
   border-top: 1px solid black;
   }
#fussbereich li {
   display: inline;
   list-style-type: none;
   padding-right: 5px;
   /* margin-bottom: 5px; */ 
   }       
#fussbereich a {
   background-color: #FFB65C;
   color: black;
   text-decoration: none;
   padding: 0 5px 0 5px;
   border: 1px solid #b5b5b5;
   }  
#fussbereich a:hover,
#fussbereich a:focus {
   color: black;
   background-color: white;
   }
   

/* ====================================================
   linklist unterhalb fussbereich
===================================================== */

.linklist {
width: 1024px; 
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding-bottom: 5px;
font-size: 75%;
color: black;
border: 3px solid #CCCCCC;
background-color: #CCCCCC;
margin-bottom: 20px;
border-top: none;
}
.linklist .co_4sp {
width: 16.0em;
float: left;
padding-bottom: 10px;
}


.linklist ul {
padding-top: 10px;
list-style-type: none;
margin-left: 10px;
}

.linklist li {
padding-bottom: 3px;
padding-left: 0;
margin: 0;
}

.linklist a {
text-decoration: none;
color: white;

}

.linklist a:hover,
.linklist a:focus {
color: black;
text-decoration: underline;
}
/* ====================================================
   allgemeine klassen und ids
===================================================== */
.versteckmich {
   position: absolute;
   left: -9999px;
   top: -9999px;
   display: inline;
   width: 0;
   height: 0;
   }
.tabmich:focus, .tabmich:active {
   position: absolute;
   top: 9999px;
   left: 10150px;
   display: inline;
   width: 14em;
   height: auto;
   text-align: center;
   background-color: white;
   color: black;
   padding: 5px;
   border: 1px solid black;
   }
 } /* ende @media */