html,body
{margin:0;
 padding:0;
 height:100%; /* needed for container min-height */
 background: #003300;
 }

div#box
{position:relative; /* needed for footer positioning*/
 margin:0 auto; /* center, not in IE5 */
 width:900px;
 background: #FEFAF3;
 height:auto !important; /* real browsers */
 height:100%; /* IE6: treaded as min-height*/
 min-height:100%; /* real browsers */}

div#kopf
{padding:5px;
 background-color: #FCEDD3;
 background-image: url(../bilder/image.gif);
 background-repeat: no-repeat;
 background-position: 5px 45px;
 border-bottom:2px solid #003300;
 height: 180px;
 position: relative;}
 
div#kopf-driving-range
{padding:5px;
 background-color: #FCEDD3;
 background-image: url(../bilder/image-driving-range.png);
 background-repeat: no-repeat;
 background-position: 5px 45px;
 border-bottom:2px solid #003300;
 height: 180px;
 position: relative;}
 
div#kopf-info-aktuell
{padding:5px;
 background-color: #FCEDD3;
 background-image: url(../bilder/image-info-aktuell.png);
 background-repeat: no-repeat;
 background-position: 5px 45px;
 border-bottom:2px solid #003300;
 height: 180px;
 position: relative;}

#logo
{position: absolute;
 z-index: 4;
 top: 5px;
 left: 50%;
 margin-left: -94px;
 width: 189px;
 height: 180px;
 border: 0;}

#links
{width: 340px;
 background: #FCEDD3;
 float: left;
 border: 0;}

#rechts
{width: 340px;
 background: #FCEDD3;
 float: right;
 border: 0;}

#links ul,
#rechts ul
{list-style: none;
 margin: 0;
 padding: 0;
 width: 85px;
 float: left;
 border: 0;}

#rechts ul ul,
#links ul ul
{position: absolute;
 z-index: 5;
 border:0;}

div#links ul ul,
div#links ul li:hover ul ul,
div#rechts ul ul,
div#rechts ul li:hover ul ul
{display: none;}

div#links ul li:hover ul,
div#links ul ul li:hover ul,
div#rechts ul li:hover ul,
div#rechts ul ul li:hover ul
{display: block;}

#rechts a, #rechts h5, #rechts h6, #rechts h4,
#links a, #links h5, #links h6, #links h4
{display: block;
 text-align: center;
 margin: 0;
 padding: 0;
 border: 0;}

#rechts h4,
#links h4
{color: #C5A060;
 background: #FCEDD3;
 border: 0;
 font: bold 12px/20px arial, helvetica, sans-serif;
 text-transform: uppercase;}

#rechts h5,
#links h5
{color: #FEFAF3;
 background: #C5A060;
 border: 0;
 font: bold 12px/20px arial, helvetica, sans-serif;
 text-transform: uppercase;}

#rechts h6,
#links h6
{color: #003300;
 background: #FCEDD3;
 font: bold 12px/20px arial, helvetica, sans-serif;
 text-transform: uppercase;}

#rechts h4:hover,
#rechts h5:hover,
#rechts h6:hover,
#links h4:hover,
#links h5:hover,
#links h6:hover
{color: #FEFAF3;
 background: #C5A060;
 cursor: pointer;}

#rechts a,
#links a
{color: #003300;
 background: #FEFAF3;
 font: bold 10px/18px arial, helvetica, sans-serif;
 text-decoration: none;}

#rechts a:hover,
#links a:hover
{color: #FEFAF3;
 background: #C5A060;
 border: 0;
 font: bold 10px/18px arial, helvetica, sans-serif;}


a#aktiv
{color: #FEFAF3;
 background: #C5A060;
 border: 0;
 font: bold 10px/18px arial, helvetica, sans-serif;}

div#laufleiste
{font: bold 14px helvetica, arial, sans-serif;
 text-decoration: none;
 color: #003300;
 background: #FCEDD3;
 height: 20px;
 border-bottom:6px double #003300;
 padding: 1px 6px;}

div#inhalt
{padding:5px 25px 60px;}

div#fusz
{position:absolute;
 height: 20px;
 width:100%;
 bottom:0;
 background:#FCEDD3;
 border-top:6px double #003300;
 text-align:center;}

div.sidemap1
 {margin-right:25px;}

div.sidemap2
 {width:190px;
  float:left;
  margin-right:25px;
  margin-bottom:25px;}

div.sidemap3
 {width:190px;}
  
.sidemap1 li,
.sidemap2 li,
.sidemap3 li
 {margin-left:-20px;}

