/* ---------------------------------------------------------- Allgemeines HTML */
html, body {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg-body.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #8694a1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #313941;
}


h2 {
	display: block;
	width: 158px;
	height: 16px;
	padding: 4px;
	font-size: 14px;
	line-height: 18px;
	margin: 5px 0px 0px 0px;
	color: #fff;
	font-weight: bold;
	background-color: #59626d;
	
}
h2.long {
	width: 715px;
}
h3 {
	font-size: 14px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
p {
	font-size: 12px;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
}

/* ---------------------------------------------------------- Grundgestaltung */

#wrapper {
	width: 971px;
	min-height: 821px;
	margin: 11px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/bg-wrapper.gif);
	background-repeat: repeat-y;
}
#headline {
	display: block;
	float: left;
	width: 370px;
	height: 370px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	background-color: #e2eaf4;
	border-bottom: 1px solid #5f6974;
}
#headline h1 {
	display: block;
	clear: left;
	width: 371px;
	height: 139px;
	margin: 0px;
	text-indent: -9000px;
	background-image: url(../images/logo.gif);
}
#flashdiv {
	float: left;
	width: 601px;
	height: 371px;
	margin: 0px;
	background-image: url(../images/bg-flashdiv.jpg);
}
#flashreplacement {
	border-left: 1px solid #eee;
}
#navis {	
	clear: left;
	float: left;
	width: 370px;
	height: 400px;
	margin: 0px;
	overflow: hidden;
}


#content {
	float: left;
	width: 521px;
	min-height: 364px;
	margin: 0px 0px 0px 0px;
	padding: 33px 39px 40px 41px;

}
.contentbg {
	float: left;
	width: 353px;
	min-height: 384px;
	margin: 0px 0px 0px 0px;
	padding: 33px 207px 0px 41px;
	background-color: #d9e2ed;
	background-image: url(../images/bg-startcontent.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #d9e2ed;
}
#content h1, .contentbg h1 {
	display: block;
	width: 521px;
	height: 50px;
	text-indent: -9000px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

h1#modelle { background-image: url(../images/h-modelle.gif); height: 30px;}
h1#models { background-image: url(../images/h-models.gif); height: 30px;}
h1#willkommen { background-image: url(../images/h-willkommen.gif);}
h1#welcome { background-image: url(../images/h-welcome.gif);}
h1#toilettenentsorgungsfahrzeuge { background-image: url(../images/h-toilettenentsorgungsfahrz.gif);}
h1#toiletserviceunit { background-image: url(../images/h-toiletserviceunit.gif);}
h1#wasserversorgungsfahrzeuge { background-image: url(../images/h-wasserversorgungsfahrzeug.gif);}
h1#waterserviceunit { background-image: url(../images/h-waterserviceunit.gif);}
h1#hydrantenreinigung { background-image: url(../images/h-hydrantenreinigung.gif);}
h1#pitcleaner { background-image: url(../images/h-pitcleaner.gif);}
h1#oelversorgung { background-image: url(../images/h-oelversorgung.gif);}
h1#oildispenser { background-image: url(../images/h-oildispenser.gif);}
h1#hcatering { background-image: url(../images/h-catering.gif);}
h1#htunnelreinigung { background-image: url(../images/h-tunnelreinigung.gif);}
h1#htunnelwashing { background-image: url(../images/h-tunnelwashing.gif);}
h1#hstrassenreinigung { background-image: url(../images/h-strassenreinigung.gif);}
h1#hstreetcleaning { background-image: url(../images/h-streetcleaning.gif);}
h1#hleitschienen { background-image: url(../images/h-leitschienen.gif);}
h1#hrailguide { background-image: url(../images/h-railguide.gif);}
h1#hunternehmen { background-image: url(../images/h-unternehmen.gif);}
h1#hcompany { background-image: url(../images/h-company.gif);}
h1#hkontakt { background-image: url(../images/h-kontakt.gif);}
h1#hcontact { background-image: url(../images/h-contact.gif);}
h1#himpressum { background-image: url(../images/h-impressum.gif);}
h1#himprint { background-image: url(../images/h-imprint.gif);}
h1#hstellenangebote { background-image: url(../images/h-stellenangebote.gif);}
h1#hjobs { background-image: url(../images/h-jobs.gif);}
h1#hanfahrt { background-image: url(../images/h-anfahrt.gif);}
h1#hroute{ background-image: url(../images/h-route.gif);}
h1#f404 { background-image: url(../images/h-f404.gif);}
h1#e404 { background-image: url(../images/h-e404.gif);}

.spalte {
	float: left;
	width: 165px;
	margin: 0px 13px 0px 0px;
}
.zweispalten {
	float: left;
	width: 323px;
	margin: 0px 13px 0px 0px;
}
.spalte.bilder {
	margin: 0px 0px 0px 0px;
}
.spalte.nurbilder {
	margin: 0px 0px 0px 0px;
}
.spalte.nurbilder img {
	margin: 5px 0px 15px 0px;
}
.spalte.last {
	margin: 0px;
}
.spalte img {
	border: 1px solid #7b8794;
}
.spalte a:hover img {
	border: 1px solid #3b3f44;
}
.spalterechts {
	float: right;
	width: 164px;
	margin: 5px 0px 0px 20px;
}
.spalterechts img {
	border: 1px solid #7b8794;
	margin: 0px 0px 10px 0px;
}
.optionen {
	float: left;
	width: 270px;
}
.daten {
	float: left;
	width: 425px;
}
.daten.long {
	float: none;
	width: 720px;
}
img.left {float: left; margin: 5px 20px 0px 0px;border: 1px solid #7b8794;}
img.right {float: right; margin: 5px 0px 0px 20px;border: 1px solid #7b8794;}


/* ---------------------------------------------------------- Routenplaner */

#route table {
	float: right;
	width: 220px;
	margin: 0px 0px 0px 40px;
	font-size: 11px;
	line-height: 24px;
}
form {
	margin: 0px;
	padding: 0px;
}
#route input {
	width: 220px;
	border:1px solid #59626d;
	background:#fcfcfc url(../images/form-hg.png) repeat-x;
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#route input#submit2 {					/* Gestaltung des Submit-Buttons */
	padding:2px;
	background: #cd1429;
	color: #fff;
	cursor:pointer;
	border: 1px solid #fff;
	margin: 6px 0px 0px 0px;
}

#route input#submit2:hover {
	background: #a10819;
	border: 1px solid #fff;
	color: #fff;
}
.route-start td, .route-ziel td{
	background-color: #59626d;
	line-height: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
    padding-left: 5px;
	color: #fff;
	letter-spacing: 1px;
	margin: 0px 0px 5px 0px;
}




/* ---------------------------------------------------------- Footer */

#footer {
	clear: left;
	display: block;
	width: 971px;
	height: 30px;
	margin: 0px auto 11px auto;
	background-image: url(../images/bg-footer.gif);
}
#footer p {
	float: left;
	width: 706px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	text-indent: -9000px;
	background-image: url(../images/footertext.gif);
}



/* ---------------------------------------------------------- Allgemeine Styles */

#content .smaller p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.dicker {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
}
table caption {
	display: none;
}
:focus {
 outline: 0;
}
.close {
	float: right;
	margin: 5px;
}
.clearer {
	clear: both;    
	display: block; 
    height: 0; 
}
.clearer2 {
	clear: both;    
	display: block; 
    height: 20px; 
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #59626d;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


a, a:link, a:visited, a:active {
	font-weight: bold;
	font-size: 11px;
	color: #cd1429;
	text-decoration: none;
	text-transform: uppercase;
}
a:hover {
	color: #cd1429;
	text-decoration: underline;
}

a img {
	border: 1px solid #7b8794;
}

a img:hover {
	border: 1px solid #3b3f44;
}
#euroweb {
	margin-left: 0px;
	margin-top: 0px;
}