body {
  margin: 0;
}

#hintergrundbild{
  z-index:0;
  position:absolute;
  left:0px;
  top:0px;
  width:1000px;
  height:1197px;
}

#maskottchen
{
  width: 97px;
  height:150px;
}

#listenkopf
{
  margin-bottom:-10px;
  }

/* Standardeinstellungen */
p{
  margin:0;
  padding:0;
}


img
{
  margin:0;
  padding:0;
}

h1{
  font-family:Arial, sans-serif;
  font-size:24px;
  color:#201520;
  font-weight:bold;
}

h2{
  font-family:Arial, sans-serif;
  font-size:16px;
  color:#201520;
  font-weight:bold;
}

h3{
  font-family:Arial, sans-serif;
  font-size:12px;
  color:#201520;
  font-weight:bold;
  text-align:center;
}


a
{
  color:#201520;
  text-decoration:none;
}

a:hover
{
  text-decoration:underline;
}

p,li{
  font-family:Arial, sans-serif;
  font-size:14px;
  color:#201520;
  line-height:20px;
}

div
{
  position:relative;
  z-index:2;
  border-collapse:collapse;
  border:0px dashed #7f7f7f;
}

/* Gerüst: Kopf - Rumpf - Fuss*/

div.kopf{
  width: 970px;
  height:170px;
}

div.rumpf{
  width: 970px;
}

div.fuss{
  margin-top:-260px;
  margin-left:770px;
  width: 200px;
}

/* Gerüst Rumpf: Menue - Inhalt - Info - Ende*/

div.rumpf div.menue
{
  float:left;
  width: 230px;
}

div.rumpf div.inhalt
{
  float:left;
  width: 510px;
  margin-top:40px;
  margin-left:10px;
}

div.rumpf div.info
{
  float:left;
  width: 210px;
  margin-top:100px;
}

div.ende
{
  height:1px;
  line-height:1px;
  font-size:1px;
  clear:both;
}
/* Details Menue */

div.rumpf div.menue img
{
  border:0px;
  padding-top:30px;
  padding-left:10px;
}

div.rumpf div.menue img.an
{
  width:202px;
  height:50px;
}

div.rumpf div.menue img.aus
{
  width:180px;
  height:50px;
}

/* Details Inhalt: Titel - Text - Untertitel */

div.rumpf div.inhalt div.titel
{
  margin:5px 5px 5px 5px;
}

div.rumpf div.inhalt div.untertitel
{
  margin:5px 5px 5px 5px;
}

div.rumpf div.inhalt div.text
{
  margin:5px 5px 5px 5px;
  border-top:3px solid #66cc22;
  border-bottom:3px solid #66cc22;
}

/* Details Inhalt: Text - Element */

div.rumpf div.inhalt div.text div.element
{
  margin:5px 5px 5px 5px;
  border-top:1px solid #66cc22;
  border-bottom:1px solid #66cc22;
}

div.rumpf div.inhalt div.text div.element img
{
  float:none;
  margin-bottom:15px;
}
div.rumpf div.inhalt div.text div.element p
{
  margin-left:15px;
  margin-right:15px;
  margin-bottom:15px;
}

/* Details Inhalt - Untertitel */

div.rumpf div.inhalt div.untertitel p
{
  text-align:center;
  margin-top:15px;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:15px;
  font-style:italic;
  font-weight:bold;
  }

/* Details Info */

div.rumpf div.info p
{
  text-align:center;
  margin:5px 5px 5px 5px;
}

/* Details für Fuss */

div.fuss p
{
  padding-right:10px;
  text-align:right;
  font-size:12px;
}

div.fuss p.zentriert
{
  text-align:center;
}

/* Druckereinstellungen */

@media print{
#hintergrundbild{
  position:absolute;
  left:-150px;
  top:0px;
  width:800px;
  height:958px;
}

h1{
  font-size:18px;
}

h2{
  font-size:13px;
}

h3{
  font-size:10px;
}

p,li{
  font-size:11px;
  line-height:15px;
}


div.rumpf div.menue{ display:none; }



div.kopf
{
  margin-left:40px;
  width:580px;
  height:135px;
}
div.rumpf
{
  margin-left:40px;
  width:580px;
}

div.rumpf div.inhalt{
  margin-top:5px;
  width:350px;
}

div.rumpf div.inhalt div.element
{
  margin-top:2px;
  margin-bottom:2px;
}


div.rumpf div.info{
  width:200px;
  margin-top:50px;
  }

div.fuss
{
  margin-top:-230px;
  margin-left:420px;
  width: 200px;
}

div.fuss p
{
  font-size:10px;
}
}