/* wpt-online Angaben - nicht entfernen! */
.poweredby {
    font-size: .8em;
}

#get {
    background : url(http://http-get.de/get.gif) no-repeat;
}

/* Main styles */

.container {
	max-width: 1024px;
	background-image: url('../images/bg_oben.png'), url('../images/bg_unten.png');
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
}

body {
	overflow-y: scroll;
	font: 13px / Arial, sans-serif;
	background-color: #000000;
}

input[type='submit'], input[type='submit']:hover, input[type='submit']:focus {
	background: #2A160D;
	border: 1px solid #333;
}

img {
	border: 0 none;
}

textarea, input[type='text'], select {
	max-width: 100%;
	min-width: 100%;
}

.clear {
	clear: both;
}

/* View */

#content {
	background: url('../images/content.png') repeat;
	color: #FFF;
	padding: 35px 25px 15px 15px;
	text-align: justify;
	margin-top: 20px;
	height: 385px;
	overflow: auto;
}

a, a:focus   {
	color: #cd6500;
	text-decoration: none;
}
a:hover  {
	color: #cd6500;
	text-decoration: underline;
}

#content a {
	font-weight: bold;
}

#content h1 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
}

#top figure {
	display: inline-block;
	margin-top: 15px;
}

article {
	padding-right: 50px;
}

#menu {
	display: inline-block;
	background: url('../images/menue.png') right top no-repeat;
	width: 59%;
	text-align: right;
	height: 62px;
	font-size: 14px;
	position: relative;
	z-index: 999;
	float: right;
	margin-top: 65px;
}

#menu a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#menu a.active, #menu a:hover  {
	font-weight: bold;
	text-decoration: underline;
}

#menu ul {
	margin-top: 10px;
}

#menu li {
	padding-right: 23px;
}

.leistungenmenu {
	text-align: left;
	margin-top: 10px;
}

.leistungenmenu li {
	list-style-type: square;
	padding: 0;
}

.leistungenmenu ul {
	padding: 0;
	padding-left: 15px;
}

#mobile-menu {
	display: none;
	width: 100%;
}

#mobile-menu select {
	padding: 10px;
}

#image {
	height: 440px;
}

#bottom {
	margin-top: 20px;
	background: url('../images/footer.png') left bottom no-repeat;
	height: 57px;
	padding-top: 9px;
}

#slider ul, #slider li {
	margin: 0;
	padding: 0;
}

#slider {
	width: 100% !important;
	max-width: 1024px;

}

footer, footer a {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}

.bilderwechsel {
	overflow: hidden;
	width: 100%;
	top: 134px;
}

.navigator {
	position: relative;
	z-index: 99999;
	margin: 0 15px;
}

.nav_links, .nav_rechts {
	cursor: pointer;
}

.navigator img:last-child {
	float: right;
}

.flex-control-paging {
	z-index: 99999;
	background: url('../images/bilderwechsel.png') right top no-repeat;
	height: 60px;
	float: right;
	width: 250px;
	top: 380px;
	z-index: 9999;
}

.flex-control-paging {
	position: relative;
	z-index: 15;
	width: 700px;
}

.flex-control-nav {
	text-align: right !important;
	padding-right: 20px !important;
}

.flex-control-paging li {
	margin: 0 5px !important;
	padding-top: 14px;
	text-indent: -99999 !important;
}

.flex-control-paging li a {
	float: right;
	color: transparent !important;
}

.flex-control-paging li a.flex-active {
	background: #cd6500 !important;
}

#controllers {
	margin-top: 220px;
}
/* responsive */

@media (max-width: 700px) {
	.container {
		background-image: none;
	}
	#menu {
		display: none;
	}
	
	#mobile-menu {
		display: block;
	}
	#image {
		display: none;
	}
	#top {
		text-align: center;
	}
	#top img {
		max-width: 335px;
		height: auto;
		width: 65%;
	}
	#content {
		margin: 0 !important;
		height: auto;
	}
	#bottom, #bottom a {
		margin: 0;
		background-image: none;
		font-size: 9pt;
		display: table;
		text-align: center;
		margin: 0 auto;
	}
	article {
		padding-right: 0;
	}
	footer {
		margin-top: 20px;
	}
}

@media(max-width: 880px) {
	#menu {
		width: 100%;
	}
	#bottom {
		background: none;
		padding-bottom: 15px;
	}
	#content {
		margin-bottom: -20px !important;
	}
	.flex-control-nav {
		display: none;
	}
	#image {
		height: auto;
	}
	.navigator {
		display: none;
	}
}

@media (max-width: 1200px) {
	#slider {
		padding-left: 0 !important;
	}
	.container {
		margin: 0 auto !important;
		width: 100%;
	}
	#menu {
		margin-top: 0;
		width: 100%;
	}
	footer, footer a {
		font-size: 9pt;
		display: inline-block;
		width: 100%;
	}
	.contentimg {
		display: none;
	}
	.col-md-9 {
		width: 100%;
	}
	.col-md-3 {
		width:25%;
	}
	.col-md-5 {
		width: 50%;
		display: inline;
	}
	.navigator {
		margin-top: -62px;
	}
	#content {
		text-align: left;
		margin-top: -62px;
	}
}