/* =========================================
Stylesheet für meine Webseite
Stand: Version 5/17
Datei: Bildschirm.css
Datum: 01.04.15
Autor: Andreas Trinkaus

Aufbau: 1. Kalibrierung und Restauration
        2. Algemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
============================================*/

/* =========================================
        1.Kalibrierung und Restauration
============================================*/
* { padding: 0; margin: 0;}
html {overflow-y: scroll; }

 /* Abstände nach oben und von links */
h2, p, ul, ol {margin-bottom: 1em;}
li {margin-left: 1em}
     
/* =========================================
        2.Algemeine Styles
============================================*/
body {
   background-color: #c0c0c0;
   color: white;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
}
h1{font-size: 150%}
h2{font-size: 140%}

address{
  text-align: center;
  font-size: 85%;
  font-style: normal;
  letter-spacing: 1px; 
}
    
/* Hyperlinks gestalten */    
a {text-decoration: none;}
a:link {color: #d90000; } 
a:visited {color: #cc6666; }
a:hover, a:focus {text-decoration: none;}
a:active {background: #d90000; color: white;}

/* =========================================
        3.Styles für Layoutbereiche
============================================*/
div#wrapper {
  
   background: none;
   color: black;
   width: 1000px;
   margin-top: 15px;
   margin-right: auto;
   margin-bottom: 20px;
   margin-left: auto;
}

div#kopfbereich {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   background-image: url(farbverlauf.jpg);
   color: black;
   padding: 10px 20px 10px 10px;
}
div#kopfbereich img {box-shadow: 4px 4px 10px #888;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;}



div#navibereich {
   text-align: right;
   color: black;
   background-image: url(farbverlauf.jpg);
   padding: 5px 20px 4px 20px;
   border-bottom: 1px solid #8c8c8c;
}
div#navibereich ul {
  margin: 0;
}
div#navibereich li {
 
   display: inline;
   list-style-type: none;
   margin: 0;
}  
div#navibereich a { 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: black;
  background-color: #ffeda0;
  padding: 4px 8px;
  border: 1px solid  #8c8c8c;
}
div#navibereich li.sie-sind-hier a {
  color: black;
  background-color: white;
  border-bottom-color: white;
}
  div#navibereich a:hover,
  div#navibereich a:focus {
  color: black;
  background-color: white;
  border-bottom-color: white;
}
div#navibereich a:active {
  color: black;
  background-color: white;
  border-bottom-color: white;
}
  
div#textbereich {
  background: white;
  padding: 20px;
}
div#textbox { float: right;
              width: 400px;
              height: 388px;
              background-color: #FF9933;
              padding: 10px;
              border: 1px solid black;
             

}
div#fussbereich {
  background: white;
  padding: 10px 20px;
  border-top: 1px dotted black;
  margin-top: 0;
  
}
div#fussbereich li {
 
   display: inline;
   list-style-type: none;
   margin: 5px;
}  
div#fussbereich ul {
  margin: 2px;
}
div#fussbereich p {margin: 0;}
 /* Algemeine Klassen und Ids */
center#slogan {
    padding: 5px 0 ;
    margin-bottom: 0; 
}
center#slogan span {
  color: white;
  }
p#nachbestellung {background-color: pink;
  text-align: center;
  width: 800px; height: 2em;} 
  
p#textbereich {width: 100px;}
/* =========================================
        4.Sonstige Styles
============================================*/

form {
  background-color: #d9d9d9;
  width: 400px;
  padding: 20px;
  border: 1px solid #8c8c8c; 
    
}
label  {
  display: block;
}
  
td {
  display: block;
}
  
input#besuchername,
input#besuchermail,
textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
textarea { height: 15em;}
input:focus,
textarea:focus {
  background-color: #ffeda0;
}