@charset "UTF-8";
body {
    	font: normal normal 80% Verdana, Arial, Helvetica, sans-serif;
    	background: #333;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
	text-align: center;
	width: auto;
}

h1 { font-size: 14px;
	color: #7f7f7f;
}

h2 { font-size: 14px;
	color: #7f7f7f;
}

h3 { font-size: 14px; }

p {
	color: #7f7f7f;
}

.oneColFixCtrHdr #container {
    	width: 1054px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #191919;
    	text-align: left;
	height: 700px;
	margin-bottom: 0;
	margin-top: 0;
	position: relative;
	top: -11px;
	margin: auto;
}

.oneColFixCtrHdr #header {
    	background: #191919;
	height: 180px;
	padding-left: 30px;
	border-bottom: 1px solid #333;
	margin-bottom: auto;
	margin-top: auto;
	margin-right: auto;
}

.oneColFixCtrHdr #header h1 {
    	margin: 0;
	position: absolute;
	top: 34px;
	padding: 0;
}

.oneColFixCtrHdr #mainContent { /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #191919;
	color: #999;
	top: 0;
}

/* Navi */

a:link {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #b3b3b3;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:active {
	color: #fc8017;
	text-decoration: none;
}

a:active, a:focus {
	outline: none;
}

#mainContent ul li {
	left: -20px;
	position: relative;
	color: #7f7f7f;
}
#MainNavi { position: relative;
	top: 126px;
	text-transform: uppercase;
	color: #666;
	left: -7px;
	height: 32px;
	padding-left: 0;
}

#MainNavi li {
float: left;
}

#MainNavi li a {
color: #666;	
float: left;
	padding: 10px;
}

#MainNavi li a:hover {
color: #999;
}

#MainNavi li a.active {
color: #999;	
}


/* Biografie */

#bio-text { position: absolute;
	top: 230px;
	padding-left: 30px;
	width: 994px;
}
#referenz-text { position: absolute;
	width: 994px;
	top: 230px;
	padding-left: 30px;
}

/* Kontakt */

#kontakt-text { position: absolute; }

/* Impressum */

#impressum-text { position: absolute;
	top: 230px;
	width: 1000px;
	padding-left: 30px;
	color: #7f7f7f;
}

/* Footer */

.oneColFixCtrHdr #footer {
    	padding: 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background: #191919;
	position: absolute;
	height: 30px;
	width: 1054px;
	border-top: 1px solid #333;
	top: 683px;
}
    .oneColFixCtrHdr #footer p {
    	margin: 0;
	text-transform: uppercase;
	position: absolute;
	left: 30px;
	top: 19px;
	font-size: 70%;
}
.oneColFixCtrHdr #container #mainContent #footer div {
	position: relative;
	left: -20px;
	top: 10px;
}