html {
	height: 100%;
}

body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 0.75em;
	line-height: 1.33em;
	color: #666666;
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
	background-image: url('../_gfx/bg_main.jpg');
	background-position: center;
	background-repeat: repeat-y;
}


/* Standard-Formate */

table {
	width: 100%;
}

td, div {
	text-align: left;
}

img {
	border-style: none;
}

ul {
	margin: 0px 0px 16px 0px;
	padding: 0;
	list-style-type: none;
} 

ul li {
	margin: 0px 0px 5px 0px; 
	padding: 0 0 0 12px;
	background-image: url('../_gfx/quadrat_liste.gif');
	background-repeat: no-repeat;
	background-position: 0px 6px;
} 

ul li ul, ul li ul li ul {
	margin: 5px 0px 0px 0px;
}

#content ul, #rightmargin ul {
	float: left;
	width: 100%;	
}

#content ul li, #rightmargin ul li {
	clear: left;
}

a {
	color: #004494;
	text-decoration: underline;
}

a:hover {
	color: #e2001a;
	text-decoration: underline;
}

h1, h2 {
	font-size: 1.17em;
	font-weight: bold;
	color: #e2001a;
	margin-top: 0px;
	margin-bottom: 10px;
}

h3, h4, h5 {
	font-size: 1em;
	font-weight: bold;
	color: #e2001a;
	margin-top: 20px;
	margin-bottom: 10px;
}

h4, h5 {
	font-weight: normal;
	color: #004494;
}

p {
	margin-top: 0px;
	margin-bottom: 15px;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.indent {
	margin-left: 25px;
}

blockquote {
	color: #e2001a;
	font-style: italic;
	margin-left: 25px;
}

hr {
	height: 1px;
	border: 0px;
	color: #666666;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

input.checkbox {
	border-style: none;
}


/*
### Formate für den Seitenaufbau
*/

#pageframe {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	background-color: #ffffff;
}

#mainframe {
	float: left;
	width: 880px;
}

	#headframe {
		position: relative;
		float: left;
		width: 880px;
		height: 165px;
		overflow: hidden;
	}
	
		#claim {
			position: absolute;
			right: 0px;
			top: 40px;
			z-index: 10;
			width: 276px;
			height: 47px;
			overflow: hidden;
			background-image: url('../_gfx/ein_projekt_ekvw.gif');
			background-repeat: no-repeat;
			text-indent: -100em;
		}

			#claim a {
				display: block;
				width: 230px;
				height: 18px;
			}
		
		#mcrsite_logo {
			position: absolute;
			left: 40px;
			top: 12px;
			z-index: 10;
		}
	
		#slogan {
			position: absolute;
			left: 198px;
			top: 115px;
			z-index: 10;
			width: 320px;
			height: 50px;
			overflow: hidden;
			background-image: url('../_gfx/kinder_claim.jpg');
			background-repeat: no-repeat;
			text-indent: -100em;
		}
		
			#slogan a {
				display: block;
				width: 380px;
				height: 50px;
			}

		#metanav {
			position: absolute;
			left: 199px;
			top: 7px;
			z-index: 50;
		}

			#metanav a {
				color: #666666;
				text-decoration: none;
			}

			#metanav a:hover {
				color: #e2001a;
				text-decoration: none;
			}
		
			#metanav ul {
				float: left;
				margin: 0;
				padding: 2px 0 0 0;
				font-size: 0.92em;
				list-style-type: none;
			}
			
				#metanav ul li {
					float: left;
					margin: 0 12px 0 0;
					padding: 0;
					background: none;
				}

			form#quicksearchform, 
			form#quicklinkform {
				float: left;
				margin: 0 12px 0 0;
				padding: 0;
				border-style: solid;
				border-color: #666666;
				border-width: 1px;
			}

				form#quicksearchform input,
				form#quicklinkform input {
					float: left;
					font-size: 0.92em;
					color: #666666;
					width: 55px;
					padding: 2px 2px 0 2px;
					border: none;
				}

				form#quicksearchform input.quickformsubmit,
				form#quicklinkform input.quickformsubmit {
					float: left;
					border: none;
					width: 10px;
					padding: 5px 0 4px 1px;
					margin: 0;
					background-color: #666666;
				}
			
			#sizeselect {
				float: left;
			}

				#sizeselect .small {
					font-size: 0.8em;
				}

				#sizeselect .medium {
					font-size: 1em;
				}

				#sizeselect .big {
					font-size: 1.2em;
				}

	#maincontent {
		float: left;
		width: 880px;
	}

		#leftmargin {
			float: left;
			width: 200px;
		}

			#mainnav {
				float: left;
				width: 140px;
				padding: 30px 40px 0 20px;
			}
			
			#mainnav ul {
				float: left;
				width: 140px;
			}
	
			#mainnav li {
				float: left;
				width: 124px;
				padding: 0 0 7px 16px;
				background-image: url('../_gfx/quadrat_passiv.gif');
				background-position: 0px 3px;
			}
			
			#mainnav li.ext {
				float: left;
				width: 124px;
				padding: 3px 0 7px 16px;
				background-image: url('../_gfx/quadrat_extra.jpg');
				background-position: 0px 7px;
			}
	
				#mainnav ul li:hover,
				#mainnav ul li.akt {
					background-image: url('../_gfx/quadrat_aktiv.gif');
				}
			
					#mainnav ul li.akt a {
						color: #e2001a;
					}
	
					#mainnav ul li.pas a {
						color: #004494;
					}
	
					#mainnav ul li.pas a:hover {
						color: #e2001a;
					}
	
				#mainnav ul li ul {
					float: left;
					width: 124px;
					padding: 3px 0 0 0;
					border-style: solid;
					border-width: 1px 0;
					border-color: #e2001a;
				}
	
				#mainnav ul li ul li.pas,
				#mainnav ul li ul li.akt {
					width: 108px;
					padding: 1px 0 1px 16px;
					background: none;
				}
	
				#mainnav ul li ul li:hover {
					background: none;
				}
	
				#mainnav ul li ul li ul {
					float: left;
					width: 108px;
				}
				
					#mainnav ul li ul li ul li {
						font-size: 0.92em;
						padding: 1px 0 1px 0px !important;
					}
			
			#mainnav a {
				text-decoration: none;
			}
			
			#mainnav a:hover {
			
			}
			
			#mainnavlinkmarker {
					float: left;
					margin-left: -20px;
					width: 134px;
					padding-top: 5px;
					padding-bottom: -5px;
					padding-left: 20px;
					background-image: url('../_gfx/bg_link_marker.jpg');

			}
			
			#mainnavlinkmarker ul {
					margin: 0;
			}
			
			#quote {
				float: left;
				width: 160px;
				margin: 50px 0 50px 0;
			}
			
				#quote .quotepic {
					float: left;
					width: 160px;
					margin: 0;
					padding: 0;
					line-height: 0;
				}
				
				#quote .quotebox {
					float: left;
					width: 159px;
					border-style: solid;
					border-color: #ccdaea;
					border-width: 1px 1px 1px 0;
					background-image: url('../_gfx/bg_quote_bottom.gif');
					background-position: bottom left;
					background-repeat: no-repeat;
				}
				
				#quote .quotecontent {
					float: left;
					width: 145px;
					padding: 7px;
					background-image: url('../_gfx/bg_quote_top.gif');
					background-position: top left;
					background-repeat: no-repeat;
				}
				
					#quote .quotecontent p {
						color: #004494;
						font-size: 0.92em;
						line-height: 1.25em;
						margin: 0 0 5px 0;
					}
	
					#quote .quotecontent p.subline {
						color: #e2001a;
						font-size: 0.92em;
						line-height: 1.25em;
						margin: 0;
					}
					
		#contentarea {
			float: left;
			width: 680px;
		}

			#stage {
				float: left;
				width: 680px;
				margin: 0;
				padding: 0;
			}

				#stageframe {
					position: relative;
					float: left;
					width: 680px;
					margin: 0;
					padding: 15px 0 20px 0;
					background-image: url('../_gfx/bg_stageelement.jpg');
					background-position: top left;
					background-repeat: no-repeat;
				}
		
				#pager {
					position: absolute;
					left: 0px;
					top: 15px;
					height: 15px;
					background-color: #ffffff;
					z-index: 50;
				}
				
					#pager a {
						display: block;
						float: left;
						width: 14px;
						height: 14px;
						margin: 0 1px 0 0;
						padding: 0;
						text-indent: -100em;
						background-color: #ccdaea;
						overflow: hidden;
					}

					#pager a:hover {
						background-image: url('../_gfx/stage_quadrat_over.gif');
					}

					#pager a.activeSlide {
						display: block;
						float: left;
						width: 14px;
						height: 14px;
						margin: 0 1px 0 0;
						padding: 0;
						text-indent: -100em;
						background-color: #e2001a;
						background-image: url('../_gfx/stage_quadrat_aktiv.gif');
						overflow: hidden;
					}

					#pager a.activeSlide:hover {
						background-image: url('../_gfx/stage_quadrat_aktiv.gif');
					}

				#stageelements {
					position: relative;
					width: 680px;
					height: 220px;
					margin: 0;
					padding: 0;
					overflow: hidden;
				}
				
				#stageelements .stageelement {
					float: left;
					width: 680px;
					height: 220px;
					margin: 0;
					padding: 0;
					overflow: hidden;
				}

					#stageelements .stageelement .stagepic {
						float: left;
						width: 460px;
						height: 220px;
						margin: 0;
						padding: 0;
						overflow: hidden;
					}

					#stageelements .stageelement .stagecontent {
						position: relative;
						float: left;
						width: 220px;
						height: 220px;
						margin: 0;
						padding: 0;
						background-image: url('../_gfx/bg_stagecontent.jpg');
						overflow: hidden;
					}

					#stageelements .stageelement .stagecontent .stageheadline {
						float: left;
						width: 220px;
						height: 80px;
						margin: 0;
						padding: 0;
						background-position: top left;
						background-repeat: no-repeat;
						text-indent: -100em;
						overflow: hidden;
					}

					#stageelements .stageelement .stagecontent .stagetext {
						position: absolute;
						_position: relative;
						left: 0px;
						bottom: 0px;
						float: left;
						width: 190px;
						font-size: 0.92em;
						line-height: 1.25em;
						color: #ffffff;
						margin: 0;
						padding: 15px;
						z-index: 50 !important;
					}

						#stageelements .stageelement .stagecontent .stagetext p {
							margin: 0;
							padding: 0;
						}
					
						#stageelements .stageelement .stagecontent .stagetext a {
							color: #ffffff;
							text-decoration: none;
							font-weight: bold;
						}

						#stageelements .stageelement .stagecontent .stagetext a:hover {
							color: #ffffff;
							text-decoration: underline;
							font-weight: bold;
						}

				#pageheader {
					position: relative;
					float: left;
					width: 680px;
					height: 120px;
					margin: 0;
					padding: 15px 0 20px 0;
					background-image: url('../_gfx/bg_pageheader.jpg');
					background-position: top left;
					background-repeat: no-repeat;
					overflow: hidden;
				}

					#pageheader .headerpic {
						float: left;
						width: 460px;
						height: 120px;
						margin: 0;
						padding: 0;
						overflow: hidden;
					}

					#pageheader .headertitle {
						float: left;
						width: 220px;
						height: 120px;
						margin: 0;
						padding: 0;
						background-position: top left;
						background-repeat: no-repeat;
						text-indent: -100em;
						overflow: hidden;
					}

				.highlightbox {
					float: left;
					width: 220px;
					margin: 0 10px 0 0;
					padding: 0 0 15px 0;
					background-image: url('../_gfx/bg_highlightbox.jpg');
					background-position: bottom center;
					background-repeat: no-repeat;
					_display: inline;
				}
				
					.highlightbox.last {
						margin: 0;
					}
				
					.highlightbox .highlighthead {
						float: left;
						width: 185px;
						min-height: 16px;
						margin: 0;
						padding: 3px 5px 1px 30px;
						background-color: #004494;
						background-image: url('../_gfx/bg_highlightboxhead.jpg');
						border-style: solid;
						border-color: #ffffff;
						border-width: 0 0 2px 0;
					}

						.highlightbox .highlighthead h2 {
							font-size: 0.92em;
							line-height: 1.25em;
							font-weight: normal;
							color: #ffffff;
							margin: 0;
							padding: 0;
						}

					.highlightbox .highlightcontent .highlightpic {
						line-height: 0;
					}
					
					.highlightbox .highlightcontent .highlighttext {
						float: left;
						width: 200px;
						min-height: 50px;
						height: auto !important;
						_height: 50px;
						color: #004494;
						padding: 5px 10px 10px 10px;
						background-color: #ccdaea;
					}
					
						.highlightbox .highlightcontent p {
							font-size: 0.92em;
							line-height: 1.25em;
							margin: 0;
							padding: 0;
						}
						
						.highlightbox .highlightcontent .highlighttext a {
							text-decoration: none;
						}

						.highlightbox .highlightcontent .highlighttext a:hover {
							color: #004494;
						}
				
				#breadcrumbs {
					float: left;
					width: 100%;
					font-size: 0.92em;
					line-height: 1.25em;
					margin: 0;
					padding: 0;
				}

					#breadcrumbs a {
						color: #666666;
						text-decoration: none;
					}
		
					#breadcrumbs a:hover {
						color: #e2001a;
						text-decoration: none;
					}
					
					#breadcrumbs .youarehere {
						float: left;
						margin: 0 6px 0 0;
						padding: 0 0 0 15px;
						background-image: url('../_gfx/pfeil_weiss-grau.gif');
						background-position: 0;
						background-repeat: no-repeat;
						_display: inline;
					}
					
					#breadcrumbs ul {
						float: left;
						margin: 0;
						padding: 0;
						list-style-type: none;
					}
					
						#breadcrumbs ul li {
							float: left;
							margin: 0;
							padding: 0;
							background: none;
						}
				
			#content {
				float: left;
				width: 450px;
				margin: 15px 0 15px 0;
				padding: 0;
			}

				.contenthead {
					float: left;
					width: 430px;
					min-height: 16px;
					margin: 0 0 10px 0;
					padding: 3px 10px 1px 10px;
					background-color: #004494;
					background-image: url('../_gfx/bg_boxhead_blau.jpg');
					border-style: solid;
					border-color: #ffffff;
					border-width: 0 0 2px 0;
				}
		
				.contenthead.rot {
					background-color: #e2001a;
					background-image: url('../_gfx/bg_boxhead_rot.jpg');
				}

				.contenthead h2 {
					font-size: 0.92em;
					line-height: 1.25em;
					font-weight: normal;
					color: #ffffff;
					margin: 0;
					padding: 0;
				}
									
			#rightmargin {
				float: left;
				width: 220px;
				margin: 15px 0 15px 10px;
				padding: 0;
				_display: inline;
			}
			
				.box {
					float: left;
					width: 220px;
					margin: 0 0 15px 0;
					padding: 0;
					background-color: #f5f5f5;
					background-image: url('../_gfx/bg_box.jpg');
					background-position: bottom left;
					background-repeat: repeat-x;
				}
				
		
					.box .boxhead {
						float: left;
						width: 200px;
						min-height: 16px;
						margin: 0;
						padding: 3px 10px 1px 10px;
						background-color: #004494;
						background-image: url('../_gfx/bg_boxhead_blau.jpg');
						border-style: solid;
						border-color: #ffffff;
						border-width: 0 0 2px 0;
					}

					.box.rot .boxhead, .fcmediabox.rot .boxhead {
						background-color: #e2001a;
						background-image: url('../_gfx/bg_boxhead_rot.jpg');
					}

						.box .boxhead h2, .fcmediabox .boxhead h2 {
							font-size: 0.92em;
							line-height: 1.25em;
							font-weight: normal;
							color: #ffffff;
							margin: 0;
							padding: 0;
						}
						
						.box .boxcontent {
							float: left;
							width: 200px;
							padding: 5px 10px 0 10px;
						}

							.box .boxcontent p, .fcmediabox .boxcontent p {
								font-size: 0.92em;
								line-height: 1.25em;
								margin: 0 0 10px 0;
								padding: 0;
							}
						
						.box .boxcontent.teaser {
							width: 220px;
							padding: 0;
						}
						
							.box .boxcontent.teaser p {
								padding: 5px 10px 0 10px;
							}
							
							.box .boxcontent.teaser ul {
								float: left;
								width: 220px;
								margin: 0;
								padding: 0;
								list-style-type: none;
							}

							.box .boxcontent.teaser ul li {
								float: left;
								width: 210px;
								font-size: 0.92em;
								line-height: 1.25em;
								margin: 0;
								padding: 5px 0 5px 10px;
								background: none;
							}

								.box .boxcontent.teaser ul li:hover {
									color: #004494 !important;
									background: none;
									background-color: #ccdaea;
								}
								
								.box.rot .boxcontent.teaser ul li:hover {
									color: #e2001a !important;
									background-color: #f6ccd0;
								}

							.box .boxcontent.teaser ul li a {
								display: block;
								float: left;
								width: 195px;
								color: #666666;
								text-decoration: none;
								margin: 0;
								padding: 0 15px 0 0;
								background-image: url('../_gfx/pfeil_weiss-grau.gif');
								background-position: right bottom;
								background-repeat: no-repeat;
							}

								.box .boxcontent.teaser ul li a:hover,
								.box .boxcontent.teaser ul li:hover a {
									color: #004494;
								}

								.box.rot .boxcontent.teaser ul li a:hover,
								.box.rot .boxcontent.teaser ul li:hover a {
									color: #e2001a;
								}
						
						.box .boxcontent.picture {
							position: relative;
							width: 220px;
							height: 110px;
							margin: 0;
							padding: 0;
							overflow: hidden;
						}

							.box .boxcontent.picture a {
								display: block;
								position: absolute;
								left: 0;
								top: 0;
								width: 220px;
								height: 110px;
								margin: 0;
								padding: 0;
								text-indent: -100em;
								background-image: url('../_gfx/bg_picboxlink_blau.gif');
								background-position: bottom right;
								background-repeat: no-repeat;
								overflow: hidden;
							}

							.box.rot .boxcontent.picture a {
								background-image: url('../_gfx/bg_picboxlink_rot.gif');
							}

#sideframe {
	float: left;
	width: 80px;
}

	#logo {
		margin: 40px 0 0 0;
	}

	#lines {
		padding: 0 0 0 40px;
	}

		#lines .line {
			height: 39x;
			width: 40px;
			margin: 0;
			padding: 0;
			border-style: solid;
			border-color: #004494;
			border-width: 0 0 1px 0;
			overflow: hidden;
		}

		#lines .line.a {
			height: 119px;
		}

		#lines .line.b {
			height: 79px;
		}

		#lines .line.c {
			height: 39px;
		}

		#lines .line.d {
			height: 19px;
		}

		#lines .line.e {
			height: 320px;
		}

		#lines .line.f {
			height: 119px;
			margin: 0 0 49px 0;
		}

#footerframe {
	float: left;
	width: 960px;
	font-size: 0.92em;
	line-height: 1.25em;
	color: #666666;
}

	#footerframe a {
		color: #666666;
	}
	
	#footerframe a:hover {
		color: #e2001a;
	}

	#footercontent {
		float: left;
		width: 680px;
		margin: 0 0 0 200px;
		border-style: solid;
		border-color: #666666;
		border-width: 1px 0 0 0;
		_display: inline;
	}
	
		#footercontent .printlink {
			margin: 7px 0 10px 0;
		}
		
		#footercontent .printlink a {
			text-decoration: none;
		}
	
	#footersideframe {
		float: left;
		width: 40px;
		margin: 0 0 0 40px;
		border-style: solid;
		border-color: #004494;
		border-width: 1px 0 0 0;

	}

/*
### Formate für Standard TYPO3-Elemente
*/


/* Linie vor und nach einem Inhaltselement */

.csc-frame-rulerBefore {
	clear: both;
	height: 2px;
	overflow: hidden;
	background-color: #E1E1E1;
	margin: 10px 0 10px 0;
	padding: 0;
	line-height: 0;
}

.csc-frame-rulerAfter {
	clear: both;
	height: 2px;
	overflow: hidden;
	background-color: #E1E1E1;
	margin: 10px 0 10px 0;
	padding: 0;
	line-height: 0;
}


/* Bildunterschrift */

.csc-textpic-caption {
	font-size: 10px;
	color: #656565;
}


/* Stil des optionalen Bildrahmens */

.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 1px solid #E1E1E1 !important;
}


/* Datei-Verweise */

table.csc-uploads {
	border-collapse: collapse;
}

.csc-uploads td.csc-uploads-fileName {
	vertical-align: top;
	padding: 0 15px 10px 0;
}

.csc-uploads td.csc-uploads-fileSize {
	vertical-align: top;
	padding: 0 0 10px 0;
}

.csc-uploads td.csc-uploads-fileName p, .csc-uploads td.csc-uploads-fileSize p {
	margin: 0 !important;
}


/* Tabellen */

table.contenttable {
	width: 100%;
	border: 1px solid #E1E1E1;
	border-collapse: collapse;
}

	.contenttable th, .contenttable td {
		vertical-align: top;
		padding: 1px 3px 1px 3px;
	}
	
	.contenttable th, .contenttable tfoot {
		font-weight: bold;
		color: #8C8C8C;
		background-color: #AEAEAE;
		padding: 2px 3px 3px 3px;
	}
	
	.contenttable .tr-odd td {
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #E1E1E1;
	}
	
	.contenttable .tr-even td {
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: #E1E1E1;
	}

	.contenttable .tr-last td {
		border-style: none;
	}
	
	/* Eigene Boxen */
	.fcmediabox {
		float: left;
		margin: 0 0 15px 0;
		padding: 0;
		background-color: #f5f5f5;
		background-image: url('../_gfx/bg_box.jpg');
		background-position: bottom left;
		background-repeat: repeat-x;
	}
	
	.fcmediabox .boxhead {
		min-height: 16px;
		margin: 0;
		padding: 3px 10px 1px 10px;
		background-color: #004494;
		background-image: url('../_gfx/bg_boxhead_blau.jpg');
		border-style: solid;
		border-color: #ffffff;
		border-width: 0 0 2px 0;
	}
	
	.fcmediabox .boxcontent {
		padding: 5px 10px 0 10px;
	}
	
	/* Floating stoppen */
	.floatAus {
		display: block;
		clear: both;
		float: none;
		height: 1px;
		font-size: 1px;
		line-height: 1px;
		overflow: hidden;
	}
	
	/* vorübergehender Kitt */
	#content .fcmediabox {
		margin-right: 5px;
	}
	#content {
		overflow: hidden;
	}