.menuParentPlaceHolder{height:22px;margin:0;padding:0;}
.menuChildPlaceHolder{width:100%;padding:3px 0px 3px 0px;}
.menuParentPlaceHolder .menuitem
{
float:left;margin:0px;padding:0px;margin-right:1px;
}
.menuParentPlaceHolder .menuitem a:hover
{
	background-color: #666666;
	color: #EEEEEE;

}
.menuChildPlaceHolder .child
{
float:left;margin:0px;padding:0px;margin-right:1px;
}
.menuChildPlaceHolder .child a:hover
{
border-bottom: 1px dotted #CC0000;
color: #000000;
}
ul.menuParent{
	list-style-type: none;
	margin:0;	
	padding:0;
	background-color: #EEEEEE;
}

ul.childmenu{
	padding:0;
	list-style-type: none;
	margin:0px;
	float:left;
	clear:both;
	font-size:0.89em;
	display:none;
	background-color: #666666;
}
ul.display{display:block;}

.childmenu li{
	display: inline;	
	padding:0px 0px 0px 5px;
}

.textmenu li .mdelim{padding:0px 0px 0px 3px;}
.childmenu li .delim{padding:0px 0px 0px 3px;}

/********* CSS MENUE ****************/

#menucss a:hover{color:#CC0000;}

#inhalt, #menucss, #footer {margin: auto}

#menucss{
	position:static;
	display:block;
	clear:both;
	left:0px;
	top:180px;
	width:950px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (min-width: 320px) and (max-width: 480px)
{
   /* CSS overrides for mobile here */
#menucss{
	position:static;
	display:block;
	clear:both;
	left:0px;
	top:180px;
	width:950px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:-0.18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}
}

#menucss, #menucss ul{background-color: #FFFFFF;}

#menucss
{
	list-style:none;
	clear:both;
	height:29px;
	/*padding: 10px 3px;*/
	background-image:url(../buttons/button_back.jpg);
}


#menucss ul li a
{
	display:block;
	/*padding:3px;*/
	width:250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color:#FF6600;
}

#menucss li
{
	float:left;
	position:relative;
	list-style:none;
	/*margin-right:6px;*/
	margin-top: 7px;
	/*background-image:url(../buttons/buuton_back.jpg);*/	
}

#menucss ul
{
	position: absolute;
	display:none;
	left: -23px;
}

#menucss li:hover ul ul
{
	position: absolute;
	display:none;
	left: 140px;
	top:0px;
}


#menucss li:hover ul {display:block;}		

#menucss li a
{
	color:#000000;
	text-decoration:none;
}

#menucss a
{
	border:1px solid #CCCCCC;
	padding: 6px;
	margin-top: -7px;
}


.menuWrap{ margin: 0; padding: 0;}
	.menuWrap li{ display:table-cell; width: auto; position: relative; padding-right: 2px; background: url(/bilder/separator.gif) no-repeat top right; }
	* + HTML .menuWrap li{ float:left; }
	*+ html .menuWrap #navigation ul li { float: left; width: 100%; } 
	* html .menuWrap #navigation ul li { float: left; width: 100%; } 
	.menuWrap li:last-child{ background: none; background: none /**!ie8**/; }
	.menuWrap li a{ display: block; color: black; font-size: 12px; font-weight: bold; margin-top: 0px; text-decoration: none; line-height: 26px; text-align: center; }
	.menuWrap li a:hover{ text-decoration: none; background: url(/buttons/button_back2.jpg) repeat-x; color: #CC0000; }
	.menuWrap li.menuActive a{ background: url(/buttons/button_back2.jpg) repeat-x; color: #CC0000; }	
	.menuWrap li ul{ position: absolute; left: -999em; border: 1px solid #CCCCCC; width: 300px; overflow: hidden; z-index: 998; display: none; top:18px;}
	*:first-child+html .menuWrap li ul { top: 26px; background:#ffffff; /**zoom:1;**/}
	.menuWrap li li{ clear: both; float: none; display: block; padding: 0;/**/ background: #fff; border-bottom: 1px solid #CCCCCC;}
	.menuWrap li li:last-child{ border: 0; background: #fff; }
	.menuWrap li li:hover{ clear: both; float: none; display: block; background: #D3E6F4; border-bottom: 1px solid #CCCCCC;}
	.menuWrap li li:last-child:hover{ border: 0; background: #D3E6F4; }
	.menuWrap li li a{ margin: 0; /**/color: #000000; padding: 0px 5px; white-space: nowrap; text-align: left; background: #FFF !important; font-size: 12px; font-weight: normal; line-height: 26px; /**zoom:1;**/}
	.menuWrap li li a:hover{background: #DDEEFF !important; /**zoom:1;**/ } 	
	.menuWrap li:hover ul{ left:auto; display: block; margin-left:0px; }
	.menuWrap li.sfhover ul{ left: auto; display: block; margin-left:0px; }
	*:first-child+html .menuWrap li:hover ul { left: 0; display: block; }
	.menuWrap a.home{ /*width: 113px;*/ }
	.menuWrap a.ueber-uns{ /*width: 103px; */}
	.menuWrap a.team{ /*width: 103px; */}
	.menuWrap a.reisen{ /*width: 200px;*/ }
	.menuWrap a.fotos{ /*width: 131px; */}
	.menuWrap a.video{ /*width: 49px; */}
	.menuWrap a.broschuere{ /*width: 145px; */}
	.menuWrap a.service{/* width: 145px; */}
	.menuWrap a.jobs{/* width: 77px; */}
	.menuWrap a.buchen{/* width: 61px; */}
	.menuWrap a.kontakt{/* width: 120px; */}
	.menuWrap a.infotreffen{/* width: 120px; */}
	.menuWrap a.klassenfahrten{/* width: 120px; */}
.menuWrap #navigation{width:950px; display:table; clear:both; list-style:none; margin:auto;background: #F6D200 url(/buttons/button_back.jpg) no-repeat;}


#menucss li.sfhover ul {display:block;}