* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	color: inherit;
	line-height: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-indent: 0;
}
html {
	overflow-y: scroll;
	height: 100%;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	background: rgb(250,250,250);
	font-size: 16px;
	color: #333;
	height: 100%;
}
h1, h2, h3, h4, h5, h6, h7 {
	color: rgb(%RGB%);
	margin: 1.5em 0 0.75em 0;
	font-weight: bold;
}
h1 {
	margin: 0 0 0.75em 0;
}
p {
	text-align: justify;
	margin-bottom: 0.625em;
}
ul {
	margin: 0 0 0.625em 35px;
	list-style-position: outside;
	list-style-type: circle;
}
ul ul {
	margin: 5px 0 5px 35px;
}
strike {
	text-decoration: line-through;
}
abbr {
	cursor: help;
}

#wrapper {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #FFF;
	margin: 0 auto -150px auto;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	overflow: hidden;
}

	#header {
		position: relative;
		width: 960px;
		height: 240px;
		font-size: 12px;
	}
		#logo {
			position: absolute;
			top: 20px;
			right: 20px;
		}
		#preview {
			position: absolute;
			bottom: 33px;
			left: 0;
			width: 100%;
			text-align: center;
			background: rgba(255, 255, 144, 0.9);
			padding: 10px;
		}
		#topbar {
			position: absolute;
			bottom: 0;
			left: 0;
			margin: 0;
			width: 100%;
			background: rgba(239, 239, 239, 0.85);
			padding: 10px 0;
			list-style: none;
			overflow: hidden;
		}
			#topbar li {
				float: right;
				border-right: 1px solid #555;
				padding: 0 10px;
			}
			#topbar li.left {
				float: left;
				border: none;
			}
			#topbar li.right {
				border: none;
			}

	#nav, #content, #sidebar {
		margin: 25px 10px;
		float: left;
		overflow: hidden;
	}
	#nav {
		width: 230px;
		margin-left: 0;
	}
		#nav ul {
			margin: 0;
			list-style: none;
		}
			#nav li {
				border-top: 1px dashed #DDD;
				overflow: hidden;
			}
			#nav > ul > li:first-child {
				border: 0;
			}
				#nav li a {
					display: block;
					padding: 10px 10px;
					color: #666;
					text-decoration: none;
					font-size: 12px;
					background: #FFF;
				}
				#nav li a.preview {
					color: #AAA;
				}
				#nav li a.up {
					background: url(frontend/down.png) center right no-repeat;
				}
				#nav li a.up:hover {
					background: rgb(250, 250, 250) url(frontend/down.png) center right no-repeat;
				}
				#nav li a.down, #nav li a.down:hover {
					background: rgb(250, 250, 250) url(frontend/up.png) center right no-repeat;
				}
				#nav li a:hover {
					background: rgb(250, 250, 250);
				}
					#nav li li a {
						padding-left: 25px;
					}
						#nav li li li a {
							padding-left: 40px;
						}
							#nav li li li li a {
								padding-left: 55px;
							}
								#nav li li li li li a {
									padding-left: 70px;
								}
									#nav li li li li li li a {
										padding-left: 80px;
									}
										#nav li li li li li li li a {
											padding-left: 90px;
										}
											#nav li li li li li li li li a {
												padding-left: 100px;
											}

	#content {
		width: 540px;
	}
		#content h1  {
			font-size: 1.5em;
		}
		#content h2 {
			font-size: 1.375em;
		}
		#content h3 {
			font-size: 1.25em;
		}
		#content h4 {
			font-size: 1.125em;
		}
		#content p {
			line-height: 1.25em;
		}
		#content a {
			color: rgb(%RGB%);
		}
			#content a:hover {
				color: rgba(%RGB%, 0.85);
			}
		#content img {
			width: 534px;
			padding: 2px;
			margin-bottom: 15px;
			border: 1px solid #DDD;
		}
			#content img.small {
				float: left;
				width: 214px;
				margin: 5px 10px 5px 0;
				vertical-align: text-top;
			}
		
		input[type="text"], select {
			display: block;
			width: 520px;
			padding: 4px;
			border: 1px solid #DDD;
		}
		select {
			width: 67%;
			margin-bottom: 15px;
		}
		input[type="text"]:focus {
			background: rgb(250, 250, 250);
		}
		input[type^=text] {
			margin-bottom: 15px;
		}
		input[type="submit"] {
			border: 2px groove #CCC;
			padding: 3px 6px;
		}
		label {
			display: block;
			font-size: 12px;
		}
		/* Dieses unsichtbare Feld dient der SPAM-Abwehr. Ist es ausgefüllt ist es SPAM */
		input[id="fachgebiet"], label[for="fachgebiet"] {
			display: none;
		}
		
		fieldset div {
			clear: both;
		}
		.slideshow {
			position: relative;
			width: 100%;
			height: 300px;
			margin-bottom: 15px;
			
		}
			.slideshow img {
				position: absolute;
				margin: 0;
				top: 0;
				left: 0;
				width: 530px;
				height: 300px;
				z-index: 1;
			}
				.slideshow img.last {
					z-index: 2;
				}
				.slideshow img.active {
					z-index: 3;
				}
				
		dl.faq {
			margin: 0.375em 0;
		}
			dl.faq dt {
				color: rgb(55,103,134);
				font-weight: bold;
			}
			dl.faq dd {
				text-align: justify;
				margin: 0.5em 0 1em 0;
			}
		.fn {
			font-weight: bold;
			margin-bottom: 0.25em;
		}
		
	#sidebar {
		width: 140px;
		font-size: 12px;
	}
		#sidebar p {
			text-align: justify;
			margin-bottom: 10px;
		}
		#sidebar a {
			color: #333;
		}	
		#sidebar img {
			width: 140px;
		}

	#spacer {
		clear: both;
		display: block;
		height: 200px;
	}
	#footer {
		height: 200px;
		background: #EEE;
		position: relative;
		font-size: 0.875em;
		color: #AAA;
	}
		#footer div {
			width: 940px;
			margin: 0 auto;
		}
			#footer div div {
				display: table-cell;
				height: 200px;
				vertical-align: middle;
/*				background: url(logo.png) center right no-repeat;	*/
				overflow: hidden;
			}
				#footer h1 {
					color: #AAA;
					margin: 0;
				}
				#footer ul {
					list-style: none;
					margin: 0.75em 0 1.5em 0;
				}
				#footer p {
					font-size: 0.75em;
					margin: 0;
				}