/* ELEMENTE */
/* CI-Farbe: #932785 */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: Helvetica, Arial, sans serif;
	background-color: #f2fbf2;
}

	div#distance {
		width: 1px;
		height: 50%;
		background-color: #fc6;
		margin-bottom: -293px; /* half of container's height */
		float: left;
	}

	div#seite {
		width: 900px;
		height: 585px; /* 575 */
		margin: 0px;
		margin: auto;
		padding: 0px;
		/* border: 7px solid #ffffff; /* 2 */
		position: relative;
		clear: left;
		background-image: url(/css/img/lightbox/loading.gif);
		background-repeat: no-repeat;
		background-position: 50% 150px;
	}

		div#kopf {
			height: 314px; /* 320-2px */
			margin: 0px;
			padding: 0px;
			margin-bottom: 7px; /* 2 */
			background-image: url(/css/head/standard.jpg);
			background-position: 50% 50%;
			background-repeat: no-repeat;
			overflow: hidden;
		}
		
		div#kopf1, div#kopf2, div#kopf3 {
			height: 314px;
			width: 298px;
			border-right: 3px solid #f2fbf2;
			float: left;
			margin: 0px;
			padding: 0px;
			background-repeat: no-repeat;
		}
		
		div#kopf3 {
			border-right: none;
		}
		
		

			div#logo {
				position: absolute;
				bottom: 4px;
				right: 6px;
				width: 150px;
				height: 50px;
				overflow: hidden;
				background-image: url(img/logo-flieder-150.png);
			}

				div#logo a {
					display: block;
					width: 180px;
					height: 39px;
					text-indent: -10000px;
				}

		div#main {
			height: 260px; /* 304-2px */
			overflow: hidden;
			border: 2px solid #ab98ce;
			/* border: 2px solid #dd66ff; /* alternativ */
			background-color: #ffffff;
		}

			div#menu ul {
				height: 26px;
				width: 100%;
				margin: 0px;
				padding: 0px;
				padding-left: 0px;
				padding-left: 30px;
				background-color: #ab98ce; /* wide gamut */
				/* background-color: #dd66ff; /* alternativ */
				overflow: hidden;
			}

				div#menu ul li {
					display: block;
					list-style-type: none;
					margin-top: 2px;
					float: left;
					font-size: 13pt;
				}

					div#menu ul li a, div#menu ul li a:visited {
						padding-left: 21px;
						padding-right: 21px;
						padding-left: 27px;
						padding-right: 27px;
						display: block;
						color: #ffffff;
						text-decoration: none;
						letter-spacing: 1px;
						height: 24px;
						line-height: 20px;
					}

					div#menu ul li a:hover {
						text-decoration: underline;
						/* color: #2a056f; */
					}
					
					div#menu ul li a:active {
						border: none;
					}

					/*div#menu ul li a.aktiv { weißer hintergrund
						background-color: #ffffff;
						color: #2a056f;
						border-bottom: 3px solid #ffffff;
						text-decoration: underline;
					}*/

					/* div#menu ul li a.aktiv { pfeil
						background-image: url(/css/img/arrow.png);
						background-position: 50% bottom;
						background-repeat: no-repeat;
						color: #2a056f;
					}*/

					div#menu ul li a.aktiv {
						color: #2a056f !important;
						
					}
					
					

			div#content {
				clear: both;
				padding: 13px;
				padding-top: 10px;
				overflow: hidden;
			}
			
			div.scroll {
				overflow: auto;
				overflow-y: scroll;
				overflow-x: hidden;
				position: absolute;
				top: 350px;
				right: 2px;
				padding: 5px;
				padding-top: 8px;
				height: 168px;
				width: 880px;
			}
			
			div.untermenu div.scroll {
				width: 750px;
			}

				div#content div#seitenmenu {
					background-color: #e8e4ef;
					background-color: #F1E6F4;
					height: 280px;
					width: 125px;
					float: left;
					margin-right: 5px;
					margin-top: -10px;
					margin-left: -145px;
					padding: 0px;
					padding-left: 4px;
					padding-top: 10px;
					/* background-image: url(/css/img/nosidearrow.png);
					background-position: right;
					background-repeat: repeat-y; */
				}

					div#content div#seitenmenu h2 {
						display: none;
					}

					div#content div#seitenmenu ul {
						margin: 0px;
						padding: 0px;
						width: 100%;
					}

						div#content div#seitenmenu ul li {
							margin: 0px;
							padding: 0px;
							text-indent: 3px;
							margin-top: 7px;
							list-style-type: none;
							font-size: 9pt;
						}
						
						div#content div#seitenmenu ul.kalender li {
							margin: 0px;
							padding: 0px;
							margin-top: 5px;
							list-style-type: none;
							font-size: 9pt;
						}

							div#content div#seitenmenu ul li a {
								display: block;
								text-decoration: none;
								padding: 3px 7px 3px 0px;
								padding-top: 1px;
								padding-bottom: 1px;
								width: 99%;
							}

							div#content div#seitenmenu ul li a:hover {
								text-decoration: underline;
							}

							div#content div#seitenmenu ul li a.aktiv {
								background-color: #ffffff;
							}

							/* div#content div#seitenmenu ul li a.aktiv { pfeil
								background-color: #cbbce7;
								background-image: url(/css/img/sidearrow.png);
								background-position: right 50%;
								background-repeat: no-repeat;
							} */

				div#content h2 {
					font-size: 14pt;
					margin-top: 1px;
					font-weight: normal;
					margin-bottom: 7px;
				}

				div#content h3 {
					font-size: 13pt;
					margin-top: 6px !important;
					font-weight: normal;
					border-bottom: 1px solid #AB98CE;
				}

				div#content p, div#content ul, div#content td {
					color: #3f3f3f;
					font-size: 10pt;
					text-align: justify;
				}
				
				div#content p {
					margin-bottom: 6px;
				}
				
				div#content table {
					border-collapse: collapse;
					width: 100%;
				}
					
					div#content th {
						height: 1px;
						font-size: 1pt;
						color: #ffffff;
					}
				
					div#content th.datum {
						width: 13%;
					}
				
					div#content td {
						vertical-align: top;
						padding: 2px;
						border-left: 1px solid #CACACA;
						border-top: 1px solid #CACACA;
					}
					
					div#content td.nocontent {
						height: 100px;
						text-indent: 50px;
						line-height: 100px;
						background-image: url(/css/img/information.png);
						background-position: 25px 50%;
						background-repeat: no-repeat;
					}

				div#content ul {
					list-style-type: bullet;
					margin-left: 20px;
				}

				div#content a, div#content a:visited {
					text-decoration: underline;
					color: #2a056f;
				}

				div#content a:hover {
					color: #000000;
				}

					div#content a img {
						border: 1px solid #000000;
					}

				div#vorfooter {
					display: none;
					width: 50px;
					height: 50px;
					float: right;
					border: 1px solid red;
				}

				div#vorfooter hr {
					display: none;
				}

				div#seite div#content.untermenu {
					padding-left: 145px; /* Wichtig für das multicolumn-layout! */
				}

					div#seite div#content.gestaltung2 p {
						text-align: center;
						margin: 2px;
						margin-bottom: 10px;
					}

					div#seite div#content.gestaltung2 a {
						text-decoration: none;
					}

		div#footer {
			display: none;
			font-size: 7pt;
			margin: auto;
			text-align: center;
		}
		
		form {
		}
		
		form label {
			display: block;
		}
		
		form input, textarea {
			font-family: Helvetica, Arial, sans serif;
			padding: 2px;
			font-size: 9pt;
			margin-left: 20px;
		}
		
		textarea {
			width: 80%;
			height: 100px;	
		}

.twoautocols {
	column-count: 2;
}

.threeautocols {
	column-count: 3;
}

.fourautocols {
	column-count: 4;
}

.twocols div {
	width: 49%;
	float: left;
}

.threecols div {
	width: 32%;
	float: left;
}

.fourcols div {
	width: 24%;
	float: left;
}

.twocols .col1, .threecols .col1, .threecols .col2, .fourcols .col1, .fourcols .col2, .fourcols .col3 {
	margin-right: 10px;
}

/* GENERISCHES */

h1, hr#nachkopf, div#menu h2, div#footer h2, div#footerinfos, a#seitenmarke, .skip {
	display: none;
}