/* General
------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFF;
	font: 62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

.clear {
	clear: both;
}

img.right {
	float: right;
}

img.left {
	float: left;
}

/* Header
------------------------------------------------------------------------------------*/

#header {
	background: #FFF;
	text-align: center;
}

	#header-inner {
		width: 985px;
		height: 100px;
		margin: 0 auto;
	}

	#header h1 {
		height: 100px;
		width: 853px;
		background: url(/images/header.jpg) left top no-repeat;
		margin-left: 35px;
		float: left;
	}

	#header h1 a {
		height: 100px;
		width: 853px;
		display: block;
	}

	#header h1 span {
		display: none;
	}
	
		#header ul#languages {
			list-style: none;
			float: left;
		}
		
			#header ul#languages li {
				display: inline;
			}
		
				#header ul#languages li a {
					display: block;
					float: left;
					height: 12px;
					width: 23px;
					overflow: hidden;
					margin-right: 5px;
					margin-top: 6px;
					background-position: bottom left;
					background-repeat: no-repeat;
				}

					#header ul#languages li a span {
						display: none;
					}

							#header ul#languages li a:hover, 
							#header ul#languages li a.active {
								background-position: top left;
							}

					#header ul#languages li#lang-de a {
						background-image: url(/images/flags/flag_de.gif);
					}
	
					#header ul#languages li#lang-fr a {
						background-image: url(/images/flags/flag_fr.gif);
					}
					
					#header ul#languages li#lang-en a {
						background-image: url(/images/flags/flag_en.gif);
					}
					
/* Accordion 
------------------------------------------------------------------------------------*/

div#accordion {
}

	div.header {
		background: #D5D5D5;
		border-top: 2px solid #FFF;
		height: 20px;
		cursor: pointer;
	}

	div.header div.home-link {
		position: absolute;
		margin-left: 760px;
	}

		div.header div.home-link {
			display: none;
		}

		div.header div.home-link a {
			color: #FFF;
			text-decoration: none;
		}

		div.header div.home-link a:hover {
			color: #FFF;
			text-decoration: underline;
		}
		

		div.header h2 {
			cursor: pointer;
			font-size: 10px;
			width: auto;
			float: left;
			padding: 2px 0;
			color: #333;
		}
	
	div.header.active {
		background: #ef0022;
	}
	
		div.header.active div.home-link {
			display: block;
		}

		div.header.active h2 {
			color: #FFF !important;
		}

	div.header div.submenu {
		width: 240px;
		float: left;
		position: absolute;
		z-index: 99;
		padding: 0;
		display: none;
		background-image: url(/images/arrows_red.gif);
		background-repeat: no-repeat;
		background-position: 10px 1px;
		padding-left: 27px;
	}

		div#accordion div#header-leistungen div.submenu {
			margin-left: 160px;
		}

		div#accordion div#header-fuhrpark div.submenu {
			margin-left: 130px;
		}

		div#accordion div#header-aktuell div.submenu {
			margin-left: 128px;
		}

		div#accordion div#header-unternehmen div.submenu {
			margin-left: 108px;
		}

		div#accordion div#header-unternehmen div.submenu h3 span.subhead-outer {
			display: none;
		}
	
			div#accordion div#header-unternehmen div.submenu h3 {
				background: none;
				color: #FFF;
				line-height: 1;
			}
	
			div#accordion div#header-unternehmen div.submenu h3 span.subhead-outer {
				background: none;
			}
			
			div#accordion div#header-unternehmen div.submenu.open h3 {
				font-size: 10px;
				height: 16px;
				font-weight: 200;
				color: #666;
				cursor: pointer;
				background: #FFF url(/images/corner-left.gif) top left no-repeat;
				padding: 0 0 2px 0;
			}
	
			div#accordion div#header-unternehmen div.submenu.open h3 span.subhead-outer {
				display: block;
				background: url(/images/corner-right.gif) top right no-repeat;
				padding: 2px 0;
			}

		div#accordion div#header-service div.submenu {
			margin-left: 65px;
		}

		div#accordion div#header-kontakt div.submenu {
			margin-left: 71px;
		}
		
		div#accordion div.header div.submenu h3 {
			font-size: 10px;
			height: 16px;
			font-weight: 200;
			color: #666;
			cursor: pointer;
			background: #FFF url(/images/corner-left.gif) top left no-repeat;
			padding: 0 0 2px 0;
		}

		div#accordion div.header div.submenu h3 span.subhead-outer {
			display: block;
			background: url(/images/corner-right.gif) top right no-repeat;
			padding: 2px 0;
		}

		div#accordion div.header div.submenu h3 span.subhead-inner {
			display: block;
			padding: 1px 0 2px 6px;
		}

		div#accordion div.header div.submenu ul {
			list-style: none;
			padding: 2px 5px 5px 7px;
			background: #FFF;
		}

			div#accordion div.header div.submenu ul li {
				display: inline;
			}

				div#accordion div.header div.submenu ul li a {
					font-size: 10px;
					color: #666;
					text-decoration: none;
					letter-spacing: 1px;
					display: block;
					border-bottom: 1px dashed #666;
				}

				div#accordion div.header div.submenu ul li a.headline {
					color: #C81F3B;
					cursor: default;
				}

				div#accordion div.header div.submenu ul li a.headline:hover {
					color: #C81F3B;
					cursor: default;
				}

				div#accordion div.header div.submenu ul li a.indented {
					margin-left: 10px;
				}

					div#accordion div.header div.submenu ul li a span {
						display: block;
						padding: 4px 0;
					}

				div#accordion div.header div.submenu ul li a:hover {
					color: #000;
				}

				div#accordion div.header div.submenu ul li a.active {
					color: #000;
					font-weight: bold;
				}
	
		div.header div.header-inner {
			margin: 0 auto 0 auto;
			width: 835px;
			display: block;
			text-transform: uppercase;
			letter-spacing: 2px;
			padding-top: 2px;
		}
	
div.panel {
	overflow: auto;
	background: ;
}
	
	div.panel-inner {
		padding: 0;
	}
	
	div.panel h1 {
		font-size: 15px;
		line-height: 1.2;
		padding-bottom: .5em;
		color: #333;
		padding-top: 1em;
		font-weight: bold;
	}
	
	div.panel h3 {
		font-size: 13px;
		line-height: 1.2;
		margin-bottom: .3em;
		color: #333;
		padding-top: 1em;
		font-weight: bold;
	}
	
	div.panel p {
		font-size: 12px;
		line-height: 1.5;
		padding-bottom: 1em;
	}
	
		div.panel p a {
			color: #EF0022;
		}
	
	div.panel ul {
		font-size: 12px;
		line-height: 1.5;
		padding-bottom: 1em;
		padding-left: 1.5em;
	}

		div.panel ul li {
			margin-bottom: .2em;
		}

			div.panel ul li a {
				color: #EF0022;
			}

/* Content 
------------------------------------------------------------------------------------*/

.content-container-outer {
	background: #d0d0d2 url(../images/main-gradient.jpg) left top repeat-x;
	padding: 0;
}

.content-container-inner {
	min-height: 273px;
	height: auto !important;
	height: 273px;
	width: 815px;
	margin: 0 auto;
}

	.content-container-inner p {
		width: 450px;
	}

/* Forms
-----------------------------------------------------------------------------*/
p.required-notice {
	text-align: right;
	font-style: italic;
}

form {
	padding-bottom: 2em;
}

	form fieldset {
		padding: 1em .5em 2em .5em;
		width: 410px;
		border: 1px solid #999;
	}

		form fieldset legend {
			color: #333;
			font-size: 1.2em;
			margin: .2em 0 .2em 0;
			font-weight: bold;
		}

		label.error {
			color: #900;
		}

		form label.label-number {
			width: 3em;
			margin-left: 1.7em;
		}

		form label.label-city {
			width: 3em;
			margin-left: 1.7em;
		}

		form label.label-radio {
			width: auto;
			margin-right: 2em;
			margin-left: .6em;
			font-size: 12px;
		}

		form label.label-message {
		}

	form input,
	form select,
	form textarea {
		float: left;
		display: block;
		width: 18em;
		font-size: 1.3em;
		padding: 3px !important;
		padding: 1px;
		border: 1px solid #888;
		margin: .4em 0 !important;
		margin: 0 0 .4em 0;
		font-family: inherit;
		height: auto !important;
		height: 21px;
	}

		form input.display-notice {
			color: #BBB;
		}

		form input.radio {
			width: auto;
			height: auto;
			margin-top: .7em !important;
			margin-top: .1em;
			border: 0;
		}

		form input.street {
			width: 10em !important;
			width: 10.6em;
		}

		form input.number {
			width: 3em;
		}

		form input.zip {
			width: 4em;
		}

		form input.city {
			width: 9em !important;
			width: 9.6em;
		}

		form input.submit-button {
			width: auto;
			cursor: pointer;
		}

		form textarea {
			width: 29em;
			margin-bottom: .5em;
			height: auto;
		}

		form p.hint {
			font-size: .9em;
			margin-top: 1em;
		}

	form div.clear {
		clear: both;
	}

	form label.error {
		margin-left: 13em !important;
		margin-left: 7em;
		color: #900;
		font-weight: normal;
		font-size: 1.1em;
		width: 25em;
	}	

	form label {
		width: 12em;
		display: block;
		float: left;
		font-size: 1.2em;
		padding: .7em 0 .6em .1em !important;
		padding: .2em 0 .6em .1em;
		cursor: pointer;
	}

	form input.error {
		background: #fff2f3;
		border: 2px solid #900;
	}


/* Form Status Containers
-----------------------------------------------------------------------------*/
div.form-error {
	background: #FCF2F1;
	border-bottom: 3px solid #FAE6E5;
	margin-bottom: 2em;
	width: 420px;
	padding: 0 1.5em .5em 1.5em;
}

	div.form-error h3 {
		padding: .7em 0;
		font-size: 1.4em;
		color: #AB0101;
	}

	div.form-error ol {
		padding-left: 2em;
		font-size: 1.2em;
	}

		div.form-error li {
			padding: .3em 0;
			font-size: 1em;
			margin-bottom: .2em;
		}

div.form-success {
	margin-bottom: 2em;
	width: 420px;
	padding: 0 1.5em .5em 1.5em;
}

	div.form-success h3 {
		padding: .7em 0;
		font-size: 1.5em;
		font-weight: normal;
		color: #4d9621;
	}


/* Section Backgrounds 
------------------------------------------------------------------------------------*/

#panel-leistungen div.content-container-inner {
	background: transparent url(../images/sections/section_leistungen.jpg) right top no-repeat;
}

#panel-fuhrpark div.content-container-inner {
	background: transparent url(../images/sections/section_fuhrpark.jpg) right top no-repeat;
}

#panel-unternehmen div.content-container-inner {
	background: transparent url(../images/sections/section_unternehmen.jpg) right top no-repeat;
}

#panel-aktuell div.content-container-inner {
	background: transparent url(../images/sections/section_aktuell.jpg) right top no-repeat;
}

#panel-service div.content-container-inner {
	background: transparent url(../images/sections/section_service.jpg) right top no-repeat;
}

#panel-kontakt div.content-container-inner {
	background: transparent url(../images/sections/section_kontakt.jpg) right top no-repeat;
}

/* Image Container 
------------------------------------------------------------------------------------*/

.image-container {
	background: transparent url(../images/shadow-line.gif) top left repeat-x;
	padding-bottom: 1em;
}

.image-container-inner {
	height: 137px;
	overflow: visible;
	width: 835px;
	margin: 0 auto;
}

	.image-container-inner.extended  {
		height: 500px;
	}

.image-item {
	float: left;
	width: 180px;
	height: 127px;
	margin-left: 1em;
}

	.extended .image-item {
		height: 250px;
	}

		.extended .image-item p {
			padding: 5px 10px;
		}

/* Additional Content 
------------------------------------------------------------------------------------*/

.additional-content {
	margin-bottom: 1em;
}

.additional-content-inner {
	width: 815px;
	margin: 0 auto;
}

/* Google Map
------------------------------------------------------------------------------------*/
#map {
	width: 500px;
	height: 300px;
	border: 5px solid #FFF;
}

/* News
------------------------------------------------------------------------------------*/
#news-teaser-list {
	width: 450px;
	margin-top: 4em;
}

	div.news-teaser-item-wrapper {
		padding-bottom: 1em;
	}

	div.news-teaser-item {
		background: #DDD;
		padding: .8em 1em;
		border-bottom: 1px solid #BBB;
		margin-bottom: 1em;
	}

		div.news-teaser-item p {
			width: 420px;
		}

		div.news-teaser-item p.date {
			font-style: italic;
			border: 1px solid #DDD; /* IE BUG */
		}

			div.news-teaser-item p.more {
				text-align: right;
			}

		div.news-teaser-item h3 {
			font-size: 14px;
			padding-top: 4px;
			padding-bottom: 4px;
		}

				div.news-teaser-item h3 a {
					color: #333;
				}
				
			#news-wrapper {
				padding: 2em 2em;
				color: #333;
			}	
				
			#news-wrapper h2 {
				font-size: 2em;
				padding: .3em 0 .5em 0;
				color: #333;
			}

				#news-wrapper p {
					font-size: 1.2em;
					line-height: 1.4;
					margin-bottom: 1em;
				}

				#news-wrapper p.dateline {
					font-style: italic;
				}

/* Contact List
------------------------------------------------------------------------------------*/

table#phone-list {
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
	width: 100%;
	margin-bottom: 5em;
}

	table#phone-list thead th {
		text-align: left;
		font-size: 1.2em;
		padding: 4px 5px 8px 5px;
		border-collapse: collapse;
	}

	table#phone-list tbody td {
		text-align: left;
		font-size: 1.2em;
		padding: 4px 5px;
		border-collapse: collapse;
	}

		table#phone-list tbody td a {
			color: #333;
			text-decoration: none;
		}

			table#phone-list tbody td a:hover {
				color: #999;
				text-decoration: underline;
			}

		table#phone-list tbody tr.category td.icon {
			width: 75px;
			vertical-align: top;
			background: #FFF;
			padding: 0;
		}

		table#phone-list tbody tr.category td {
			background: #D5D5D5;
		}

		table#phone-list tbody tr.area td {
			font-size: 1.4em;
			font-weight: bold;
			padding: 1em 0 .5em 0;
		}