@import 'style_sub_nav.css';
@import 'style_search.css';

#contentWrapper {
	width:930px;
	padding:0 0 60px 0;
	background:url(../img/bg-contentWrapper.gif) repeat-y 100% 0;
}

	/* -- Navigation links -- */
	#navCol {
		width:225px;
	}

		#teaserCol {

		}

			#teaserCol .contentElement {
				margin:10px 0 0 0;
			}

		#subNavBar {
			min-height:272px;
			padding:8px 0 0 0;
			background:#FFF;
		}



		#branchesNav  {
			height:130px;
			position:relative;
		}

				#branchesNav li a,
				#branchesNav li .icon-act,
				#branchesNav li .icon-no {
					height:61px;
					position:absolute;
					top:0;
					display:block;
					background:url(../img/img-clear.gif);
				}

				#branchesNav li a {
				}

				li#branchesNav-01 a,
				li#branchesNav-01 .icon-act,
				li#branchesNav-01 .icon-no {
					width:60px;
					left:0;
					/*background:lime;*/
				}

				li#branchesNav-02 a,
				li#branchesNav-02 .icon-act,
				li#branchesNav-02 .icon-no {
					width:53px;
					left:60px;
					/*background:red;*/
				}

				li#branchesNav-03 a,
				li#branchesNav-03 .icon-act,
				li#branchesNav-03 .icon-no {
					width:53px;
					left:113px;
					/*background:blue;*/
				}

				li#branchesNav-04 a,
				li#branchesNav-04 .icon-act,
				li#branchesNav-04 .icon-no {
					width:59px;
					left:166px;
					/*background:fuchsia;*/
				}

				#branchesNav li .header {
					position:absolute;
					left:0;
					bottom:0;
				}

				#branchesNav li .header,
				#branchesNav li .icon-act,
				#branchesNav li.active .icon-no {
					display:none;
				}

				#branchesNav li.active .icon-act,
				#branchesNav li.active .header {
					display:block;
				}



	/* -- Inhaltsspalten -- */
	#contentCol {
		width:695px;
		font-size:12px;
	}

		#contentAbove {
		}

		#contentLower {
			width:100%;
		}

			#contentLower-left {
				width:460px;
			}

			#contentLower-right {
				width:225px;
			}


		/* -- Inhaltselemente -- */
		#contentCol .contentElement {
			padding:0 0 10px 0;
		}



		/* Tabelle zweispaltig */
		.content-table2Cols,
		.content-table3Cols,
		.content-table4Cols {
			padding:0 0 22px 0;
		}

			.content-table2Cols h2,
			.content-table3Cols h2,
			.content-table4Cols h2 {
				padding:0 0 0 20px;
			}

			.content-table2Cols table,
			.content-table3Cols table,
			.content-table4Cols table {
				margin:3px 0 0 0;
				border-bottom:1px solid #CCC;
			}

				.content-table2Cols td,
				.content-table3Cols td,
				.content-table4Cols td {
					padding-top:7px;
					padding-bottom:0;
					vertical-align:top;
					color:#666;
					font-size:11px;
					line-height:130%;
					border-top:1px solid #CCC;
				}

				.content-table2Cols .col1,
				.content-table3Cols .col1,
				.content-table4Cols .col1 {
					padding-left:20px;
				}


				.content-table2Cols .col1,
				.content-table3Cols .col1,
				.content-table3Cols .col2 {
					width:141px;
				}

				.content-table4Cols .col1,
				.content-table4Cols .col2,
				.content-table4Cols .col3 {
					width:108px;
				}


		/* Quicklinks */
		.content-quicklinks {
		}

			.content-quicklinks ol {
				padding:12px 0 0 0;
			}

				.content-quicklinks a {
					padding:1px 0 6px 25px;
					color:#666;
					font-size:11px;
					display:block;
					background:url(../img/bg-quicklinkItem.gif) no-repeat 0 0;
				}

				.content-quicklinks a:hover,
				.content-quicklinks a:active {
					color:#39C;
					background:url(../img/bg-quicklinkItem-act.gif) no-repeat 0 0;
				}


		/* Text */
		.content-text {
			padding-left:20px !important;
			color:#666;
			line-height:1.4em;
		}

			.content-text h2 {
				margin:0 0 7px 0;
			}

			.content-text h3 {
				font-size:11px;
				font-weight:bold;
				text-transform:uppercase;
			}



				.content-text ul li {
					padding:0 0 0 14px;
					font-size:11px;
					background:url(../img/icon-bullet.gif) no-repeat 6px 6px;
				}


		/* Textformatierungen Fliesstext */
		.textContentFormat p {
			margin:0 0 10px 0;
		}

		.textContentFormat ul {
			margin:10px 0;
		}

		.textContentFormat a {
			color:#666;
			font-weight:bold;
		}

		.textContentFormat a:hover,
		.textContentFormat a:active {
			color:#39C;
		}


		/* News Liste (das gleiche wie jobList !!!) */
		#newsList-browseNavÊ{
		}

			#newsList-browseNav table {
				width:110px;
				margin:0 0 5px 0;
			}

				#newsList-browseNav table td {
				}

				#newsList-browseNav td.goPrev {
					width:14px;
					text-align:left;
				}

				#newsList-browseNav td.totalPages {
					text-align:center;
				}

				#newsList-browseNav td.goNext {
					width:14px;
					text-align:right;
				}

				#newsList-browseNav table td a:hover,
				#newsList-browseNav table td a:active {
					color:#39C;
				}


		/* Job Liste */
		.content-jobList {
		}

			.content-jobList table {
				color:#666;
				font-size:11px;
			}

				.content-jobList table td {
					vertical-align:top;
				}

				.content-jobList .content-jobList-divider {
					height:1px;
					background:#999;
				}

				.content-jobList td.colLeft {
					width:141px;
					padding:7px 0 0 20px;
				}



					.content-jobList td.colLeft .download {
						padding:12px 0 0 0;
					}

					.content-jobList td.colLeft a {
						padding:0 0 6px 20px;
						display:block;
						color:#666;
						font-weight:bold;
						background:url(../img/icon-download-no.gif) no-repeat 0 0;
					}

					.content-jobList td.colLeft a:hover,
					.content-jobList td.colLeft a:active {
						color:#39C;
						background:url(../img/icon-download-ro.gif) no-repeat 0 0;
					}


				.content-jobList td.colRight {
					padding:7px 0 21px 0;
				}

					.content-jobList td.colRight h2 {
						margin:0 0 12px 0;
						font-size:11px;
					}

					.content-jobList td.colRight .description {
						line-height:1.35;
					}




		/* Team Liste */
		.content-employeeList {
		}

			.content-employeeList h2 {
				padding:0 0 4px 15px;
			}

			.content-employeeList table {
			}

				.content-employeeList table td {
					vertical-align:top;
				}

				.content-employeeList table .colLeft {
					width:225px;
				}

				.content-employeeList table .colRight {
					padding:3px 10px 5px 20px;
					color:#666;
				}

					.content-employeeList table .colRight a {
						color:#666;
					}

					.content-employeeList table .colRight a:hover,
					.content-employeeList table .colRight a:active {
						color:#39C;
					}

					.content-employeeList table .colRight .position {
						font-size:12px:
					}

					.content-employeeList table .colRight .contact {
						padding:16px 0 0 0;
						font-size:11px;
						line-height:1.35;
					}

					.content-employeeList-divider {
						height:1px;
						background:#999;
					}



		/* Seitenheader */
		.content-pageHeader {
			height:130px;
			padding:0 !important;
		}


		/* Bild gross */
		.content-imageLarge {
		}

		/* Download */
		.content-download {
			padding:0 0 6px 10px;
			font-size:11px;
		}

			.content-download ol {
				padding:8px 0 0 0;
			}

			.content-download a {
				padding:0 0 11px 0;
				display:block;
				background:url(../img/icon-download-no.gif) no-repeat 100% 0;
			}

			.content-download a:hover,
			.content-download a:active {
				background:url(../img/icon-download-ro.gif) no-repeat 100% 0;
			}

			.content-download a:hover *,
			.content-download a:active * {
				color:#39C !important;
			}

				.content-download a strong {
					padding:0 0 2px 0;
					color:#666;
					display:block;
					line-height:1.4em;
				}

				.content-download a span {
					color:#666;
					display:block;
				}

		/* Ansprechpartner */
		.content-contactItem {
			width:205px;
			padding:0 10px 10px 10px;
			height:120px;
			color:#666;
			font-size:11px;
			background:#FFF;
			/*background:url(../img/bg-banner_gradient.gif) repeat-x 0 0;*/
		}

			.content-contactItem a {
				color:#666;
			}

			.content-contactItem a:hover,
			.content-contactItem a:active {
				color:#39C;
			}

			.content-contactItem .name {
				padding:8px 0 0 0;
				color:#333;
				font-weight:bold;
			}

			.content-contactItem .email {
				padding:9px 0 0 0;
			}


		/* Produktkachel */
		.content-productTileList {
		}

			.content-productTileList ol {
			}

				.content-productTileList ol li {
					margin:0 10px 10px 0;
					float:left;
				}

					.content-productTileList ol li.lastInRow {
						margin-right:0;
					}


		/* Banner Reihe */
		.content-bannerRow {
		}

			.content-bannerRow li {
				margin:0 10px 0 0;
				float:left;
			}

			.content-bannerRow li.last {
				margin:0;
			}







/* Sitemap */
#sitemap {
}

.sitemap-col {
width:225px;

}

.sitemap-col.first {
    margin:0 10px 0 0;
}

.sitemap-col h3 {
width:212px;
padding:0 0 0 13px;
    border-top:1px solid #999;
	border-bottom:1px solid #999;
	overflow:hidden;
}

.sitemap-col ul {
padding:6px 0 24px 0;
}

.sitemap-col ul li {
padding:0 0 5px 13px;
}

.sitemap-col ul li a {
text-transform:uppercase;
color:#333;
font-size:11px;
font-weight:bold;
}

.sitemap-col ul li a:hover,
.sitemap-col ul li a:active {
	color:#39C;
}

.sitemap-col ul  ul {
	padding:5px 0 0 0;
}

.sitemap-col ul li ul li {
padding:0;


}

.sitemap-col ul li ul li a {
	padding:0 0 6px 13px;
text-transform:none;
font-weight:normal;
display:block;
background:url(../img/icon-arrow-black.gif) no-repeat 0 3px;
}






.inputOption {
	color:#333;
	border-top:1px solid #666;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #666;
}



#contactform {
	padding:0 0 24px 0;
border-bottom:1px solid #CCC;
}

#contactform .formError {
padding-left:20px;
}

#contactform form {
padding:15px 0 0 0;
}

#contactform h3 {
padding:2px 0 10px 20px;
color:#333;
font-size:11px;
font-weight:bold:
}

#contactform  td {
vertical-align:top;
}

#contactform  td.labelCell {
width:141px;
padding:6px 0 0 20px;
color:#333;
font-size:11px;
}

#contactform td.inputCell {
padding:0 0 12px 0;
}

#contactform  td.inputCell input.inputOption {
width:225px;
height:14px;
}

#contactform  td.inputCell textarea.inputOption {
width:225px;
height:96px;
}