html, body
{
  font-family:arial, sans-serif;
  font-size:100.01%;
  background-color:#FDD100;
  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
                    */

}

#sub
{
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  background:none;
  background:url(../pics/hg_yg_lines.gif);
  background-repeat:repeat-x;
}

#sub-center
{
  width:927px;
  padding:0;       /*   border:1px solid red;   */
  margin:0;
  margin-left:auto;
  margin-right:auto;
  height:100%;
  background:none;
  background: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;
  width:100%;
}
#front-center
{

  width:927px;
  padding:0;           /*  border:1px solid red;  */
  margin:0;
  margin-left:auto;
  margin-right:auto;
}


#content-left
{
  padding:0;
  margin:0;
  margin-left:11px;
  margin-right:12px;
  width:153px;
  float:left; 
}


#content-center
{
  float:left;
  width:730px;
  padding:0;
  margin:0;
  padding-bottom:85px;
  height:100%;
  background-color:#ECD76F;
  color:#000;              
}

#content-center p
{
  padding:0;
  margin:0;
  font-size:0.8em;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}

#content-center ul li
{
  font-size:0.8em;
  padding:0;
  margin:0;
  list-style-type:disc;
}

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

img
{
  border:none;
}

.img_right
{
  float:right;
  border:2px solid #209508;
  margin: 5px 0 5px 5px;
}
.img_left
{
  float:left;
  border:2px solid #209508;
  margin: 5px 5px 5px 10px;
}

.img_right_p
{
  float:right;
  margin: 5px 0 5px 5px;

}
.img_left_p
{
  float:left;
  margin: 5px 5px 5px 10px;
}

.img_right_p img,
.img_left_p img
{
  border:2px solid #209508;
}





#footer
{
  clear:both;
  position:relative;
  bottom:0px;
  left:0;

  height:85px;
  width:99%;
/*    border: 1px solid lime;  */

  padding-bottom:5px;
}

h1, h2, h3, h4, h5, h6
{
  font-weight:bold;
  margin:0;
  padding:0;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  color:#209508;
  position:relative;
}

h1
{
  font-size:1.4em;
  padding-bottom:0.4em;
}
h2
{
  font-size:1.2em;
  padding-bottom:0.4em;
}
h3
{
  font-size:0.899em;
  padding-bottom:0.4em;
}
h4
{
  font-size:0.799em;
  padding-bottom:0.4em;
}
h5
{
  font-size:0.699em;
  padding-bottom:0.4em;
}
h6
{
  font-size:0.679em;
  padding-bottom:0.2em;
}

.black
{
  color:black;
}

.hdl-u-line
{
  margin:0;
  padding:0;
  color:#209508;
  border-bottom:2px solid #209508;
  padding-bottom:6px;
  padding-top:0em;
  margin-bottom:0.6em;
}

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

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