/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://codecanyon.net/user/Pixelworkshop/
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 5.0
*/


.wrapper_menu {
    width: auto;
    margin:0;
    display:block;
    position: relative;
    z-index:10002;    
    font-size:0.9em;
}
.wk-small .wrapper_menu{z-index:10001;}

    .wrapper_menu .menu {
        list-style:none;
        max-width: auto;
        margin:0;
    }
.menu li {
    float:left;
    text-align:center;
    position:relative;
    margin-right:0px;
    border:none;
}

.menu li:hover {
    border-bottom:none;
    margin-right:0px;
}
.menu li.nodrop:hover {
}
.menu li.nodrop:hover a {
    padding: 0;
}
.menu li a {
    color: #4d4d4d;
    outline:0;
    padding: 5px 10px 3px 10px;
    text-decoration:none;
    display:block;
}


.menu li:hover a {
    color:#9d0212;
    text-shadow: none;
    position:relative;
    z-index:11;
}

/*language dropdown*/
.menu .lang a img{margin-right:10px; position:relative; top:2px;}
.menu .lang a:after{
	content:"";
	float:right;
	top:2px;
	margin-left:10px;
	padding:10px;
	position:relative;
	background:#f2f2f2 url(../images/arrow-down.png) 50% 8px no-repeat;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 10px 10px 10px 10px; 	
}


.menu .lang div a:after{
    display:none;
}

.menu .lang .dropdown_1column {padding-top:10px; padding-bottom:5px;}
.menu .lang .dropdown_1column a{padding-bottom:5px; color:#000;}
.menu .dropdown_1column a.deutsch{padding-left:25px; background:url(../images/at.png) left 4px no-repeat; line-height:1.5em;}
.menu .dropdown_1column a.english{padding-left:25px; background:url(../images/en.png) left 4px no-repeat; line-height:1.5em;}
.menu .dropdown_1column a.active{color:#9d0212;}
.menu .dropdown_1column span.english.notavail{padding-left:25px; background:url(../images/en_inact.png) left 50% no-repeat; line-height:1.5em; color:#4d4d4d;}

  
/*login dropdown*/
.menu li a.login{background:url(../images/login.png) 10px 50% no-repeat; padding-left:35px; color:#4d4d4d;}
.menu li:hover a.login{background:url(../images/login_hov.png) 10px 50% no-repeat; padding-left:35px; color:#9d0212;}  
.menu li a.logout{background:url(../images/logout.png) 10px 50% no-repeat; padding-left:35px; }
.menu li:hover a.logout{background:url(../images/login_hov.png) 10px 50% no-repeat; padding-left:35px; color:#9d0212;}  
  
/*warenkorb dropdown*/  
.menu li a.wk{background:url(../images/cart-icon-y.png) 10px 10px no-repeat;padding-left: 55px; height:46px; padding-right:45px; position:relative;}
.menu li a.wk.full{background:url(../images/cart-icon-y.png) 10px 10px no-repeat; padding-left:55px; color:#fff;}
.menu li:hover a.wk, .menu li:hover a.wk.full{background:url(../images/cart-icon-r.png) 10px 10px no-repeat; padding-left:55px; color:#9d0212;} 
.menu li a.wk .wk-label,
.menu li a.wk .wk-content{
    display:block;
    line-height:1.3em;
    text-align:left;
    font-size:15px;
    color:#a4a4a4;
}
.menu li a.wk .wk-content{
    color:#fff;
    font-weight:bold;
}

.menu li a.wk .wk-content span{
    color:#a4a4a4;
}


.menu a.wk:after{
	content:"";
	position:absolute;
	right:10px;
	top:5px;
	padding:10px;
	background:#f2f2f2 url(../images/arrow-down.png) 50% 8px no-repeat;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 10px 10px 10px 10px; 	
}

.menu li a:hover.wk .wk-label,
.menu li:hover a.wk .wk-label,
.menu li a:hover.wk .wk-content{
    color:#000;
}
.menu li a:hover.wk .wk-content,
.menu li:hover a.wk .wk-content{
    color:#9d0212;
}

.menu li a:hover.wk .wk-content span{
    color:#000;
}




/*Links innerhalb des Dropdowns*/
.menu li:hover div a {
    display:block;
    color:#9d0212;
    padding:0;
    white-space:nowrap;
}

.menu li:hover div a.lastorders{border-bottom:1px solid #cccccc; padding-bottom:0.5em; margin-bottom:0.2em; line-height:1.5em;}

.konto_top{clear:both; border-bottom:1px solid #cccccc; padding-bottom:0.5em; margin-bottom:0.5em; line-height:1.5em;}


.menu li div a.show_wk{
    border-bottom:1px solid #cccccc;
    margin-bottom:0.5em;
    padding-bottom:0.5em; 
    clear:both;   
}

.menu li.right div a.green{margin:0 auto; width:180px; text-align:center; float:none !important; padding:5px 0 !important; }

.menu li div p{padding-bottom:0.5em;} 

.menu li div img{float:left; margin:0 0.5em 0.5em 0; border:1px solid #bdbdbd;}

/* Right aligned menu item */

.menu li.right {
    float:right;
    right:0;
    margin-right:0;
}
.menu li.right:hover {
    margin-right:0px;
}

.menu .right .list{
    border-bottom:1px solid #cccccc;
    margin-bottom:0.5em;
    float:left; 
    width:100%;
}

.menu .right .list-container{max-height:300px; overflow-y: auto; margin:0 0 10px 0;}

/*  _______________________________________

    02 DROP DOWN MENU
    _______________________________________  */



/* Left & right aligned common styles */

.menu .dropdown_1column {
    margin:4px auto;
    left:-999em;
    position:absolute;
    padding:20px 10px 15px 10px;
    text-align:left;
    opacity:0;
}

/* Drop Downs Sizes */

.menu .dropdown_1column {width: auto;}  
.menu li.right .dropdown_1column {width: auto;}

/* Showing Drop Down on Mouse Hover - Left aligned */

.menu li:hover .dropdown_1column {
    left:0;
    top:23px;
    opacity:1;
    -webkit-transition:opacity 0.4s ease-in;  
    -moz-transition:opacity 0.4s ease-in;  
    -o-transition:opacity 0.4s ease-in;  
    transition:opacity 0.4s ease-in;     
}

/* Showing Drop Down on Mouse Hover - Right aligned */

.menu li .align_right {
}
.menu li:hover .align_right {
    left:auto;
    right:0;
    top:23px;
    opacity:1;
    -webkit-transition:opacity 0.4s ease-in;  
    -moz-transition:opacity 0.4s ease-in;  
    -o-transition:opacity 0.4s ease-in;  
    transition:opacity 0.4s ease-in; 
}

.wk-small .menu li:hover .align_right {
    top:50px;
}


/* Columns Sizes */

.menu .col_1 {
    float: left;
    margin-left: 10px;
    }

.menu .col_1 {width:auto;}
.menu li.right .col_1{width:260px;}
.menu li.logbox.right .col_1{width:130px;}

/* IMPORTANT */

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
    margin-left: 0; /* Clearing margin & left */
    clear: left;
}




/*  _______________________________________

    06 DARK THEME
    _______________________________________  */



.menu_dark_theme ul li:hover,
.menu_dark_theme ul li.nodrop:hover {
    border:none;
    background:#e0e1e2;
}

.ie7 .menu_dark_theme ul li:hover,
.ie7 .menu_dark_theme ul li.nodrop:hover,
.ie8 .menu_dark_theme ul li:hover,
.ie8 .menu_dark_theme ul li.nodrop:hover {
    padding-bottom:5px;
}

.ie9 .menu_dark_theme ul li:hover,
.ie9 .menu_dark_theme ul li.nodrop:hover{
    padding-bottom:4px;
}

.menu_dark_theme ul .dropdown_1column,
.menu_dark_theme ul .levels li ul {
    background:#e0e1e2;
    border:none;
}

.menu_dark_theme ul li.logbox{
	float:right;
}

.menu_dark_theme ul li.logbox .dropdown_1column,
.menu_dark_theme ul li.logbox .levels li ul {
    background:#e0e1e2;
    border:none;
}

.menu_dark_theme ul p,
.menu_dark_theme ul ul,
.menu_dark_theme ul li,
.menu_dark_theme ul h2,
.menu_dark_theme ul h3 {
    color:#000;
}
.menu_dark_theme ul h2, 
.menu_dark_theme ul h3 {
    font-family:helvetica, arial, sans-serif;
    font-size:1em;
    border-bottom:1px solid #cccccc;
    padding-bottom:0.3em;
    margin-bottom:0.3em;
    font-weight:bold;
    white-space:nowrap;
}
/*  _______________________________________

    07 COLORS
    _______________________________________  */


/*  _______________________________________

    08 MOBILE DEVICES
    _______________________________________  */



.menu li.noactive,
.menu li.noactive:hover {
    background:none;
    border:none;
    margin-right:20px;
}
.menu li.noactive a {
    padding: 5px 27px 3px 10px;
    text-shadow: 1px 1px 1px #000;
    border-bottom:none;
}
.menu li.noactive.right {
    margin-right:0;
}





/*fuer IE*/
.ie7 .menu li, .ie7 .menu .dropdown_1column, .ie7 .menu li:hover div .checkout_btn,
.ie8 .menu li, .ie8 .menu .dropdown_1column, .ie8 .menu li:hover div .checkout_btn
{
    behavior: url(/fileadmin/site/css/PIE.htc);
}

.ie7 .menu .dropdown_1column a.green,
.ie8 .menu .dropdown_1column a.green
{
    color:#fff;
    border:none;
    padding:4px 25px;
    background:#598521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#598521));
    background: -webkit-linear-gradient(top, #8dc63f, #598521);
    background: -moz-linear-gradient(top, #8dc63f, #598521);
    background: -o-linear-gradient(top, #8dc63f, #598521);
    background: -ms-linear-gradient(top, #8dc63f, #598521);
    background: linear-gradient(top, #8dc63f, #598521);
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px; 
    behavior: url(/fileadmin/site/css/PIE.htc);
}

.ie7 .menu .dropdown_1column a.grey,
.ie8 .menu .dropdown_1column a.grey
{
    float:left;
    color:#fff;
    border:none;
    padding:4px 15px;
    background:#bcbec0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#598521));
    background: -webkit-linear-gradient(top, #dcddde, #bcbec0);
    background: -moz-linear-gradient(top, #dcddde, #bcbec0);
    background: -o-linear-gradient(top, #dcddde, #bcbec0);
    background: -ms-linear-gradient(top, #dcddde, #bcbec0);
    background: linear-gradient(top, #dcddde, #bcbec0);
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px; 
    behavior: url(/fileadmin/site/css/PIE.htc);
}
/*-*/