body {
    background-color: #FFFFFF;
	z-index: 0;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
}

.container-body {
	background-color:#FFFFFF;
	height: 545px;
	width: 825px;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 12px;
	margin-left: -412px;
	position: absolute;
	margin-top: -272px;
}
.container-banner {
	float: left;
	height: 125px;
	width: 685px;
	background-color: #8fbc13;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	background-image: url(../Bilder/banner-background-girlsday.png);
}

.container-logo {
	float: left;
	height: 125px;
	width: 125px;
	background-color: #8cb613;
	background-image: url(../Bilder/logo-website.png);
}
.vertikal-125 {
	background-color: #FFFFFF;
	float: left;
	height: 125px;
	width: 15px;
}
.vertikal-405 {
	background-color: #FFFFFF;
	float: left;
	height: 405px;
	width: 15px;
}
.horizontal-825 {
	background-color: #FFFFFF;
	float: left;
	height: 15px;
	width: 825px;
}
.horizontal-265 {
	height: 15px;
	width: 265px;
	background-color: #FFFFFF;
	float: left;
}
.horizontal-125 {
	background-color: #FFFFFF;
	height: 15px;
	width: 125px;
	float: left;
}

.container-navi {
	height: 405px;
	width: 265px;
	float: left;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 11px;
}
.container-navi h1{
	font-size:16px;
	text-transform: uppercase;
	line-height: 16px;
	display: inline;
	font-weight: normal;
}
.aktiv {
	font-weight: bold;
}
.navi-box
 {
	float: left;
	background-color: #757477;
	height: 110px;
	width: 115px;
	padding-left: 10px;
	padding-top: 15px;
	font-size: 11px;
	line-height: 11px;
}

.container-navi h1 a:link, 
.container-navi h1 a:visited{
	color: #FFFFFF;
	text-decoration: none;	
}
.container-navi h1 a:hover, 
.container-navi h1 a:active{
	font-weight: bold;
}
.container-navi a:link, 
.container-navi a:visited{
	color: #FFFFFF;
	text-decoration: none;	
}
.container-navi a:hover, 
.container-navi a:active{
	font-weight: bold;
}
.info-unten {
	background-color: #8fbc13;
	height: 100px;
	width: 105px;
	background-image: url(../Bilder/quadrat-gruen.png);
}
.info-oben{
	background-color: #757477;
	height: 240px;
	width: 105px;
	line-height: 14px;
}
.info-oben, .info-unten {
	font-weight: normal;
	color: #FFFFFF;
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: center;
	font-size: 12px;

}
.info-oben h1{
	font-size: 14px;
}
.pixel11 {
	font-size: 11px;
}

.info-oben a:link, .info-oben a:visited, .info-unten a:link, .info-unten a:visited{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.info-oben a:hover, .info-oben a:active, .info-unten a:hover, .info-unten a:active {
	text-decoration: underline;
}
.container-content {
	height: 373px;
	width: 373px;
	float: left;
	border: 1px solid #c10691;
	padding: 15px;
	color: #757477;
	font-size: 11px;
	overflow: hidden;
}
.container-content h1{
    font-size: 16px;
}
.container-content h2{
    font-size: 14px;
}
.container-content h3{
	font-size: 12px;
	line-height: 12px;
}
.container-content a:link, .container-content a:visited {
	color: #757477;
	text-decoration: none;
	font-weight: bold;
}
.container-content a:hover, .container-content a:active {
	text-decoration: underline;
}

.container-info {
	float: left;
	height: 405px;
	width: 125px;
	font-size: 10px;
}
#quadrat-aktiv {
	background-color: #c10691;
}
.portrait-claudia-heyer {
	float: right;
	height: 180px;
	width: 123px;
	background-color: #FFFFFF;
	background-image: url(../Bilder/portrait-claudia-heyer.gif);
	border: 10px solid #FFFFFF;
}
a:hover span.navi-box h1, 
a:active span.navi-box h1 {
	font-weight: bold;
}
.karte {
	background-image: url(../Bilder/karte.png);
	float: right;
	height: 200px;
	width: 250px;
	z-index: -10;
}
.blanks {
	white-space: pre;
	letter-spacing: 20px;
}
.referenz-bild {
	background-image: url(../Bilder/website-zur-architektur.png);
	float: left;
	height: 184px;
	width: 245px;
	background-color: #757477;
	clip: rect(auto,auto,auto,auto);
	border: thin solid #757477;
}
.referenz-text {
	float: left;
	height: auto;
	width: 350px;
}
#scrollen {
	overflow: auto;
}

.links {
	text-align: left;
	margin-left: -30px;
}