html,body{ margin: 0; padding:0}
body{ font: 12px arial, verdana, sans-serif; text-align: left; line-height: 16px; color: #4e4f50;}

a {	text-decoration: none; color: #0086cb;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none;}

#box { width:989px; margin: 0; padding: 0; }
#header { margin: 10px 10px 5px 10px; padding: 0; height: 86px; }
#header h1 {  margin: 0; padding: 0;}

#logo_steinzeug { float: left;  margin: 0; padding: 0; width: 177px; height: 86px;}
#logo_steinzeug h1 a { padding:0; float: left; width: 177px; height: 86px; background: url(/AxCMSTemplates_SK/_static/_imgs/logo_steinzeug.gif) 0 0 no-repeat; }
#logo_steinzeug h1 a span  { display: none;}
#logo_keramo { float: left;  margin: 0; padding: 0; width: 203px; height: 86px;}
#logo_keramo h1 a { float: left; width: 203px; height: 86px; background: url(/AxCMSTemplates_SK/_static/_imgs/logo_steinzeug_keramo.gif) 0 0 no-repeat; }
#logo_keramo h1 a span  { display: none;}

#wrapper { height: 482px; padding: 0 5px; float: left; border: 1px solid #009cd7; position: absolute; top: 102px; left: 192px;z-index:2; }
#navigation {  margin: 5px 0; padding: 0; position: absolute; width: 788px;z-index:2;}
#map {  margin: 45px 0 5px 0; padding: 0; }

#footer { font-size: 11px; width:589px; border-top: 2px solid #0086cb; height: 25px; padding: 0; position: absolute; top: 595px; left: 192px;z-index:1; }

ul{ margin: 0; padding:0 ;}
li { margin: 0; padding:0 ;}


#nav { list-style: none; font-size: 12px; font-family: arial, san-serif; font-weight: bold; }

 #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
    width: 392px;     
    z-index:99;
    position:relative;
    overflow:visible;  
   }

#nav li { 
	margin: 0;
    position: relative; 
    float:left;
	width: 392px;
	background-color:#5eb3e1;
    display:block;
    line-height: 22px;
}

/*
#nav ul li { background-color:#DFDFDF; }
#nav ul li { }
#nav ul ul li { }
#nav ul ul li:last-child { }
*/

#nav a {
    text-decoration:none; 
    display:block;
    padding: 0;  
    margin: 0; 
    width: 392px;
    color: #fff;
    text-align: center;    
}

#nav a:hover, #nav li:hover{

background-color:#000;
 }


#nav ul li:hover, #nav ul li a:hover{ /*background-color:#DFDFDF; */}


#nav ul{
    display:none;   
}

/*all see this */
#nav ul ul, #nav ul ul ul{
    display:none; 
 
}

/* non-IE browsers see this */
/* #nav ul li>ul, #nav ul ul li>ul{
    /*margin-top:-1.4em;*/ 
/* }*/

 
/*#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}*/

/*#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}*/

li>ul { top: auto; left: auto;}

#nav li ul li { text-align: center; display:block;


}

#nav li ul li ul    { margin-top: 0; 

padding-left:auto%;
}



#nav li ul li ul li { background: #9acaeb;font-size: 10px;
line-height: 16px;

}

/*width: auto; text-align: center;*/ 

/*#nav li ul li ul li  a {width: 80px;text-aling:center; 
}*/


#nav .level-1 { margin: 0 2px 0 0; line-height: 35px; }
#nav .level-1 ul { border-top: 5px solid #fff; }
#nav .level-1 ul li ul { border: none; }