* {
		margin:0; /* null Marge*/
		padding:0; /*Pudding für 0 cent*/
		}

	html, body {
		height:100%;
		}

@import("iemac-center.css"); /* Zentrierung für ieMAC-Rechner (Datei muss im gleichen Orner liegen wie die gerade geöffnete -quirks- Unsinn für ne Menge MAC Schrott*/

	body {
	background-color:#616B6F; /*entspricht 97/107/111 */
	color:#CCCCCC;
	font-size:1em; /*total vulgo*/
	text-align:center; /* der Klempner kommt, horizontale Zentrierung für den IE Win -quirks- */
		}

	#distance { 
	/* steuert den Hauptcontainer */
		width:1px; /*was soll denn das eine Pixel...? ..verrat ich Dir aber nicht*/
		height:50%; /* galaktisch... immer schön auf 50 Grad köcheln lassen */
		background-color:#616B6F; /*entspricht 97/107/111 */
		margin-bottom:-19em; /* magere Zeiten, halbe Containerhöhe */
		float:left; /*hammerhart*/
		}
		
    #control { 	/* steuert den Bildwechsel/noch zu Testzwecken */
	position:absolute;
	left:126px;
	top:417px;
	width:210px;
	height:75px;
	z-index:2;
}
	#container {
	/* Hauptcontainer */
	margin:0 auto; /* saugut gelöst */
	position:relative; /* schiebt den Container an den Anfang von Distance */
	text-align:left; /* überschreibt die Zentrierung im Body-Befehl, echt geil */
	height:38em; /* Containerhöhe */
	width:62.75em; /* auf Feinste für die 1024/768 Kisten abgewogen, Containerbreite */
	clear:left; /*wooww, der hats drauf */
	background-color:#97aab3; /*entspricht 151/170/179 */
	border:0px solid #c93; /* was keiner braucht */
	border-top-color:#fff;
	border-left-color:#fff;
		}

#apDiv1 {
	/* Mittagsmenü 1. Ebene */
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	font-size: 12px;
	left:26px;
	top:24px;
	width:779px;
	height:20px;
	z-index:1;
	background-color: #97aab3; /*entspricht 151/170/179 */
}
#apDiv2 {
	/* Nachruf, Claim 1. Ebene, von oben 105px */
	position:absolute;
	left:26px;
	top:105px;
	width:764px;
	height:20px;
	z-index:1;
	background-color: #97aab3;/*entspricht 151/170/179 */
}
#apDiv3 {
	/* Posing...., Firmenlogo, von oben 25px, rechter Rand 807px von link*/
	position:absolute;
	left:807px;
	top:25px;
	width:164px;
	height:33px;
	z-index:1;
	background-color: #97aab3;/*entspricht 151/170/179 */
}
#apDiv4 {
	/* hier kommt der Nachtisch, Menü der 2. Ebene */
	position:absolute;
	left:26px;
	top:155px;
	width:976px;
	height:20px;
	z-index:1;
	background-color: #97aab3;/*entspricht 151/170/179 */
}
#apDiv5 {
	/* was zum Bildchen gucken, Hauptcontent -images- */
	position:absolute;
	left:0px;
	top:181px;
	width:1004px;
	height:305px;
	z-index:1;
	background-color: #687A81;/*entspricht 104/122/129 */
}
#apDiv6 {
	/* Beipackzettel, Hauptcontent -Zusatzinformationen- */
	position:absolute;
	left:0px;
	top:486px;
	width:758px;
	height:106px;
	z-index:1;
	background-color: #687A81;/*entspricht 104/122/129 */
	padding-top:16px;	/* "Air" */
}
#apDiv6x {
	/* cover-rechts vom Beipckzettel, das Farb#687a81mäntelchen zum Wärmen des Containers- */
	position:absolute;
	left:758px;
	top:486px;
	width:246px;
	height:122px;
	z-index:10;
	background-color: #687A81;/*entspricht 104/122/129 */
	/* display:none;*/
}
#apDiv7 {
	/* Haaalooo!! Claim 2. Ebene */
	display:none;
	position:absolute;
	left:26px;
	top:105px;
	width:976px;
	height:20px;
	z-index:1;
	background-color: #97aab3;/*entspricht 151/170/179 */
}
#apDiv8 {
	/* Beipackzettel, Hauptcontent -Zusatzinformationen- */
	position:absolute;
	left:0px;
	top:488px;
	width:1004px;
	height:105px;
	z-index:1;
	background-color: #687A81;/*entspricht 104/122/129 */
	padding-top:16px;	/* "Air" */
}
	/*Drops für 10 Cent*/
#dropmenudiv{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	z-index:100;
	color: #ffffff;
}

#dropmenudiv a{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	width: 100%;
	display: block;
	text-indent: 0px;
	/*padding: 0px 0;*/
	text-decoration: none;
	font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	background-color: #97aab3;/*entspricht 151/170/179 */
}

/*weißes Kästchen zum Bilderwechsel*/
img.inactiveImage {
	background-image: url("../images/ui/square-white.jpg");
}
/*graues Kästchen zum Bilderwechsel*/
img.activeImage {
	background-image: url("../images/ui/square-black.jpg");
}
/*schrecklicher Pfeil unter Bild zu Projekt/Produktseiten, ..ab in den Restmüll*/
#apDivdreieck {
	position:absolute;
	left:231px;
	top:16px;
	width:24px;
	height:15px;
	z-index:100;
}

/*schrecklicher Pfeil unter Bild zu statischen Seiten, ..ab in den Restmüll*/
#apDivdreieck2 {
	position:absolute;
	left:231px;
	top:2px;
	width:24px;
	height:15px;
	z-index:100;
}

#apDiv19 {
	position:absolute;
	left:26px;
	top:16px;
	width:246px;
	height:305px;
	z-index:1;
}

#apDiv20 {
	position:absolute;
	left:246px;
	top:16px;
	width:512px;
	height:305px;
	z-index:1;
}
/*in Schönheit sterben*/
/*style für Menüebene 1*/
a.menue1:link {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-weight: normal;font-size: 12px;}
a.menue1:visited {font-family: Arial, Helvetica, sans-serif;color: #ffffff;text-decoration: none;font-weight: normal;font-size: 12px;}
a.menue1:active {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #000000;font-weight: normal;font-size: 12px;}
a.menue1:hover {font-family: Arial, Helvetica, sans-serif;color: #000000;text-decoration: none;font-weight: normal;font-size: 12px;}
/*style für Menüebene 2*/
a.menue2:link {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-weight: normal;font-size: 12px;}
a.menue2:visited {font-family: Arial, Helvetica, sans-serif;color: #ffffff;text-decoration: none;font-weight: normal;font-size: 12px;}
a.menue2:active {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #000000;font-weight: normal;font-size: 12px;}
a.menue2:hover {font-family: Arial, Helvetica, sans-serif;color: #000000;text-decoration: none;font-weight: normal;font-size: 12px;}

/*style für Menüebene 3 (Produkte/Projekte*/
a.menue3:link {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-weight: normal;font-size: 12px;}
a.menue3:visited {font-family: Arial, Helvetica, sans-serif;color: #ffffff;text-decoration: none;font-weight: normal;font-size: 12px;}
a.menue3:active {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #000000;font-weight: normal;font-size: 12px;}
a.menue3:hover {font-family: Arial, Helvetica, sans-serif;color: #000000;text-decoration: none;font-weight: normal;font-size: 12px;}

/*style für Kontaktseite*/
.kontakt1 {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-size: 12px;font-weight: normal;}
.kontakt2 {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #000000;font-size: 12px;font-weight: normal;}

/*style für Claim Menüebene 1*/
.claim1 {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #000000;font-size: 12px;font-weight: normal;}

/*style für Claim Menüebene 2*/
.claim2 {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #000000;font-size: 12px;font-weight: normal;}

/*style für Menüebene 2 db*/
.menue1 {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #000000;font-weight: normal;font-size: 12px;}

/*style für Menüebene 2 db (Projektlinks)*/
.menue2 {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #000000;font-weight: normal;font-size: 12px; line-height: 150%;}

/*style für Menüebene 3 (Produkte/Projekte db*/
.menue3 {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #000000;font-weight: normal;font-size: 12px;}

/*style für oberen Container db*/
.apDiv5 {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-size: 12px;}

/*style für unteren Container db*/
.apDiv6 {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-size: 12px;}

/*Textblock rechts vom Bild im oberen Container*/
td.text_or {font-family: Arial, Helvetica, sans-serif;text-decoration: none;font-weight: normal;color: #ffffff;font-size: 12px;padding-top: 16px;padding-left: 14px;padding-right: 26px;padding-top: 16px;}

/*Textblock links vom Bild im oberen Container*/
td.text_ol {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-size: 12px;padding-top: 16px;padding-left: 26px;padding-right: 16px;}

/*Textblock im unteren Container*/
td.text_u {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-size: 12px;padding-top: 16px;padding-left: 26px;padding-right: 16px;padding-top: 16px;}


/*...was für Poeten, Formatierung der Textbereiche*/
#txtBildbeschreibung {
	position:absolute;
	left:231px;
	top:40px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
}

#lyrRechts {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-size: 12px;padding-top: 16px;padding-left: 16px;padding-right: 26px;}

#lyrLinks {
	width: 204px; 
	height: 289px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	padding-top: 16px;
	padding-left: 26px;
	padding-right: 0px;
	border:0px solid yellow;
}

#apScroll {
	position:absolute;
	left:26px;
	top:275px;
	width:70px;
	height:30px;
	z-index:5000;
	padding-top:16px;
	border:0px solid blue;
}

#lyragb {
	position:absolute;
	left:246px;
	top:16px;
	width:512px;
	height:305px;
	z-index:1;
	overflow:auto;
}

a.lyrLinks:link {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-size: 12px;padding-top: 16px;padding-left: 26px;padding-right: 0px;padding-top: 16px;}
a.lyrLinks:visited {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-size: 12px;padding-top: 16px;padding-left: 26px;padding-right: 0px;padding-top: 16px;}
a.lyrLinks:active {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-size: 12px;padding-top: 16px;padding-left: 26px;padding-right: 0px;padding-top: 16px;}
a.lyrLinks:hover {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-size: 12px;padding-top: 16px;padding-left: 26px;padding-right: 0px;padding-top: 16px;}
/*finish */

/*style für sonstige Links*/
a.link:link {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #ffffff;font-weight: normal;font-size: 12px;}
a.link:visited {font-family: Arial, Helvetica, sans-serif;color: #ffffff;text-decoration: none;font-weight: normal;font-size: 12px;}
a.link:active {font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #000000;font-weight: normal;font-size: 12px;}
a.link:hover {font-family: Arial, Helvetica, sans-serif;color: #000000;text-decoration: underline;font-weight: normal;font-size: 12px;}

input.checkbox, input.radio { 
	font-size: 11px;
	font-family: Arial, Helvetica;
  color: #ffffff;
  border: 0px;
	background-color: #97aab3;
}

input.text { 

	font-family: Arial, Helvetica;
	font-weight: normal; 
	font-size: 11px;
  color: #ffffff;  
	width: 170px;
	border: 0px;
	background-color: #97aab3; 
}
input.textort { 

	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal; 
  color: #ffffff;  
	width: 196px;
	border: 0px;
	background-color: #97aab3; 
}
input.anredenachnamevorname { 
	font-size: 11px; 
	font-family: Arial, Helvetica;
	font-weight: normal; 
  color: #ffffff;  
	width: 250px;
	border: 0px;
	background-color: #97aab3; 
}
input.textplz { 
	font-size: 11px; 
	font-family: Arial, Helvetica;
	font-weight: normal; 
  color: #ffffff;  
	width: 50px;
	border: 0px;
	background-color: #97aab3; 
}
input.textnr { 
	font-size: 11px; 
	font-family: Arial, Helvetica;
	font-weight: normal; 
  color: #ffffff;  
	width: 50px;
	border: 0px;
	background-color: #97aab3; 
}
input.fonfax { 
	font-size: 11px; 
	font-family: Arial, Helvetica;
	font-weight: normal; 
  color: #ffffff;  
	width: 123px;
	border: 0px;
	background-color: #97aab3; 
}

textarea { 
	font-size: 11px; 
	font-family: Arial, Helvetica;
	font-weight: normal;
  color: #ffffff;  
	border: 0px;
  background-color: #97aab3;
}

.literale {
	font-size: 12px;
	color: #ffffff;  
	font-family: Arial, Helvetica, sans-serif;
}
.literale2 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.literale3 {
	font-size: 12px;
	color: #000000;  
	font-family: Arial, Helvetica, sans-serif;
}
/*...was für ganz eilige*/
.anreise {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
}
  
/*...was für ganz kleine Umbrecher, Formatierung eines Zeilenumbruchs*/
.small_br {
	font-size: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff; 

}
/*für die komischen antimafia buchstaben*/
input.textcaptcha { 
	font-size: 12px; 
	font-family: Arial, Helvetica;
	font-weight: bold; 
  color: #ffffff;  
	width: 60px;
	height:18px;
	border: 0px;
	background-color: #97aab3; 
}