/*  ===============================================
Stylesheet für die Übungsseiten aus  "Little Boxes 1"
Stand:  Layoutvorlage aus Kapitel 18
        einspaltig, Header, Footer
        ohne float und absolute Positionierung
Datei:  bildschirm.css
Datum:  2009-04-18
Autor:  Martin Woller (mit Dank an Peter Müller!)
Aufbau: 1. Kalibrierung und Restauration
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
================================================ */

/* ======================================
  1. Kalibrierung und Restauration
  ====================================== */
/* Reset - alle Abstände auf NULL */
*  { padding: 0; margin: 0; }
/* optional: erzwingt Scrollbar im Firefox */
html { height: 100%; margin-bottom: 1px; }
h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em ; }
/* hier ggfs. Abstände für weitere Elemente restaurieren */

/* ======================================
  2. Allgemeine Styles
  ====================================== */
body {
	background-color: #D0C3A1; /*#E9E3D3;*/ /*#968A4D;*/
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
}
h1 { font-size: 150%; }
h2 { font-size: 130%; } 
address {
  text-align: center;
  font-size: 80%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5;
}
a { 
  text-decoration: none; 
  outline: none; /* nur wenn es Sie wirklich stört */
} 
a:link {  } 
a:visited {  } 
a:hover,
a:focus { 
  
}
a:active { 
  
}
/* Allgemeine Klassen und IDs */ 
img#logo { 
  
}
/* Skiplink ausblenden */
.skiplink { 
  position: absolute; 
  top: -9999px; 
  left: -9999px; 
  width: 0; 
  height: 0; 
  font-size: 0; 
  line-height: 0; 
}

/* ======================================
  3.  Styles für die Layoutbereiche
  ====================================== */
#wrapper { 
  background-color: #E9E3D3; /*#D0C3A1;*/ 
  color: #003366; 
  width: 960px; 
  margin: 10px auto; 
}
#kopfbereich {
  background-color: #003366;
  color: white;
  padding: 10px 20px 0 20px;
}
  #kopfbereich p {
    padding: 5px 0 5px 0; 
    margin-bottom: 0;
  }
  div#kopfbereich p span {
     
  }
#navibereich { 
  text-align: left; 
  color: black;
  background-color: #003366;
  padding: 5px 10px 4px 10px;  
  border-bottom: 1px solid #D0C3A1;
} 
  #navibereich ul { margin-bottom: 0; } 
  #navibereich li {
    display: inline; 
    list-style-type: none; 
    margin: 0;
  }
  #navibereich a ,
  #navibereich strong { 
    color: #003366;
	font-weight:bold;
    background-color: #D0C3A1; /*#968A4D;*/
    padding: 4px 8px 4px 8px; 
    border: 1px solid #D0C3A1;
  } 
  
  #startseite #navi01 a,
  #referenzen #navi02 a,
  #preise #navi03 a,
  #impressum #navi04 a
  { 
    color: #DE7008; 
    background-color: #E9E3D3; /*#D0C3A1;*/ 
    border-bottom-color: #E9E3D3;
  } 

  #navibereich a:hover,
  #navibereich a:focus { 
    color: #DE7008; 
    background-color: #D0C3A1; 
    border-bottom-color: #D0C3A1;      
  } 
  #navibereich a:active {
    color: #DE7008; 
    background-color: #D0C3A1; 
    border-bottom-color: #EFE2D2;  
  }  
  
#textbereich { 
  padding: 20px 10px 20px 20px; 
}
  #textbereich a { 
   color: #DE7008;
}
  #textbereich a:hover,
  #textbereich a:focus { 
   color: #DE7008; 
  }
#fussbereich {
  padding: 10px 20px 20px 20px;
  /*border-top: 1px solid #8c8c8c;*/ 
  margin-top: 0;
  background-color: #DE7008; 
}

#fussbereich a {
color: #D0C3A1;
}
/* ======================================
  4. Sonstige Styles
  ====================================== */
/* Das Kontaktformular */


/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */