@charset "utf-8";
/* CSS Document */

#topmenu{
color:#000;
} 

#mega {
list-style:none;
font-weight:bold;
font-size:12px;
position:absolute;
z-index:50;
color:#000;
padding:0;
width:980px;
}


#mega a {
color:#000;
outline:0;
text-decoration:none;
display:block;
}
#mega a:hover {

}

#mega li a {
color:#000;
display:block;
}
#mega li a:hover{color:#000; background:transparent;}

#mega li {
float:left;
display: block;
width: 120px;
padding: 0 0 5px 0;
position:relative;
display:block;
text-align:left;
background:none;
margin:-5px 0 0 0;
border-right:1px solid #efefef;
}


#mega li span.maincat a{font-size:20px; display:block; color:#000; text-align:left; padding:0 5px 5px 5px;}
#mega li span.maincat span{font-size:12px; display:block; text-align:left;}


#mega li:hover {
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
z-index:1; /* shadow above adjacent li */
background:#f8f8f8;
}
#mega li:hover a {color:#000;}



/* ----------- Hide/Show Div ---------- */

#mega div {
position:absolute;
z-index:1000;
left:-999em; 
margin-top:0px;
padding:5px 10px;
font-weight:normal;
text-align:left;
background:url(img/top_open_bg.jpg) top left repeat-x #fff;

box-shadow:  0px 5px 4px #6d6c40;
-webkit-box-shadow:0px 5px 4px #6d6c40;
-moz-box-shadow: 0px 5px 4px #6d6c40;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#6d6c40, offX=0, offY=4, positive=true);
}


#mega li:hover div {
left:0;
top:auto;

}

#mega li.dif2:hover div {
left:-240px;
}

#mega li.dif1:hover div {
left:-304px;
}

#mega li.dif3:hover div {
left:-840px;
}

ul#mega li ul.sub { 
margin:5px 0 8px 0; 
padding:0 10px;
font-size:12px;
width:150px;
display:block;
float:left;

}
div.dropout ul.sub li ul{ display:none; visibility:hidden;}
div.dropout ul.sub li ul li{ display:none; visibility:hidden;}





 


ul#mega li ul.sub li.head,ul#mega li ul.sub li.head:hover  { margin:4px; padding:3;  border:1px solid #EFEFEF; background:#fff; color:#000;}
ul#mega li ul.sub li.head icon { float:left;}
ul#mega li ul.sub li.head h3{ font-size:14px; font-size:bold; line-height:14px; margin:0; padding:8px 0 3px 0;color:000;}
ul#mega li ul.sub li.head h3 .subtitle {font-size:11px; display:block;color:000;}


ul#mega li ul.sub li a{color:#cd071e;} 
ul#mega li ul.sub li a:hover{color:#000;} 
ul#mega li ul.sub li  { 
text-indent: 15px; /*--Reset text indent--*/
text-decoration: none;
color:#cd071e;
padding:2px 3px 2px 10px;
background-color: transparent;
background-image: url(./img/menu_level3_item.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 9px 7px;
width:100%;
font-size: 11px;
display:block;
height:auto;
margin:0 3px;
}
ul#mega li ul.sub li:hover{background: url(./img/menu_level3_item.png) 11px 6px no-repeat #ffffff;}




p.dropinfo { 
display:block; 
padding:2px; 
margin:8px 0 5px 0;
color:#666;
line-height:auto;
font-size:11px;
} 
 
 
ul#mega li p.clrinfo{
display:block; 
padding:10px 2px 2px ; 
margin:80px 0 5px 0;
color:#666;
line-height:auto;
font-size:11px;}

ul#mega li div a.qsearch {width:auto; display:inline;}
ul#mega li div span.info { font-size:10px;}

.catinfo{ font-size:11px; color:999; width:20%; float:right; } 
.catinfo h2 { font-size:12px; font-weight:bold; margin:10px 0 3px;}
#catinfo1 {height:200px; background:url(http://www.nowack-motors.de/templates/nowack/styling.png) bottom right no-repeat;}

ul#SubNavi { margin:30px 0 0 0; padding:0; width:100%;}
ul#SubNavi li { margin:0; padding:1px 0; border-bottom:1px dotted #ccc; }

 ul#SubNavi li a{ display:block; padding:5px 3px 5px 12px; color:#000; text-decoration:none; background:url(http://www.nowack-motors.de/templates/nowack/submenu_bg.jpg) 0px -1px repeat-x;}

li.head { margin:4px; padding:3px;  border:1px solid #EFEFEF; background:#000;}
li.head icon { float:left;}
li.head h3{ font-size:14px; font-weight:bold; line-height:14px; margin:0; padding:8px 0 3px 0;}
li.head h3 .subtitle {font-size:11px; display:block; font-weight:normal;}


#mega li#mediadata{ float:right; margin:0; padding:0; margin-right:30px; width:250px; border:none; font-size:11px; color:#fff; background:none;}
#mega li#mediadata span a{border:1px solid #900; color:#fff; background:url(http://www.nowack-motors.de/templates/nowack/img/buttonbg.png); -moz-border-radius: 5px; border-radius: 5px; padding:4px; margin:2px; font-size:16px; font-weight:bold; text-align:center;background-position: 0 0; }
#mega li#mediadata span a:hover{ background-position: -25px -25px; color:#efefef;}
#mega li#mediadata span a span { font-weight:normal; font-size:10px; color:#fff; display:block;}
#mega li#mediadata:hover div.dropout { margin:-2px 0 0 13px;}

#mega li#mediadata:hover div.dropout ul { padding:0; margin:0;}
#mega li#mediadata:hover div.dropout ul li { padding:5px; width:190px; display:block; border:none; margin:0;}
#mega li#mediadata:hover div.dropout ul li:hover { background:#ccc; color:#fff;}
#mega li#mediadata:hover div.dropout ul li:hover a{ color:#fff;}
#mega li#mediadata:hover div.dropout ul li a {border-bottom:1px solid #ccc;}