/* ----------------------------------------------------------------------
Titel:     Basic CSS
Autor:     Dennis Nicolai, d.nicolai*gmx.de
Updated:   24.03.06
---------------------------------------------------------------------- */
/* HTML Elemente vorbelegen */
html, body, form, fieldset, legend, label, input, select, textarea {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.90em;
	line-height: 1.2em;
	border: none;
}
form label {
	cursor: pointer;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address, code {
	margin: 0;
	padding: 0;
}
ul, ol, dl, li, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
img, a img {
	margin: 0;
	padding: 0;
	border: none;
}
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:active {
	color: #000;
	text-decoration: underline;
}
table, tr, td, th, caption {
	margin: 0;
	padding: 0;
}
/* ---------------------------------------------------------------------- */
/* nuetzliche Klassen */
.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
	display: inline;
}
.hidden {
	display: none;
}
/* ---------------------------------------------------------------------- */

body {
	background-color: #fffff0;
}

#centerHeight { 
	background-color: transparent; 
	position: absolute; 
	top: 50%;
	bottom: 50%;
	left: 0px;
	width: 100%;
	margin-top: -300px;
	text-align: center; 
	min-width: 900px; 
	}
#centerWidth { 
	margin: 0px auto;
	position: relative; 
	text-align: left; 
	width: 800px; 
	height: 600px;
	}
#main {
	width: 800px;
	height: 600px;	
	background-color: #fffff0;
	background-image: url(../media/bg_main_10.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}

#head {
	width: 800px;
	height: 90px;
	display: block;
}	

#headlines {
	float: left;
}

#headlines h1 {
	margin: 15px 0 0 15px;
	_margin: 15px 0 0 10px;
	width: 480px;
	height: 40px;
	background-image: url(../media/bg_headline_10.gif);
	background-position: left top;
	background-repeat: no-repeat;
	
	}

#headlines h1 span { 
	display: none;
	}
	
#headlines h2 {
	margin: 10px 0 0 20px;
	_margin: 10px 0 0 20px;
	width: 360px;
	height: 20px;
	background-image: url(../media/bg_subheadline.gif);
	background-position: left top;
	background-repeat: no-repeat; 
	}

#headlines h2 span { 
	display: none;
	}
	
#logos {
	margin: 10px 25px 0 0;
	_margin: 10px 25px 0 0;
	float: left;
	}

#logos img {
	margin: 0 0 0 10px;
	}

#content {
	margin: 0 0 0 0;
	float: left;
}
	
#content #left {
	width: 160px;
	margin: 300px 0 0 40px;
	_margin: 300px 0 0 30px;
	float: left;
	} 
	
#content #right {
	margin: 43px 50px 0px 50px;
	_margin: 43px 30px 0px 0px;	
	width: 500px;	
	float: right;
	

	_position: absolute;
	_top: 100px;
	_left: 50%;
	_margin-left: -150px;
	
	}
	
#content p {
	margin: 0 0 15px 0;
}

#content #flash {
	margin: 0px 0 0 0px;
	padding: 0px 0 0 0px;
	position: absolute;
	top: 110px;
	/*_position: relative;*/
	left: 450px;
	/*_left: 200px;*/
	
}

#content a.getOffers {
	margin: 20px 0 0 0;
	width: 350px;
	height: 65px;
	display: block;
	background-image: url(../media/bg_getOffers_09.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#content a:hover.getOffers {
	margin: 20px 0 0 0;
	width: 350px;
	height: 65px;
	display: block;
	background-image: url(../media/bg_getOffers_mo_09.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#content a.getOffers span {
	display: none;
}
	
#footer {
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	font-size: 0.85em;
	position: absolute;
	left: auto;
	top: 545px;
}

#impressum {
	margin: 20px;
	font-size: 0.85em;
}

#impressum h1 {
	width: 100px;
	height: 30px;
	background-image: url(../media/bg_headline_impressum.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#impressum h1 span {
	display: none;
}

#bestellformular {
	margin: 6px 0 0 0;
	display: block;

}