#top{
position:relative;
height:110px;
width:1233px;
margin: auto ;
}


/************************************************************************
HEAD AREA
*************************************************************************/


#head{
height:110px;
z-index:5;
width:1233px;
background:url(../images/der.jpg) repeat-x center top;
}
/*LOGO*/

#top .logo, .logo a{
height:90px;
width:339px;
display:block;
position:absolute;
left:0px;
top:22px;
border: none;
padding: 0;
margin:0;
overflow: hidden;
}

#top .logo a, #top .logo a:hover{
top:0;
left:0;
outline:none;
border: none;
}

#top .logobg a{
text-indent:-9999px;
}

#nav{
position: absolute;
right:15px;
top:45px;
list-style-type: none;
list-style-position: outside;
margin:0;
z-index: 5;

}

#nav li{
float: left;
}

#nav li a{
display:block;
float:left;
padding:0px 0px;
width:100px;
border: none;
text-decoration: none;
line-height: 20px;
outline: none;
}


#nav li a strong{
display:block;
font-weight: normal;
font-size: 13px;
}

#nav li a span{
display:block;
font-size: 10px;
}


/*navigation*/


#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:50px; 
z-index:5;
}


#top #nav ul a{
line-height:28px;
font-size: 12px;
cursor: pointer;
}

#top #nav li{
float:left;
position:relative;
z-index:20;
margin-top:11px;
}

#top #nav li li{
border-left:none;
margin-top:0;
}

#top #nav ul {
display:none;
position:absolute;
top:48px;
width:172px;
left:0;
}

#top #nav li ul a{
width:150px;
height:auto;
float:left;
text-align:left;
padding:0 10px;
}

#top #nav ul ul{
top:auto;
border-top:none;
}	

#top #nav li ul ul {
left:171px;
top:-1px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;	
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}

#top #nav li ul a{
border-top:none;
}