/**
 *  Style-Sheet: Basis-Styles
 *
 *  @author      Jochen Pollex
 *  @copyright   Jochen Pollex
 *
 */


html{
  font-family:arial, sans-serif;
  font-size:100.01%;

  padding:0;
  margin:0;
  color:#000;
  height:100.01%;

 /*
  * height:100.01% dann ist immer ein scrollbalken eingeblendet
  * und das laestige hin und her springen des Inhalts wird unterdrueckt
  */
}

body{
  padding:0;
  margin:0;
  color:#000;
  background-color:#FFF402;
  background:url(../pics/bg_main_verlauf.jpg);
  background-repeat:repeat-x;
  background-color:#FFF402;
}

#sub{
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:none;
}

#sub-center{
  width:922px;
  padding:0;           /* border:1px solid red;   */
  margin:10px 0 0 0;
  margin-left:auto;
  margin-right:auto;
  height:100%;
  background:none;
  /* dbackground:url(../pics/hg_streifen.gif);
  background-repeat:repeat-y;   */
}

#front{
  position:absolute;
  top:0;
  left:0;               /*  hborder: 1px solid pink;        */
  z-index:10;
  padding:0;
  margin:0 0 30px 0;
  width:100%;
}
#front-center{

  width:922px;
  padding:0;
  margin:10px 0 0 0;
  margin-left:auto;
  margin-right:auto;
  background:#FFF;
  background:url(../pics/bg_center_10.jpg);
  background-repeat:repeat-y;
  /* fborder-bottom:2px solid #646464;       */
}

#header{
  position:relative;
  z-index:1;
  padding:0;
  margin:0;
  height:167px;
  width:922px;

  background:url(../pics/header_03.jpg);
  background-repeat:no-repeat;
  background-position:0 0;
 /*  border:1px solid green;
 */

}
#header img{
  padding:0;
  margin:0;
  border:none;
}

#header-trenner{
  border:none;
  padding:0;
  margin:0;
  width:100%;
}



#logo{
  float:left;
  padding:0;
  margin:0;
}


#header table{
  margin:7px 0 0 340px;
  width:550px;
  height:120px;    /* border:1px solid green;   */
}

#header td{
  margin:0;
  padding:15px  0 0 0;  /* border:1px solid green;  */
}


#pano .img{
  padding:0;
  margin:0;
  margin-right:3px;
}

#header td .random_img{
  padding:0;
  margin:0;
  border:1px solid #CCC;
}
#footer{
  clear:both;
  width:100%;
  /* border: 1px solid lime;  */
}
#footer-center{
  width:922px;
  padding:0;
  margin:0;
  margin-left:auto;
  margin-right:auto;
  /* border: 1px solid lime;  */
 /*  fpadding-bottom:15px;            */
  height:80px;
  background:url(../pics/bg_footer.gif);
  background-repeat:repeat-x;
 /*  mmbackground-color:#FFF402;             */
}


#content-left{
  padding:0 10px 25px 10px;
  margin:0 8px 0 2px;
  width:180px;
  float:left;
  background:#DADADA;
  height:100%;
  font-size:12px;          /* border:1px solid green;           */
}


#content-left img.c_logo{
  padding:0;
  margin:10px 0 0 0;
}
#content-center{
  padding:0 5px 25px 5px;
  height:100%;
  color:#000;
  background:#DADADA;
  margin:0 170px 0 210px;
  font-size:12px;
  /* border:1px solid green;    */


}



#content-center .txt{
  padding:10px 0 15px 0;
  margin:0;
  font-size:12px;
  /*           border:1px dashed black;            */
}
#content-center p{
  padding:0 3px 0 3px;
  margin:3px 0 0 15px;
}

#content-center dl,
#content-center ul{
  padding:0;
  list-style-type:disc;
}

#content-center ul ul{
  padding:0;
  margin:0 0 0 40px;
  list-style-type:circle;
}

#content-center ol li,
#content-center dl dt,
#content-center ul li,
#content-center table td ol li,
#content-center table td dl dt,
#content-center table td ul li{
  font-size:12px;
  padding:0;
  margin:0 0 0 35px;
  list-style-position:outside;
}

#content-center dl dd{
  font-size:11px;
}

#content-center ol li{
  padding:0;
  margin:0;
  list-style-type:decimal;
}


#content-right{
  float:right;
  width:160px;
  padding:0 0 25px 0;
  margin:0 2px 0 0;
  height:100%;
  background:#DADADA;
  color:#000;
  font-size:12px;                /*   border: 1px solid lime;          */
}

#content-right li
{
  padding:7px 0 0 0;
  margin:0;
  font-size:12px;
}

#stadtplan
{
  margin:0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:704px;
}

#stadtplan img
{
  margin:0;
  padding:0;
  border:none;
}


a
{
  padding:0;
  margin:0;
  text-decoration:none;
  color:#000;
  font-size:12px;
}

a:hover
{
  text-decoration:underline;
}

img
{
  border:none;
}

.img_right
{
  margin:5px;
  padding:0;
  float:right;
  border:2px solid #666;

}
.img_left
{
  margin:5px;
  padding:0;
  float:left;
  border:2px solid #666;
}

.bg_gzl
{
  background:url(../pics/gelbe_z_linie.gif);
  background-repeat:repeat-x;
  height:25px;
}


hr{
  background:url(../pics/gelbe_z_linie.gif);
  background-repeat:repeat-x;
  height:25px;
  border:0px solid #DADADA;
}


h1, h2, h3, h4, h5, h6
{
  font-weight:bold;
  margin:0;
  padding:2px 0 2px 5px;
  color:#000;
}


h1
{
  font-size:16px;
  padding-bottom:0.4em;
}
h2
{
  font-size:14px;
  padding-bottom:0.4em;
}
h3
{
  font-size:13px;
  padding-bottom:0.4em;
}
h4
{
  font-size:12px;
  padding-bottom:0.4em;
}
h5
{
  font-size:11px;
  padding-bottom:0.4em;
}
h6
{
  font-size:11px;
  padding-bottom:0.2em;
}

.black
{
  color:black;
}

 /* headline top wenn die Ueberschrift vor div txt kommt */
.hdl_top
{
  padding:10px 0 0 0;
  margin:0;
}

.hdl-u-line
{
  margin:0;
  padding:0;
  color:#002E3D;
  /* sborder-bottom:2px solid #209508;  */
  padding-bottom:6px;
  padding-top:0em;
  margin-bottom:0.6em;
}

.hdl-right-col
{
  margin:0;
  padding:0;
  color:#002E3D;
  border-bottom:2px solid #002E3D;
  padding-bottom:6px;
  padding-top:0em;
  margin-bottom:0.6em;
  height:44px;
  text-align:left;
}
.hdl-right-col-short-desc
{
  margin:0;
  padding:0;
  color:#002E3D;
  padding-bottom:6px;
  padding-top:0em;
  margin-bottom:0.6em;
  height:44px;
  text-align:left;
}

.right-short-desc
{
  border-bottom:2px solid #002E3D;
  margin:0 0 5px 0;
  padding:0 0 13px 0;
  font-size:0.75em;
}

.FFF
{
  color:#FFF;
}

.hdl-right-col .txt
{
  margin:0;
  padding:0;
  vertical-align:bottom;
  float:left;
  /* border: 1px solid lime; */
}

.hdl-right-col img,
.hdl-right-col-short-desc img
{
  padding:0 0 5px 0;
  margin:0 0 5px 0;
  border:none;
  float:right;
}

#content-center a
{
  color:#002E3D;
  text-decoration:none;
}

#content-center a:hover
{
  color:#002E3D;
  text-decoration:underline;
}


.miete {
  margin:0 0 20px 0;

}

.miete td {
  
  background-color:#C1C1C1;
  padding:3px 0 3px 10px;
  vertical-align:top;
}

.miete td.td1 {
  width:160px;
  background-color:#C1C1C1;
}

.miete td.td2 {
  width:300px;
  background-color:#C1C1C1;
}