/* CSS Document */

/* Dies ist der Button für die Smartphones zum öffnen des Menus. */
#menu-button {
  width: 30px;
  height: 30px;
  margin-top: 0px;
  cursor: pointer;
  color: #B19F7C;
  font-weight: bold;
}

#menu-button.selected, #menu-button:active {
    background: url(/cmsimages/button_bg.png) no-repeat right;
}
#menu-button-inner {
    width: 24px;
    height: 19px;
}

#menu-smart 
{   
	position: absolute;
    display:none;
	min-width: 225px;
	margin-left: 0px;
	list-style: none;  
	z-index:150;
	
	-moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.65);
	-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.65);
	box-shadow: 3px 3px 8px rgba(0,0,0,0.65);
}


#menu-smart a {
	font: bold 15px;
}

#menu-smart ul {
	padding: 0;
	margin: 0;	
}



#menu-smart li
{
	margin: 0;
	padding-top:8px;
	padding-bottom:8px;
	position: relative;
	/*background: #b7a488;*/
	border-bottom:1px solid #FFFFFF;
	list-style: none;  
}


#menu-smart li > ul {
	max-height: 0;
	margin-bottom: 0;
  overflow-y: hidden;
	transition: .5s;
}

#menu-smart li.active > ul {
	max-height: 500px;
 	transition: .5s;
}


#menu-smart li:last-child {
	border-bottom-style: none;
}

#menu-smart li a
{
	display: block;
	padding-left:10px;
	padding-right:10px;
	line-height:35px;
	color: #ffffff;
	text-decoration: none;
}

/* Clear floated elements */
#menu-smart:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Sub-menu */
#menu-smart li li
{
	padding-left: 40px;
	padding-top:3px;
	padding-bottom:3px;
	position: relative;
	border-bottom:1px solid #821E04;
}

#menu-smart li li:hover {
	background-color: #E9e7d8;
}

#menu-smart li li a 
{
	padding:3px 10px 3px 10px;
	color: #ffffff;
	text-transform: none;
	text-decoration: none;
	font: normal 14px;
}

#menu-smart li li:hover > ul
{
	display: block;
}

* html #menu-smart            { zoom: 1; } /* IE6 */
*:first-child+html #menu-smart { zoom: 1; } /* IE7 */