@CHARSET "UTF-8";

html,
body {
	margin: 0px;
	padding: 0px;
	height: 100%;	
}

body.celementsmenubarvisible #sitecontainer #mobileWrapper {
  padding-top: 29px;
}

#mobileWrapper #background_image {
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 0px;
	left: 0px;
}

#mobileWrapper #page {
	position: relative;
	max-width: 405px;
  margin-left: auto;
  margin-right: auto;
}

#mobileWrapper #content {
	margin-top: 15px;
	padding: 25px;
}

#mobileWrapper #direct_links {
	clear: both;
}

/* - - - Balken - - - */
#mobileWrapper #balken {
	position: relative;
	background-color: black;
	height: 119px;
	margin-bottom: 5px;
}
#mobileWrapper #logo {
	position: absolute;
	top: 29px;
	left: 24px;
}
#mobileWrapper #orte {
	position: absolute;
	right: 27px;
	bottom: 20px;
}



/* - - - Navigation - - - */
#mobileWrapper #orte ul,
#mobileWrapper #orte li,
#mobileWrapper #menu ul,
#mobileWrapper #menu li,
#mobileWrapper #direct_links ul,
#mobileWrapper #direct_links li {
	list-style: none;
}
#mobileWrapper #orte a,
#mobileWrapper #menu a {
	text-decoration: none;
	font-family: 'Habibi', Times, sans-serif;
	font-size: 13px;
	line-height: 14px;
  color: #a0ab59;
}

#mobileWrapper #orte li {
	float: left;
}
#mobileWrapper #orte li a:hover,
#mobileWrapper #orte li.active a {
	color: white;
}
#mobileWrapper #orte li + li a {
	margin-left: 5px;
	border-left: 1px solid #f5cf67;
	padding-left: 5px;
}

#mobileWrapper #direct_links {
	background-image: url('/download/MobileLayout/WebHome/directLinks.png');
	background-repeat: no-repeat;
	height: 227px;
	width: 363px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
}
#mobileWrapper #direct_links li + li {
	margin-top: 17px;
	height: 42px;
}
#sitecontainer #mobileWrapper #page #direct_links li,
#sitecontainer #mobileWrapper #page #direct_links li a {
	display: block;
	height: 42px;
	font-size: 0px;
	line-height: 0px;
}
#sitecontainer #mobileWrapper #page #direct_links li a {
	background-position: center -400px;
	background-repeat: no-repeat;
}

#mobileWrapper #menu > ul > li {
	clear: both;
}
#mobileWrapper #menu > ul > li > a {
	background-color: black;
	height: 37px;
	margin-top: 4px;
	padding-left: 25px;
	display: block;
	font-size: 17px;
	line-height: 37px;
	font-weight: bold;
}
#mobileWrapper #menu > ul > li > a:hover,
#mobileWrapper #menu > ul > li.active a {
  color: #f5cf67;
}
#mobileWrapper #menu ul ul li a:hover,
#mobileWrapper #menu ul ul li.active a {
  color: #f5cf67;
  font-weight: bold;
}
#mobileWrapper #menu > ul ul {
	margin-top: 4px;
	padding-left: 25px;
	padding-right: 25px;
	background-image: url('/download/MobileLayout/WebHome/menuhg.png');
}
#mobileWrapper #menu > ul ul li {
	float: left;
	min-height: 37px;
}
#mobileWrapper #menu > ul ul li + li a {
	margin-left: 5px;
	border-left: 1px solid #F5CF67;
	padding-left: 5px;
}
#mobileWrapper #menu > ul ul li.last {
	float: none;
}
#mobileWrapper #menu > ul ul li a {
	line-height: 39px;
}

#mobileWrapper #menu_point {
	padding-left: 25px;
	padding-right: 25px;
	background-color: black;
	height: 37px;
}
#sitecontainer #mobileWrapper #page #menu_point p {
	color: white;
	font-size: 20px;
	line-height: 37px;
	font-weight: bold;
	display: block;
	background-image: url('/download/MobileLayout/WebHome/menupoint.png');
	background-repeat: no-repeat;
	background-position: right center;
}