body {
	background	 		: url(images/bg.png) left bottom repeat fixed #323232;
	font-family			: Arial, sans-serif;
	font-size			: 14px;
	color				: #f3cd84;
	margin				: 0px;
	overflow-y			: scroll;
	overflow-x			: hidden;
	min-height			: 101%; /*Scrollbar immer anzeigen*/
}

/* Farben
 
*/

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}
#wrapper {
	width: 1064px;
	margin: 0 auto;
}
#head {
	background: url(images/head.png) left top no-repeat;
	width: 1064px;
	height: 430px;
	position: relative;
}
#logo {
	background-image: url(images/logo_bg.png);
	width: 415px;
	height: 269px;
	position: absolute;
	top: 18px;
	left: -21px;
}
#garantie {
	width: 244px;
	height: 181px;
	position: absolute;
	right: -11px;
	top: 18px;
}
#menu {
	width: 964px;
	padding: 0 50px;
	background: url(images/menue.png) repeat-y;
} 
a.menu {
	display				: block;
	font-size			: 16px;
	margin				: 5px 19px;
	padding				: 5px 0;
	float				: left;
	color				: #f3cd84;
}
a.menu:hover, a.menu_on, a.menu_on:hover {
	display				: block;
	font-size			: 16px;
	margin				: 5px 19px; 
	padding				: 5px 0;
	float				: left;
	text-decoration		: underline;
}
#content {    
	width: 964px;
	padding: 20px 50px;
	background: url(images/content.png) #020202 repeat-x;
}
#inhalt {
	width: 600px;
	display: inline-block;
	float: left;
	margin-right: 70px;
}
#form {
	width				: 270px;
	display: inline-block;
	float: left;
}
#footer {
	width: 964px;
	height: 154px;
	display: block;
	padding: 10px 50px;
	position: relative;
	background : url(images/footer.png) repeat-x;
}
#firma {
	font-size: 19px;
	display: block;
	margin-top: 25px;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer li {
	float: left;
	margin-right: 140px;
	list-style: none;
}
.list {   
	color: #C8AB71;
}
.list:hover, .list_on,

table {
	border-spacing			: 0;
}

td {
	font-family			: Arial, sans-serif;
	font-size			: 14px;
	color				: #f3cd84;
	vertical-align		: top; 
}
textarea, input, select, input {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 2px solid #C8AB71;
	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;
}
#form input, #form textarea {
	color				: #000000;     
	border				: 2px solid #C8AB71;
}

p { 
	margin				: 1em 0; 
}

div {
	text-align			: justify;
}

h1 {
	font-size 			: 1.4em;
	color				: #C8AB71;
	margin-bottom			: 1em;
	font-weight			: bold;
}
h2 {
	font-size			: 1.2em;
	color				: #C8AB71;
	margin				: 1em 0;
	font-weight			: bold;
}

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


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

ul { margin-left				: 1.3em; }


.button {
	font-family			: Arial, sans-serif;
	color				: #000000;
	border				: 2px solid #C8AB71;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 5px;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: #000000;
	border				: 2px solid #5A9EB3;
	background			: #C8AB71;
	margin				: 1px 0;
	font-size			: 1em;       
	padding				: 5px;
	cursor				: pointer;
}


#mobile_nav {
	display: none;
	width: 100%;
}

#bewertung {
	margin:3px;
}

@media (min-width: 760px) and (max-width: 1085px) {
	#wrapper {
		width: 100%;
		margin-top: 0px;
	}
	
	#head {
		width: 100%;
	}
	
	#logo {
	background-image: url(images/logo_bg2.png);
	width: 415px;
	height: 269px;
	position: absolute;
	top: 18px;
	left: 0px;
}
	
	#menu  {
		background: url("images/menue.png") repeat;
		width: 98%;
		margin-left: -20px;
	}
	
	a.menu {
	display				: block;
	font-size			: 15px;
	margin				: 5px 19px;
	padding				: 5px 0;
	float				: left;
	color				: #f3cd84;
	}
	a.menu:hover, a.menu_on, a.menu_on:hover {
		display				: block;
		font-size			: 15px;
		margin				: 5px 19px; 
		padding				: 5px 0;
		float				: left;
		text-decoration		: underline;
	}
	
	#inhalt {
		margin-right: 20px;
	}
	
	#form {
		width: 36%;
	}
	
	#content {
		width: 98%;
	}
	
	#footer {
		width: 98%;
	}
}

@media (min-width: 760px) and (max-width: 940px) {	
	#menu  {
		background: url("images/menue.png") repeat;
		width: 100%;
		margin-left: -20px;
	}
	
	a.menu {
	display				: block;
	font-size			: 15px;
	margin				: 5px 10px;
	padding				: 5px 0;
	float				: left;
	color				: #f3cd84;
	}
	a.menu:hover, a.menu_on, a.menu_on:hover {
		display				: block;
		font-size			: 15px;
		margin				: 5px 10px; 
		padding				: 5px 0;
		float				: left;
		text-decoration		: underline;
	}
}

@media (max-width:760px) {
	#wrapper {
		width: 100%;
		margin-top: -50px;
	}
	
	#logo {
		background: rgba(0,0,0,0.35);
		height: 112px;
	}
	
	#logo > a > img {
		width: 50% !important;
		height: auto !important;
		margin-left:5%;
	}
	
	#garantie {
		display:none;
	}
	
	#head {
		background: #000;
		width: 100%;
		height: 130px;
	}
	
	#menu  {
		display: none;
	}
	
	#content {
		width: 100%;
		padding: 0px;
	}
	
	#inhalt {
		padding-top: 25px;
	}
	
	#inhalt, #form {
		width: 95%;
		padding-left: 5px;
		margin-right: 0 !important;
	}
	
	#form {
		padding-bottom: 20px;
	}
	
	#mobile_nav {
		display: block;
		padding:7px;
		font-weight:bold;
	}
	
	#footer {
		width: 100%;
		height: 100%;
		padding: 5px 0px 5px 5px;
		font-size: 12px;
		display: inline-block;
		background-color: #584638;
	}
	
	#footer li:last-child {
		padding: 10px 0px;
		width: 100%;
	}
	
	#footer img {
		display: none;
	}
	
	#firma {
		font-size: 12px;
	}
	
	input, textarea {
		max-width: 100% !important;
	}
}