@import "reset.css";

body  {
  background:white url('../grafik/bg.png') repeat-x top;
  margin:0px;
  padding:0px;
  font-size:101%;
  font-family:Verdana;
  background-color: #E1D5BD;
}

#logo {
  position:relative;
  width:900px;
  height:19px;
  padding:0px;
  margin:0 auto;
  background:url('../grafik/menue.png') no-repeat;
}

#slogan {
  margin:0 auto;
  padding:0px;
  width:900px;
  height:170px;
  background:transparent url('../grafik/head.png') no-repeat;
}
#footer {
	clear:both; 
	border-top:medium; 
	border-top-color:#c50c1f; 
	border-top-style:solid;
	color:#666;
  	font-size:1em;
	padding-top:10px;
}

#wrap {
  margin:0 auto;
  width:900px;
  padding:0px;
}

#content  {
  padding:5px;
  color:#666;
  font-size: 0.8em;
  background-color:white;
}

#left {
  width:670px;
  padding-right:20px;	
  float:left;
}

#right {
  width:190px;
  float:left;
  /*border:1px solid #666;*/
  /*padding:2px;*/
  padding-left:2px;
  border-left:thin; 
  border-left-color:#769024; 
  border-left-style:solid;
}

#menu {
  padding:0px;
  padding-top:17px;
  width:900px;
  margin:0;
  margin-left:auto; 
  margin-right:0;
}

ul.menu, ul.menu ul {
    list-style-type: none;
}

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
}

ul.menu ul a {
    padding: 2px 10px 2px 10px;
}

ul.menu li {
    padding:0;
    margin:0;
    background-image: none;
    float:left;
}

ul.menu ul {
    margin-left:0;
    padding: 0 0 5px 0;
    position: absolute;
    background-color: white;
    border:1px solid #c50c1f;
    display:none;
    min-width:180px;
}
/* Zweite Ebene */
        ul.menu ul {
           margin:0;
           padding: 2px;
           position: absolute;
           background-color: #FFFFFF;
           border: 1px solid #c50c1f;
           display: none;
           width: 160px;
     }

   /* Zweite Ebene anzeigen */
       ul.menu li.hover ul, ul.menu li:hover ul  {
               display: block;
   }

/* Dritte Ebene */
   ul.menu li.hover ul ul, ul.menu li:hover ul ul {
                  display: none;
                  width:270px;
                    margin-left: 140px; /* Breite eines Listenelements - Überlagerung */
              margin-top: -20px; /* Höhe eines Listenelements */
        }

   /* Dritte Ebene anzeigen */
       ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
                display: block;
   }


/* Vierte Ebene */
     ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
                  display: none;
    }

   /* Vierte Ebene anzeigen */
       ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
               display: block;
   }

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

ul.menu ul li {
    float:none;
    background-color: transparent;
}

/* Links */
a.noM{
    color:#c50c1f;
    text-decoration:none;
    font-family:verdana;
    font-size:13px;
    font-weight:bold;
    background:url('../grafik/pfeil.png') no-repeat;
    }
a.activeM{
    background: #c50c1f url('../grafik/pfeil.png') no-repeat;
    color:white;
    text-decoration:none;
    font-family:verdana;
    font-size:13px;
    font-weight:bold;
    }
a {
	color:#666;
  	font-size:1em;
}
H1 {
	font-size:1.5em;
}
H2 {
	font-size:1.0em;
	color: #769024;
	font-weight:bold;
}
.greenBG {
	background-color: #769024;
	color:white;
}
HR {
	color: #769024;
	background-color: #769024;
	height: 0.5px;
}
#footer_foot {
  margin:0 auto;
  padding:0px;
  width:900px;
  height:40px;
  background:transparent url('../grafik/footer.png') no-repeat;
  padding-top:10px;
}
#preisschild {
  background:transparent url('../grafik/preisschild.png') no-repeat;
  width:65px;
  height:39px;
}