/* 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/knoten.jpg) no-repeat center top;
 background-size: cover;
 color: #666666;
 font-family: Verdana,Arial,Sans-Serif;
 font-size:0.8em;
 text-align:center;
}
.eldeco_aus {
  position: absolute;
  bottom: 12px;
  left: 6px;
  width: 181px;
  height: 328px;
 /* background: transparent url(../img/el_deco_left.gif) repeat scroll center top; */
}
#seite, #seite_breit, #seite_home{
 margin:0 auto;
 margin-top: 5px;
 text-align:left;
 width:1000px;
 border: 0px solid #7A6700;
 display: block;
 /*overflow: auto;*/
}
#seite_popup{
 margin:0 auto;
 margin-top: 15px;
 text-align:left;
 width:700px;
 display: block;
}
 
#seite #topnavigation, #seite_breit #topnavigation, #seite_home #topnavigation {
/*  background: transparent url("../img/bg_topnavigation.gif") no-repeat;*/
  width: 330px;
  height: 40px;
  position: relative;
  top: 15px;
  right: 35px;
  float: right;
}

#nav_top {
	display:none;
}

#seite #oben, #seite_breit #oben, #seite_home #oben {
  width:1000px;
  height: 125px;
  background: transparent url('../img/bg_main_top.png') -5px -5px no-repeat;   
  margin:0;
  padding:0 0 0 0;
  position: relative;
  clear: both;
}
#seite #mitte, #seite_breit #mitte, #seite_home #mitte {
  width:1000px;
  background: transparent url('../img/bg_main_middle.png') -5px repeat-y;  
  margin:0;
  padding:0 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:210px;
  background-color: #ffffff;
  margin: 0px 0px 0 6px;
  display: block;
  color: #ffffff;
  text-align: right;
  display: block;
  min-height: 585px;  
  /*background: transparent url("../img/el_deco_left_bottom.gif") bottom left no-repeat;*/
}
#contentwrapper {
  display: block;
  background: transparent;
  width: 780px;
  overflow: auto;
  margin:0;
  padding:0;
}
#seite_home #contentwrapper {
  display: block;
  /*
  background: transparent url("../img/homeback.gif") no-repeat center top;
  */
  width: 780px;
  overflow: auto;
  margin:0;
  padding:0;
}
#seite_breit #contentwrapper {
  display: block;
  background: transparent;
  width: 780px;
  /*overflow: auto;*/
  margin:0;
  padding:0;
}
#mittelinks{
  float:left;
  width:160px;
  min-height: 550px;
  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;
}
#contentmitte{
  float:left;
  width:540px;
  min-height: 585px;
  display: block;
  margin: 0px 0 0 0;
}
#seite_breit #contentmitte{
  float:left;
  width:750px;
  min-height: 585px;
  display: block;
  margin: 0px 0 0 0;
}
#seite_home #contentmitte{
  float:left;
  width:375px;
  min-height: 585px;
  display: block;
  margin: 0px 0 0 0;
}
#seite_popup #contentmitte {
  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:left;
  width:200px;
  height: auto;
  background-color: transparent;
  margin: 0px 20px 7px 0px;
  display: block;
}

#rechts .csc-textpic{
	border: 1px dotted #999999;
    margin-top: 0px;
    overflow: hidden;
    padding: 10px 10px 10px 19px;
    font-size:	0.9em;  
}
 
#seite_home #rechts{
  float:left;
  width:365px;
  height: auto;
  background-color: transparent;
  margin: 0px 20px 7px 0px;
  display: block;
}
#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: 1000px;
  height: 120px; 
  color: #5F5F5F;
  display: block;
  float: left;
  background: transparent url('../img/bg_main_middle.png') -5px 0px repeat-y;
  position: relative;
  bottom: 0px;
}
#seite_popup #unten {
  width: 690px;
  background: #E0EAF5;
  float: left;
 }

#unterkante {
  width: 1000px;
  height: 38px; 
  color: #5F5F5F;
  display: block;
  float: left;
  background: transparent url('../img/bg_main_bottom.png') -5px 0px no-repeat;
  font-size: 120%;
  position: relative;
  bottom: 0px;
  border: 0px solid red;
}
.padding{
  padding:0 20px 20px 30px;
}
.padding_banner{
  padding: 5px 10px 10px 25px;
}
#seite_home #contentmitte .padding{
  padding:0 0 20px 30px;
}
#seite_home #rechts .padding{
  padding:0 0 20px 20px;
}
#seite_home #rechts .padding_banner{
  padding: 55px 0px 10px 20px;
}
#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: 274px;
  height: 66px;
  padding: 30px 0 0 45px;
  float: left;
}
#seite_popup #hdr_logo {
  display: block;
  width: 118px;
  height: 180px;
  position: relative;
  right: -580px;
  top: -128px;
  float: left;
}
#languages {
  display: block;
  width: 135px;
  height: 66px;
  padding: 30px 40px 0 0;
  float: right;
}
#languages .flag {
  display: block;
  float: left;
  padding: 5px 4px 0 4px;
  font-size: 85%;
  text-align: center;
  background: transparent url("../img/bg_flag_border.gif") no-repeat top right;
  width: 25px;
  height: 30px;
}
.flag a, flag a:visited{
  color: #666666;
  text-decoration: none;
  cursor: pointer;
}
#languages .flag:hover   {
  color: #666666;
  text-decoration: none;
  cursor: pointer;
  background: #FACEDF;
}
#languages .selected {
  background-color: #ffffff;  
}
#subtitle {
  position: absolute;
  top: 130px;
  left: 288px;
  z-index:99;
}
.hdr_image {
  display: block;
  text-align: left; 
  width: 100%;
  height: 50px;
  padding: 0px;
}
.hdr_title {
  display: block;
  float: left;
  height: 36px;
  padding: 0 0 0 235px;
  margin: 0;
}

.clearer {
  clear: both;
}