/**
 * caramba.css
 */
 
 
/* -- Reset ----------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }


/* -- General Definitions --------------------------------------------------- */
body {
	background-color: #dedede;
	font: 12px/1.2em Verdana, Arial, sans-serif;
}

img { display: block; }

a, a:visited, a:active {
	color: #898989;
	text-decoration: none;
}

a:hover { color: #c10435; }

h2, h4, p { margin-bottom: 1.2em; }

h2 { font-size: 16px; }

h3 {
	width: 145px;
	float: left;
}


/* -- Structure ------------------------------------------------------------- */
#header, #stage, #content, #footer {
	width: 966px;
	margin: 0 auto;
	color: #898989;
}

#header {
	padding: 0 3px;
	background: url(../images/layout/background.png) 0 -3px no-repeat;
	height: 126px;
}

	#header h1 {
		width: 125px;
		height: 86px;
		background: url(../images/CAR_Gruppe_3D_125x86_RGB.jpg) no-repeat scroll 0 50% transparent;	
		text-indent: -2000px;
		margin-left: 800px;
		padding-top: 30px;
	}


#stage {
	padding: 1px 3px 0;
	background: url(../images/layout/background.png) no-repeat;
	position: relative;
	}	
	
	#stage-content {
		position: absolute;
		top: 35px;
		left: 185px;
		width: 50%;
		height: 145px;
		padding: 20px 15px;

		background-color: #f4f4ff;
		color: #666;

		/* Sorry, this part is no W3C valid CSS ... */
		filter:alpha(opacity=90);
		-moz-opacity:0.90;
		-khtml-opacity: 0.90;
		opacity: 0.90;
		}
		
		#stage-content h2 { font-size: 12px; }		

	ul#navigation {
		float: left;
		}	

		ul#navigation li {
			position: relative;
			width: 160px;
			height: 80px;
			margin: 0 5px 5px 0;
			font-size: 13px;
			color: #c10435;
			background: url(../images/layout/bg_navigation.png) no-repeat;
			vertical-align: bottom; /* fixes IE spacing bug */
			}

			ul#navigation li a, ul#navigation li div {
				position: absolute;
				bottom: 15px;
				right: 20px;
				display: block;
				font-weight: bold;
				text-align: right;
			}
			
			ul#navigation li div a { position: static; }
			
			ul#navigation li div a.subnav, ul#navigation li span.subnav {
				font-size: 11px;
				position: static;
				display: block;
				margin-top: 1.2em;			
			}

		ul#navigation li.last { margin-bottom: 0; }
		

#content {
	width: 926px;
	padding: 30px 23px;
	background: url(../images/layout/background.png) no-repeat;	
	clear: both;
}	


#footer {
	margin-top: 1em;
	text-align: center;
	font-size: 10px;
}

.box-bottom, .box-bottom-rounded {
	height: 5px;
	width: 966px;
	margin: 0 auto;
	padding: 0 3px;
	background: url(../images/layout/box_bottom.png) no-repeat;	
}

.box-bottom-rounded {
	height: 10px;
	background: url(../images/layout/box_bottom_rounded.png) no-repeat;	
}


/* -- Brands --------------------------------------------------------------- */
#brands {
	margin-left: 150px;
	}

	#brands .brand {
		width: 235px;
		padding: 10px;
		float: left;
		overflow: hidden;
		border: 1px solid #acacac;
		border-right: none;
		}
		#brands .brand img { padding: 0 20px 20px; }
	
	#brands .last { border-right: 1px solid #acacac; }
	
	#wigo h4,         #wigo a         { color: #1E9E9F; }
	#caramba h4,      #caramba a      { color: #D0003C}
	#tegee-rumler h4, #tegee-rumler a { color: #DD291A; }
	#maurer { border-top: none !important; }
	#maurer h4, #maurer a { color: #DD291A; }


/* -- Contact-Form --------------------------------------------------------- */
form { margin-left: 150px; }

fieldset {
	width: 385px;
	float: left;
}

label {
	width: 115px;
	float: left;
	margin-bottom: 1em;
	}

	label .required {
		font-weight: bold;
		color: #c10435;
	}

input, textarea { 
	margin-bottom: 1em;
	font: inherit;
	border: 1px solid #acacac;
}
input         { width: 210px; }
#message      { width: 250px; height: 5em; }
#submit       { width: auto; margin-top: 1em; }