/* CSS-Datei zur Vorlage "http://wwww.css-vorlagen.de/templates/3-spalten-feste-breite.html */
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der http://creativecommons.org/licenses/by/2.0/ */

*{
 margin:0;
 padding:0
} 
ul {
  list-style-position:inside;
}

body{
 background:transparent url('../img/bg_main.gif') repeat-x scroll center top;
 color: #666666;
 font-family: Arial,Helvetica,Sans-Serif;
 font-size:0.8em;
 text-align:center;
}

#seite, #seite_breit, #seite_home{
 margin:0 auto;
 margin-top: 15px;
 text-align:left;
 width:1000px;
 border: 0px solid #7A6700;
 background: transparent url('../img/bg_page_middle.gif') repeat-y scroll left top;
 display: block;
 /*overflow: auto;*/
}
#seite_popup{
 margin:0 auto;
 margin-top: 15px;
 text-align:left;
 width:700px;
 display: block;
}
 
#seite #oben, #seite_breit #oben, #seite_home #oben {
  width:1000px;
  height: 250px;
  background: transparent url('../img/bg_top.gif') no-repeat;
  margin:0;
  padding:10px 0 0 0;
  position: relative; 
}
#seite_popup #oben {
  width:690px;
  height: 120px;
  background: transparent url('../img/bg_top.gif') no-repeat;
  margin:0;
  padding:10px 0 0 0;
  position: relative; 
}
#hauptnavigation{
 float:left;
/* width:215px;*/
width:132px;
 background-color: #D2E6F1;
 margin: 0px 0px 0 0;
 display: block;
 color: #ffffff;
 text-align: right;
}
#contentwrapper {
  display: block;
  background: transparent url('../img/bg_sails_sub.gif') 0 90px no-repeat;
  width: 857px;
  overflow: auto;
  margin:0;
  padding:0;
  position: relative;
  top: -90px;
}
#seite_home #contentwrapper {
  display: block;
  background: transparent url('../img/bg_sails_blanko.gif') 0 90px no-repeat;
  width: 857px;
  /*overflow: auto;*/
  margin:0;
  padding:0;
  position: relative;
  top: -90px;
}
#seite_breit #contentwrapper {
  display: block;
  background: transparent url('../img/bg_sails_sub-blanko.gif') 0 90px no-repeat;
  width: 857px;
  /*overflow: auto;*/
  margin:0;
  padding:0;
  position: relative;
  top: -90px;
}
#mittelinks{
  float:left;
  width:160px;
  min-height: 800px;
  display: block;
  margin: 0px 0 0 0;
}
#seite_home #mittelinks{
  float:left;
  width:309px;
  min-height: 550px;
  display: block;
  margin: 0px 0 0 0;
  border: 0px solid #efefef;
}
#mitte{
  float:left;
  width:320px;
  min-height: 800px;
  display: block;
  margin: 0px 0 0 0;
}
#seite_breit #mitte{
  float:left;
  width:750px;
  min-height: 800px;
  display: block;
  margin: 90px 0 0 0;
}
#seite_home #mitte{
  float:left;
  width:286px;
  min-height: 550px;
  display: block;
  margin: 0px 0 0 0;
  border: 0px solid #efefef;
}
#seite_popup #mitte {
  background: #ffffff;
  width: 400px;
  min-height: 450px;
}
#mitte_breit{
  background:#fff;
  float:left;
  width:738px;
  height: auto;
  display: block;
  margin: 0px 0 0 0;  
}
#rechts{
  float:right;
  width:310px;
  height: auto;
  background-color: transparent;
  margin: 0px 10px 7px 0px;
  display: block;
}
#seite_home #rechts{
  float:right;
  width:247px;
  height: auto;
  background-color: transparent;
  margin: 0px 13px 7px 0px;
  display: block;
  border: 0px solid #efefef;
  min-height: 550px;
}
#seite_popup #rechts{
  background: #ffffff;
  width: 290px;
  margin: 0px 0 7px 0;
  min-height: 450px;
  float:left;
}
#seite #unten, #seite_breit #unten, #seite_home #unten {
  /*width: 857px;*/
  width: 990px;
  color: #fff;
  display: block;
  float: left;
  background: #ACC4E2;
  font-size: 120%;
  position: relative;
  top: -90px;
  margin-bottom: -75px;
}
#seite_popup #unten {
  width: 690px;
  background: #E0EAF5;
  float: left;
 }
.padding{
  padding:2em;
}
.padding_banner{
  padding: 5px 10px 10px 25px;
}
#seite_home #mitte .padding{
  padding: 46px 0px 0px 2px;
}
#seite_home #rechts .padding_banner{
  padding: 55px 0px 10px 0px;
}
#seite_home #mittelinks .padding{
  padding: 16px 0px 10px 0px;
}

#seite_popup .padding{
  padding:1em;
}
#seite_popup #rechts .padding{
  padding: 50px 25px 10px 25px;
}
#hdr_logo {
  display: block;
  width: 118px;
  height: 180px;
  position: relative;
  right: -880px;
  top: -258px;
  clear: both;
}
#seite_popup #hdr_logo {
  display: block;
  width: 118px;
  height: 180px;
  position: relative;
  right: -580px;
  top: -128px;
  clear: both;
}
#subtitle {
  position: absolute;
  top: 130px;
  left: 288px;
  z-index:99;
}
.hdr_image {
  display: block;
  border-bottom: 0px dotted #D4A605;
  text-align: left; 
  overflow:hidden;
  width: 100%;
  height: 250px;
  padding: 0px;
}
.hdr_title {
  display: block;
  float: left;
  height: 36px;
  padding: 0 0 0 235px;
  margin: 0;
}

.clearer {
  clear: both;
}