body {
	font-family			: Arial, sans-serif;
	font-size			: 10px;
	color				: #575757;
	margin				: 0px;
	background			: url(images/bg.png) repeat-x #ede8e1;
}

/* Farben
	text braun-grau #575757
	text rot #811515
	text hellbraun #907F6B
*/

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

table {
	border-spacing		: 0;
}

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

p { 	
	margin				: 1em 0; 
	text-align			: justify;
}

div {
	text-align			: left;
}
div.box-leistungen {
	background			: url(images/box_leistungen.png);
	width				: 370px;
	height				: 134px;
	padding				: 22px 0px;
	margin-top			: 35px;
}

h1 {
	font-size 			: 1.7em;
	color				: #575757;
	margin-bottom		: 1em;
	font-weight			: normal;
}
h2 {
	font-size			: 1.5em;
	color				: #811515;
	margin				: 1em 0;
	font-weight			: normal;
}

a {
	color				: #907F6B;
	font-weight			: bold;
	text-decoration		: none;
}
a:hover { color			: #831516; }

a.link {
	background			: url(images/pfeil.png) no-repeat 0 4px;
	padding-left		: 15px;
}
a.link:hover { color			: #831516; }

a.menu {
	display				: block;
	font-size			: 12px;
	float				: left;
	margin-top			: 55px;
	width				: 97px;
	height				: 32px;
	color				: #5B4E3B;
	padding-top			: 15px;
	text-align			: center;
}
a.menu:hover, a.menu_on, a.menu_on:hover {
	color				: #831516;
	background			: url(images/menu_hover.png);
}

li { text-align:left; }

ul.leistungen li {
	list-style-type	: none;
	background:url(images/haken.png) no-repeat;
	padding-left:20px;
	padding-top:6px;
	margin-bottom:4px;
	color:#8e7f6b;
	font-weight:bold;
}

.email {
	display				: none;
}
#menu {
	width				: 680px;
	height				: 128px;
	float				: right;
	padding				: 0 21px;
	background			: url(images/menu_bg.png) repeat-x;
}

#content {
	float				: left;
	width				: 640px;
	padding				: 10px;
	font-size			: 1.2em;
}
#contentRechts {
	float				: right;
	width				: 330px;
}

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

ul { margin-left			: 1.3em; }

textarea, input, select, input.off {
	font-family			: Arial, sans-serif;
	color				: #575757;
	border				: 1px solid #d3cbc1;
	background			: #f8f6f4;
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 7px;
}
input.on {
	font-family			: Arial, sans-serif;
	color				: red;
	border				: 1px solid red;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}
input.link {
	background			: url(images/pfeil.png) no-repeat 0 4px;
	border				: none;
	padding				: 0 0 0 12px;
	margin-right		: 20px;
}
input.link:hover {
	color				: #811515;
}

/* rechte Box */
#reiterLeistungen {
	float				: left; 
	width				: 138px; 
	height				: 14px;
	padding				: 23px 0;
	font-size			: 1.6em;
	color				: #8F7E6C; 
	text-align			: center;
	cursor				: pointer;
	background			: url(images/reiter-leistungen_off.png) no-repeat;
}
	#reiterLeistungen:hover {
		color				: #811515;
	}
	
	.reiterLeistungen_on {
		color				: #811515 !important;
		background			: url(images/reiter-leistungen_on.png) no-repeat !important;
	}

#reiterService {
	float				: left; 
	width				: 172px; 
	height				: 14px;
	padding				: 23px 0 23px 20px; 
	font-size			: 1.6em; 
	color				: #8F7E6C; 
	cursor				: pointer;
	background			: url(images/reiter-service_off.png) no-repeat;
}

	#reiterService:hover {
		color				: #811515 !important;
	}
	.reiterService_on {
		color				: #811515 !important;
		background			: url(images/reiter-service_on.png) no-repeat !important;
	}

#reiterInhalt {
	float				: left; 
	width				: 270px; 
	height				: 135px; 
	padding				: 0 30px; 
	font-size			: 1.2em; 
	background			: url(images/box_rechts.png) no-repeat;
}
#adressblock {
	float				: left;
	padding				: 0 0 10px 6px;
}
	#adressblock, #adressblock td, #adressblock a {
		color				: #907F6B;
		font-size			: 12px;
	}

	#adressblock a:hover {
		color			: #831516;
	}

	.hl {
		font-size			: 1.4em;
		margin				: 1.4em 0 0 0;
	}

/* Bilderwechsel */
#wechselbildbereichrahmen {
	float				: left;
	position			: relative;
	width				: 1000px;
	height				: 502px;
	margin				: 10px 0px 10px 0px;
}
#wechselbildbereich {
	float				: left;
	position			: relative;
	z-index				: 10;
	overflow			: hidden;
	width				: 1000px;
	height				: 502px;
	background			: url(images/bilderwechsel_rahmen2.png) no-repeat;
}

#box_wechselbild {
	position			: absolute;
	top					: 20px;
	left				: 60px;
	width				: 901px;
}

#wechselbild {
	position			: absolute;
	top					: 24px;
	left				: 64px;
	width				: 893px;
}

#bw_pfeil_rechts {
	background			: url(images/pfeil_rechts.png) no-repeat;
	width				: 73px;
	height				: 109px;
	position			: absolute;
	z-index				: 25;
	left				: 939px;
	top					: 200px;
}
#bw_pfeil_rechts:hover {
	cursor				: pointer;
	/*background			: url(images/pfeil_rechts_on.png) no-repeat;*/
}
#bw_pfeil_links {
	background			: url(images/pfeil_links.png) no-repeat;
	width				: 73px;
	height				: 109px;
	position			: absolute;
	z-index				: 25;
	left				: -12px;
	top					: 200px;
}
#bw_pfeil_links:hover {
	cursor				: pointer;
	/*background			: url(images/pfeil_links_on.png) no-repeat;*/
}

/* Footer */
.footerBox {
	float				: left; 
	width				: 934px; 
	height				: 204px; 
	padding				: 30px 32px;
}
.footerHeadline {
	width				: 938px;
	margin-bottom		: 10px;
}
.lieferantenLogos {
	float				: left;
	margin				: 10px 39px 0 38px;
}
div.box-bild {
	float			: left;
	margin-right	: 32px;
}
span.produkt{
	color			: #5b4e3d;
	font-size		: 14px;
}

span.lieferant {
	color			: #8e7f6b;
}