/* CSS Document */

/*****************/
/* HTML-ENTITIES */
/*****************/
* {
	font-family: Arial, Helvetica, sans-serif;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #d6d8d9;
	background-image: url(../_images/body-bg.jpg);
	background-repeat: repeat-x;
}
		#container {
			width: 805px;
			margin: auto;
		}
p, ul, td, #schalterbox {
	margin: 0;
	font-size: 12px;
	color: #000000;
	padding: 0px 14px 15px 14px;
}
p, ul, #angebotsbox {
	margin: 0;
	font-size: 12px;
	color: #000000;
	padding: 0px 14px 15px 14px;
}
td, #angebotsbox {
	margin: 0;
	font-size: 12px;
	color: #000000;
	padding: 5px;
}
table, #angebotsbox {
	margin: 10px;
}
td ul {
	padding: 0;
}
table {
	border-collapse: collapse;
}
h2 {
	margin: 0px;
	font-size: 16px;
	color: #3F3F3F;
	padding: 15px 22px 15px 22px;
}
h2 .sub {
	font-size: 12px;
	font-weight: normal;
}
th {
	font-size: 14px;
	color: #3F3F3F;
}
li {
	padding-bottom: 8px;
}
		ul.withPic {
			list-style-position: inside;
		}
				ul.withPic li {
					padding-bottom: 0px;
				}
hr {
	visibility: hidden;
}
img {
	border: 0px;
}
ul {
	margin-left: 15px;
	list-style-type: square;
}
td {
	font-size: 12px;
	vertical-align: top;
}
a {
	color: #df7200;
	font-size: 12px;
	text-decoration: underline;
}
		a:hover {
			text-decoration: underline;
		}
		a.extLink {
			padding-right: 12px;
			background-image: url(../_img/icon_ext.gif);
			background-repeat: no-repeat;
			background-position: right;
		}
	.orange {
		color: #df7200 !important;
		font-weight: bold;
	}
input, textarea {
	font-size: 12px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.txt-plakativ h2 {
	font-size: 22px !important;
}
.txt-plakativ p,
.txt-plakativ ul {
	font-size: 16px !important;
}
/************************/
/* NAVIGATION / Tracker */
/************************/
#navi {
	position: relative;
	z-index:9;
	background-image: url(../_images/bg-navigation.gif);
	background-repeat: repeat-y;
	margin: 0;
	width: 796px;
	padding: 0 4px 0 5px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	height: 26px;
}
	#navi a {
		color: #ffffff;
		display: block;
		text-decoration: none;
		font-size: 13px;
	}
	#navi li {
		margin: 0;
		padding: 0;
		padding: 5px 14px;
		position: relative;
		list-style-type: none;
		float: left;
		background-color: #3f3f3f;
	}
	#navi li:hover {
		background-color: #FF7F00;
	}
	#navi li.active {
		background-color: #FF7F00;
	}
	#navi li ul {
		position: absolute;
		top: 26px;
		left: 0px;
		margin: 0;
		padding: 0;
		display: none;
	}
	#navi li:hover ul {
		display: block;
		z-index: 99;
	}
	#navi li li {
		position: relative;
		list-style-type: none;
		float: none !important;
		width: 170px;
		border-top: 1px solid #ffffff;
	}
	#navi li li:hover {
		background-color: #FF7F00;
	}
	#navi li li a {
		font-weight: normal;
	}

#tracker, #startTracker {
	margin: 0;
	width: 786px;
	padding: 14px 0 7px 19px;
	background-image: url(../_images/bg-tracker.gif);
	background-repeat: no-repeat;
	color: #ffffff;
}
#startTracker {
	line-height: 1px;
	height: 17px;
	padding: 0px 0px 0px 19px;
}
	#tracker a {
		color: #ffffff;
		font-size: 12px;
	}


/******************/
/* CONTENTBEREICH */
/******************/
#body {
	display: block;
	width: 796px;
	padding: 0 4px 8px 5px;
	background-image: url(../_images/bg-content.png);
	background-repeat: repeat-y;
}


/****************/
/* Linke Spalte */
/****************/
.bodyLeft {
	float: left;
	width: 200px;
	margin-right: 14px;
}
	.bodyLeft h2 {
		margin: 14px 0 0 14px;
		padding: 4px 0 2px 10px;
		border: 1px solid #e5e5e5;
		background-color: #ffffff;
		color: #000000;
		font-size: 11px;
	}
	.bodyLeft a {
		margin: 0 0 0 14px;
		padding: 0;
		line-height: 12px;
		font-size: 12px;
	}
	.bodyLeft p {
		margin: 0 0 0 14px;
		padding: 0 0 8px 14px;
		background-color: #e5e5e5;
		color: #000000;
		font-size: 11px;
	}
	.bodyLeft p a {
		margin: 0;
	}

.teaser {
	position: relative;
	margin: 15px 0 15px 15px;
	padding: 0;
	width: 184px;
	height: auto;
	overflow: hidden;
	background-color: #e4e4e4;
}
.teaser img {
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
}
.teaser p {
	margin: 0;
	padding: 10px !important;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	color: #333;
}
.teaser .teaser_trenn {
	margin: 10px 0;
	padding: 0;
	border-bottom: 4px solid #fff;
}
.teaser .bilder {
	margin: 10px 0;
	padding: 0;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
.bodyRight .teaser {
	margin: 0 0 15px 0;
}
.teaser h2, .bodyRight .teaser h2 {
	margin: 0;
	padding: 4px 0 2px 10px;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	color: #000000;
	font-size: 11px;
}
.teaser p.white {
	background-color: #ffffff;
	color: #000000;
}
.teaser a {
	margin: 0;
	padding: 0;
}
.teaser a.blocklink {
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background-image: url(../_images/spacer.gif);
}
#subnavhead {
	margin: 0;
	padding: 8px 0 4px 14px;
	background-color: #3f3f3f;
	color: #ffffff;
	font-size: 16px;
}

#subnavi {
	margin: 0;
	padding: 0 0 10px 0;
	width: 197px;
	border-right: 3px solid #3f3f3f;
	background-color: #3f3f3f;
	color: #ffffff;
}
	#subnavi li {
		list-style-type: none;
		background-image: url(../_images/bg-subnavi-li.gif);
		background-repeat: no-repeat;
		padding: 4px 0 4px 11px;
		margin: 0;
	}
	#subnavi li:hover, #subnavi li.active {
		background-color: #FF7F00;
		background-image: url(../_images/bg-subnavi-li-hover.gif);
		color: #3f3f3f;
	}
	#subnavi li.active {
		padding-bottom: 2px;
		border-bottom: 2px solid #3f3f3f;
	}
	#subnavi li a {
		display: block;
		color: #ffffff;
		text-decoration: none;
		line-height: normal;
	}
	#subnavi li ul {
		margin: 0;
		padding: 0;
	}
	#subnavi li li {
		padding: 4px 0 4px 14px;
		background-color: #3f3f3f;
	}
	#subnavi li li:hover {
		background-color: #3f3f3f;
		background-image: url(../_images/bg-subnavi-li.gif);
	}
	#subnavi li li:hover a, #subnavi li li.aktiv a {
		color: #FF7F00;
	}
.bodyMiddle {
	float: left;
	width: 370px;
	min-height: 368px;
	margin: 0;
	background-color: #ffffff;
	padding: 0 0 14px 0;
}
	.alone {
		background-color: #ffffff;
		width: 568px;
		margin-left: 0;
	}
	.bodyMiddle h1 {
		color: #ffffff;
		background-color: #5f81b6;
		border-bottom: 25px solid #3f3f3f;
		font-weight: normal;
		font-size: 20px;
		line-height: 30px;
		padding: 17px 0 14px 14px;
		margin: 0 0 17px 0;
	}
		.bodyMiddle h1.imageHeader {
			position: relative !important;
			padding: 0 !important;
			margin: 0 0 20px 0 !important;
		}
		.bodyMiddle h1.imageHeader .text {
			display: block;
			position: absolute;
			top: 17px;
			left: 14px;
		}
	.bodyMiddle h2 {
		color: #FF7F00;
		padding: 0 14px 6px 14px;
		font-size: 15px;
	}
	.bodyMiddle .linkbox {
		position: relative;
		top: 14px;
		padding: 20px;
		background-color: #e4e4e4;
	}
		.bodyMiddle .linkbox .text {
			position: relative;
			margin-left: 100px;
			height: 115px;
		}
			.bodyMiddle .linkbox .text .title {
				font-size: 16px;
				font-weight: bold;
			}
			.bodyMiddle .linkbox .text .subtitle {
				font-size: 12px;
				font-weight: bold;
			}
			.bodyMiddle .linkbox .text .lb-link {
				position: absolute;
				bottom: 5px;
				left: 0;
			}
			
			
.bodyRight {
	float: right;
	width: 184px;
	margin: 0 14px 0 0;
	padding-bottom: 14px;
}
	.bodyRight h2 {
		background-color: #ffffff;
		color: #000000;
		font-size: 13px;
		padding: 6px 4px 6px 14px;
	}
	.bodyRight p {
		background-color: #e5e5e5;
		padding: 4px 4px 5px 14px;
	}

/********/
/* HOME */
/********/
#startContent {
	padding-left: 14px;
}
	#startContent a {
		text-decoration: none;
	}
.halfTeaser {
	position: relative;
	float: left;
	width: 378px;
	height: 223px;
	overflow: hidden;
	margin-right: 12px;
	margin-bottom: 17px;
}
	.halfTeaser strong {
		position: absolute;
		top: 183px;
		left: 18px;
		color:#FFFFFF;
		font-size: 20px;
	}
.thirdTeaser {
	position: relative;
	float: left;
	width: 246px;
	height: 204px;
	overflow: hidden;
	margin-right: 15px;
}
	.thirdTeaser div {
		height: 20px;
		color: #FFFFFF;
		font-weight: bold;
		background-color: #414141;
		padding-top: 6px;
		padding-left: 6px;
	}
	.thirdTeaser strong {
		position: absolute;
		top: 175px;
		left: 13px;
		color:#FFFFFF;
		font-size: 12px;
	}

/***********/
/* CONTENT */
/***********/
.liste {
	width: 540px;
	border: 0px solid #3f3f3f;
	margin-left: 14px;
	border-collapse: collapse;
}
.liste td {
	margin: 0;
	padding: 3px 8px;
	border: 1px solid #3f3f3f;
}
.hr {
	display: block;
	height: 14px;
	background-color: #FF7F00;
}
		#content {
			background-color: #EEEEEE;
			height: auto;
			vertical-align: top;
		}
				#content img {
					display: block;
				}
				#content .spalte {
					width: 180px;
					float: right;
				}
						.spalte p {
							width: 331px;
						}
						.hold2gether {
							display: block;
						}
						.linearisierung {
							display: block;
							clear: both;
						}
								.linearisierung p {
									float: right;
									width: 330px;
									padding-left: 0px;
								}
								.linearisierung p.kontakt {
									float: none;
									width: auto;
									padding-left: 0px;
								}
				#subHeadline {
					width: 477px;
				}
						#subHeadline img {
							clear: left;
							float: left;
							border-left: 24px solid #EEEEEE;
							border-right: 24px solid #EEEEEE;
						}
								#subHeadline img.noborder {
									border-left: 15px solid #EEEEEE;
									border-right: 0px;
								}
						#subHeadline div {
							clear: both;
						}
				.linkeSpalte {
					border-right: 15px solid #FFFFFF;
				}
				.images {
					float: left;
					margin: 0px 10px 17px 0px;
				}
				div.images {
					border-left: 0px;
				}
						div.images a {
							display: block;
							clear: both;
						}
						.images * img {
							margin-bottom: 10px;
						}
						#content .spalte img, #rechteSpalte img {
							border-left: 22px solid #EEEEEE;
							display: block;
						}
						#content .spalte p, #rechteSpalte p {
							width: auto;
							font-size: 11px;
						}
						#content .spalte h1, #rechteSpalte h1 {
							border-left: 22px solid #EEEEEE;
							width: 124px;
							font-size: 11px;
							color: #FFFFFF;
							background-color: #FF7F00;
							font-weight: bold;
							padding: 4px 6px 4px 6px;
						}
					#rechteSpalte {
						width: 180px;
						background-color: #EEEEEE;
						vertical-align: top;
					}
							#jobSpalte img {
								border-left: 15px solid #EEEEEE;
							}
							#jobSpalte img.offen {
								border-left: 0px solid #EEEEEE;
							}
							#jobSpalte p.offen {
								background-color: #3f3f3f;
								color: #FFFFFF;
								font-size: 12px;
								padding-left: 15px;
							}
									#jobSpalte p.offen a {
										padding-right: 15px;
										background-image: url(../_img/linkpfeil.gif);
										background-position: right;
										background-repeat: no-repeat;	
									}
					#rechteHaelfte {
						width: 278px;
						background-color: #EEEEEE;
						vertical-align: top;
					}
					.linkeHaelfte {
						border-right: 15px solid #FFFFFF;
					}
							.linkeHaelfte p {
								width: auto;
							}
/**************************
   PRODUKTE (zB ANGEBOTE)
***************************/
h1.poster {
		margin: 0 !important;
		padding: 10px 0 0 14px !important;
		color: #666666;
		background-color: transparent;
		border: 0;
		font-weight: bold;
		font-size: 12px;
		line-height: 12px;
}
h2.poster {
		margin: 0 !important;
		padding: 0 14px !important;
		color: #FF7F00;
		background-color: transparent;
		font-size: 20px;
}

.poster {
	margin: 0 !important;
}
.verlauf {
	background-color: #dcdddd;
	background-repeat: repeat-x;
	background-image: url(../_images/bg-poster.gif);
}
ul.small {
	margin: 0 0 0 5px;
	padding: 0;
	list-style-position: outside;
	list-style-image: url(../_images/ul-image-small.gif);
}
	ul.small li {
		margin: 8px 0 !important;
		padding: 0;
	}
ul.standard {
	list-style-position: outside;
	list-style-image: url(../_images/ul-image-small.gif);
}
	ul.standard li {
		margin: 8px 0;
		padding: 0;
	}
		ul.standard li ul {
			margin:  4px 0 10px 6px;
			list-style-image: url(../_images/ul-image-small_ebene2.gif)
		}
			ul.standard li ul li {
				margin:  3px 0 0 0;
				padding: 0;
			}
ul.produkt {
	margin: 15px 6px 15px 6px;
	padding: 0 0 5px;
	border-bottom: 3px solid #FF7F00;
	list-style-type: none;
}
	ul.produkt li {
		margin: 0;
		padding: 0;
	}
		ul.produkt li a {
			display: block;
			width: 100%;
			height: 100%;
			margin: 0;
			text-decoration: none;
		}
		ul.produkt li a.inl {
			display: inline;
			width: auto;
			height: auto;
			color: #df7200;
			text-decoration: underline;
		}

			ul.produkt li a .linktext {
				display: block;
				background-color: #FF7F00;
				background-image: url(../_images/bg-angebot-text.gif);
				background-position: top left;
				background-repeat: no-repeat;
				padding: 15px 10px 10px;
				color: #ffffff;
				font-weight: bold;
			}
				ul.produkt li a .big {
					font-size: 18px;
					padding-top: 10px !important;
					margin: 6px !important;
					margin-bottom: 0px !important;
				}

/**********/
/* FOOTER */
/**********/
#footer {
	display: block;
	background-image: url(../_images/bg-footer.gif);
	background-repeat: no-repeat;
	width: 805px;
	height: 75px;
	padding-top: 15px;
	vertical-align: middle;
	color: #e5e5e5;
}
		#footer p {
			float: left;
			width: 200px;
			padding: 0px 0px 0px 20px;
			line-height: 13px;
			font-size: 11px;
			color: #e5e5e5;
		}
		#footer a {
			color: #e5e5e5;
			text-decoration: none;
		}
		#footer a:hover {
			text-decoration: underline;
		}
				#footer div.rechts {
					width: 355px;
					float: left;
				}
						#footer div.rechts img {
							float: right;
							margin: 7px 9px 0px 0px;
						}
						#footer div.rechts p {
							width: 90px;
							font-weight: bold;
							margin-top: 12px;
						}

#subfooter {
	width: 768px;
	height: 80px;
	padding: 20px 14px;
	margin: 0 4px 0 5px;
	border-top: 1px solid #ffffff;
	background-image: url(../_images/footer-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
}

#copyright {
	float: left;
}
#metaNavigation {
	float: right;
}
		#metaNavigation a {
			color: #FFFFFF;
			text-transform: uppercase;
			font-weight: normal;
			text-decoration: none;
		}
		#metaNavigation a:hover {
			text-decoration: underline;
		}
/***************************/
/* ALLGEMEINE DEFINITIONEN */
/***************************/
.objektLinks {
	float: left;
	padding-right: 12px;
}
.lieferanten {
/*	width: 568px; */
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: -8px;
}
	.lieferanten .lieferant {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		width: 188px;
		height: 64px;
		border-bottom: 1px solid #e5e5e5;
		padding-top: 30px;
		text-align: center;
	}
		.lieferanten .lieferant a {
			z-index: 5;
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			margin: 0;
			padding: 0;
			width: 182px;
			height: 88px;
			vertical-align: middle;
			text-align: center;
			border: 3px solid white;
			background-image: none;
		}
			.lieferant a:hover {
				border: 3px solid #F93;
			}

		.lieferanten .middle {
			border-left:  1px solid #e5e5e5;
			border-right:  1px solid #e5e5e5;
		}
		.lieferanten .lastrow {
			border-bottom: 0;
			margin-bottom: -10px;
		}


/*** ALTE STILES FUER TABELLENDESIGN ***/

	table.tab_lieferant {
		border-collapse: collapse;
		width: 540px;
		margin: 14px;
	}
	table.tab_lieferant td {
		border-bottom: 1px solid #e5e5e5;
		vertical-align: middle;
		padding: 14px 0;
	}
	td.lieferant_logo {
		width: 200px;
	}




.standort {
	border-left: 0px !important;
}
.notvisible {
	position: absolute;
	top: -9000px;
	left: -9000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/* *********************
	schalter
********************** */
#schalterbox {
	margin: 0;
	padding: 0;
}
	.schalter {
		margin: 10px 14px 0;
		padding: 0;
		display: block;
		background-color: #FF7F00;
	}
		.schalter a {
			display: block;			
			padding: 3px 14px 3px 34px;
			color: #ffffff;
			text-decoration: none;	
			background-image: url(../_img/schalter_pfeil1.gif); 
			background-position: top left;
			background-repeat: no-repeat;	
		}
			.schalter a:hover {
				text-decoration: underline;
			}
	.schalterinhalt {
		display: block;
		margin: 0 14px;
		padding: 18px;
		border: 1px solid #FF7F00;
		border-top: 0;
	}
		.schalterinhalt h2 {
			margin: 0;
			font-weight: bold;
			color: #000000;
			padding: 10px 0 20px;
			font-size: 14px;
		}
		.schalterinhalt a {
		}
/* *********************
	angebot
********************** */
#angebotsbox {
	margin: 0;
	padding: 0;
}
.angebot {
	display: block;
	padding: 0;
	margin: 0 6px 12px 6px;
	border-bottom: 3px solid #F97F00;
	text-decoration: none;
}
.angebot:hover {
	text-decoration: none;
}
.angebot .clear {
	height: 6px !important;
}
.angebot h2 {
	padding: 13px 0 0 6px;
	margin: 0 0 6px 0;
	width: 352px;
	height: 27px;
	background-color: #F97F00;
	background-image: url(../_img/angebot_down.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFFFFF;
	font-size: 14px;
}
.angebot_bild {
	float: left;
}
.angebot_logo {
	float: right;
	margin-bottom: 12px;
}
.angebot_preis {
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}
.angebot_preis strong {
	display: block;
	font-size: 32px;
	color: #F97F00;
}
.angebot_text {
	display: none;
}
.angebot_text2 {
	display: block;
}