@charset "UTF-8";

/*Troubleshooting für PNG-Fehler im IE 5.5 & 6.0*/
img, div, li, a, li a img {
	behavior: url("images/iepngfix.htc");
}


body {
	background: url(../images/pageBackground.jpg) repeat-x #a9a9a9;
	font-family: Myriad Pro, Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #363636;
	padding: 0px;
	margin: 0px;
}

a img {
	border: 0px;
}

a:link,
a:visited {
	text-decoration: none;
	color: #363636;
}

#pageContainer {
	margin: 10px auto;
	width: 1000px;
}

	#pageContainer #pageInformations {
		width: 80%;
		text-align: right;
		float: left;
	}

	#pageContainer #noVisitors {
		color: #FFF;
		cursor: default;
		float: left;
		width: 15%;
		margin: 0px 0px 0px 5%;
	}
	
	#pageContainer #noVisitors:hover {
		color: #363636;
	}

		#pageContainer #pageInformations span {
			margin: 0px 5px;
		}
		
		#pageContainer #pageInformations #quickLinks a {
			padding: 0px 0px 0px 5px;
		}	
		
		#pageContainer #pageInformations span .contact {
			color: #341892;
			text-transform: uppercase;
			font-size: 14px;
		}
	
	#pageNavigation {
		float: left;
	}
	
	#pageContainer #pageNavigation ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
		
		#pageContainer #pageNavigation ul li {
			float: left;
		}
		
		#pageContainer #pageNavigation ul li a img {
			border: none !important;
		}

	#pageContainer #pageContent {
		float: left;
		letter-spacing: 1px;
	}
	
		#pageContainer #pageContent #contentContainer {
			background: url(../images/content_background.jpg) no-repeat;
			width: 910px;
			padding: 35px 40px 0px 50px;
			float: left;
			z-index: 2;
		}
		
			#pageContainer #pageContent #contentContainer p {
				font-size: 18px;
			}

			#pageContainer #pageContent #contentContainer p .enlarged {
				font-size: 26px;
			}

			#pageContainer #pageContent #contentContainer table {
				width: 770px;
				font-size: 18px;
				clear: both;
			}
			
			#pageContainer #pageContent #contentContainer table.import {
				width: 100%;
			}

			#pageContainer #pageContent #contentContainer table td {
				width: 50%;
				vertical-align: top;
				padding: 15px;
			}

			#pageContainer #pageContent #contentContainer table td .enlarged {
				font-size: 26px;
			}

			#pageContainer #pageContent #contentContainer div.alignRight {
				display: inline-block;
				margin: 20px 17px 20px 20px;
				float: right;
			}

			#pageContainer #pageContent #contentContainer div.alignLeft {
				margin: 10px 20px 8px 0px;
				float: left;
			}

			#pageContainer #pageContent #contentContainer div.alignLeft .imgDescription,
			#pageContainer #pageContent #contentContainer div.alignRight .imgDescription {
				font-size: 14px;
				text-align: center;
				margin: 18px 0px 0px 0px;
				font-weight: bold;
			}
			
			#pageContainer #pageContent #contentContainer div.alignRight .siegel {
				margin-left: 85px;
			}
			
			#pageContainer #pageContent #contentContainer #employeesList {
				font-size: 14px;
			}
			
				#pageContainer #pageContent #contentContainer #employeesList td {
				}
			
				#pageContainer #pageContent #contentContainer #employeesList .noPicture {
					display: block;
					width: 234px;
					height: 300px;
					background-color: #363636;
				}
				
				#pageContainer #pageContent #contentContainer #employeesList .noPicture,
				#pageContainer #pageContent #contentContainer #employeesList IMG {
					margin: 0px 0px 5px 0px;
				}


				#pageContainer #pageContent #contentContainer #employeesList .name {
					text-transform: uppercase;
					font-size: 18px;
				}
				
			#cuttingHall {
				background-color: #888;
				width: 890px !important;
				padding: 0px 10px 10px 10px;
				margin: 20px 0px 20px 0px;
				color: #FAFAFA;
			}

				#cuttingHall td {
					padding: 20px 20px 0px 20px !important;
				}

				#cuttingHall p {
					margin: 0px 0px 20px 0px;
				}
				
			#pageContainer #pageContent #contentContainer #info,
			#pageContainer #pageContent #contentContainer #storage {
				float: left;
				width: 450px;
			}

			#pageContainer #pageContent #contentContainer #info p,
			#pageContainer #pageContent #contentContainer #infoBar p {
				font-size: 14px;
			}

			#pageContainer #pageContent #contentContainer #infoBar {
				float: left;
				width: 260px;
				margin: 0px 0px 0px 200px;
			}
			
			#pageContainer #pageContent #contentContainer #infoBar .hint {
				border-bottom: #636363 dashed 1px;
				border-top: #636363 dashed 1px;
			}
			
			#pageContainer #pageContent #contentContainer .pageTitle {
				text-transform: uppercase;
				font-size: 20px;
			}
			
			#pageContainer #pageContent #contentContainer .sectionTitle {
				font-weight: bold;
			}
			
			#pageContainer #pageContent #contentContainer ol {
				list-style-type: decimal;
				padding: 0px 0px 0px 20px;
			}

			#pageContainer #pageContent #contentContainer .contact_photo {
				margin: 0px 4px 0px 0px;
			}
			
			#pageContainer #pageContent #contentContainer #info #contactForm {
				background-color: #8b8c8e;
				width: 430;
				margin: 10px 0px 80px 0px;
				padding: 10px;
			}
			
				#pageContainer #pageContent #contentContainer #info #contactForm #contactFormTitle {
					text-transform: uppercase;
					font-size: 14px;
					color: #FFF;
					margin: 0px 0px 0px 10px;
				}
				
				#pageContainer #pageContent #contentContainer #info #contactForm #innerContainer {
					background-color: #b1b1b1;
					border: 1px solid #bcbcbb;
					margin: 15px 10px 10px 10px;
					padding: 10px;
				}
				
				#pageContainer #pageContent #contentContainer #info #contactForm label {
					color: #FFF;
				}

				#pageContainer #pageContent #contentContainer #info #contactForm input,
				#pageContainer #pageContent #contentContainer #info #contactForm select,
				#pageContainer #pageContent #contentContainer #info #contactForm textarea {
					width: 95%;
					margin-bottom: 5px;
					font-size: 12px;
					padding: 2px;
					border: 1px solid #939395;
				}
				
				#pageContainer #pageContent #contentContainer #info #contactForm input {
				}

				#pageContainer #pageContent #contentContainer #info #contactForm input#plz {
					width: 15%;
				}

				#pageContainer #pageContent #contentContainer #info #contactForm input#city {
					width: 77%;
					margin-left: 6px;
				}
				
				#pageContainer #pageContent #contentContainer #info #contactForm input#submitButton {
					width: auto;
					padding: 2px 8px;
					background-color: #939395;
					border: 1px solid #c3c3c3;
					color: #EEE;
				}

				

		/*Formatierung für Slideshow*/
		#pageContent #slideshow,
		#pageContent .slideshow {
			position: relative;
			margin: 20px 0px 0px 0px;
			height: 520px;
		}
		
			#slideshow img {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 8;
				opacity: 0.0;
			}
			
			#slideshow img.active {
				z-index: 10;
				opacity: 1.0;
			}
			
			#slideshow img.last-active {
				z-index: 9;
			}