/*==============================================================================================*/
/*                                                                                              */
/* Dies ist das Hauptstylesheet der Seite http://www.apomoers.de/.                              */
/* Als Grundlage dient eine reset.css, die alle browserspezifischen Formatierungen zurücksetzt. */
/*                                                                                              */
/* Autor: Martin Voigt (SavIT GmbH)                                                             */
/* Erstellungsdatum: 15.05.2009                                                                 */
/* Version: 0.1                                                                                 */
/*                                                                                              */
/*==============================================================================================*/

/* allgemeine Regeln */
body {
  background: #FBA504;
  font-family: Arial, Helvetica, Monaco;
  color: #FFF;
  text-align: center;
  padding-top: 20px;
}
h1 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
}
h2 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
}
h3 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}
h4 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}
p {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 14px;
}
p.mitte {
  text-align: center;
}
a {
  text-decoration: none;
  color: #FFF;
  font-size: 12px;
}
a:hover {
  text-decoration: underline;
  color: #FFF;
  font-size: 12px;
}
/* Struktur der Seite */
#container { 
  width: 800px;
  margin: 0 auto;
}
#header {
  width: 800px;
  height: 100px;
  background: #127012 url('../img/nav.gif') top left no-repeat;
}
#content {
  float: left;
  width: 760px;
  background: #CD3D12;
  text-align: left;
  margin: 0;
  padding: 20px;
  min-height: 400px;
}
#content_start {
  float: left;
  width: 760px;
  background: url('../img/talerregen.gif') top left no-repeat;
/*  background: #CD3D12;*/
  text-align: left;
  margin: 0;
  padding: 20px;
  min-height: 400px;
}
#footer {
  width: 800px;
  text-align: center;
  color: #000;
  background: #FBA504;
}
/* 3 Würfel im Kopf */
#wuerfel {
	position: relative;
  top: -85px;
  right: -355px;
  z-index: 1;
}
/* Navigation im Kopf */
#header ul {
  padding-top: 70px;
  padding-left: 150px;
  list-style-type: none;
}
#header ul li {
  display: inline;
}
#header ul a {
  text-decoration: none;
  color: #FFF;
  font-size: 18px;
  margin-left: 20px;
}
/* Navigation im Fuß */
#footer a {
  color: #000;
  text-decoration: none;
  font-size: 11px;
  line-height: 20px;
}
/* Formatierungen im Content-Bereich */
#teaser_ahorntaler_sammeln {
  float: left;
  margin-left: 75px;
}
#animation {
  float: right;
  width: 281px;
  height: 171px;
  border: none;
}
#startadresse {
  float: right;
  width: 250px;
  border: none;
  font-size: 12px;
  padding: 5px;
}
#startadresse a {
  font-size: 12px;
}
#headline a {
  font-size: 20px;
}
ul#informationen {
  list-style-type: circle;
  list-style-position: outside; 
  margin-left: 20px;
}
ul#informationen li { 
  line-height: 30px;
}
ul#asthma {
  list-style-type: circle;
  list-style-position: outside; 
  margin-left: 20px;
}
ul#asthma li { 
  font-size: 12px;
  line-height: 14px;
}
ul#blutegel {
  list-style-type: circle;
  list-style-position: outside; 
  margin-left: 20px;
}
ul#blutegel li { 
  font-size: 12px;
  line-height: 14px;
}
ul#darmkrebs {
  list-style-type: circle;
  list-style-position: outside; 
  margin-left: 20px;
}
ul#darmkrebs li { 
  font-size: 12px;
  line-height: 14px;
}
ol.antwortalternativen {
  list-style-type: lower-alpha;
  list-style-position: outside; 
  margin-left: 20px;
}
ol.antwortalternativen li {
  font-size: 12px;
  margin-bottom: 5px;
}
.hinweis {
  font-size: 12px;
  color: #F9D506;
}
.hinweis a {
  color: #F9D506;
  font-weight: bold;
}
.hinweis a:hover {
  color: #F9D506;
  font-weight: bold;
}
img.eichhoernchen {
  float: right;
}
.abbildung_links {
  float: left;
  text-align: center;
  width: 380px;
}
.abbildung_rechts {
  float: right;
  text-align: center;
  width: 380px;
}
.abbildung_links img, .abbildung_rechts img {
  border: 1px solid #FFF;
  width: 211px;
  height: 158px;
}
.abbildung_links p, .abbildung_rechts p {
  color: #FFF;
  font-size: 10px;
}
.bold {
  font-weight: bold;
}
ul#sitemap {
  list-style-type: circle;
  list-style-position: outside; 
  margin-left: 20px;
}
ul#sitemap ul {
  list-style-type: square;
  list-style-position: outside; 
  margin-left: 20px;
}
p.quelle {
  font-size: 9px;
}
div#bild_antibiotika p {
  font-size: 9px;
}
p.antworten {
  font-size: 12px;
  line-height: 24px;
}
div#angebote {
  width: 400px;
  float: left;
}
div#angebot1,
div#angebot2,
div#angebot3,
div#angebot4,
div#angebot5,
div#angebot6,
div#angebot7,
div#angebot8,
div#angebot9,
div#angebot10,
div#angebot11,
div#angebot12,
div#angebot13,
div#angebot14,
div#angebot15,
div#angebot16,
div#angebot17,
div#angebot18,
div#angebot19,
div#angebot20,
div#angebot21,
div#angebot22,
div#angebot23,
div#angebot24, 
div#angebot25,
div#angebot26,
div#angebot27,
div#angebot28,
div#angebot29,
div#angebot30,
div#angebot31,
div#angebot32,
div#angebot33,
div#angebot34,
div#angebot35,
div#angebot36, 
div#angebot37,
div#angebot38,
div#angebot39 {
  width: 400px;
  display: none;
  margin-left: 200px;
}
div#angebot1 img,
div#angebot2 img,
div#angebot3 img,
div#angebot4 img,
div#angebot5 img,
div#angebot6 img,
div#angebot7 img,
div#angebot8 img,
div#angebot9 img,
div#angebot10 img,
div#angebot11 img,
div#angebot12 img,
div#angebot13 img,
div#angebot14 img,
div#angebot15 img, 
div#angebot16 img,
div#angebot17 img,
div#angebot18 img,
div#angebot19 img,
div#angebot20 img,
div#angebot21 img,
div#angebot22 img,
div#angebot23 img,
div#angebot24 img, 
div#angebot25 img,
div#angebot26 img,
div#angebot27 img,
div#angebot28 img,
div#angebot29 img,
div#angebot30 img,
div#angebot31 img,
div#angebot32 img,
div#angebot33 img,
div#angebot34 img,
div#angebot35 img, 
div#angebot36 img,
div#angebot37 img,
div#angebot38 img,
div#angebot39 img {
  width: 400px;
  border: none;
}
div#angebotstext {
  clear: both;
  line-height: 40px;
  vertical-align: bottom;
  width: 100%;
  text-align: center;
}
div#anfahrtsskizze_klein {
  width: 800px;
  float: left;
  text-align: center;
  margin-bottom: 20px;
}
div#anfahrtsskizze_klein div {
  font-size: 11px;
	width: 100%;
  text-align: center;
}
/* Ende des Stylesheets */