/* 
 *	Vertical, left-2-right menu
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2004 - Aleksandar Vacic, www.aplus.co.yu
 * Some rights reserved, http://creativecommons.org/licenses/by/2.0/
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 */

/*		------	Basic style	------		*/

#menu100 {
	/*
	width: ?;
	YOU MUST specify some width, otherwise menu would span whole page.
	Since this depends on design, do it in make-up section.
	*/
	display: block;
	width: 160px;
}

#menu100 ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu100 li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;
}

#menu100 a {
	display: block;
}

#menu100 li {
	width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu100 li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */
#menu100 li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu100 li ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
#menu100 li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu100 div - force containment of floated LIs inside of main UL */
#menu100List:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#menu100 a {
	float: left;
}

#menu100List {
	display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/

#menu100 {
	position:relative;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 16px !important;
	font-weight:bold;
	color: #000;
	background: transparent;
	margin: 0 0 0 0 !important;
	padding: 0;
	border: 0;
	display:block;
	text-align:center !important;
	z-index:100 !important;
}

#menu100 a {
	text-decoration: none;
	text-align: center !important;
	color: #fff;
	background: transparent;
	margin: 0;
	padding: 3px 5px 4px 5px;
	border: 0;
	font-size: 14px !important;
	display:block;
}

#menu100 a:hover {
	text-decoration: none;
	text-align: center !important;
	color: #fff;
	background: transparent;
	margin: 0;
	padding: 3px 5px 4px 5px;
	border: 0;
	font-size: 14px !important;
	display:block;
}

#menu100 li {
	margin: 0;
	padding:5px 1px 5px 1px;
	border: 0;
	border-bottom:0 solid #333333;
	width: 154px;
	display: block;
	text-align:center !important;
}
#menu100 li:hover {
	background: transparent;
	margin: 0;
	padding:5px 1px 5px 1px;
	border: 0;
	border-bottom:0 solid #333333;
	cursor: pointer;
}

#menu100 li.topneuheiten {
	padding:4px 1px 5px 1px;
}
#menu100 li.topneuheiten:hover {
	padding:4px 1px 5px 1px;
}

#menu100 li.topneuheiten {
	padding:4px 1px 5px 1px;
}
#menu100 li.topneuheiten:hover {
	padding:4px 1px 5px 1px;
}

#menu100 li ul {
	position:absolute;
	left:0;
	color: #000;
	background:#cdf;
	margin:0 0 0 0;
	padding: 0;
	border: 0;
	width:169px !important;
	z-index:101;
}

#menu100 li ul li{
	margin:0;
	padding:0;
	border: 0;
	border-bottom:0 solid #333333;
	width: 164px;
	display: block;
}
#menu100 li ul li:hover {
	background: #f1f1f1;
	margin:0;
	padding:0;
	border:0;
	border-bottom:0 solid #333333;
	cursor: pointer;
}

#menu100 a.submenu, #menu10 a.disabled
{
	font-weight:bold;
}
#menu100 li ul a {
	font-size: 16px;
	font-weight:bold;
	color:#111;
	text-align: center;
	margin: 0 4px;
	padding:1px 0;
	width:164px;
	border:0 solid;
}

#menu100 li ul a:hover {
	text-align: center;
	margin: 0 4px 0 4px;
	padding:1px 0;
	color:#000;
}

#menu100 li ul a.submenu {
	background: url(img/arrow.gif) no-repeat 100% 1px;
	font-weight:normal;
}

#menu100 a.disabled {
	/*background: url(img/arrow.gif) no-repeat -7px 3px;*/
}


#menu100 li ul {
	width: 170px;
}

#menu100 li ul li {
	width: 169px;
}

#menu100 li ul li ul{
	width: 164px !important;
	white-space: normal;
	margin: 0 0 0 0;
}

#menu100 li ul li ul li{
	width: 164px;
}

/*elemente*/
#menu100 #HMenu11
{
height:170px;
margin:-6px 0 0 0 !important;
background:transparent !important;
font-size:13px !important;
border-right:2px solid #999999;
}

#menu100 #HMenu11 li
{
	background:#f1f1f1 !important;
	border-bottom:2px solid #999999;
	margin:-2px 0 0 0;
}

#menu100 #HMenu11 li:hover
{
	background:transparent !important;
}

#menu100 #HMenu11 li a
{
	font-size:13px !important;
	margin:4px 0 4px 0 !important;
	padding:7px 0 5px 0 !important;
	border:0 solid !important;
}

#menu100 #HMenu11 li a:hover
{
	font-size:13px !important;
	margin:4px 0 4px 0 !important;
	padding:7px 0 5px 0 !important;
	border:0 solid !important;
	background:transparent !important;
}

#menu100 #HMenu11 li.produktnavigatornext
{
	margin-top:-4px !important;
}

#menu100 #HMenu11 li.produktnavigatornext2
{
	margin-top:-4px !important;
}

#menu100 #HMenu11 li.produktnavigatornext3
{
	margin-top:-4px !important;
}

#menu100 #HMenu11 li.produktnavigatornext4
{
	margin-top:-4px !important;
}

#menu100 #HMenu11 li.produktnavigatornext4 a
{
	padding:7px 0 5px 0 !important;
}

#menu100 #HMenu11 ul
{
	border:0;
	width:265px;
	height:168px;
	background:transparent;
}

#menu100 #HMenu11 ul li
{
	border:0;
	background:transparent !important;
}

#menu100 #HMenu11 ul li a
{
	border:0;
	background:transparent !important;
}

#menu100 #HMenu11 ul.steam
{
	margin-top:-10px;
}

#menu100 #HMenu11 ul.neuegrill
{
	margin-top:-45px !important;
}

#menu100 #HMenu11 ul.neueind
{
	margin-top:-78px;
}

#menu100 #HMenu11 ul.df185
{
	margin-top:-112px;
}

#menu100 #HMenu11 ul.premium
{
	margin-top:-147px;
	margin-left:-1px;
}



#menu100 #HMenu21
{
height:170px;
margin:-38px 0 0 0 !important;
background:transparent !important;
font-size:13px !important;
border-right:2px solid #999999;
}

#menu100 #HMenu21 li
{
	background:#f1f1f1 !important;
	border-bottom:2px solid #999999;
	margin:-2px 0 0 0;
}

#menu100 #HMenu21 li:hover
{
	background:transparent !important;
}

#menu100 #HMenu21 li a
{
	font-size:13px !important;
	margin:4px 0 4px 0 !important;
	padding:7px 0 5px 0 !important;
	border:0 solid !important;
}

#menu100 #HMenu21 li a:hover
{
	font-size:13px !important;
	margin:4px 0 4px 0 !important;
	padding:7px 0 5px 0 !important;
	border:0 solid !important;
	background:transparent !important;
}

#menu100 #HMenu21 li.produktnavigatornext
{
	margin-top:-4px !important;
}

#menu100 #HMenu21 li.produktnavigatornext2
{
	margin-top:-4px !important;
}

#menu100 #HMenu21 li.produktnavigatornext3
{
	margin-top:-4px !important;
}

#menu100 #HMenu21 ul
{
	border:0;
	width:265px;
	height:168px;
	background:transparent;
	margin:-5px 0 0 0;
}

#menu100 #HMenu21 ul li
{
	border:0;
	background:transparent !important;
}

#menu100 #HMenu21 ul li a
{
	border:0;
	background:transparent !important;
}

#menu100 #HMenu21 ul.dampf
{
	margin:0;
	margin-top:-5px;
}

#menu100 #HMenu21 ul.back
{
	margin:0;
	margin-top:-42px;
	margin-left:4px;
}

#menu100 #HMenu21 ul.grill
{
	margin-top:-70px;
}

#menu100 #HMenu21 ul.klein
{
	margin-top:-112px;
}

/*2. reihe*/
#menu100 #HMenu31
{
height:170px;
margin:-71px 0 0 0 !important;
background:transparent !important;
font-size:13px !important;
border-right:2px solid #999999;
}

#menu100 #HMenu31 li
{
	background:#f1f1f1 !important;
	border-bottom:2px solid #999999;
	margin:-2px 0 0 0;
}

#menu100 #HMenu31 li:hover
{
	background:transparent !important;
}

#menu100 #HMenu31 li a
{
	font-size:13px !important;
	margin:4px 0 4px 0 !important;
	padding:7px 0 5px 0 !important;
	border:0 solid !important;
}

#menu100 #HMenu31 li a:hover
{
	font-size:13px !important;
	margin:4px 0 4px 0 !important;
	padding:7px 0 5px 0 !important;
	border:0 solid !important;
	background:transparent !important;
}

#menu100 #HMenu31 li.produktnavigatornext
{
	margin-top:-4px !important;
}

#menu100 #HMenu31 li.produktnavigatornext2
{
	margin-top:-4px !important;
}

#menu100 #HMenu31 li.produktnavigatornext3
{
	margin-top:-4px !important;
}

#menu100 #HMenu31 ul
{
	border:0;
	width:265px;
	height:168px;
	background:transparent;
}

#menu100 #HMenu31 ul li
{
	border:0;
	background:transparent !important;
}

#menu100 #HMenu31 ul li a
{
	border:0;
	background:transparent !important;
}

#menu100 #HMenu31 ul.fritt
{
	margin:0;
	margin-top:-5px;
}

#menu100 #HMenu31 ul.induktion
{
	margin-top:-34px;
}


/*3. reihe*/
#menu100 #HMenu41
{
height:170px;
margin:-104px 0 0 0 !important;
background:transparent !important;
font-size:13px !important;
border-right:2px solid #999999;
}

#menu100 #HMenu41 li
{
	background:#f1f1f1 !important;
	border-bottom:2px solid #999999;
	margin:-2px 0 0 0;
}

#menu100 #HMenu41 li:hover
{
	background:transparent !important;
}

#menu100 #HMenu41 li a
{
	font-size:13px !important;
	margin:4px 0 4px 0 !important;
	padding:7px 0 5px 0 !important;
	border:0 solid !important;
}

#menu100 #HMenu41 li a:hover
{
	font-size:13px !important;
	margin:4px 0 4px 0 !important;
	padding:7px 0 5px 0 !important;
	border:0 solid !important;
	background:transparent !important;
}

#menu100 #HMenu41 li.produktnavigatornext
{
	margin-top:-4px !important;
}

#menu100 #HMenu41 li.produktnavigatornext2
{
	margin-top:-4px !important;
}

#menu100 #HMenu41 li.produktnavigatornext3
{
	margin-top:-4px !important;
}

#menu100 #HMenu41 ul
{
	border:0;
	width:265px;
	height:168px;
	background:transparent;
}

#menu100 #HMenu41 ul li
{
	border:0;
	background:transparent !important;
}

#menu100 #HMenu41 ul li a
{
	border:0;
	background:transparent !important;
}

#menu100 #HMenu41 ul.kontgrill
{
	margin:0;
	margin-top:-5px;
	margin-left:3px;
}

#menu100 #HMenu41 ul.raclettes
{
	margin-top:-39px;
	margin-left:5px;
}

#menu100 #HMenu41 ul.sandwich
{
	margin-top:-75px;
}

#menu100 #HMenu41 ul.bbq
{
	margin-top:-110px;
}

/*4. reihe*/
#menu100 #HMenu51
{
height:170px;
margin:-137px 0 0 0 !important;
background:transparent !important;
font-size:13px !important;
border-right:2px solid #999999;
}

#menu100 #HMenu51 li
{
	background:#f1f1f1 !important;
	border-bottom:2px solid #999999;
	margin:-2px 0 0 0;
}

#menu100 #HMenu51 li:hover
{
	background:transparent !important;
}

#menu100 #HMenu51 li a
{
	font-size:13px !important;
	margin:4px 0 4px 0 !important;
	padding:7px 0 5px 0 !important;
	border:0 solid !important;
}

#menu100 #HMenu51 li a:hover
{
	font-size:13px !important;
	margin:4px 0 4px 0 !important;
	padding:7px 0 5px 0 !important;
	border:0 solid !important;
	background:transparent !important;
}

#menu100 #HMenu51 li.produktnavigatornext
{
	margin-top:-4px !important;
}

#menu100 #HMenu51 li.produktnavigatornext2
{
	margin-top:-4px !important;
}

#menu100 #HMenu51 li.produktnavigatornext3
{
	margin-top:-4px !important;
}

#menu100 #HMenu51 li.produktnavigatornext4
{
	margin-top:-4px !important;
}

#menu100 #HMenu51 li.produktnavigatornext4 a
{
	padding:7px 0 5px 0 !important;
}

#menu100 #HMenu51 ul
{
	border:0;
	width:265px;
	height:168px;
	background:transparent;
}

#menu100 #HMenu51 ul li
{
	border:0;
	background:transparent !important;
}

#menu100 #HMenu51 ul li a
{
	border:0;
	background:transparent !important;
}

#menu100 #HMenu51 ul.luftreiniger
{
	margin-top:-10px;
}

#menu100 #HMenu51 ul.eierkocher
{
	margin-top:-41px;
}

#menu100 #HMenu51 ul.entsafter
{
	margin-top:-75px;
}

#menu100 #HMenu51 ul.handwaermer
{
	margin-top:-113px;
}

#menu100 #HMenu51 ul.joghurt
{
	margin-top:-145px;
}
