* { margin: 0; padding: 0; border: 0 }
html, body { }
body { 
 text-align:center; 
 background: #fff url(images/body-bg.gif) repeat-x; 
 color: #000;
 font-size: 100.01%;
 font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; 
}
.wrappage {
 position: relative;
 margin: 0 auto;
 width: 1008px;
 text-align: left;
}
.head {
 width: 1008px;
 height: 235px;
 background: url(images/head-bg-unten.jpg) no-repeat 100% 100%;
}
.logo {
 position: absolute;
 left: 0;
 top: 0;
 display: inline;
}
.head-oben {
 position: absolute;
 width: 1008px;
 height: 115px;
 background: url(images/head-bg-oben.gif) no-repeat 100% 0;
}
.navi-service {
 position: absolute;
 right: 0;
 bottom: 0;
 display: inline;
 font-size: .7em;
 color: #fff;
}
.navi-service a {
 color: #fff;
 text-decoration: none;
}
.navi-service a:hover {
 color: #333;
}
.navi-service ul {
 list-style-type: none;
 overflow: hidden;
}
.navi-service ul li {
 display: inline;
 float: left;
 border-left: 1px solid #fff;
 margin: 0 1px 0 -1px;
 padding: 2px 4px 2px 4px;
}

.navi-main {
 position: relative;
 display: block;
 font-size: .8em;
 padding-left: 170px;
 height: 31px; 
}
.navi-main a {
 color: #7f7f7f;
 font-weight: bold;
 text-decoration: none;
 padding: 6px 20px 8px 20px;
}
.navi-main a:hover {
 color: #000;
 background: url(images/qf-navi-main-haken.gif) no-repeat 0 40%;
}
.navi-main a.active {
 color: #000;
 background: url(images/qf-navi-main-active.gif) repeat-x 0 50%;
}
.navi-main ul {
 list-style-type: none;
 padding: 7px 0 7px 0;
}
.navi-main li {
 display: inline;
}

.content-header {
 position: relative;
 font-size: .75em;
 width: 1008px;
 height: 115px;
 background: url(images/content-bg-spiegel.gif) no-repeat 100% 0;
}
.content-header h1 {
 position: absolute;
 display: inline; 
 margin: 60px 0 0 200px;
 width: 790px;
 text-align: right;
}

.navi-sidebar {
 width: 160px;
 position: absolute;
 left: 0;
 display: inline;
 font-size: .7em;
}
 .navi-sidebar h3 {
  display: block;
  color: #fff;
  background: #FE3F01;
  padding: 3px;
 }
 .navi-sidebar p {
  margin: 5px 10px 8px 2px;
 }
 .navi-sidebar a {
  color: #000;
 }
 .navi-sidebar a:hover {
  color: #fe3f01;
 }

 .navi-sidebar ul li a {
  color: #7f7f7f;
  font-weight: bold;
  text-decoration: none;
  padding: 3px;
  display: block;
 }
 .navi-sidebar ul li a:hover {
  color: #fe3f01;
  background: #eee;
 }
 .navi-sidebar ul li a.active {
  color: #fff;
  background: #fe3f01;
 }
 .navi-sidebar ul {
  list-style-type: none;
 }
 .navi-sidebar li {
  display: block;
  padding-bottom: 4px;
 }

.content-area {
 font-size: .75em;
 width: 839px;
 position: relative;
 margin-left: 169px;
}

 .content-area p {
  margin: 5px 10px 8px 5px;
  text-align: justify;
 }
 .content-area p.center {
   text-align: center;
 } 
 .content-area ul, .content-area ol {
  margin: 5px 10px 8px 25px;
 }
 .content-area li {
  margin-bottom: 5px;
 }
 .content-area a {
   color: #BE2F00;
   color: #000;
 }
 .content-area a:hover {
  color: #FE3F01;
 }
 .content-area a strong {
  text-decoration: none;
 }
 .content-area li.pdf {
  list-style-image: url(../images/links/download_pdf.gif);
  font-size: .8em;
 }
 .content-area li.pdf a {
  text-decoration: none;
  font-size: 1.2em;
 }

.footer {
 clear: both;
 font-size: .9em;
 padding-top: 20px;
}
 .footer p {
  border-top: 1px solid #ccc;
  padding: 3px;
 } 

.bildzeile {
 clear: both;
 width: 630px;
 margin-left: 100px;
}
.spalte100p {
 float: left;
 width: 100px;
 margin: 8px;
 border: 0px solid blue;
}
.zeile {
 clear: both;
}
.spalte10o {
 float: left;
 width: 68px;
 padding: 0 8px 8px 8px;
}
.spalte16o {
 float: left;
 width: 88px;
 padding: 0 8px 8px 8px;
}
.spalte25, .spalte25o {
 float: left;
 width: 193px;
 padding: 0 8px 8px 8px;
 background: url(images/spalte25-bg.gif) no-repeat 0 100%;
}
.spalte33, .spalte33o {
 float: left;
 width: 262px;
 padding: 0 9px 8px 8px;
 background: url(images/spalte33-bg.gif) no-repeat 0 100%; 
}
.spalte40, .spalte40o {
 float: left;
 width: 320px;
 padding: 0 9px 8px 8px;
 background: url(images/spalte40-bg.gif) no-repeat 0 100%; 
}
.spalte50, .spalte50o {
 float: left;
 width: 402px;
 padding: 0 8px 8px 8px;
 background: url(images/spalte50-bg.gif) no-repeat 0 100%; 
}
.spalte66, .spalte66o {
 float: left;
 width: 542px;
 padding: 0 8px 8px 8px;
 background: url(images/spalte66-bg.gif) no-repeat 0 100%; 
}
.spalte25o, .spalte33o, .spalte50o, .spalte66o {
 background: #fff url(images/px.gif) no-repeat;
}

.uspalte50 {
 float: left;
 width: 185px;
 padding: 15px 8px 15px 8px;
}
.uspalte50c {
 float: left;
 width: 185px;
 padding: 25px 8px 25px 8px;
 text-align: center;
}
.uspalte33c {
 float: left;
 width: 245px;
 padding: 15px 8px 15px 8px;
 text-align: center;
}
.qf {
 color: #FE3F01;
}
.ddf {
 color: #002D5B;
}

h1 {
 font-size: 1.3em;
 margin: 5px 10px 15px 5px;
}
h2 {
 font-size: 1.2em;
}
h2.center {
 text-align: center;
 border-bottom: 1px solid black;
}
h3 {
 font-size: 1.1em;
}
h4 {
 font-size: 1em;
}
h6 {
 display: none;
 visibility: hidden;
}