﻿html {
	height:		100%;
	width:		100%
}
body {

	font:		100% Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	line-height:	19px;
	background:	#000000;
	margin:		0;
	padding:	0;
	text-align:	center;
	color:		#000000;
	height:		100%;
	width:		100%;
}

.oneColElsCtrHdr #container {
	background: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
}


.oneColElsCtrHdr a {
	color: #c70000;
}

.oneColElsCtrHdr #header {
	height: 450px;
	background-image:url(img/bg-header.gif);
	background-repeat:repeat-x; 
}
.oneColElsCtrHdr #header-small {
	height: 290px;
	background-image:url(img/bg-header.gif);
	background-repeat:repeat-x; 
}
.oneColElsCtrHdr #rotator-starteite {
	background-image:url(img/big-picture-startseite.jpg);
	background-repeat:no-repeat;
	height: 342px;
	width: 852px;
	margin: 0 auto;
}
.oneColElsCtrHdr #rotator-unternehmen {
	background-image:url(img/big-picture-unternehmen.jpg);
	background-repeat:no-repeat;
	height: 342px;
	width: 852px;
	margin: 0 auto;
}
.oneColElsCtrHdr #rotator-kontakt {
	background-image:url(img/small-picture-slogan.jpg);
	background-repeat:no-repeat;
	height: 184px;
	width: 852px;
	margin: 0 auto;
}
.oneColElsCtrHdr #rotator-lkw {
	background-image:url(img/big-picture-lkw.jpg);
	background-repeat:no-repeat;
	height: 342px;
	width: 852px;
	margin: 0 auto;
}
.oneColElsCtrHdr #navigation {
	vertical-align:middle;
	width: 780px;
	padding: 20px;
	height: 62px;
	margin: 0 auto;
} 
.oneColElsCtrHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
.oneColElsCtrHdr #mainContent {
	padding: 0 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background: #FFFFFF;
	width: 780px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.oneColElsCtrHdr #footerContent {
	width: 100px;
	margin: 0 auto;
	padding-top: 25px;
}
.oneColElsCtrHdr #maintext {

	width: 780px;
}

.oneColElsCtrHdr #maintext li{
	margin-bottom:10px;
}

.oneColElsCtrHdr #maintext h1 {
	font-size: 14pt;
	font-weight:normal;
	margin-bottom: 20px;
}

.oneColElsCtrHdr #maintext h2 {
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 15px;
}

.oneColElsCtrHdr #maintext h3 {
	font-size: 13px;
	font-weight:bold;
	margin-bottom: 15px;
}

.oneColElsCtrHdr #footer { 
	height: 86px;
	background:#000000;
	background-image:url(img/bg-footer.gif);
	color: #818181;
} 
.oneColElsCtrHdr #footer p {
 	margin: 0;
}



/* Form */

#form_box {
	width: 400px;
	margin-top: 10px;
	margin-bottom: 2px;
}
 
#form_box div {
	padding: 5px 0px;
}
 
#form_box div.hr {
	height: 0px;
	margin-top: 0pt;
	margin-bottom: 7px;
}
 
#form_box p {
	float: left;
	margin: 4px 0pt;
	width: 120px;
}
 
 
#log {
	width: 400px;
	margin-top: 10px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(ajax-loader.gif) no-repeat center;
}