body,html {
margin:0px;
padding:0px;
} 

html {
background-color: #efe6c5;
}

#container {
position:relative;
left:50%;
margin-left:-496px;
width:993px;
}
#kopf {
position:relative;
width:993px;
height:361px;
background-image: url(../images/kopf.jpg)
}
#inhalt {
position:relative;
width:993px;
min-height:361px;
background-image: url(../images/back-content.jpg)
}
#inhalt-links {
position:relative;
width:244px;
min-height:361px;
overflow:hidden;
float:left;
margin-left:25px;
padding-left:10px;

}
#inhalt-rechts {
position:relative;
width:640px;
min-height:361px;
margin-left:279px;
padding:10px;
top:-170px;
}

#fuss {
position:relative;
width:993px;
height:74px;
background-image: url(../images/fuss.jpg);
}

.csc-mailform { border:none;
width:350px;}
.csc-mailform input{ 
	position:relative;
	top:-20px;
	
	float:right;
	 }
.csc-mailform-field label {
  display: block;
  margin-top: 15px;
}
input {border:1px solid #c5c5c5; position:relative; margin-left:20px;}
textarea {border:1px solid #c5c5c5; position:relative; margin-left:10px; margin-top:10px;}


#menu {
position:relative;
margin-left:-40px;
}

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

ul.menu a {
	position:relative;
    display: block;
    color:blue;
    text-decoration:none;
    font-size:23px;
}
ul.menu a:hover {
	color:red;
}

ul.menu li {
    
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none; 
    list-style-type:disc; 
}

ul.menu ul a {
}
ul.menu a:hover {
	color:red;
	background:none;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
   
    
}

/* Zweite Ebene */
        ul.menu ul {               
     }
     
     

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

/* Dritte Ebene */
   ul.menu li.hover ul ul, ul.menu li:hover ul ul {
                  
                    margin-left: 0px; /* Breite eines Listenelements - Überlagerung */
              margin-top: 0px; /* 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;
   }




