body {
	font-family			: Arial, sans-serif;
	font-size			: 10px;
	color				: #333333;
	background			: url(images/background.jpg);
	margin				: 0px;
	text-align			: center;
}

/*
	blau: #004179
*/

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

table {
	border-spacing		: 0;
	font-size			: 1.3em;
}
	td {
		font-family			: Arial, sans-serif;
		color				: #333333;
		vertical-align		: top;
	}
	td.weiss {
		font-family			: Arial, sans-serif;
		color				: #ccc;
		vertical-align		: top;
	}


p { 
	margin				: 1em 0; 
	font-size			: 1.2em;
}

div {
	text-align			: justify;
}

h1 {
	font-size 			: 1.8em;
	color				: #004179;
	margin-bottom		: 1em;
	font-weight			: normal;
	text-align			: left;
}

	h2 {
		font-size			: 1.3em;
		color				: #004179;
		margin				: 0 0 1em 0;
	}
	
ul { margin-left			: 1.3em; }
	
	li {
			font-size	: 1.2em;
			margin-left	: 1em;
	}

a {
	color				: #333333;
	font-weight			: bold;
	text-decoration		: none;
}

a:hover { 
	color				: #005596;
}

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				: #666666;
	border				: 1px solid #c9c9c9;
	background			: #f1f1f1;
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 7px;
}

	input.on {
		font-family			: Arial, sans-serif;
		color				: #054781;
		border				: 1px solid #054781;
		background			: #FFFFFF;
		margin				: 1px 0;
		font-size			: 1em;
	}

	input.error, select.error, textarea.error {
		border				: 1px solid #FF0000;
		background-color	: #FFFCE2;
	}
	
	input.button {
		background			: url(images/button_off.jpg) no-repeat;
		width				: 191px;
		height				: 29px;
		border				: none;
		color				: #d4e1ed;
		text-shadow			: #004179 1px 1px 1px;
		font-weight			: bold;
		font-size			: 1.2em;
	}
		input.button:hover {
			background			: url(images/button_on.jpg) no-repeat;
			width				: 191px;
			height				: 29px;
			border				: none;
			color				: #FFFFFF;
			text-shadow			: #004179 1px 1px 1px;
			font-weight			: bold;
			font-size			: 1.2em;
		}

/* --------------- SEITENAUFBAU --------------- */

/* HINTERGRUND */
#hintergrund_oben {
	position			: absolute;
	top					: 0px;
	left				: 0px;
	height				: 88px;
	width				: 100%;
	background-image	: url(images/bg_oben.png);
	background-repeat	: repeat-x;
}

/* ZENTRIERUNG */
#wrapper {
	width				: 1020px;
	height				: 971px;
	margin-left			: auto;
	margin-right		: auto;
}

/* TOP */
#top {
	float				: left;
	position			: relative;
	top				: 0px; 
	left				: 0px;
	z-index				: 10;
}
#logo {
	float				: left;
	width				: 1020px;
	height				: 0px;
	position			: relative;
	top					: 8px; 
	left				: 0px;
	padding				: auto auto;
	z-index				: 11;
}


#gaspreisleiste {
	position			: absolute;
	top					: 25px; 
	left				: 370px;
	color				: #FFF;
	font-size			: 1.1em;
}

#email_eingabe {
	float				: left;
	background-color		: transparent;
	color				: #FFF;
	border				: 0px;
	width				: 200px;
}

#abschicken {
	float				: right;
	width				: 74px;
	height				: 19px;
	color				: #FFF;
	border				: 0px;
	margin-top			: 0px;
	background			: url(images/abschicken_button.png) no-repeat;
}

#staedte {
	position			: absolute;
	top					: 20px; 
	left				: 730px;
	color				: #FFF;
}

#preise {
	position			: absolute;
	top					: 20px; 
	left				: 850px;
	color				: #FFF;
	width				: 80px;
}

/* HINTERGRUND BOX */
#hintergrund_box {
	float				: left;
	position			: relative;
	left				: 40px;
	width				: 942px;
	background			: url(images/box_bg_middle.png) repeat-y;
}

#box_bg {
	width				: 942px;
}

/* WECHSELBILD */
#wechselbildbereich {
	position			: absolute;
	z-index				: 10;
	top					: 56px;
	left				: 20px;
	width				: 901px;
	height				: 182px;
	overflow			: hidden;
}

#box_wechselbild {
	position			: absolute;
	top					: 20px;
	left				: 60px;
	width				: 901px;
}

#wechselbild {
	position			: absolute;
	top					: 24px;
	left				: 64px;
	width				: 893px;
}

/* MITTE */
#mitte {
	position			: absolute;
	top					: 245px;
	left				: -40px;
	width				: 901px;
}

#box_info {
	position			: absolute;
	top					: 0px;
	left				: 60px;
	width				: 901px;
}

#punkt1 {
	position			: absolute;
	top					: 10px;
	left				: 180px;
}

#punkt2 {
	position			: absolute;
	top					: 10px;
	left				: 340px;
}

#punkt3 {
	position			: absolute;
	top					: 10px;
	left				: 480px;
}

#punkt4 {
	position			: absolute;
	top					: 10px;
	left				: 680px;
}

#telefon {
	position			: absolute;
	top					: 6px;
	left				: 727px;
}

#text_info_umbau {
	position			: absolute;
	top					: 8px;
	left				: 100px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 1.3em;
	font-weight			: 700;
}

#text_info_einbau {
	position			: absolute;
	top					: 8px;
	left				: 235px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 1.3em;
	font-weight			: 700;
}

#text_info_garantie {
	position			: absolute;
	top					: 8px;
	left				: 390px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 1.3em;
	font-weight			: 700;
}

#text_info_abgas {
	position			: absolute;
	top					: 8px;
	left				: 525px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 1.3em;
	font-weight			: 700;
}

#text_info_rufnummer {
	position			: absolute;
	top					: 8px;
	left				: 747px;
	font-weight			: 100;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 1.3em;
}

#text_servicenummer {
	position			: absolute;
	top					: 8px;
	left				: 845px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 1.3em;
	font-weight			: 700;
}

/* WRAPPER FUER NAVIGATIONS UND KONTAKT BEREICH */
#wrapper_navigation_kontakt {
	float				: left;
	width				: 227px;
	margin				: 292px 0 0 20px;
}

/* NAVIGATION */
#navigationsbereich {
	float				: left;
	width				: 227px;
}

.menu {
	display				: block;
	width				: 153px;
	height				: 16px;
	padding				: 7px 35px;
	margin-top			: -1px;
	font-size			: 1.2em;
	font-weight			: normal;
	text-shadow			: #FFFFFF 1px 1px 1px;
	background			: url(images/button_inaktiv.png);
}
.menu:hover, .menu_on, .menu_on:hover {
	display				: block;
	width				: 153px;
	height				: 16px;
	padding				: 7px 35px;
	margin-top			: -1px;
	font-size			: 1.2em;
	font-weight			: normal;
	color				: #FFFFFF;
	text-shadow			: #004179 1px 1px 1px;
	background			: url(images/button_aktiv.png);
}

/* KONTAKTBOX */
#kontakt_bereich {
	float				: left;
	width				: 187px;
	height				: 178px;
	padding				: 10px 20px;
	margin				: 15px 0;
	background			: url(images/box_anschrift.png) no-repeat;
}

/* CONTENT */
#content {
	float				: left;
	width				: 661px;
	margin				: 292px 0 0 13px; 
}

	#content_wasserzeichen {
		position			: absolute;
		bottom				: 20px;
		right				: 20px;
	}

/* RECHNER */
.select_breite {
	width				: 60px;
}

#tabelle_links {
	float				: left;
	width				: 300px;
	margin-right		: 20px;
}

#tabelle_rechts {
	float				: right;
	width				: 300px;
}

#eingabetabellen {
	float				: left;
}

#linie {
 	clear				: both;
	background-color	: #000;
	height				: 1px;
	width	 			: 620px;
}

#auswertung {
	margin-top			: 20px;
}

#kontaktformular td {
	vertical-align		: middle;
}

/* FAHRZEUGGALLERIE */
a.fahrzeug {
	display		: inline-block;
	color		: #c8c8c8;
	font-size	: 12px;
	padding		: 0 10px 0 12px;
	background	: url(images/pfeil.png) left 2px no-repeat;
}
a.button {
	text-align			: center;
	width				: 191px;
	padding				: 7px 50px;
	height				: 29px;
	background			: url(images/button_off.jpg) no-repeat;
	border				: none;	
	text-decoration		: none;
	font-size			: 1.2em;
	color				: #d4e1ed;
	text-shadow			: #004179 1px 1px 1px;
}
a.button:hover, a.button_on, a.button_on:hover {
	text-align			: center;
	width				: 191px;
	padding				: 7px 50px;
	height				: 29px;
	background			: url(images/button_on.jpg) no-repeat;
	border				: none;	
	text-decoration		: none;
	font-size			: 1.2em;
	color				: #FFFFFF;
	text-shadow			: #004179 1px 1px 1px;
}


td.e-bike {
	padding			: 5px 0;
	border-bottom	: 1px solid #ccc;
}

.markenliste {
	float			: left;
	width			: 100px;
}

.transparent {
	position		: absolute;
	z-index			: 1;
	left			: 0px;
	top				: 0px;
	width			: 180px;
	height			: 180px
}