/**
 * Styles for reichle.de
 * (c) 2009, Benjamin Zaiser, info@benjamin-zaiser.de
 */
*{
  margin: 0px;
  padding: 0px;
  outline: none;
}
html, body{
  width: 100%;
  height: 100%;
}



/**
 * Allgemeines
 */
body{
  background: #0C0C0C;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #656565;
}
img{ border: 0px; }
.left, .right{ float: left; } 
.clearer{ clear: both; }
address{ display: none; }

a{
  color: #666666;
  text-decoration: none;
}
a:hover{
  color: #ffffff;
}
a.active{
  color: #FF029D;
}



/**
 * Grundgerüst
 */
.distance{
  float: left;
  height: 50%;
  margin-bottom: -293px;
  width: 10px;
}
.pagewrapper{
  clear: both;
  width: 100%;
  height: 500px;
  background: #000000;
}
.page{
  position: relative;
  width: 990px;
  height: 504px;
  margin: 0 auto;
  z-index: 10;
}



/**
 * Logo
 */
.logo{
  display: block;
  position: absolute;
  top: 5px;
  right: 0px;
}




/**
 * Navigation
 */
.navi{
  position: absolute;
  bottom: -34px;
  padding-top: 17px;
  background: #0C0C0C;
  left: 0px;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 13px;
  float: left;
  width: 100%;
} 
.navi li{
  display: inline;
  float: left;
}
.navi li a{
  display: block;
  float: left;
  padding: 0 50px 3px 0;
  font-size: 14px;
}

.navi li.small{
  font-family: Arial,Helvetica,sans-serif;
  float: right;
  text-align: right;
}
.navi li.small a{
  font-size: 11px;
  padding: 3px 0px 0 8px;
}




/**
 * Subnavigation
 */ 
.subnavi{
  float: left;
  width: 165px;
  margin-top: 26px;
  list-style-type: none;
}
.subnavi li{
  margin-bottom: 7px;
}

.subnavi li a{
  font-size: 13px;
}




/**
 * Content
 */
.content{
  float: left;
  width: 500px;
  line-height: 16px;
  margin-top: 26px;
}
/** wenn nur links was gesetzt ist */
.content .wide{
  width: 330px;
}
.content .left{
  width: 210px;
  margin-right: 55px;
}
.content .right{
  width: 210px;
}

.content .colspan{
  position: absolute;
  bottom: 0px;
  width: 535px;
}


/**
 * Keyvisual (Bild oder Flash)
 */
.keyvisual{
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: -10;
  width: 990px;
  overflow: hidden;
}
.content .keyvisual a{ background: none; }



/**
 * Inhaltselemente
 */ 
h1{
  color: #CCCCCC;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 15px;  
  line-height: 18px;
}
h2{
  color: #cccccc;
  margin-bottom: 5px;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight:normal;
}
h3{
  color: #FF029D;
  font-size: 12px;
  font-weight: normal;
  margin: 15px 0;
}

.content ul{
  margin-bottom: 20px;
  list-style-type: none;
}
.content ul li{
  background: url(../images/uldot.gif) no-repeat 0px 7px;
  padding-left: 8px;
}

.content p{
  margin-bottom: 15px;
}

.content a{
  background: url(../images/pfeil.jpg) no-repeat top left;
  padding-left: 10px;
}
.content a:hover{
  text-decoration: underline;
  color: #FF029D;
}

.content .colspan a{ background: none; padding: 0px; }







/**
 * Kontaktformular
 */
.forminfo{
  margin-bottom: 10px;
}
.formgen{
  margin-bottom: 20px;
}
.formgen label{ display: none; }
.formgen fieldset{ border: 0px; }
.formgen fieldset legend{ display: none; }

.formgen .daten{
  float: left;
  width: 225px;
  height: 250px;
  margin-right: 45px;
}
 
.formgen input.formtext{
  width: 220px;
  height: 18px;
  color: #787878;
  border: 0px;
  background: #171717;
  margin-bottom: 4px;
  padding: 4px 0px 0px 3px;
  font-family: verdana, sans-serif;
  font-size: 11px;
}
.formgen textarea{
  height: 174px;
  color: #787878;
  font-family: verdana, sans-serif;
  font-size: 11px;
  padding: 5px 3px 0px 3px;
  border: 0px;
  background: #171717;
  width: 220px;
  margin-bottom: 4px;
}
.formgen br{
  margin-bottom: 7px;
}

/** Checkboxen */
.formgen input#el_9,
.formgen .label_el_9{
  display: inline;
  margin-top: 7px;
}
/** Bugfix, wenn 2te Checkbox aktiv */
.formgen .label_el_9{ margin-right: 50px; }

.formgen input#el_10{
display: block;
margin-top: 7px;
margin-right: 3px;
float: left;
margin-bottom: 10px;
}
.formgen .label_el_10{
  display: block;
  padding-top: 7px;
}


/** Captcha */
.formgen .formcaptcha{
  float: left;
  margin-right: 10px;
}
.formgen input#el_15{
  width: 115px;
  height: 20px;
}

/** Submit */
.formgen .formblock{
  margin-left: 265px;
}
.formgen input.formsubmit{
  border: 0px;
  background: #171717;
  color: #FF029D;
  font-size: 11px; 
  position: absolute;
  top: 295px;
  padding: 5px;
}
.formgen input.formsubmit:hover{
  cursor: pointer;
  color: #ffffff;
}