body {
	font-family			: Arial, sans-serif;
	font-size			: 16px;
	color				: #2f2f2f;
	margin				: 0px;
	overflow-y			: scroll;
	overflow-x			: hidden;
	min-height			: 101%; /*Scrollbar immer anzeigen*/
	background			: #f3efe5;
}

.wrapper {
	width				: 100%;
	max-width			: 960px;
	margin				: 0 auto;
	text-align			: left;
}

#fbwrapper {
	position			: absolute;
	margin				: -30px 0 50px 70px;
}

#head_kontakt {
	float				: right;
	width				: 100%;
	color				: #ffffff;
	font-weight			: bold;
	font-size			: 23px;
	max-width			: 262px;
	min-height			: 41px;
	background			: url(../images/head_bg.png) no-repeat;
}

#anfahrt {
	margin-left			: 25px;
}

#kontakt {
	margin				: 0 11px 0 11px;
}

#telefon {
	margin-bottom		: -3px;
	padding-top			: 10px;
}

#slogan {
	position			: absolute;
	width				: 100%;
	bottom				: 30px;
	left				: -15px;
}

#erstezeile {
	font-size			: 33px;
	color				: #ffffff;
	font-weight			: bold;
	text-align			: right;
	text-shadow			: 1px 1px 0px #333333;
}

#zweitezeile {
	font-size			: 33px;
	color				: #a91c12;
	font-weight			: bold;
	text-align			: right;
	text-shadow			: 1px 1px 0px #333333;
}

#bighead {
	position			: relative;
	top					: 50px;
	width				: 100%;
	height				: auto;
	min-height			: 401px;
	max-width			: 750px;
	margin				: 0 auto 50px auto;
	background			: url(../images/bighead_bg.png) no-repeat;
}

#bighead_schatten {
	width				: 100%;
	max-width			: 753px;
	height				: auto;
	min-height			: 21px;
	margin				: 0 auto;
	background			: url(../images/schatten.png) no-repeat;
}
#bighead_schattenslider {
	width				: 100%;
	max-width			: 753px;
	height				: auto;
	min-height			: 21px;
	margin				: 0 auto;
	background			: url(../images/schatten.png) no-repeat;
}

#logo {
	float				: left;
	width				: 100%;
	max-width			: 216px;
	height				: auto;
}
#logomobilbg {
	display				: none;
	width				: 100%;
	text-align			: center;
	background			: #b4261a;
}
#logomobil {
	width				: 100%;
	max-width			: 216px;
	height				: auto;
}

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

table {
	border-spacing			: 0;
}

td {
	font-family			: Arial, sans-serif;
	color				: #2f2f2f;
	vertical-align			: top;
}

p { margin				: 1em 0; }

div {
	text-align			: left;
}

h1 {
	font-size 			: 22px;
	color				: #a91c12;
	margin-bottom			: 0.5em;
	font-weight			: bold;
}
h2 {
	font-size			: 16px;
	color				: #2f2f2f;
	margin				: 1em 0;
	font-weight			: bold;
}

#qrcode {
	float				: right;
}

a {
	color				: #8b1104;
	font-weight			: normal;
	text-decoration		: none;
}
a:hover { 
	text-decoration		: underline; 
}

/* Menu */
#menue {
	position			: relative;
	bottom				: 12px;
	left				: 15px;
	float				: left;
	width				: 100%;
	max-width			: 498px;
	height				: auto;
	min-height			: 32px;
	text-align			: center;
	font-size			: 16px;
	font-weight			: normal;
	color				: #f3f3f3;
	background			: url(../images/menu_bg.png) no-repeat;
}

#menue > ul > li {
	display				: inline-block;
	margin				: 5px 5px 0 5px;
}
#menue ul {
	margin-left			: 0em;

}

#menue a {
	font-size			: 16px;
	font-weight			: normal;
	color				: rgba(255,255,255,0.88);
	text-shadow			: 1px 1px 1px #333333;
	margin				: 6px 5px 0 5px;
	padding-bottom		: 15px;
}

#menue a.menu:hover, #menue a.menu_on,#menue a.menu_on:hover { 
	font-size			: 16px;
	font-weight			: normal;
	color				: #ffffff;
	text-decoration		: underline;
}

	#menue ul li ul {
		position		: absolute;
		display			: none;
		background		: rgba(140,15,5,0.8);
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		border			: 1px solid rgba(0,0,0,0.3);
		border-top		: 0;
		box-shadow		: 0px 2px 3px #333;
		margin-top		: 1px;
	}

	#menue ul li:hover ul, #menue li.sfhover ul{
		display			: block;
		list-style		: none;
		left			: auto;
		text-align		: left;
		width			: 226px;
		font-size		: 16px;
		padding			: 0 1px 1px 0;
	}

	#menue ul li ul a {
		display			: block;
		width			: 226px;
		color			: rgba(255,255,255,0.88);
		font-weight		: normal;
		font-size		: 16px;
		padding			: 1px 8px 5px 0;
	}

	#menue ul li ul .submenu:hover, #menue ul li ul .submenu_on, #menue ul li ul .submenu_on:hover {
		color			: #ffffff;
		text-decoration	: underline;
	}
	
/*Änderungen*/
/* gmap */
.mapBereich {	
	position: relative;
	padding-bottom: 45.6%;
	width:95%;
	height:auto ;
	left:1%;
	margin-top:10px;
	margin-bottom:20px;
	overflow: hidden;
	border:1px dotted #0a2945;
}
.mapBereich iframe {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	border-radius:5px;
}
.karte {
	margin-top:1em;
}
.kontaktForm p{
	padding-right:2%;
}
/* mobile Menu */
.fa {
	font-size: 25px !important;
	color: #ffffff;
	background: #151515;
}
.bld {
	max-width: 80%;
	margin: 0 auto;
}
.groesse {
	width:32.4%;
	margin:0 auto;
}
.bld img{
	text-align:center;
	width:100%;
}

#responsive-menu {
	display: none;
	background: #000000;
	width: 100%;
}

#responsive-menu .fa {
	padding: 10px;
	cursor: pointer; 
	width: 99%;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
	width: 100%;
	padding: 5px;
}

.menu-items a {
	margin-left: 0;
	padding: 5px 0px;
	display: block;
	height: 15px;
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.menu-items {
	width: 100% !important;
	position: absolute;
	z-index: 9999;
	display: none;
	margin-left: 0;
	padding-left: 0;
	background: #1d1d1b;
	border-bottom: 3px solid #1d1d1b;
}

.menu-items ul {
	width: 100% !important;
}

.menu-items li {
	list-style-type		: none;
	width				: 100% !important;
	border-bottom		: 1px solid #000000;
	border-top			: 1px solid #51514e;
	padding				: 5px;
}	

.mobilmenusub {
	padding-left			: 10px !important;
	border-left				: 3px solid rgba(180,40,25,0.9);
}


#sliderwrapper {
	border				: 1px solid #b2312f;
	border-radius		: 10px;
	min-height			: 100px;
	background			: #ffffff;
}

.slideright {
	position			: relative;
	float				: right;
	margin-top			: 25px;
	cursor				: pointer;
	z-index				: 10;
}

.slideleft {
	position			: relative;
	float				: left;
	margin-top			: 25px;
	cursor				: pointer;
	z-index				: 10;
}

#content {
	width				: 100%;
	max-width			: 710px;
	margin				: 0 auto;
	padding				: 20px;
	background			: #ffffff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#footer_text {
	width				: 100%;
	height				: auto;
	text-align:center;
}
#footer_text img {
	width:100%;
	max-width:700px;
	max-height:60px;
}
img {
	border				: none;
}
#get {
	background			: url(http://http-get.de/get.gif) no-repeat;
}

ul { margin-left				: 1.3em; }

textarea, input, select, input {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid #333333;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 3px;
	border-radius		: 7px;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}

/*für den IE*/
input[type=radio] {
	padding				: 0px;
	background			: 0px;
	border				: 1px;
}

.button {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid #333333;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: #a91c12;
	border				: 1px solid #a91c12;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
	cursor				: pointer;
}

@media (max-width: 975px) {
#sliderwrapper {
	display				: none;
	border				: 1px solid #b2312f;
	border-radius		: 10px;
	min-height			: 100px;
	background			: #ffffff;
}

.slideright {
	position			: relative;
	float				: right;
	margin-top			: 25px;
	cursor				: pointer;
	z-index				: 10;
}

.slideleft {
	position			: relative;
	float				: left;
	margin-top			: 25px;
	cursor				: pointer;
	z-index				: 10;
}
#bighead_schattenslider {
	display				: none;
	width				: 100%;
	max-width			: 100%;
	height				: auto;
	min-height			: 21px;
	margin				: 0;
	background			: url(../images/schatten.png) center center no-repeat;
}
#footer_text img {
	width:100%;
	max-width:550px;
/*	max-height:60px;*/
}
}

@media (max-width: 755px) {
#content {
	width				: 95%;
	max-width			: 710px;
	margin				: 0;
	padding				: 15px;
	background			: #ffffff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#slogan {
	position			: absolute;
	width				: 100%;
	bottom				: 30px;
	left				: -15px;
}

#erstezeile {
	font-size			: 28px;
	color				: #fff;
	font-weight			: bold;
	text-align			: right;
	text-shadow			: 1px 1px 0px #333333;
}

#zweitezeile {
	font-size			: 28px;
	color				: #a91c12;
	font-weight			: bold;
	text-align			: right;
	text-shadow			: 1px 1px 0px #333333;
}
#footer_text img {
	width:100%;
	max-width:450px;
	/*max-height:60px;*/
}
}

@media (max-width: 730px) {
#menue {
	display				: none;
}
#responsive-menu {
	display				: block;
	background			: #000000;
	width				: 100%;
}
#head_kontakt {
	display				: none;
}
#bighead {
	position			: relative;
	top					: 0;
	width				: 100%;
	min-height			: 200px !important;
	margin				: 0;
	background			: url(../images/bighead_bgmobil.png) center center no-repeat;
}

#bighead_schatten {
	width				: 100%;
	max-width			: 100%;
	height				: auto;
	min-height			: 21px;
	margin				: 0;
	background			: url(../images/schatten.png) center center no-repeat;
}

#fbwrapper {
	position			: absolute;
	margin				: -30px 0 50px 25px;
}

#slogan {
	position			: absolute;
	width				: 100%;
	bottom				: 30px;
	left				: -15px;
}

#erstezeile {
	font-size			: 28px;
	color				: #fff;
	font-weight			: bold;
	text-align			: right;
	text-shadow			: 1px 1px 0px #333333;
}

#zweitezeile {
	font-size			: 28px;
	color				: #a91c12;
	font-weight			: bold;
	text-align			: right;
	text-shadow			: 1px 1px 0px #333333;
}
#logo {
	display				: none;
	float				: left;
	width				: 100%;
	max-width			: 216px;
	height				: auto;
}
#logomobilbg {
	display				: block;
	background			: #b4261a;
}
#logomobil {
	float				: none;
	width				: 100%;
	max-width			: 216px;
	height				: auto;
}
#footer_text img {
	width:100%;
	max-width:550px;
	/*max-height:60px;*/
}
.groesse{
	width:65%;
}
.bld img {
	padding-left:25%
}
}

@media (max-width: 610px) {
#fbwrapper {
	position			: relative;
	float				: right;
	margin				: 10px auto -20px auto;
	text-align			: center;
}
#footer_text img {
	width:100%;
	max-width:500px;
	/*max-height:60px;*/
}
.groesse{
	width:70%;
}
}

@media (max-width: 560px) {
#slogan {
	position			: absolute;
	width				: 100%;
	bottom				: 30px;
	left				: -15px;
}

#erstezeile {
	font-size			: 24px;
	color				: #fff;
	font-weight			: bold;
	text-align			: right;
	text-shadow			: 1px 1px 0px #333333;
}

#zweitezeile {
	font-size			: 24px;
	color				: #a91c12;
	font-weight			: bold;
	text-align			: right;
	text-shadow			: 1px 1px 0px #333333;
}
#footer_text img {
	width:100%;
	max-width:420px;
	/*max-height:60px;*/
}
}

@media (max-width: 530px) {
#qrcode {
	display				: none;
	float				: right;
}
#footer_text img {
	width:100%;
	max-width:400px;
	/*max-height:60px;*/
}
}

@media (max-width: 445px) {
#slogan {
	position			: absolute;
	width				: 100%;
	bottom				: 30px;
	left				: -15px;
}

#erstezeile {
	font-size			: 20px;
	color				: #fff;
	font-weight			: bold;
	text-align			: right;
	text-shadow			: 1px 1px 0px #333333;
}

#zweitezeile {
	font-size			: 20px;
	color				: #a91c12;
	font-weight			: bold;
	text-align			: right;
	text-shadow			: 1px 1px 0px #333333;
}
#footer_text img {
	width:100%;
	max-width:320px;
	/*max-height:60px;*/
}
}

@media (max-width: 350px) {
#fbwrapper {
	position			: relative;
	float				: none;
	margin				: 10px auto -20px auto;
	text-align			: center;
}

#slogan {
	position			: absolute;
	width				: 100%;
	bottom				: 30px;
	left				: 0px;
}

#erstezeile {
	font-size			: 30px;
	color				: #ffffff;
	font-weight			: bold;
	text-align			: center;
	text-shadow			: 1px 1px 0px #333333;
}

#zweitezeile {
	font-size			: 30px;
	color				: #a91c12;
	font-weight			: bold;
	text-align			: center;
	text-shadow			: 1px 1px 0px #333333;
}
#content {
	width				: 90%;
	max-width			: 710px;
	margin				: 0;
	padding				: 15px;
	background			: #ffffff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#footer_text img {
	width:100%;
	max-width:250px;
	/*max-height:60px;*/
}
}

@media (max-width: 200px) {
#footer_text img {
	width:100%;
	max-width:200px;
	/*max-height:60px;*/
}	
}