body {
	font-family			: Arial, sans-serif;
	font-size			: 12px;
	color				: #ffffff;
	margin				: 0px;
	overflow-y			: scroll;
	background			: #2b2b2b;
	width 				: 100%;
}

/* Farben
 
*/

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

table {
	border-spacing		: 0;
}

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

p { margin				: 1em 0; }

div {
	text-align			: justify;
}

h1 {
	font-size 			: 1.5em;
	color				: #ffffff;
	margin-bottom			: 1em;
	font-weight			: bold;
}
h2 {
	font-size			: 1.3em;
	color				: #ffffff;
	margin				: 1em 0;
	font-weight			: bold;
}

a {
	color				: #ffffff;
	font-weight			: bold;
	text-decoration		: none;
}
a:hover { 
	text-decoration		: underline; 
}
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 #948E78;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
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				: red;
	border				: 1px solid red;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
#head {
	position			: fixed;
	top					: 0;
	left				: 0;
	z-index				: 10;
	width				: 100%;
	height				: 150px;
	background			: url(images/head_bg.png) repeat-x;
}
#hometext {
	float:right; 
	margin:0 50px 20px 0; 
	width:470px;
}
#logo {
	float				: left;
	margin				: 20px 0 0 3%;
}
#bg {
	position			: fixed;
	top					: 150px;
	height				: 750px;
	right				: 0;
}
#content_left {
	float				: left;
	min-height			: 740px;
	width				: 70%;
	margin				: 150px 0 0 0;
	padding				: 0 0 0 0;
}
#text_left, #text_leftbreit {
	float				: left;
	position			: relative;
	z-index				: 5;
	max-width			: 80%;
	padding				: 10px 0 10% 5%;
}
#content_right {
	position			: fixed;
	right				: 0;
	top					: 150px;
	width				: 514px;
}
#text_right {
	position			: relative;
	z-index				: 5;
	width				: 250px;
	margin				: 0 0 0 245px;
	color				: #333333;
}
#footer {
	position			: fixed;
	bottom				: 0;
	z-index				: 10;
	width				: 100%;
	height				: 110px;
	border-top			: 1px solid #aca08c;
	background			: #2b2b2b;
}
#kontaktform p {
	margin				: 0 0 7px 0;
}
#senden {
	width				: 74px;
	height				: 32px;
	border				: none;
	background			: url(images/button_senden_off.png) no-repeat;
}
#senden:hover {
	width				: 74px;
	height				: 32px;
	border				: none;
	background			: url(images/button_senden_on.png) no-repeat;
}
#loeschen {
	width				: 74px;
	height				: 32px;
	border				: none;
	background			: url(images/button_loeschen_off.png) no-repeat;
}
#loeschen:hover {
	width				: 74px;
	height				: 32px;
	border				: none;
	background			: url(images/button_loeschen_on.png) no-repeat;
}
#drucken {
	width				: 74px;
	height				: 32px;
	border				: none;
	background			: url(images/button_drucken_off.png) no-repeat;
}
#drucken:hover {
	width				: 74px;
	height				: 32px;
	border				: none;
	background			: url(images/button_drucken_on.png) no-repeat;
}
#eintragen {
	width				: 74px;
	height				: 32px;
	border				: none;
	background			: url(images/button_eintragen_off.png) no-repeat;
}
#eintragen:hover {
	width				: 74px;
	height				: 32px;
	border				: none;
	background			: url(images/button_eintragen_on.png) no-repeat;
}
#footertab {
	width				: 94%;
	margin				: 0px 0 0 3%;
	line-height: 1.8em;
}
#footertab b {
	font-size			: 14px;
	color				: #891f2b;
}
#footertab {
	font-size			: 12px;
	color				: #ffffff;
}
.headline1 {
	font-size			: 20px;
	font-weight			: bold;
	color				: #891f2b;
	margin				: 10px 0 5px 0;
}
.headline2 {
	font-size			: 14px;
	color				: #891f2b;
	margin				: 0;
}
.more {
	color				: #891f2b;
	padding				: 0 0 0 25px;
	background			: url(images/pfeil.png) left 2px no-repeat;
}
.logo {
	float				: left;
}
#prev {
	position			: absolute;
	left				: 0;
	z-index				: 10;
	height				: 183px;
	width				: 46px;
	cursor				: pointer;
	margin-top			: 60px;
	background			: url(images/bilderwechsel_pfeil_off.png) left center no-repeat;
}
#prev:hover {
	background			: url(images/bilderwechsel_pfeil_on.png) left center no-repeat;
}	
#next {
	position			: absolute;
	right				: 0;
	z-index				: 10;
	height				: 183px;
	width				: 46px;
	cursor				: pointer;
	margin-top			: 60px;
	background			: url(images/bilderwechsel_r_pfeil_off.png) left center no-repeat;
}
#next:hover {
	background			: url(images/bilderwechsel_r_pfeil_on.png) left center no-repeat;
}

.markenlogos {
	float:left;
}

#mobile_btn {
	text-align: center;
	width: 100%;
	font-weight: bold;
	cursor: pointer;
	height: 30px;
	padding: 15px 0;
	display: none;
	background: rgba(255,255,255,0.2);
}
#mobile_menue {
	position: fixed;
	width: 80%;
	left: 0;
	bottom: 0;
	background: #996E54;
	top: 137px;
	left: -2000px;
	overflow-y: auto !important;
}
#mobile_menue a:hover {
	background: #9c7761;
}
#mobile_menue > ul {
	padding: 0;
	margin: 0;
	position: relative;
}
#mobile_menue li {
	list-style-type: none;
	font-size: 14px;
	border-bottom: 1px solid #a8785c;
	padding: 0;
	line-height: 3em;
}
#mobile_menue ul > li:first-child {
	border-top: 1px solid #a8785c;
}
#mobile_menue a { 
	padding-left: 15px;
	word-wrap: normal;
	display: block;
	width: calc(100% - 15px);
}
#mobile_menue li:last-child {
	border-bottom: 0 none;
}
@media (max-width: 768px) {
	#video {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 1080px) {
	#text_right  {
		margin-left: 0 !important;
	}
}
@media only screen and (max-width : 1080px) { 
	#head {
		background-repeat: repeat;
		border-bottom: 2px solid #000;
	}
	input[type='text'], textarea, select {
		width: 100% !important;
		padding: 5px 0px 5px 5px;
	}
	#hometext {
		width: 100% !important;
	}
	#menue {
		display: none;
	}
	#text_right {
		width: auto;
	}
	#content_left {
		width: 100%;
		min-height: auto;
	}
	#content_right {
		position: static !important;
		width: 100% !important;
	}
	#bga {
		display: none;
	}
	body {
		background: #D5A880;
	}
	#slider {
		display: none;
	}
	#video {
		float: none !important;
		margin: 0 !important;
	}
	#text_left > div {
		max-width: 100% !important;
		min-width: 100% !important;
	}
	#logo img {
		max-height: 80px;
	}
	td {
		display: block;
	}
	td img {
		margin: 0 !important;
	}
	* {
		float: inherit !important;
		word-wrap: break-word;
	}
	div {	
		max-width: 100% !important;
		height: auto !important;
	}
	p {
		max-width: 100%;
	}
	#text_left, #text_right {
		padding: 0 15px !important;
	}
	#logo {
		margin: 0;
	}
	#logo img {
		max-width: 100%;
		text-align: center;
		padding-top: 10px;
	}
	#headinner {
		width: 100% !important;
		text-align: center;
	}
	#mobile_btn {
		display: block;
	}
	#footertab div {
		width: 100% !important;
		text-align: left;
	}
	#footertab div img {
		margin: 0px 2px !important;
		padding-top: 6px;
	}
}
@media only screen and (max-width : 1440px) { 
#hometext {
	float:right; 
	width: 380px;
	}
	#footertab div img {
		margin: 0px 2px !important;
		padding-top: 6px;
	}
	#footer {
		height:auto;
		position: static;
	}
}

@media only screen and (min-width: 1080px) and (max-width: 1440px) {
	#footertab > div:first-child {
		width: 40% !important;
	}
	#footertab > div:nth-child(2) {
		width: 40% !important;
	}
	#footertab > div:last-child {
		width: 20% !important;
	}
}

@media only screen and (min-width: 1080px) and (max-width: 1300px) {
	#text_left > div {
		float: none !important;
		min-width: auto;
	}
	#hometext {
		margin: 0;
		float: none !important;
		width: 490px !important;
	}
	#video {
		float: none !important;
		padding-bottom: 20px;
	}
	#menue {
		float: none !important;
		margin: 0 0 0 -50px  !important;
		padding: 15px 0 0 0;
	}
}
@media (min-width: 1080px) {
	#mobile_menue {
		left: -2000px !important;
	}
}
@media only screen and (min-width: 1300px) and (max-width : 1680px) { 
#hometext {
	float:right; 
	width: 380px;
	}
}

@media (max-height: 700px) {
	body {
		background: #D5A880;
	}
	#bga {
		display: none;
	}	
	#content_left {
		padding-bottom: 30px;
		min-height: auto;
	}
	#content_right {
		position: static;
		float: right;
		width: 30%;
		padding-bottom: 20px;
	}
	#text_right {
		margin: 160px 0 0 0;
	}
}

@media (max-width: 1080px) {
	#text_right {
		margin: 10px 0 0 0 !important;
	}
}