@charset "utf-8";
* {
		margin:0;
		padding:0;
		}
 
	html, body {
		height:100%;
		}
 
	body {
	text-align:center; /* horizontal centering for IE Win quirks */
	background-image: url(images/hg1.png);
		}
 
	.distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-295px; /* half of container's height */
		float:left;
		}
 
	.container {
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:590px;
	width:762px;
	background-image: url(images/hg2.png);
	clear:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}

	.container-impressum {
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:1400px;
	width:762px;
	background-image: url(images/hg2.png);
	clear:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
.container-datenschutz {
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:3250px;
	width:762px;
	background-image: url(images/hg2.png);
	clear:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
	.container-arbeitsweise {
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:740px;
	width:762px;
	background-image: url(images/hg2.png);
	clear:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
	.container-person {
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:1130px;
	width:762px;
	background-image: url(images/hg2.png);
	clear:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
	.container-dyskalkulie {
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:685px;
	width:762px;
	background-image: url(images/hg2.png);
	clear:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
	.container-leistungen {
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:640px;
	width:762px;
	background-image: url(images/hg2.png);
	clear:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
	.header {
	background-image: url(images/header.png);
	height: 201px;
	width: 762px;
	position: absolute;
	top: 0px;
}
	.footer{
	background-image: url(images/footer.png);
	height: 21px;
	width: 762px;
	position: absolute;
	bottom: 0px;
}
	.background-navi {
	width: 169px;
	position: absolute;
	top: 200px;
	background-image: url(images/hg-menue.png);
}
	#menu {
	width: 169px;
	margin: 30px 0 0 0;
	padding: 0px;
}

	#menu ul {
	list-style: none;
	width: 169px;
	margin: 0 0 0 0;
}

	#menu li {
	margin-bottom:10px;
}

	#menu li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	text-decoration:none;
	color:#424903;
	height:19px;
	line-height:19px;
	display:block;
	padding-left: 30px;
}

	#menu li a:hover {
	background-color:#727e08;
	height:19px;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	.active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	text-decoration:none;
	background-color:#727e08;
	color:#ffffff;
	height:19px;
	line-height:19px;
	display:block;
	padding-left: 30px;
}
	p {
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	.headline{
	top: 230px;
	left: 195px;
	font-size: 18px;
	color: #727e08;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-weight: normal;
	font-style: italic;
	position: absolute;
	width: 184px;
}
	.text {
	font-size: 11px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 270px;
	left: 230px;
	height: auto;
	width: 460px;
	line-height: 18px;
	text-align: justify;
}
.text-home {
	font-size: 11px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 270px;
	left: 230px;
	height: auto;
	width: 460px;
	line-height: 18px;
}
.text-person {
	font-size: 11px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 270px;
	left: 230px;
	height: auto;
	width: 460px;
	line-height: 18px;
}
.impressum {
	font-size: 9px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 15px;
	left: 560px;
}
	ul {
	list-style-type:disc;
	margin-left: 15px;
	}
	
	
a.link1 {
	font-size: 11px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
a.link1:visited {
	font-size: 11px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
a.link1:hover {
	font-size: 11px;
	color: #a5b60f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
a.link1:active {
	font-size: 11px;
	color: #a5b60f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
a.link1:visited:hover a.link1:visited:active {
	font-size: 11px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
a.link2 {
	font-size: 9px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.link2:visited {
	font-size: 9px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.link2:hover {
	font-size: 9px;
	color: #a5b60f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.link2:active {
	font-size: 9px;
	color: #a5b60f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.link2:visited:hover a.link1:visited:active {
	font-size: 9px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
