body
{
  margin: 0px;
  text-align: center;
  background-color: #7D7E83;
}

#fixiert {
    position: absolute;
    float: left;
    width: 1100px;
    height: 150px;
    background-image: url(bilder/banner_bg2.png);
    background-repeat: repeat-x;
  }
  html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
}

#fixiert img {
 float: left;
 padding: 10px 50px 0px 0px;
 height: 140px;

}

#fixiert b img
{
 float: left;
 padding: 0px;
 height: 150px;
 width: 400px;
}


.intro {
  background-color: black;
}

a {
  font-family: Verdana;
  font-size: 18px;
  font-style: white;
 }
 
.container
{
  margin: 0px auto;
  width: 1100px;
  font-family: Verdana;
  font-size: 12px;
  background-image: url(bilder/zahlen.jpg)
}

.header
{
  width: 1100px;
  height: 150px;
  background-image: url(bilder/banner_bg2.png);
  background-repeat: repeat-x;
  
 }

.header img
{
 float: left;
 padding: 10px 50px 0px 0px;
 height: 140px;
}

.header b img
{
 float: left;
 padding: 0px;
 height: 150px;
 width: 400px;
}

.mainnav
{
  background-image: url(bilder/nav_hg2.png);
  background-repeat: repeat-x;
  height: 30px;
  padding: 0px;
  margin: 0px;
}

.mainnav a
{
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  padding-top: 2px;
  padding-right: 10px;
  padding-left: 10px;
}


.mainnav ul
{
  font-size: 14px;
  font-family: Verdana;
  list-style-type: none;
  letter-spacing: 1px;
  white-space: nowrap;
  margin: 0px 25px 0px 0px;
  padding: 0px;
}

.mainnav li 
{ 
  height: 25px;
  float: right;
  border-right: 1px solid #000000;
}

.uhr 
{
  float: left;
  padding-left: 60px;
  padding-top:  20px;
}

.ecke 
{
  float: left;
  padding-left: 67px;
  padding-top:  20px;
  margin-bottom: 20px;
}

.subnav_container
{
    position: absolute;
  float: left;
  width: 210px;  /* Weite erhöhen wenn mehr Abstand nach links sein soll. Außerdem die weiteren einzelnen 
				        Elemente einem margin-left mit dem jeweiligen Wert zuwiesen */
  padding-top: 20px;

}

.subnav_top
{
  background-image: url(bilder/nav_header2.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 30px;
  margin-left:50px;   /* Kann nur erhöht werden, wenn auch im subnav-container die px erhöht wird */
}

.subnav_middle
{
  background-image: url(bilder/nav_mitte_o_hg2.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 4px;
  padding: 0px;
  margin: 0px;
  overflow:hidden;
  margin-left:50px;   /* Kann nur erhöht werden, wenn auch im subnav-container die px erhöht wird */
  
}

.subnav
{
  background-image: url(bilder/nav_mitte_hg2.png);
  background-repeat: repeat-y;
  width: 200px;
  padding: 0px;
  margin: 0px;
  margin-left:50px;   /* Kann nur erhöht werden, wenn auch im subnav-container die px erhöht wird */
}

.subnav ul
{
  list-style-type: none;
  padding: 10px 0px 0px 0px;
  margin: 0px;

}

.subnav a
{
  display: block;
  color: #000000;
  font-size: 12px;
  font-family: Verdana;
  text-decoration: none;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;

}

.subnav li 
{ 
  padding: 0px;
  margin: 0px;
  text-align: left;
  padding: 0px 0px 8px 15px;
}


.subnav_bottom
{

  background-image: url(bilder/nav_unten2.png);
  background-repeat: no-repeat;
  height: 6px;
  width: 200px;
  margin-left:50px;   /* Kann nur erhöht werden, wenn auch im subnav-container die px erhöht wird */
  margin-bottom: 15px;
}

.content2
{
 width: 1100px;	/* Weite abhängig von dem subnav-container und dem padding-left und right im content selbst. Muss alles zusammen 900 ergeben */
 height: 700px;  
}


.content
{
 float: right;
 width: 800px;	/* Weite abhängig von dem subnav-container und dem padding-left und right im content selbst. Muss alles zusammen 900 ergeben */
 padding: 20px 25px 20px 25px;
 text-align: justify;
}

.content_header
{
  background-image: url(bilder/content_header2.png);
  background-repeat: no-repeat;
  width: 800px; 
  height: 40px;  
}

.content_mitte_o
{
  background-image: url(bilder/content_mitte_o2.png);
  background-repeat: no-repeat;
  width: 800px; 
  height: 4px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

.content_mitte
{
  background-image: url(bilder/content_mitte2.png);
  background-repeat: repeat-y;
  width: 800px; 
  margin: 0px;
  padding: 0px;
  overflow:hidden;
}

.content_bottom
{
  background-image: url(bilder/content_bottom2.png);
  background-repeat: no-repeat;
  width: 800px; 
  height: 6px;
  margin: 0px;
  padding: 0px;

}
.content h2
{
 padding: 5px 0px 0px 25px;
 margin: 0px;
 font-size: 14px;
 color: #FFFFFF;
}

.article
{
 margin: auto;
 width: 700px;
 padding: 10px 0px 10px 0px;
 line-height: 16px;
}

.article p
{
  font-size: 14px;

}

.article ul
{
  letter-spacing: 0px;
}

.article h3
{
  font-size: 13px;
  padding: 0px;
  
}
.article a
{
  font-size: 12px;
  text-decoration: none;
  color: #3F1B08;
 }
 
.article b
{
  font-weight: bold;
}

.article a:hover
{
  text-decoration: none;
}

.article a:visited 
{
  text-decoration: none;
  background-color: none;
}

.float_end
{
  clear: both;
  width: 0px;
}

.footer
{
  background-image: url(bilder/bg_footer2.png);
  background-repeat:repeat-x;
  height: 35px;
  overflow: hidden;
}


.footer ul
{
  list-style-type: none;
  margin: 0px;
  padding: 0px 15px 0px 0px;
}

.footer a
{
  color: #FFFFFF;
  font-size: 11px;
  font-family: Verdana;
  text-decoration: none;
  letter-spacing: 0px;
  white-space: nowrap;
}

.footer li 
{ 
  float: right;
  padding: 10px 10px 0px 0px;
}

.footer a:hover 
{ 

}