/* =================================================
Stylesheet für die Beispielsite aus "Little Boxes"  
Stand: Ende Kapitel "Ordnung halten im Stylesheet" 
Datei: bildschirm.css
Datum: 28. Juni 2011
Autor:  Peter Müller 
Aufbau: 1. Kalibrierung und Restauration
        2. Allgemeine Styles 
        3. Styles für Layoutbereiche    
        4. Sonstige Styles 
================================================== */

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

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: #FFFFFF;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
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 { color: #d90000; } 
a:visited { color: #cc6666; } 
a:hover, 
a:focus { 
  border-bottom: 1px solid #d90000; 
}
a:active { 
  color: white; 
  background-color: #d90000; 
}
/* Allgemeine Klassen und IDs */ 
img#logo { 
  background-color: white;
  color: black;
  padding: 10px;
  border: 10px solid #d9d9d9; 
} 
 
/* ====================================== 
  3.  Styles für die Layoutbereiche 
  ====================================== */
#wrapper {
	background-color: #CCC;
	color: black;
	width: 720px;
	margin: 10px auto;
	padding: 20px;
}
#kopfbereich {
  background: #ffe574 url(farbverlauf.jpg) repeat-y top left;
  color: black;
  padding: 10px 20px 0 20px; 
}
  p#slogan span {
    color: #d90000; 
  }
#navibereich { 
  padding: 5px 20px 5px 20px; 
} 
#textbereich { 
  padding: 20px; 
}
  #textbereich a { 
  border-bottom: 1px dotted #cc0000; 
}
  #textbereich a:hover,
  #textbereich a:focus { 
    border-bottom: 1px solid #d90000; 
  }
#fussbereich {
  padding: 10px 20px 20px 20px;
  border-top: 1px solid #8c8c8c; 
  margin-top: 0; 
}
/* ====================================== 
  4. Sonstige Styles 
  ====================================== */
.produktname {
	text-align: center;
	font-size: 150%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5;
	font-weight: bold;
}
  table {
	  border-collapse:collapse;
  }
  td {
	border: black 1px solid;
	padding: 4px;
  }
  td.oben{
	vertical-align: top;
  }

  tr {
	background-color: #FFFFFF;
  }
  hr {width:720px; background-color:black; height:5px;
  }
 /* .produktbeschreibung img {
	float: left;
	margin-right: 10px  
  }
  .produktname {
	clear: left;  
  }
  */
/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */