/*
Theme Name : Mega Menu Complete Set
Item URI : http://codecanyon.net/item/mega-menu-complete-set/152825
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 2.11
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN COMMON CONTAINER
03 DROP DOWN SPECIFIC CONTAINERS
04 COLUMNS GRID
05 DROP DOWN TYPOGRAPHY
06 COLORS
07 VERTICAL VARIANT

*/



/*  _____________________________________________________________________________

    01 MENU BAR
    _____________________________________________________________________________  */


/*
.megamenu_container {
	width:960px;
	margin:0 auto;
	position: relative;
    top: 0px;
  	z-index:85;
}
*/

.megamenu_image {
  position: absolute;
  top: 23px;
  right: 23px;
}


.megamenu {
	list-style:none;
	z-index:9999;
	padding:0;
	margin:0;
    margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	line-height:1;
}
/*
.megamenu li {
	width: 136px;
    height: 110px;
    float:left;
	border:none;
}*/

.megamenu .col_4 h4 {
	text-align: left;
  	color: #853047;
   	
  	font-weight: normal;
}

.megamenu .col_4 p {
  	color: #000;
  	font-weight: normal;
}

.megamenu .col_4 {
	margin-top: 5px;
 
}

		.megamenu li.noactive {
			background:none;
		}
		

		/* Right aligned menu item */
		
		.megamenu li.right {
			float:right;
			margin-right:-1px;
		}
		.megamenu li.right a {
			margin-right:5px;
		}



/*  _____________________________________________________________________________

    02 DROP DOWN COMMON CONTAINER
    _____________________________________________________________________________  */



.megamenu li .dropcontent {
	margin-bottom: 250px;
	position:absolute;
	left:-9999em;
	bottom:220px; /* Places the drop down under the menu bar */
	z-index:9998; /* For IE7 */
	padding:24px 0 150px 0;
	text-align:left;
	background:#161616;
}
.megamenu li .dropfirst {
	margin:0 auto 0 -1px; /* Fixes a 1px issue for the 1st drop down */
}

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

.megamenu li:hover .dropcontent {
	left:auto;
}

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

.megamenu li .align_right {
	right:-1px;
}
.megamenu li:hover .align_right {
	left:auto;
	right:-1px;
}

/* Full width drop down */

.megamenu .beschlagtechnik .fullwidth {
	position: absolute;
	width: 935.9px;
    height: 238px;
	padding:24px 0 10px 24px;
	left:-9999em;
	top:368px;
	display: block;
    margin-left: 1px;
	z-index:9998;
	background-color: #fabb00;
}


.megamenu  .glastueren .fullwidth {
	position: absolute;
	width: 935.9px;
    height: 220px;
	padding:24px 0 10px 24px;
	left:-9999em;
	top:368px;
	display: block;
    margin-left: 1px;
	z-index:9998;
	background-color: #a663a1;
}

.megamenu .profile .fullwidth {
	position: absolute;
	width: 935.9px;
    height: 220px;
	padding:24px 0 10px 24px;
	left:-9999em;
	top:368px;
	display: block;
    margin-left: 1px;
	z-index:9998;
	background-color: #008bd0;
}

.megamenu .accessoires .fullwidth {
	position: absolute;
	width: 935.9px;
    height: 238px;
	padding:24px 0 10px 24px;
	left:-9999em;
	top:368px;
	display: block;
    margin-left: 1px;
	z-index:9998;
	background-color: #955c23;
}

.megamenu .kaminzubehoer .fullwidth {
	position: absolute;
	width: 935.9px;
    height: 220px;
	padding:24px 0 10px 24px;
	left:-9999em;
	top:368px;
	display: block;
    margin-left: 1px;
	z-index:9998;
	background-color: #7a0920;
}

.megamenu .gartenzubehoer .fullwidth {
	position: absolute;
	width: 935.9px;
    height: 220px;
	padding:24px 0 10px 24px;
	left:-9999em;
	top:368px;
	display: block;
    margin-left: 1px;
	z-index:9998;
	background-color: #018D86;
}

.megamenu .wir-ueber-uns .fullwidth {
	position: absolute;
	width: 935.9px;
    height: 220px;
	padding:24px 0 10px 24px;
	left:-9999em;
	top:368px;
	display: block;
	margin-left: 1px;
    z-index:9998;
	background-color: #018D86;
}

.megamenu li .fullwidth {
margin-top: 13px;
  
}
.megamenu li:hover .fullwidth {
	left: -1px;
}



/*  _____________________________________________________________________________

    03 DROP DOWN SPECIFIC CONTAINERS
    _____________________________________________________________________________  */

.megamenu .drop4columns {width: 320px;}

/*  _____________________________________________________________________________

    04 COLUMNS GRID
    _____________________________________________________________________________  */


.megamenu .col_4,
 {
	float: left;
	display:inline;
	position: relative;
	margin-right: 10px;
}

/*.megamenu .col_4.last{
	float: right;
	display:inline;
	position: relative;
	margin-right: 0px;
}*/


.col_4:hover {background-color: #EFD48B;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.megamenu .col_width_1 {width:220px; border: 0px solid green;}
.megamenu .col_width_2 {width:220px; border: 0px solid green;}

.megamenu .col_width_1.links {border: 0px solid red; float:left; margin-right:15px;}
.megamenu .col_width_1.rechts {border: 0px solid red; float:left;}


/*  _____________________________________________________________________________

    05 DROP DOWN TYPOGRAPHY
    _____________________________________________________________________________  */



.megamenu p, 
.megamenu h1, 
.megamenu h2, 
.megamenu h3, 
.megamenu h4, 
.megamenu h5, 
.megamenu h6 {
	padding:0;
	margin:0;
	color:#FFFFFF;
	
}
.megamenu p {
	font-size:13px; 
	line-height:18px; 
	margin-bottom:5px;
    text-align: left;
    color: #c2c2c2;
}

.megamenu h4, 
.megamenu h5, 
.megamenu h6 {
	margin-bottom:4px;
}

.megamenu h4 {
	font-size:15px; 
}


/* Links */

.megamenu li .dropcontent a, 
.megamenu li .fullwidth a {
	text-transform:none;
	font-size:12px;
	display:inline;
	padding:0;
}
.megamenu li .dropcontent a:hover, 
.megamenu li .fullwidth a:hover {
	padding:0;
}

/* Images & Boxes */

.megamenu li .black_box {
	background-color:#111111;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:6px 8px 6px 8px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}
.megamenu .imgshadow {
	background:#000000;
	padding:4px;
	border:1px solid #222222;
	margin-top:5px;
	margin-bottom:18px;
	-webkit-box-shadow:0 0 5px #000000;
	-moz-box-shadow:0 0 5px #000000;
	box-shadow:0 0 5px #000000;
}
.megamenu .img_left {
	float:left;
	margin-right:12px;
}
.megamenu .img_right {
	float:right;
	margin-left:12px;
}

/* Lists */

.megamenu li ul {
	list-style:none;
	padding:0;
	margin:0 0 15px 0;
}
/*.megamenu li ul li {
	font-size:10px;
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
}*/
.megamenu li ul li:hover {
	background:none;
	border:none;
}


.megamenu ul.list, 
.megamenu ul.list2, 
.megamenu ol.num, 
.megamenu ol.num2 {
	margin:0 0 18px 20px;
	padding:0;
}
.megamenu ul.list li, 
.megamenu ul.list2 li, 
.megamenu ol.num li, 
.megamenu ol.num2 li{
	padding:0 0 0 12px;
	line-height:24px;
}
.megamenu .list li {
	list-style:disc;
}
.megamenu .list2 li {
	list-style:square;
}
.megamenu .num li {
	list-style:decimal;
}
.megamenu .num2 li {
	list-style:upper-latin;
}

.megamenu li .dropcontent ul.list li a, 
.megamenu li .dropcontent ul.list2 li a, 
.megamenu li .dropcontent ol.num li a, 
.megamenu li .dropcontent ol.num2 li a,
.megamenu li .fullwidth ul.list li a, 
.megamenu li .fullwidth ul.list2 li a, 
.megamenu li .fullwidth ol.num li a, 
.megamenu li .fullwidth ol.num2 li a {
	color:#cccccc;
}
.megamenu li .dropcontent ul.list li a:hover, 
.megamenu li .dropcontent ul.list2 li a:hover, 
.megamenu li .dropcontent ol.num li a:hover, 
.megamenu li .dropcontent ol.num2 li a:hover,
.megamenu li .fullwidth ul.list li a:hover, 
.megamenu li .fullwidth ul.list2 li a:hover, 
.megamenu li .fullwidth ol.num li a:hover, 
.megamenu li .fullwidth ol.num2 li a:hover {
	color:#ffffff;
}

.megamenu ul.thumbnails li {
	margin-bottom:18px;
}

.megamenu ul.categories {
	 
}
.megamenu ul.categories li, 
.megamenu ul.categories li:hover {
	
	padding:9px 0 9px 0;
}
.megamenu li .dropcontent ul.categories li a,
.megamenu li .fullwidth ul.categories li a {
	color:#cccccc;
}
.megamenu li .dropcontent ul.categories li a:hover,
.megamenu li .fullwidth ul.categories li a:hover {
	color:#ffffff;
}




/* Paragraphs with borders */

.megamenu .dark, 
.megamenu .brown, 
.megamenu .yellow, 
.megamenu .red, 
.megamenu .blue, 
.megamenu .green {
	padding-left:15px; 
	color:#cccccc; 
	margin-bottom:18px;
}
.megamenu .dark {border-left:#3B3B3B solid 7px}
.megamenu .brown {border-left:#8D8767 solid 7px}
.megamenu .yellow {border-left:#DBA742 solid 7px}
.megamenu .red {border-left:#C05D48 solid 7px}
.megamenu .blue {border-left:#52878B solid 7px}
.megamenu .green {border-left:#B0BD85 solid 7px}



/* Dropcap */

.megamenu .dropcap {
	display:block; 
	float:left; 
	font-size:42px; 
	line-height:36px; 
	margin:2px 8px 0 0;
    border: 1px solid green;
}

.megamenu .blackbg {
	background:#000000;
}



/*  _____________________________________________________________________________

    06 MEGAMENU COLORS
    _____________________________________________________________________________  */

.megamenu .beschlagtechnik .col_4 {width:200px; margin: 0 10px 10px 0; padding: 15px 5px 5px 5px; border: 0px solid red;}
.megamenu .beschlagtechnik h4 {color: white;}
.megamenu .beschlagtechnik .col_4:hover {background-color: #f9c62e; padding: 15px 5px 5px 5px;}

.megamenu .glastueren .col_4 {width:200px; margin: 0 10px 10px 0; padding: 15px 5px 5px 5px; border: 0px solid red;}
.megamenu .glastueren h4 {color: white;}
.megamenu .glastueren .col_4:hover {background-color: #b674b1; padding: 15px 5px 5px 5px;}

.megamenu .profile .col_4 {width:200px; margin: 0 10px 10px 0; padding: 15px 5px 5px 5px; border: 0px solid red;}
.megamenu .profile h4 {color: white;}
.megamenu .profile .col_4:hover {background-color: #1399db; padding: 15px 5px 5px 5px;}

.megamenu .accessoires .col_4 {width:200px; margin: 0 10px 10px 0; padding: 15px 5px 5px 5px; border: 0px solid red;}
.megamenu .accessoires h4 {color: white;}
.megamenu .accessoires .col_4:hover {background-color: #a8692b; padding: 15px 5px 5px 5px;}

.megamenu .kaminzubehoer .col_4 {width:200px; margin: 0 10px 10px 0; padding: 15px 5px 5px 5px; border: 0px solid red;}
.megamenu .kaminzubehoer h4 {color: white;}
.megamenu .kaminzubehoer .col_4:hover {background-color: #8e0c27; padding: 15px 5px 5px 5px;}
.megamenu .kaminzubehoer p {color:#bbb}


.megamenu .gartenzubehoer .col_4 {width:200px; margin: 0 10px 10px 0; padding: 15px 5px 5px 5px; border: 0px solid red;}
.megamenu .gartenzubehoer h4 {color: white;}
.megamenu .gartenzubehoer .col_4:hover {background-color: #359e99; padding: 15px 5px 5px 5px;}

.megamenu .wir-ueber-uns .col_4 {width:200px; margin: 0 10px 10px 0; padding: 15px 5px 5px 5px; border: 0px solid red;}
.megamenu .wir-ueber-uns h4 {color: white;}
.megamenu .wir-ueber-uns .col_4:hover {background-color: #359e99; padding: 15px 5px 5px 5px;}



/* Blue */


.menu_blue .megamenu li .dropcontent a, 
.menu_blue .megamenu li .fullwidth a {
	color:#6a82a3;
}
.menu_blue .megamenu li .dropcontent a:hover, 
.menu_blue .megamenu li .fullwidth a:hover {
	color:#536987;
}