/*
Blau   #00377C
Rot    #E93413
Braun  #972B16
Beige  #FFF7D6

*/

html, body {
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
}

body {
    background-color: #FFF7D6;
    text-align: center;
}

body, p, td, textarea, .kform, li {
        font-family: verdana, arial, sans-serif;
        font-size: 9pt;
        line-height: 13pt;
        color: #6F6F6F;
}


p, h1, h2, h3, h4, h5, td{
        padding-left: 15px;
        padding-right: 15px;
}


a:link {color: black;}
a:visited {color: black;}
a:active {color: #76B751;}
a:hover {color: #76B751;}


h1 {
        font-size: 11pt;
        line-height: 16pt;
        font-weight: bold;
        color: #972B16;
}


h2 {
        font-size: 10pt;
        font-weight: bold;
        color: #972B16;
}

h3 {
        font-size: 9pt;
        font-weight: bold;
        line-height: 13pt;
        color: #972B16;
}


h4 {
        font-size: 8pt;
        font-weight: bold;
        line-height: 13pt;
}



.Aktuell{
        font-size: 8pt;
}


.bild {
      margin-left: 15px;
      border: 1px solid #972B16;
}

.bildrechts {
      margin-left: 15px;
      float: right;
      border: 1px solid #972B16;
}

.bildlinks {
      margin-left: 15px;
      float: center;
}

.bildmitte {
      margin-left: 15px;
      float: center;
      border: 1px solid #972B16;
}

.dateityp, .bildzoom {
      border: 0px;
}

.kleingedrucktes {
 font-weight: normal;
 font-size: 7pt;
}


/* Containerpositionen */

#mainContainer
{
    width: 740px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;

    background-color: #FFF7D6;

    position: relative;

    border: 0px solid #972B16;
}

#bodyblock {
 width: 840px;
 padding: 0px;
 margin: 0px;
 background-color: #FFF7D6;
 background: url(../picture/bg.gif) fixed center top;
}

#menuBild {
float: left;
width: 600px;
height: 140px;
background: url(../picture/logo-streger-massivholztreppen-print.gif) scroll top left;
display:none;
}


#navigation {                                /* Menu */
z-index: 1;
width: 740px;
height: 25px;
float: left;
background-color: #972B16;
display:none;
}

#content {                             /* Textinhalte */
 width: 320px;
 margin-top: 10px;
 float: left;
 padding-bottom: 25px;
}

#contentLinks {                             /* Textinhalte */
 display: none;
}

#contentRechts {
width: 500px;
margin-top: 20px;
overflow: hidden;
float: left;
padding-bottom: 25px;
}

p#fusszeile {
clear: both;
font-size: 0.7em;
margin: 0; padding: 0.3em;
text-align: left;
background-color: #FFF7D6;
}



/* Formular */

.formular {
  width: 425px;
  color: #000;
  padding-left: 15px;
}

.reihe {
  clear: both;
  padding: 2px 0px;
}

.label {
  float: left;
  width: 130px;
  text-align: left;
  padding-top: 3px;
  padding-right: 5px;
}

.feld {
  float: right;
  width: 270px;
  text-align: left;
}

.knopf {
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}