/* allgemeine CSS-Angaben ***/

	html,body
	{
		height: 100%;
	}


	body
	{
		font-family:Arial,Helvetica,Verdana,sans-serif;
		font-size:12px;
		font-weight:normal;
		text-align:justify;
		color:#000000;
		padding:0px;
		margin:0px;
		background: #E5EEF3 url(images/public/background.gif) no-repeat top center;
	}

	img
	{
		border:0px solid #AAAAAA;
		margin:0px;
		padding:0px;
	}


	td
	{
		vertical-align:top;
		text-align:justify;
		font-size:12px;
		font-weight:normal;
	}


	hr
	{
		height:1px;
		width:100%;
		text-align:justify;
	}



 /* Überschriften und Absätze ***/

	p
	{
		font-size:		12px;
		font-weight:	normal;
		line-height:	150%;
		margin:			0 0 20px 0;
		text-align:		justify;
	}

	h1
	{
		border-left:	10px solid;
		color:			#00548D;
		font-size:		18px;
		font-weight:	bold;
		margin: 			0 0 20px 0;
		padding-left:	10px;
	}


	h2
	{
		color:			#000;
		font-size:		16px;
		font-weight:	bold;
		margin:			0 0 20px 0;
	}


	h3
	{
		font-size:14px;
		font-weight:bold;
		margin:0px;
	}


	h4
	{
		font-size:12px;
		font-weight:bold;
		margin:0px;
	}


	h5
	{
		font-size:10px;
		font-weight:bold;
		margin:0px;
	}


	h6
	{
		font-size:8px;
		font-weight:bold;
		margin:0px;
	}



 /* Listen ***/

	ul
	{
		margin:0px;
		padding:0px;
		padding-left:16px;
	}

	ol
	{
		margin:0px;
		padding:0px;
		padding-left:20px;
	}


	li
	{
		padding:0px;
		margin:0px;
	}



 /*** Formulare ***/

	input.checkbox
	{
	}
	
	input.radio {
		margin-left: 20px;
	}

	input.text {
		border: 1px solid #00548D;
		width: 270px;
		height: 25px;
		line-height: 25px;
	}

	textarea.textarea {
		font-family:Arial,Helvetica,Verdana,sans-serif;
		font-size:12px;
		border: 1px solid #00548D;
		width: 420px;
		height: 85px;
		float: left;
	}



 /* Links */

	a:link,a:visited
	{
		color:#333333;
		text-decoration:underline;
	}

	a:hover
	{
		color:#666666;
		text-decoration:underline;
	}


	a.testlink:link, a.testlink:visited
	{
		color:#666666;
		text-decoration:none;
		border-bottom:1px dashed black;
		padding-left:15px;
		background-image:url(images/public/spotnav_active.gif);
		background-repeat:no-repeat;
	}

	a.testlink:hover
	{
		color:black;
		text-decoration:none;
		border-bottom:1px solid black;
		background-image:url(images/public/spotnav.gif);
		background-repeat:no-repeat;
	}



 /* Layout der Website ***/

	#top
	{
		width:		100%;
		background:	url(images/public/header_bg.gif) no-repeat top center;
		height:		260px;
	}

	#bottom
	{
		width: 100%;
		margin-top: -5px;
	}

	div#container
	{
		width:		965px;
		margin:		0 auto;
		text-align:	left;
		padding:		10px;
	}
	
	div#header
	{
		width:			985px;
		height:			100%;
		margin:			0 auto;
		text-align:		left;
		background:		url(images/public/header.jpg) no-repeat;
	}

/*	div#content
	{
		width:570px;
		float:right;
		background-color:#efefef;
		padding:10px;
	}
*/
 /* Farben und Sonderformate */

	.error
	{
		color:#FF0000;
		font-weight:bold;
	}


	img.floatleft
	{
		float:left;
		margin:0px 10px 5px 0px;
	}

	img.floatright
	{
		float:right;
		margin:0px 0px 5px 10px;
	}

	div#footer {
		clear: 		both;
		padding:		10px 0;
	}

	div#footer a#top, a.top {
		background:			url(images/public/top_icon.gif) no-repeat;
		color:				#00548D;
		font-weight:		bold;
		text-decoration:	none;
		padding-left:		20px;
	}

	a.download {
		background:			url(images/public/download_icon.gif) no-repeat;
		color:				#D90000;
		font-weight:		bold;
		text-decoration:	none;
		padding-left:		20px;
	}

ul.pdfDownloads { list-style-type: none; margin: 0 0 40px 0; padding: 0; }
ul.pdfDownloads li { line-height: 48px; margin-bottom: 10px; }
ul.pdfDownloads li a.pdf { background: url(/images/pages/home/PDF_icon.gif) no-repeat left center; padding: 24px 54px; }

/*** Debug ***/
/* Navigation */

ul#topleiste {
	width: 200px;
	padding-top: 18px;
	height: 20px;
	margin: 0;
	list-style-type: none;
	float: right;
}

#topleiste a {
	text-decoration: none;
}

ul#topleiste li { float: left; margin-right: 10px; text-transform: uppercase; font-size: 11px; }

div#navigation { width: 730px; float: left; }



ul#navigation { height: 28px; padding: 3px 15px 3px 0; width: 730px; margin: 10px 0 0 0; list-style-type: none;
	background: url(images/public/menu_bg.jpg) no-repeat 0 3px;
}

ul#navigation li { float: left; padding: 3px 30px 0 10px; height: 24px; }

ul#navigation li a { text-decoration: none; }

ul#navigation li.nav0active { background: url(images/public/menu_active.jpg) no-repeat top right; }



div#navigation_layer2 {
	margin: -12px 0 0 0; 
	clear: right;
	background: #f00;
}

ul#navigation_layer2 {
	float: left;
	list-style-type: none;
	background: url(images/public/nav_layer2_bg.jpg) no-repeat top right;
}

ul#navigation_layer2 li {
	margin: 0 0 0 -16px;
	height: 23px; 
	padding: 3px 10px 0 10px;
}

li.nav1last {
	background: url(images/public/nav_layer2_bottom_bg.jpg) no-repeat top right;
	height: 27px;
}

ul#navigation_layer2 li.nav1active {
	background: url(images/public/nav_layer2_active.gif) no-repeat top right;
}

ul#navigation_layer2 li.nav1activelast {
	background: url(images/public/nav_layer2_bottom_active.jpg) no-repeat top right; height: 27px;
}


ul#navigation_layer2 li a {
	text-decoration: none;
}

div#navigation_layer3 {
	margin-top: -15px;
	margin-right: 18px;
}

ul#navigation_layer3 {
	background: url(images/public/nav_layer3_bg.jpg) no-repeat top right;
	height: 24px;
	list-style-type: none;
}

ul#navigation_layer3 li {
	float: left;
	margin: 0;
	padding-right: 5px;
	padding-top: 4px;
	padding-left: 10px;
}

ul#navigation_layer3 li a {
	text-decoration: none;
	color: #00548D;
}

ul#navigation_layer3 li.nav2active {
	font-weight: bold;
}

/*** Safari ***/
ul#topleiste {
	width: 210px;
}
/*
ul#navigation_layer2, li.nav1active, li.nav1last, li.nav1activelast {
	width: 160px;
}
*/


/*** Debug ***/
div#navigation_layer2 {  }

ul#navigation_layer2 {
/*	width: 160px;
*/}

ul#navigation_layer3 {
/*	width: 600px;
*/}
 /* Spezielle CSS-Angaben ***/

/*** Sprachwahl ****/
body#intro {
	background: url(images/pages/intro/background.gif) repeat-y top center;
}

div#container.intro {
	background:	url(images/pages/intro/splash.jpg) no-repeat;
	padding:	0;
	height:		481px;
	width:		985px;
}

div#home_text
{
	width:620px;
}


div#kontakt_container {
	position: relative;
	top: 100px;
	left: 15px;
}

ul#flags {
	list-style-type: none;
	height: 38px;
	position: relative;
	top: 436px;
	left: 15px;
}

ul#flags li {
	float: left;
	margin-right: 10px;
	background: url(images/pages/intro/dummy.gif);
	background-repeat: no-repeat;
	width: 38px;
	height: 26px;
}

ul#flags li a {
	width: 38px;
	height: 26px;
}

ul#flags li a { display: block; }

ul#flags li#de a:hover { background: url(images/pages/intro/de.gif); background-repeat: no-repeat; }
ul#flags li#en a:hover { background: url(images/pages/intro/en.gif); background-repeat: no-repeat; }
ul#flags li#fr a:hover { background: url(images/pages/intro/fr.gif); background-repeat: no-repeat; }
ul#flags li#it a:hover { background: url(images/pages/intro/it.gif); background-repeat: no-repeat; }
ul#flags li#sp a:hover { background: url(images/pages/intro/sp.gif); background-repeat: no-repeat; }
ul#flags li#cr a:hover { background: url(images/pages/intro/cr.gif); background-repeat: no-repeat; }
ul#flags li#ru a:hover { background: url(images/pages/intro/ru.gif); background-repeat: no-repeat; }
ul#flags li#ch a:hover { background: url(images/pages/intro/ch.gif); background-repeat: no-repeat; }
ul#flags li#nl a:hover { background: url(images/pages/intro/nl.gif); background-repeat: no-repeat; }
ul#flags li#br a:hover { background: url(images/pages/intro/br.gif); background-repeat: no-repeat; }
ul#flags li#li a:hover { background: url(images/pages/intro/li.gif); background-repeat: no-repeat; }
ul#flags li#ks a:hover { background: url(images/pages/intro/ks.gif); background-repeat: no-repeat; }


/*** Home ****/

ul#home {
	color:				#333;
	font-size: 			15px;
	list-style-type: 	square;
	margin-bottom:		20px;
}

div#home_sidebar {
	float: 			right;
	margin-left:	20px;
	text-align:		right;
	width: 			320px;
}

div#slogantext {
	font-size:16px;
	font-weight:bold;
	color:#000;
	margin-top:20px;
	height:50px;
}


/*** Referenzen ***/

ul#referenzen_left, ul#referenzen_right {
	list-style-type:	none;
	line-height:		150%;
	width: 				455px;
}

ul#referenzen_left {
	float: left;
	margin-right: 20px;
	text-align: right;
}

ul#referenzen_right {
	float: right;
	text-align: left;
}

ul#referenzen_left li {
	padding-right: 30px;
}

ul#referenzen_right li {
	padding-left: 30px;
}

ul#referenzen_left li.firstletter, ul#referenzen_right li.firstletter {
	color:				#00548D;
	font-weight: 		bold;
	font-size: 			20px;
	padding:				0;
	position:			relative;
	text-transform:	uppercase;
	top:					18px;
}



/*** Unternehmen ***/

div#ueberuns_images {
	float: right;
	margin-left: 20px;
	width: 170px;
}

div#ueberuns_images img {
	padding-bottom: 10px;
}

div.ansprechpartner {
	line-height: 140%;
	width: 490px;
	float: left;
	margin: 0;
	height: 180px;
}

div.ansprechpartner a {
	color: #00548D;
}

div.ansprechpartner img {
	float: left;
	width: 99px;
	margin-right: 20px;
	padding-bottom: 20px;
}

div.ansprechpartner span.label {
	float: left;
	width: 170px;
}

div.ansprechpartner span.value {
	float: left;
	width: 200px;
}

div.ansprechpartner div.head {
	font-weight: bold;
	font-size: 13px;
}

div.ansprechpartner div.body {
	font-size: 12px;
}



/* Getraenkefahrzeuge */
div.produkt { background-repeat: no-repeat; height: 100%; width: 958px; margin: 5px 0; clear: both; }

div .style1 { background-color: #D1DEE7; background-image: url(images/pages/fahrzeuge/background_blue.jpg); }

div .style2 { background-color: #ccc; background-image: url(images/pages/fahrzeuge/background_grey.jpg); }

div.produkt div.imagebox { background-repeat: no-repeat; width: 182px; position: relative; left: 11px; top: 12px;
float: left; margin-right: 22px; padding: 4px 0 0 4px; }

div.produkt div.imagebox p { margin-top: 10px; line-height: 140%; }

div .style1im { background-image: url(images/pages/fahrzeuge/imageframe_blue.jpg); }

div .style2im { background-image: url(images/pages/fahrzeuge/imageframe_grey.jpg); }

div.produkt div.beschreibung { width: 400px; margin-top: 12px; float: left; }

div.produkt div.beschreibung_lang { width: 725px; margin-top: 12px; float: left; }

div.produkt div.beschreibung2 { width: 290px; margin-top: 12px; margin-left: 20px; float: left; }

div.bottombar { clear: both; background-repeat: no-repeat; text-align: right; margin: 0 10px 0 0; height: 25px; padding-top: 15px; }

div .style1bt { background-color: #D1DEE7; background-image: url(images/pages/fahrzeuge/background_blue_bottom.jpg); }

div .style2bt { background-color: #ccc; background-image: url(images/pages/fahrzeuge/background_grey_bottom.jpg); }

div.beschreibung h2, div.beschreibung_lang h2 { color: #00548D; margin-bottom: 20px; }

div.beschreibung_lang h2 { margin-bottom: 10px; }

div.beschreibung, div.beschreibung2 { line-height: 140%; }

a.pdf {
	background:			url(images/public/pdf_icon.gif) no-repeat;
	color:				#00548D;
	padding:			1px 0 1px 24px;
	text-decoration:	underline;
	margin-left:		10px;
}

a.printer {
	background:			url(images/public/printer_icon.gif) no-repeat;
	color:				#00548D;
	padding:			1px 0 1px 24px;
	text-decoration:	underline;
	margin-left:		10px;
}


a.foto {
	background:			url(images/public/foto_icon.gif) no-repeat;
	padding:			1px 0 1px 26px;
	color:				#00548D;
	margin-left:		10px;
}

a.video {
	background:			url(images/pages/fahrzeuge/video_icon.gif) no-repeat;
	padding:			1px 0 1px 26px;
	color:				#00548D;
	margin-left:		10px;
}

span.telefon {
	background:			url(images/public/telefon_icon.gif) no-repeat;
	color:				#00548D;
	padding:			1px 0 1px 10px;
	margin-left:		10px;
}

a.email {
	background:			url(images/public/email_icon.gif) no-repeat;
	color:				#00548D;
	padding:			1px 0 1px 28px;
	text-decoration:	underline;
	margin-left:		10px;
}



h1#news {
	background:		url(images/pages/news/news_headline.jpg) no-repeat; 
	color:			#fff;
	font-size:		24px;
	font-weight:	bold;
	height:			42px;
	letter-spacing:	0.2em;
	line-height:	42px;
	margin-bottom:	20px;
	margin-left:	15px;
	margin-top:		20px;
	padding-left:	10px;
	text-transform:	uppercase;
	width:			100%;
}

div.news, div.aktion, div.messe {
	float:			left;
	width:			320px;
}

div.news h1, div.aktion h1, div.messe h1 {
	background:		url(images/pages/news/news_headline_bg.jpg) no-repeat;
	color:			#00548D;
	font-size:		16px;
	line-height:	31px;
	margin-bottom: 	20px;
	padding-left:	10px;
}

div.news h2, div.aktion h2, div.messe h2 {
	margin-right: 20px;
}

div.news a, div.aktion a, div.messe a {
	color: #00548D;
}

div.aktion h1 {
	background:		url(images/pages/news/aktion_headline_bg.jpg) no-repeat;
}

div.messe h1 {
	background:		url(images/pages/news/messe_headline_bg.jpg) no-repeat;
}

div.news p, div.aktion p, div.messe p {
	margin-right: 20px;
	margin-bottom: 20px;
}

div.news p.more {
	background: 	url(images/pages/news/news_more.jpg) no-repeat;
	height:			30px;
	margin-left:	203px;
	margin-top:		15px;
	padding-left:	10px;
	padding-top:	3px;
}

div.news p.more a {
	background:		url(images/public/link_icon.gif) no-repeat;
	color:			#FE860C;
	padding-left:		20px;
	text-decoration:	underline;
}

p.allenews a {
	font-size:				14px;
	font-weight:			bold;
	text-decoration:	none;
}


/*** Links ***/
div.link {
	padding: 10px 0;
	float: left;
	width: 240px;
	text-align: center;
	margin-top: 10px;
}

div.link p {
	padding: 10px 0;
	text-align: center;
}

/*** Qualit?***/

div#qualitaet {
	padding: 10px;
}

div#qualitaet p {
	line-height: 150%;
	width: 700px;
}

/*** Export ***/
div#export_header {
	background-repeat: no-repeat;
	height: 163px;
	margin: 8px 0 0 8px;
	padding: 8px 0 0 0;
}

div#export_header.de {
	background-image: url(images/pages/export/export_header_de.jpg)
}

div#export_header.en {
	background-image: url(images/pages/export/export_header_en.jpg)
}

div#export_header.fr {
	background-image: url(images/pages/export/export_header_fr.jpg)
}

div#export_header.it {
	background-image: url(images/pages/export/export_header_it.jpg)
}

div#export_header.sp {
	background-image: url(images/pages/export/export_header_sp.jpg)
}

div#export_header ul {
	color:				#333;
	font-size: 			12px;
	margin-left:		335px;
	line-height:		145%;
	list-style-type: 	square;
	padding-top:		38px;
	width:				620px;
}

div#export_header p {
	margin-left: 		335px;
	color: 				#00548D;
	font-weight: 		bold;
	font-size: 			12px;
	line-height:		150%;
}

div#export_flags {
	background:			url(images/pages/export/export_background.jpg) bottom 700px no-repeat;
	padding-top:		8px;
	width:				100%;
	height:				260px;
}

div#export_flags div.flag {
	float: 			left;
	width: 			68px;
	height: 		120px;
	margin:			0 10px 0 8px;
}

div#export_flags div.flag p {
	margin-top: 10px;
}

/*** Download ***/
ul#download {
	list-style-type: square;
	line-height: 200%;
}

ul#download span.beschreibung {
	font-size: 16px;
}

/*** Kontakt ***/
div#container.kontakt {
	padding:	0;
	width: 985px;
}

div#kontakt_header {
	background: url(images/pages/kontakt/kontakt_header.jpg) no-repeat;
	color: #00548D;
	height: 134px;
	margin: 8px 0 0 10px;
	padding: 0;

}

table.kontakt_head
{
	margin-top:10px;
	width:100%;
}

td#telefon
{
	font-size: 18px;
	line-height: 150%;
}

td#email
{
	font-size: 16px;
	vertical-align:bottom;
	text-align:right;
	padding:0px 5px 15px 0px;
}


table.kontakt_form
{
	margin:10px 0px 0px 7px;
}

div#kontakt_form_left p {
	margin-bottom: 10px;
}

div#kontakt_form_right p {
	margin-bottom: 0px;
}

div#kontakt_form_right a.absenden {
	background: url(images/pages/kontakt/button_absenden.jpg) top right no-repeat;
	padding: 5px 20px 20px 10px;
	line-height: 30px;
	width: 82px;
	margin: 0 0 0 10px;
	color: #fff;
}

div#kontakt_form_right a.reset {
	background: url(images/pages/kontakt/button_loeschen.jpg) top right no-repeat;
	padding: 5px 24px 20px 10px;
	line-height: 30px;
	width: 139px;
	margin: 0 0 0 10px;
	color: #666;
}

body.map24
{
	margin:0px;
	padding:0px;
}




div#kontakt_header div#adresse {
	font-size:	14px;
	line-height: 150%;
	margin-left: 400px;
}

div#kontakt_header div#telefon {
	float: left;
	font-size: 18px;
	line-height: 150%;
	margin: 10px 0 0 400px;
}

div#kontakt_header div#email {
	float: left;
	font-size: 16px;
	margin: 32px 10px 0 0;
}

div#kontakt_header div#email a {
	color: #00548D;
}

div#kontakt_inhalt {
	clear: both;
	padding: 10px;
}

div#kontakt_left {
	float: left;
	width: 400px;
}

div#kontakt_right {
	float: left;
	width: 565px;
}

div#kontakt_left p {
	margin-bottom: 10px;
}

div#kontakt_right p {
	margin-bottom: 0px;
}

div#map24 {
	background: #B3C6DB url(images/pages/kontakt/map24.gif) 10px 50px no-repeat;
	width: 380px;
	height: 130px;
	margin: 0px;
}

div#map24 h2 {
	background: #FE860C;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 5px;
}

div#map24 a.absenden {
	background: url(images/pages/kontakt/button_absenden_24.jpg) top right no-repeat;
	padding: 5px 20px 20px 7px;
	line-height: 30px;
	width: 82px;
	margin: 0 0 0 10px;
}

div#kontakt_right a.absenden {
	background: url(images/pages/kontakt/button_absenden.jpg) top right no-repeat;
	padding: 5px 20px 20px 10px;
	line-height: 30px;
	width: 82px;
	margin: 0 0 0 10px;
	color: #fff;
}

div#kontakt_right a.reset {
	background: url(images/pages/kontakt/button_loeschen.jpg) top right no-repeat;
	padding: 5px 24px 20px 10px;
	line-height: 30px;
	width: 139px;
	margin: 0 0 0 10px;
	color: #666;
}

/*** Service ***/
div.service ul {
	list-style-type: square;
	margin-bottom: 20px;
	line-height: 145%;
}


/*** neue Startseite (deutsch) ***/

body#home_de { background: #7fa9c6 url(images/public/background2.gif) no-repeat top center; }

.homebox { width: 312px; height: 192px; float: left; margin: 8px 4px; }

.homebox h3 { margin: 10px 0 4px 10px; text-transform: uppercase; font-weight: normal; padding-left: 4px; }

.homebox h3#news { background: url(images/pages/home/home_news_headline_bg.jpg) no-repeat; }

.homebox h3#aktionen { background: url(images/pages/home/home_aktionen_headline_bg.jpg) no-repeat; }

.homebox h3#messen { background: url(images/pages/home/home_messen_headline_bg.jpg) no-repeat; }

.homebox p { line-height: 140%; margin: 0 0 0 10px; }

.homebox h4 { margin: 0 0 0 10px; }

.homebox#news { background: url(images/pages/home/home_news_background.jpg) no-repeat; }

.homebox#news img { float: right; margin: 4px 10px 0 0; }

ol { margin-bottom: 14px; }

/*** Debug ***/
/* Popups */

	body.popup
	{
		background: #E6EDF5 url(none);	
		margin: 0;
		padding: 10px;
	}

	body.popup a {
		color: #00548D;
		font-weight: bold;		
	}