/* Globale Eigenschaften der Seite */
html { height: 100%; }
body {
	font-family: Arial,helvetica,arial;
	font-style: normal;
    font-size: 11px;
	color: #828282;
	
	margin:0px;
	padding:0px;
	
	background-color: #FFFFFF;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	min-height: 100%;	
}
img { border: 0px; }

.pt1{
	padding-top:1px;
	padding-bottom:1px;
}
.pt2{
	padding-top:2px;
	padding-bottom:2px;
}
.pt3{
	padding-top:3px;
	padding-bottom:3px;
}
.StopFloat { clear: both; }

select, .select {
	font-size: 11px;
	margin: 0px;
	color: #828282;
	font-family: Arial,helvetica,arial;
	position: static;
	font-weight:normal;
	border:1px solid #828282;
	display:block;
}
input[type = submit], .inputSubmit {
	font-size: 11px;
	margin: 0px;
	color: #828282;
	font-family: Arial,helvetica,arial;
	position: static;
	font-weight:normal;
	border:1px solid #828282;
	background:#FFFFFF;
}
input[type = text], .inputText {
	font-size: 11px;
	margin: 0px;
	color: #828282;
	font-family: Arial,helvetica,arial;
	position: static;
	font-weight:normal;
	border:1px solid #828282;
}
input[type = button], .inputButton {
	font-size: 11px;
	margin: 0px;
	color: #828282;
	font-family: Arial,helvetica,arial;
	position: static;
	font-weight:normal;
	border:1px solid #828282;
	background:#FFFFFF;
}
.inputError {
	font-size: 11px;
	color: #aa3232;
	font-family: Arial,helvetica,arial;
	font-weight:normal;
}
a, a:visited, a:active, a:link {
	font-size: 11px;
	color: #aa3232;
	font-style: normal;
	font-family: Arial,helvetica,arial;
	text-decoration: none;
}
a:hover { text-decoration:underline;}

/* Fixe Eigenschaften der Seite/Layout */
/*------ Header ------*/
#header{ width: 966px; height: 165px; background: #e66e0f; margin:0px; padding:0px; }
/*------ Logo ------*/
#logo { position: relative; top: 16px; right: 47px; width:142px; height:42px; float: right;
	background-image: url(images/logo.jpg);
	background-repeat:no-repeat;
 }
/*------ Images Header ------*/
#headerImages{ position: absolute; left: 189px; top: 103px; width: 777px; }
	#headerImages .small { height: 120px; width: 168px; float:left; padding-left:21px; }
	#headerImages .big { height: 120px; width: 357px; float:left; padding-left:21px; }
/*------ Headline ------*/
#headline { 
	position: absolute; top: 75px; left: 399px;
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
/*------ Menu BrotkruemelNavigation ------*/
#menuSitePath{
	width:567px;
	padding-top:62px;
	padding-left:210px;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #828282;
	text-decoration:none;
	height:13px;
}
#menuSitePath a{
		font-family: Arial;
		font-size: 10px;
		font-weight: normal;
		color: #828282;
		text-decoration:none;
}
/*------ Content ------*/
#content{ width: 966px; min-height:100px; margin:0px; padding:0px; }
#contentLeft { float: left; width: 189px; padding-top: 49px; padding-bottom: 49px; margin:0px; }
	#contentLeft .mainHr { display: block; height: 4px; font-size:1px; width: 189px; background: #bdbdbd; }
#contentRight { float: left; width:777px; }
#contentMain{ width:777px; margin:0px; padding:0px; }
	#contentMain div.small { width: 169px; float:left; padding-left:21px; }
	#contentMain div.big { width: 357px; float:left; padding-left:21px; }
	
	/*--- Start Container Formatierungen ---*/
	#contentMain div .boxsmall{ margin-top:21px; width:166px; height:147px; border: 1px solid #d1d1d1; }
	#contentMain div .boxsmalldyn{ margin-top:21px; width:166px; border: 1px solid #d1d1d1; }

	#contentMain div .boxsmall_fl{ margin-top:21px; width:166px; height:147px; float:left; border: 1px solid #d1d1d1; }
	#contentMain div .boxsmall_fr{ margin-top:21px; margin-left:21px; width:166px; height:147px; float:left; border: 1px solid #d1d1d1; }
	
	#contentMain div .boxbig{ margin-top:21px; width:355px; height:147px; border: 1px solid #d1d1d1; }
	#contentMain div .boxbigdyn{ margin-top:21px; width:355px; border: 1px solid #d1d1d1; }
	#contentMain div .boxbigtextdyn{ margin-top:21px; width:355px; border: 0px; }
	
	#contentMain .bottomHr { 
		display: block; 
		height: 25px; 
		width: 100%; 
		background-image:url(images/bottomLine.gif);
		background-repeat:repeat-x;
		float:left;
	 }
	#contentMain .bottomHrNone { 
		display: block; 
		height: 25px; 
		width: 100%; 
		float:left;
	 }
/*------ Menu Ebene 1 ------*/
#menu1{ width: 189px; height: 165px; background: #aa3232; float: left; }
	#menu1 ul{ list-style-type: none; width: 189px; padding:17px 0px 0px 0px; margin:0px; }
	#menu1 li{ list-style-type: none; width: 189px; height: 17px; }
		#menu1 ul li a{
			padding:0px 0px 0px 21px;
			height:17px;
			display:block;
			background-image:url(images/m1_ar_red.gif);
			background-repeat:no-repeat;
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			color: #FFFFFF;
			text-decoration:none;
		}
		#menu1 ul li a:hover, #menu1 ul li .aktiv{
			background-image:url(images/m1_ar_black.gif);
			background-repeat:no-repeat;
			background-color:#eed6d6;
			color: #000000;
		}
/*------ Menu Ebene 2 ------*/
.menu2{ width: 189px; background: #e5e5e5; float: left; }
	.menu2 ul{ list-style-type: none; width: 189px; margin:0px; padding:0px;}
	.menu2 li{ list-style-type: none; width: 189px; height: 17px; }
		.menu2 ul li a{
			padding:0px 0px 0px 21px;
			height:17px;
			display:block;
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			color: #838383;
			text-decoration:none;
		}
		.menu2 ul li a:hover, .menu2 ul li .aktiv{
			background-color:#FFFFFF;
			color: #000000;
		}
/*------ Menu Ebene 3 ------*/

#menu3{ width: 189px;}
	#menu3 ul{ list-style-type: none; width: 189px; margin:0px; padding:0px; }
	#menu3 li{ list-style-type: none; width: 189px; height: auto; }
		#menu3 ul li a{
			padding-left:21px;
			height:auto;
			display:block;
			background-image:url(images/m3_ar_grey.gif);
			background-repeat:no-repeat;
			font-family: Arial;
			font-size: 11px;
			font-weight: normal;
			color: #646464;
			text-decoration:none;
		}
		#menu3 ul li a:hover{
			background-image:url(images/m3_ar_grey.gif);
			background-repeat:no-repeat;
			background-color:#bdbdbd;
			color: #ffffff;
		}
		#menu3 ul li .aktiv{
			background-image:url(images/m3_ar_grey.gif);
			background-repeat:no-repeat;
			background-color:#bdbdbd;
			color: #ffffff;
		}
/*------ Footer ------*/
#footer{
	height: 20px;
	background-image:url(images/bg_footer.gif);
	background-repeat:repeat-y;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
	margin:0px;
	min-width: 966px;
}
	#footer a{ font-family: Arial; font-size: 11px; font-weight: normal; color: #FFFFFF; text-decoration: none; }
	#footer .f_search { height: 20px; width: 189px; float: left; }
	#footer .f_search span { position: relative; top: 3px; left: 21px; }
	#footer .f_search input{
		width :105px;
		font-size: 10px;
		font-family: Arial;
		font-weight: normal;
		border: 0px;
		padding: 0px;
		margin: 0px;
		color: #101010;
		position: static;
	}
	#footer .f_name{ height: 20px; width: 400px; float: left; background: #e66e0f; }	
	#footer .f_name span { position: relative; top: 3px; left: 21px; }
	#footer .f_menu{ height: 20px; width: 377px; float: left; text-align: right; }	
	#footer .f_menu span { position: relative; top: 3px; right: 21px; }
		
		
/*--- eigentliche Content Formatierung ---*/
/*Link wird als Block verwendet*/
.cboxInhaltFix {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background:#ffffff;
	overflow:hidden;
}	

	.cboxInhaltFix a {
		padding-left:12px;
		display:block;
		background-image:url(images/linkarrow.gif);
		background-repeat:no-repeat;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		color: #aa3232;
		text-decoration:none;
	}
	.cboxInhaltFix a:hover{
		text-decoration:underline;
	}
	
/*Link wird als Inline verwendet*/
.cboxInhaltFixBig {
	width:100%;
	height:100%;
	background:#ffffff;
	overflow:hidden;
}	

	.cboxInhaltFixBig a {
		padding-left:12px;
		display:inline;
		background-image:url(images/linkarrow.gif);
		background-repeat:no-repeat;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		color: #aa3232;
		text-decoration:none;
	}
	.cboxInhaltFixBig a:hover{
		text-decoration:underline;
	}

.cboxInhaltHTML{
	padding:3px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #828282;
}
.cboxInhaltHTML hr {
	color:#828282;
	background-color:#828282;
	border:5px; 
	height:1px;
}

.cboxInhaltContent{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #828282;
}
	.cboxInhaltContent h1, .cboxInhaltContent h2, .cboxInhaltContent h3 {
		margin:0px;
		padding:0px 0px 10px 0px;
		font-weight: bold;
		color: #828282;
	}
	.cboxInhaltContent h1{
		font-size: 16px;
	}
	.cboxInhaltContent h2{
		font-size: 13px;
	}
	.cboxInhaltContent h3{
		font-size: 11px;
	}
	 .cboxInhaltContent ul { list-style-type:disc; }
	 .cboxInhaltContent li { padding-bottom:10px; }
	.cboxInhaltContent table { width:355px; border:0px; clear:both; table-layout:auto; }
	.cboxInhaltContent td {	padding:3px; border:0px; clear:both; table-layout:auto; text-align:left; vertical-align:text-top; }
	.cboxInhaltContent a {
		padding-left:12px;
		height:14px;
		display:inline;
		background-image:url(images/linkarrow.gif);
		background-repeat:no-repeat;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		color: #aa3232;
		text-decoration:none;
	}
	.cboxInhaltContent a:hover{
		text-decoration:underline;
	}
/* Geschaeftsfuehrung Tabelle Bild-Text */
	.personTablePic { float:left; display:block; padding:3px; width:93px; }
	.personTableText { float:left; display:block; padding:3px; width:250px; }
	.personTableText a {
		padding-left:12px;
		height:14px;
		display:inline;
		background-image:url(images/linkarrow.gif);
		background-repeat:no-repeat;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		color: #aa3232;
		text-decoration:none;
	}
	.personTableText a:hover{
		text-decoration:underline;
	}
/* Innovation Tabelle Bild-Text */
	.innovationTablePic { float:left; display:block; padding:3px; width:135px; }
	.innovationTableText { float:left; padding:3px; width:208px; }
	.innovationTableText a {
		padding-left:12px;
		height:14px;
		display:inline;
		background-image:url(images/linkarrow.gif);
		background-repeat:no-repeat;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		color: #aa3232;
		text-decoration:none;
	}
	.innovationTableText a:hover{
		text-decoration:underline;
	}
/* Tradition Tabelle Bild-Text */
	.traditionTablePic { float:left; display:block; padding:3px; width:183px; }
	.traditionTableText { float:left; padding:3px; width:160px; }
	.traditionTableText a {
		padding-left:12px;
		height:14px;
		display:inline;
		background-image:url(images/linkarrow.gif);
		background-repeat:no-repeat;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		color: #aa3232;
		text-decoration:none;
	}
	.traditionTableText a:hover{
		text-decoration:underline;
	}
a.downloadlink { 
		padding-left:0px;
		display:inline;
		background:none;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		color: #aa3232;
		text-decoration:none;
		}
img.downloadlink{
}
/* Innovation Tabelle Bild-Text */
	
/* CSS Lightbox fuer "Wofuer wir stehen -> Tradition" (MS) */
	#lightbox{
		background-color:#eee;
		padding: 10px;
		border-bottom: 2px solid #666;
		border-right: 2px solid #666;
		}
	#lightboxDetails{
		font-size: 0.8em;
		font-family: Arial, Helvetica, sans-serif;
		padding-top: 0.4em;
		}	
	#lightboxCaption{ float: left; }
	#keyboardMsg{ float: right; }
	
	#lightbox img{ border: none; } 
	#overlay img{ border: none; }
	#overlay{ background-image: url(images/overlay.png); }
	
	* html #overlay{
		background-color: #000;
		back\ground-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
		}
/* Ende CSS Lightbox (MS) */