body {
	margin: 0px;
}

a:link, a:visited {
	font-family: 'Cabin', normal;
	color: #FFBF00;
	text-decoration: none;
 }

a:focus {
  color: #8dff00;
 }

a:hover {
  color: rgba(51, 131, 184, 0.89);
 }

a:active {
  color: rgba(51, 131, 184, 0.89);
 }

/* cabin-regular - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cabin-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cabin'), local('Cabin-Regular'),
       url('../fonts/cabin-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cabin-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cabin-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cabin-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cabin-v12-latin-regular.svg#Cabin') format('svg'); /* Legacy iOS */
}

#mainContainer {
	margin-left: 50%;
}

#contentBoard {
	margin-left: -400px;
	width: 800px;
}

#menue {
	background-color: rgba(57, 30, 8, 0.89);
	padding-left: 0px;
	padding-right: 20px;
	color: #ffffff;
	width: 780px;
	height: 50px;
}

#menueHome {
	float: left;
}

#menueLinks {
	padding-left: 0px;
	padding-right: 0px;
	line-height: 50px;
	vertical-align: middle;
	float: left;
	display: block;
}

.homeButton {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 50px;
	float: left;
}

.menueButton {
	padding-left: 50px;
	padding-right: 50px;
	float: left;
}

#menueButtonMobile1,
#menueButtonMobile2,
#menueButtonMobile3,
#menueButtonMobile4 {
	display: none;
	width: 100%;
	height: 50px;
	background-color: rgba(57, 30, 8, 0.89);
	text-align: center;
	line-height: 50px;
	border-top: 1px solid black;
}

#mobileMenueBoard {
	display: none;
}

.homeButton:hover,
.menueButton:hover {
	background-color: rgba(57, 30, 8, 0.89);
}

#Text {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: 'Cabin', normal;
	padding: 0px;
	color: rgba(57, 30, 8, 1);
}

#TextContainer {
	padding-left: 0px;
	padding-right: 0px;
}

.textSpan {
	font-size: 20px;
}

#mobileMenueButton {
	visibility: hidden;
}

#preiseMain {
	background-image: url(../img/preiseBackground.jpg);
	background-repeat: repeat;
	background-position: 0% 0%;
	float: left;
	width: 800px;
}

#preisDiv {
	background-color: rgba(51, 131, 184, 0.89);
	margin-top: 10px;
	width: 340px;
	float: left;
	margin-left: 40px;
}

#preisDivRight {
	background-color: rgba(51, 131, 184, 0.89);
	margin-top: 10px;
	width: 340px;
	float: left;
	margin-left: 40px;
	margin-right: 40px;
}

#preisDivWide {
	background-color: rgba(51, 131, 184, 0.89);
	margin-top: 10px;
	width: 720px;
	float: left;
	margin-left: 40px;
}

.preiseHead {
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	border-bottom: 1px solid #ffffff;
	padding: 20px;
}

.preiseText {
	color: #ffffff;
	font-size: 17px;
	text-align: left;
	padding: 15px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.preiseBottom {
	color: #ffffff;
	font-size: 15px;
	text-align: right;
	border-top: 1px solid #ffffff;
	padding: 20px;
}

.check {
	width: auto;
	text-align: right;
	float: right;
	color: #298000;
	font-size: 20px;
}

#preiseBalken {
	width: 100%;
	height: 40px;
	float: left;
}

#preisDivWideKontakt {
	background-color: rgba(51, 131, 184, 0.7);
	margin-top: 30px;
	width: 720px;
	float: left;
	margin-left: 40px;
}

#preiseKontakt {
	color: #ffffff;
	font-size: 17px;
	text-align: center;
	padding: 20px;
}

#name {
	-webkit-appearance: none;
	background-color: rgba(51, 131, 184, 0.89);
	color: #ffffff;
	height: 30px;
	width: 180px;
	font-size: 18px;
	border: 0px solid black;
	text-align: center;
}

#nummer {
	-webkit-appearance: none;
	background-color: rgba(51, 131, 184, 0.89);
	color: #ffffff;
	height: 30px;
	width: 180px;
	font-size: 18px;
	border: 0px solid black;
	text-align: center;
	margin-top: 10px;
}

#submit {
	-webkit-appearance: none;
	background-color: rgba(57, 30, 8, 0.89);
	color: #FFBF00;
	height: 30px;
	width: 180px;
	font-size: 18px;
	border: 2px double #FFBF00;
	text-align: center;
	margin-top: 10px;
}

#footer {
	background-color: rgba(57, 30, 8, 0.89);
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 40px;
	color: #ffffff;
	width: 760px;
	height: 50px;
	line-height: 50px;
	text-align: right;
	float: left;
}

#footerContainer {
	padding-left: 0px;
	padding-right: 0px;
}



/***iOS and others***/
@media screen and (max-width: 800px) {
	#mainContainer,
	#contentBoard {
		margin-left: 0px;
		width: 100%;
	}
	
	#menue {
		padding: 0px;
		width: 100%;
	}
	
	.containerSlider {
		width: 100%;
	}
	
	#preiseMain {
		background-repeat:repeat;
		background-position: 0% 0%;
		width: 100%;
	}
	
	#preisDiv,
	#preisDivWide,
	#preisDivWideKontakt {
		width: 100%;
		margin-left: 0px;
	}
	
	#preisDivRight {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#footer {
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
	
	#menueLinks,
	#footerContainer {
	padding-left: 10px;
	padding-right: 10px;
	}
	
	#menueLinks {
		display: none;
	}
	
	#TextContainer {
	padding-left: 10px;
	padding-right: 10px;
	}
	
	#mobileMenueButton {
		visibility: visible;
		width: auto;
		text-align: right;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#mobileMenueBoard {
		display: block;
	}
}