/* wpt-online Angaben - nicht entfernen! */
.poweredby {
    font-size: .8em;
}

#get {
    background : url(http://http-get.de/get.gif) no-repeat;
}

/* Main styles */
html {
	min-height: 100%;
}
body {
	background: url('../images/background.jpg')  no-repeat bottom center / cover;
	overflow-y: scroll;
	font-size: 13px;
	font-family: Arial, sans-serif;
}

ul, ol {
	padding-left: 20px;
}

.container {
	max-width: 984px;
}

img {
	border: 0 none;
}

.logo {
	margin-top: 50px;
	position: relative;
	z-index: 5;
}

textarea, input[type='text'], select {
	max-width: 100%;
	min-width: 100%;
}

.clear {
	clear: both;
}

.subtext {
	position: absolute;
	z-index: 10;
	background: url('../images/menu_bg.png') top left / cover;
	padding-left: 0;
	margin-top: 16px !important;
	margin-left: -8px !important;
	display: none;
	border: 3px solid #ae6300;
}

.dropdown:hover .subtext {
	display: block;
}

.subtext li {
	padding: 10px 25px !important;
	list-style-type: none;
}

.subtext li:after {
	content: '' !important;
}

#top {
	margin-bottom: 30px;
	background: url('../images/head.jpg') repeat-x top center / cover;
	height: 370px;
}

.bilderwechsel {
	overflow: hidden;
	max-width: 969px;
}

#menu {
	background: url('../images/menu_bg.png');
	height: 62px;
	width: 580px;
	border: 3px solid #ae6300;
	color: #FFF;
	margin-top: 90px;
	position: relative;
	z-index: 5;
	margin-left: 48px;
}

#menu .active {
	text-decoration: underline;
}

#mobile-menu {
	display: none;
}

.minibox {
	background: #b6d5fb;
	margin-bottom: 15px;
	color: #4b4b4b;
}

.minibox h3 {
	font-size: 14px;
	font-weight: bold;
}

.minibox img {
	border: 3px solid #1072bb;
}

.minibox .text {
	padding-left: 25px;
	padding-bottom: 5px;
}

#slide-control {
	position: relative;
	z-index: 5;
	background: url('../images/slider_button_bg.png');
	width: 166px;
	height: 91px;
	margin-top: 135px;
	margin-left: 415px;
	padding: 20px;
}

.nav_links, .nav_rechts {
	position: relative;
	z-index: 5;
	cursor: pointer;
}

.nav_links {
	margin-top: -4px;
	margin-left: 10px;
}
.nav_rechts {
	margin-top: 10px;
	margin-left: 14px;
}

.sonne {
	margin-left: 70px;
	margin-top: -75px
}

#content {
	text-align: justify;
	background: #b6d5fb;
	padding: 5px 30px 5px 30px;
}

#content h1, #content h2 {
	font-size: 18px;
	color: #4b4b4b;
	font-weight: bold;
}

#content h2 {
	font-size: 16px !important;
}

#menu ul {
	margin-top: 20px;
	margin-left: 20px;
}

#menu a {
	color: #FFF;
	font-size: 14px;
	padding-right: 5px;
	margin-left: -7px;
	padding-bottom: 21px;
	padding-top: 21px;
}

#menu li:after {
	content: '|';
}

#menu li:last-child:after {
	content: '';
}

footer {
 	background: url('../images/footer_bg.png');
 	min-height: 170px;
 	margin-top: 40px;
}

#bottom {
	padding-top: 35px;
	color: #4b4b4b;
	font-size: 14px;
}

#bottom a {
	color: #4b4b4b;
	font-size: 14px;
}

.bottom-image {
	max-width: 227px;
	height: auto;
}
iframe {
	width: 100%;
}

.dropdown_active {
	text-decoration: underline !important;
}

.active {
	text-decoration: underline !important;
}

/* Responsive */

@media (max-width: 640px) {
	.logo {
		max-width: 100%;
	}
	img {
		max-width: 100%;
	}
	.bilderwechsel {
		display: none;
	}
	#menu {
		display: none;
	}
	#mobile-menu {
		display: block;
		letter-spacing: 0.25em;
	}

	#mobile-menu option {
		padding: 5px;
	}

	#mobile-menu option.active {
		text-decoration: none !important;
		font-weight: bold;
	}
	#top {
		height: 160px !important;
	}
	.minibox {
		display: none;
	}
	#content {
		text-align: left;
	}
}

@media (max-width: 1000px) {
	#slider {
		display: none;
	}
	#slide-control {
		display: none;
	}
	#menu {
		margin-top: 55px;
		margin-left: 10px !important;
	}
	#top {
		height: 240px;
	}
	.minibox img {
		margin: 5px;
	}
}

@media print {
	#slider, #menu, .bottom-image, .minibox, a[href]:after, .hide-print {
		display: none;
	}
	#top {
		height: 160px;
	}
}