﻿@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0 auto; /* 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; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #FFFFFF;
    }
    .oneColLiqCtr #container {
	width: 80%;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
	background: #FFFFFF;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 1px solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	background-color: #FFFFFF;
    }
    .oneColLiqCtr #mainContent {
    	padding: 0 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    }
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	line-height: 50px;
	font-weight: normal;
}

#apDivpic {
	position:absolute;
	width:700px;
	height:500px;
	z-index:1;
	left: 50%;
	top: 100px;
	margin-left: -420px;
	text-align: right;
}

@media screen and (min-width: 891px) {
	#apDivtdl {
		position:absolute;
		top:22px;
		width:960px;
		height:34px;
		z-index:4;
		margin: 0px 0px 0px -480px;
		left: 50%;
	}
	
	#apDivhome {
		position:absolute;
		top:60px;
		width:80px;
		height:25px;
		z-index:5;
		left: 50%;
		margin-left: -455px;
	}
	#apDivwork {
		position:absolute;
		left:50%;
		top:60px;
		width:80px;
		height:25px;
		z-index:7;
		margin-left: -360px;
	}
	#apDivexhib {
		position:absolute;
		left:50%;
		top:60px;
		width:120px;
		height:25px;
		z-index:8;
		margin-left: -270px;
	}
	#apDivbio {
		position:absolute;
		left:50%;
		top:60px;
		width:120px;
		height:25px;
		z-index:9;
		margin-left: -145px;
	}
	#apDivtext {
		position:absolute;
		left:50%;
		top:60px;
		width:80px;
		height:25px;
		z-index:10;
		margin-left: -20px;
	}
	#apDivabc {
		position:absolute;
		width:125px;
		height:25px;
		z-index:6;
		left: 50%;
		top: 60px;
		margin-left: 70px;
	}
	#apDivimpr {
		position:absolute;
		left:50%;
		top:60px;
		width:224px;
		height:25px;
		z-index:11;
		margin-left: 227px;
	}

	#apDivmain {
		position:absolute;
		top:0px;
		width:960px;
		height:900px;
		z-index:3;
		left: 50%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: -480px;
	}
}

@media screen and (max-width: 890px) {
	#apDivtdl {
		position:absolute;
		top:22px;
		width:960px;
		height:34px;
		z-index:4;
		margin: 0px 0px 0px 0px;
		left: 20%;
	}
	#apDivhome {
		position:absolute;
		top:60px;
		width:80px;
		height:25px;
		z-index:5;
		left: 100%;
		/* margin-left: -455px; */
		margin-left: -255px;
	}
	#apDivwork {
		position:absolute;
		left:100%;
		top:60px;
		width:80px;
		height:25px;
		z-index:7;
		margin-left: -360px;
		margin-left: -160px;
	}
	#apDivexhib {
		position:absolute;
		left:100%;
		top:60px;
		width:120px;
		height:25px;
		z-index:8;
		/* margin-left: -270px; */
		margin-left: -70px;
	}
	#apDivbio {
		position:absolute;
		left:100%;
		top:60px;
		width:120px;
		height:25px;
		z-index:9;
		/* margin-left: -145px; */
		margin-left: 55px;
	}
	#apDivtext {
		position:absolute;
		left:100%;
		top:60px;
		width:80px;
		height:25px;
		z-index:10;
		/* margin-left: -20px; */
		margin-left: 180px;
	}
	#apDivabc {
		position:absolute;
		width:125px;
		height:25px;
		z-index:6;
		left: 100%;
		top: 60px;
		/* margin-left: 70px; */
		margin-left: 270px;
	}
	#apDivimpr {
		position:absolute;
		left:100%;
		top:60px;
		width:224px;
		height:25px;
		z-index:11;
		/* margin-left: 227px; */
		margin-left: 427px;
	}
	
	#apDivmain {
		position:absolute;
		top:0px;
		width:960px;
		height:900px;
		z-index:3;
		left: 25%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
}

.Stil2 {
	color: #000000;
	font-family: "Century Gothic";
	text-align: left;
	line-height: 1.3em;
	font-size: 15px;
	vertical-align: top;
}

.Stil2b {
	color: #000000;
	font-family: "Century Gothic";
	text-align: left;
	line-height: 1.4em;
	font-size: 15px;
}



.Stil2a {
	color: #000000;
	font-family: "Century Gothic";
	text-align: left;
	line-height: normal;
	font-variant: inherit;
	letter-spacing: normal;
	font-size: 14px;
}
.Stil2c {
	color: #000000;
	font-family: "Century Gothic";
	text-align: left;
	line-height: normal;
	font-variant: inherit;
	letter-spacing: normal;
	font-size: 13px;
}
.Stil3 {
	color: #000000;
	font-family: "Century Gothic";
	text-align: left;
	line-height: 1.8em;
	font-size: 15px;
	vertical-align: top;
}
}
.Stil3stat {
	color: #000000;
	font-family: "Century Gothic";
	text-align: left;
	line-height: 1.3em;
	font-size: 15px;
	vertical-align: middle;
}


a:link {
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}
a:visited { font-weight:bold; color:#000000; text-decoration:none; }
a:focus { font-weight:bold; color:#993300; text-decoration:none; }
a:hover {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
a:active { font-weight:bold; color:#993300; text-decoration:none; }
