/*Container zum Zentrieren, der im wrapper enthaltenen Elemente, also des Gesamtlayouts*/
body {
  margin:0px;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 10px;
  color:#000000;
  background-color: #ffffff;
  text-align:center;
  padding:20px
}
#wrapper {
  width:780px;
  margin: 0 auto;
  margin-top:0px;
  vertical-align: middle;
  text-align:center;
  position:relative;
}
#header{
  position: absolute;
  left:0px;
  top:0px;
  width: 780px;
  height:142px;
  padding:0px;
  margin:0px;
  background-image:url(images/peperoni_header.jpg);
  border-left: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
}
#header2{
  position: absolute;
  left:0px;
  top:142px;
  width:780px;
  height:70px;
  background-color: #ffffff;
  border-left: 1px solid #ff0000;
  padding:0px;
  margin:0px;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  z-index:1;
}
#headerlogo{
  position: absolute;
  left:600px;
  top:150px;
  width:171px;
  height:70px;
  background-color: #ffffff;
  background-image:url(images/peperoni_logo.png);
  z-index:2;
}
#navi{
  position:absolute;
  left:0px;
  top:212px;
  width:780px;
  height:29px;
  background-color: #00ffff;
  padding:0x;
  margin:0px;
  background-image:url(images/navi/navi_01.gif);
  border-left: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
  text-align:left;
}
#navi table {
   padding:0x;
  margin:0px;
}
#subnavicontainer{
  position: absolute;
  left:0px;
  top:241px;
  width:142px;
  height:290px;
  background-color: #FF6600;
  border-left: 1px solid #ff0000;
}
#subnavilisting {
  position: relative;
  padding: 18px 0px 0px 26px; /*1=oben, 2=rechts, 3=unten, 4=links*/
  /*background-color: #00ff00;*/
}
#subnavilisting ul {
  padding: 0px 0px 0px 0px; /*1=oben, 2=rechts, 3=unten, 4=links*/
  margin:0;
}
#subnavilisting li {
  text-align:left;
  list-style-type: none;
  font-weight: bold;
  font-size: 10px;
}
#subnavilisting li a,
#subnavilisting li a:link,
#subnavilisting li a:visited {
   /*display: block;*/
   text-decoration:none;
   color: #FFCC33;
   margin-left: 0px;
}
#subnavilisting li.subNaviAktiv a,
#subnavilisting li.subNaviAktiv a:link,
#subnavilisting li.subNaviAktiv a:visited {
   /*display: block;*/
   text-decoration:none;
   color: #ffffff;
   margin-left: 0px;
}

#subnavilisting li a:hover,
#subnavilisting li a:active,
#subnavilisting li a:focus {
}
body.content {
  background-color: #ff9900;
}
#content{
  position: absolute;
  left:142px;
  top:241px;
  width:638px;
  height:290px;
  background-color: #ff9900;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff6600;
  background-image:url(images/leer.gif);
  padding:0;
  margin:0;
  text-align:left;
}
#introtext {
  width:300px;
  padding-left:15px;
  padding-bottom:20px;
  text-align:justify;
}
#introtext h2 {
  text-align:left;
}
#news {
  position: relative;
  left:15px;
  top:0px;
/*  width:548px;*/
  height:266px;
/*  background-color: #ff0000;*/
  padding:0;
  margin:0;
  text-align:left;
}
#textblock, #textblockGedichte {
  position: relative;
  left:15px;
  top:0px;
  width:300px; 
  float:left; 
  color:#000000;
  text-align:left;
  margin:0px 0px 0px 0px; 
  padding:0px 0px 0px 0px; 
/*  background-color: #00ff00;*/
}
#textblockGedichte {
  width:400px; 
}
#bildblock {
  position: relative;
  width:230px; 
  float:left; 
/*  background-color: #ffff00;*/
  padding:0px 0px 0px 30px;
  margin:0px 0px 0px 0px; 
}

#news table.news {
  margin-left:0px;
  margin-top:0px;
}
#news td.news {
  width:250px;
  height:112px;
  background-color: #ffcc00;
}
#news td.newstext {
  width:155px;
  padding:0px 2px 0px 0px;
}  
#news td.abstand {
  width:12px;
  height:105px;
}

#footer{
  position: absolute;
  left:0px;
  top:531px;
  width:780px;
  height:19px;
  background-color: #ffffff;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  
}
h2 {
  font-size: 11px;
  color:#ff0000;
  line-height:11px;
  margin:0px 0px 0px 0px;
}
p,td,input, textarea {
  margin-top:0px;
  padding-top:0px;
  line-height:15px;
  color:#000000;
  text-align:justify;
  font-size: 10px;
}
p.left {
  text-align:left;
}
a {
 text-decoration:none;
 color:#ff0000;
}  

ol {
  line-height:18px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:20px;
  padding:0px;
}
li {
  margin-bottom:10px;
}
li.error {
  margin-bottom:0px;
}
h1 {
  font-weight:normal;
  font-size: 25px;
  padding:20px 0px 0px 25px;
  color:#FF0000;
  text-align:left;
  line-height:25px;
  margin:0px;
}
.orange {
  color:#ff9900;
}
table.navi {
  padding:0px 0px 0px 0px;
  margin:0px;
}
td.navi {
  font-size: 9px;
  padding:2px 6px 3px 6px ; /*1=oben, 2=rechts, 3=unten, 4=links*/
  font-weight:normal;
}
td.slice {
  padding:0px 0px 0px 0px ; /*1=oben, 2=rechts, 3=unten, 4=links*/
}

p.kategorie {
  font-size: 10px;
  color:#ffffff;
  margin:6px 0px 3px 6px;/*1=oben, 2=rechts, 3=unten, 4=links*/
  line-height:10px;
  font-weight:bold;
}
p.datum {
  font-size: 11px;
  font-weight:bold;
  color:#ff0000;
  margin:0px 0px 0px 6px;/*1=oben, 2=rechts, 3=unten, 4=links*/
  line-height:11px;
  text-align:left;
}
p.titel{
  font-size: 11px;
  font-weight:bold;
  color:#ff0000;
  margin:0px 0px 0px 6px;/*1=oben, 2=rechts, 3=unten, 4=links*/
  line-height:11px;
  text-align:left;
}
p.intro {
  font-size: 10px;
  font-weight:normal;
  color:#000000;
  margin:0px 0px 0px 6px;/*1=oben, 2=rechts, 3=unten, 4=links*/
  line-height:11px;
  text-align:left;
}
#news .more {
  color:#ff0000;
}
#footer p {
  text-align:right;
  color:#ff0000;
}

#footer a {
  padding-left:5px;
  padding-right:5px;
}
#listing {
  position: relative;
  left:15px;
  top:0px;
  width:300px; 
  float:left; 
  color:red;
  text-align:left;
  margin:0px 0px 17px 0px; 
  padding:2px 2px 2px 0px; 
  background-color: #ffcc00; 
}
td.galerie{
  padding:0px 6px 12px 6px;
}
#gaeste {
  position: relative;
  text-align:left;
  left:15px;
}