/*
   Formatierungen fuer das Design und Layout der Seite:
   
   Die folgenden Eigenschaften bestimmen die Positionen 
   und Groessen der Design-Elemente, sowie deren Hintergruende, 
   Abstaende, usw.
*/

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
   margin: 0;
   border: 0;
   padding: 0;
}

body {
   color: black; 
   background-color: #E6E6E6;
   background-image: url('../images/bg.jpg');
   background-position: top;
   background-repeat: repeat-x;
      
   text-align: center;  /* Zentrierung im IE 5.01 & 5.5 */
}

div#frame {
   text-align: left;    /* Seiteninhalt wieder links ausrichten */
   
   margin: 0 auto;      /* standardkonforme horizontale Zentrierung */   
   width: 961px;
   
   background-color: White;
   background-image: url('../images/frame.jpg');
}

div#banner {
   position: relative;
   width: 961px;
   height: 281px;
   
   /*
   die Bilder fuer den Banner werden randomisiert erzeugt
   background-image: url('../images/banner/002.jpg');
   */
}

div.navigation_top {
   width: 158px;   
   height: 22px;
   margin-bottom: 10px;
   
   background-image: url('../images/navigation/top.jpg');
}

div#navigation {
   float: left;
   position: relative;
   /*z-index: 2;*/
   
   margin-top: -60px;
   width: 158px;
   left: 53px;
   
   background-image: url('../images/navigation/bg_a.jpg');
}

div.navigation_bottom {
   width: 158px;   
   height: 35px;
   margin-top: 20px;
   
   background-image: url('../images/navigation/bottom.jpg');
}

div.sidebar_top {
   width: 158px;
   height: 22px;
   margin-bottom: 3px;
   
   background-image: url('../images/sidebar/top.jpg');
}

div#sidebar {
   float: right;
   position: relative;
   /*z-index: 3;*/
   
   margin-top: -25px;
   width: 158px;
   right: 52px;
   
   background-image: url('../images/sidebar/bg.jpg');
}

div.sidebar_bottom {
   width: 158px;
   height: 26px;
   margin-top: 6px;
   
   background-image: url('../images/sidebar/bottom.jpg');
}

div#content {
   margin-left: 216px;
   margin-right: 216px;
   
   position: relative;
   z-index: 4;
   
   background-color: #F0F0F0;
   /*
   background-image: url('../images/zirkel_bg.gif');
   background-position: center center;
   background-repeat: no-repeat;
   */   
}

* html div#content {
   height: 1em;      /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
   margin-bottom: 0;
}

.pad {
   padding: 0 10px;
}

div#footer_clear {
   clear: both;   
   position: relative;
   padding-bottom: 25px;
}

div#footer {
   clear: both;
   position: relative;
   
   /*
   background-image: url(../images/footer/002.jpg);
   */
   width: 961px;
   height: 150px;
}

div#footer_impressum {
   position: absolute;
   top: 79px;
   left: 168px;
}

div#footer_disclaimer {
   position: absolute;
   top: 75px;
   left: 323px;
}

div#footer_kontakt {
   position: absolute;
   top: 55px;
   left: 472px;
}

div#footer_sitemap {
   position: absolute;
   top: 41px;
   left: 605px;
}

div#footer_suche {
   position: absolute;
   top: 41px;
   left: 744px;
}