/* Stylesheet fuer Reiterhof Elbaue
   Autor: Dirk Schroeter
   Datum: 2020-12-26 
   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("../../bilder/farbverlauf_ffe368.png") repeat-y top left;
   width: 1024px; 
   margin-top: 10px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding-bottom: 5px;
   }
/* ====================================================
   2.1 styles fuer kopfbereich
===================================================== */
#kopfbereich_menue_startseite {
   position: relative;
   min-height: 180px;
   color: black;
   padding: 10px 20px 10px 20px;
   border-bottom: 2px solid black;
   }
#kopfbereich_menue_startseite h1 { 
   position: absolute;
   left: 200px;
   top: 130px;
   }  

#kopfbereich_menue_startseite #logore { 
   position: absolute;
   right: 5px;
   }     
   
   #kopfbereich_menue_startseite #headline { 
   position: absolute;
   top: 15px;
   left: 180px;
   }     
   
   
/* ====================================================
   2.2 styles fuer textbereich
===================================================== */
#textbereich {
  position: relative;
   color: black;
   background-color: white;
   padding: 1px 20px 20px 20px;
   }

#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;
   }
#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;
    }

#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;
   }
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;
   }
#lageh #textbereich h6,
#lagek #textbereich h6 {
   margin: 0;
   padding: 10px 0 10px 0;
   }
#lageh #textbereich li,
#lagek #textbereich li {
   padding-bottom: 5px;
   }
#aktuelles {
   margin: 10px 10px 10px 0;
   background-color: #fcc477;
   padding: 5px;
   }     
.galerie .tafel { padding: 10px 20px 10px 20px; }    
/* #textbereich a[href^="http:"]{ 
   background: url(../bilder/linkinsweb.gif) no-repeat left center; 
   padding-left: 16px; 
   }
#textbereich a[href^="http:"]:visited {
   background-image: url(../bilder/linkinsweb_visited.gif);
   } */

#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: 831px;
   background: #FFF9B7;
   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#checkreda { margin-left: 10px; }
#abschicken,
#abbrechen {
   cursor: pointer;
   padding: 3px;
   margin: 5px;
   }
.hilfe  { 
   margin-left: 5px;
   }

div.divlabel { margin: 7px; }

.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; }
div.impressumhead { 
background-color: white;
text-align: center;
 }                     
div.impressumhead h4 { padding: 3px 0 3px 0; }   
.impressum { 
border-top: none;
text-align: center;
padding-bottom: 5px;
 }
 #impressumre,
#impressumli {
width: 425px; 
float: left;
border: 1px solid #C87B1E;
}
div.rechtlich { border: 1px solid #C87B1E; }
div.rechtlich {
padding: 8px;
hyphens: auto;
text-align: justify;
}
#impressumre { border-left: none; } 
#sidebar { 
   border: 1px solid #C87B1E;
  background-color: white;
  padding: 5px 0 0 5px;
   margin-bottom: 15px; 
   }
#sidebar ul { 
   float: left;
   margin: 0;
   padding-top: 10px;
   }
   
   .lisidebar li {
   width: 14em;
   text-align: left;
   color: black;
   list-style-type: none;
   padding-bottom: 2px;
   }
.lisidebar li a,
.lisidebar td a {
   text-decoration: none;
   color: black;
   }
.lisidebar td {  
 padding: 8px;
 }
.lisidebar a:hover,
.lisidebar a:focus {
   font-weight: bold;
   color: #0000ff;
   }
#ie6 { 
border: 3px solid #EB0404;
background-color: #FBED24;
padding: 5px; 
} 

#ie6a a { 
 border: 3px solid #EB0404;
 background-color: #FBED24;
 }

div.redcorner {  
 border: 1px solid #C87B1E;
 border-top: none;
 background-color: #FEAAAA;
   }
div.greencorner { 
border: 1px solid #C87B1E;
 border-top: none;
 background-color: #3FE304; 
   }
  div.greencorner h6,
  div.redcorner h6 { text-align: center; }
  
  div.greencorner ul,
  div.redcorner ul {
  list-style: none; }
  
 div.einleitunghead { 
         border-top: 1px solid #C87B1E;
         border-left: 1px solid #C87B1E;
         border-right: 1px solid #C87B1E;
          background-color: #FFF1B7;
           text-align: center;
           margin-top: 15px;
                     }

 div.einleitunghead a    {  
     
     display: block; 
      text-decoration: none;
      color: black;
     }
                     
div.einleitunghead h6 { 
         padding-bottom: 3px;
                     }
                     
                     
#einleitung { 
border: 1px solid #C87B1E;
margin-bottom: 10px; 
padding: 5px;
 }

.bildlinks { float: left; }
 
.bildlinks img { 
 float: left;
 margin-right: 10px;
 }
 
.bildlinks { width: 560px; }

.bildlinks p { padding-left: 5px; }

.bildrechts { 
 float: right;
 position: relative;
  }      
  
.container3sp { 
width: 278px; 
text-align: center;
float: left;
position: relative;
}    
.container1sp { 
width: 834px; 
text-align: center;
float: left;
position: relative;
}    
.container2sp { 
width: 417px; 
text-align: center;
float: left;
position: relative;
}    	
 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: #FFF1B7;
     }

#bildnachweis { text-align: center; }
     
#bildnachweis td { 
width: 33%; 
padding: 3px;
 }
     
/* ====================================================
   2.2 styles fuer fussbereich
===================================================== */   
#fussbereich {
   text-align: center;
   font-size: 75%;
   color: black;
   padding-top: 10px;
   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;
   }
/* ====================================================
   3. 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: 9999px;
   display: inline;
   width: 14em;
   height: auto;
   text-align: center;
   background-color: white;
   color: black;
   padding: 5px;
   border: 1px solid black;
   }
  } /* ende @media */
