@charset "UTF-8";
/* CSS Document */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	width: auto;
}


a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

a:hover {
	color: yellow;
}

.aufgerufen {
	color: #FFCC00;
	}
	
.laufende_Ausstellungen {
	color: #CC0000;
	}

#kopf {
	width: 720px;
	height: 80px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background-color: #fdf5e6;
}



#titel {
	width: 204px;
	height: 20px;
	float: left;
	margin-top: 20px;
	padding-left: 16px;
	background-color: #CCFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	letter-spacing: 2px;	
	}

#navigation {
	width: 500px;
	height: 20px;
	background-color:#696969;
	float: right;
	margin-top: 20px;
	text-align: right;
	padding-top: 2px;
	}
	
#navigation ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	padding-right: 20px;
	display: inline;
	}

#navigation li {
	display: inline;
	}

/* ab hier: index */
	
#index-bild {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	height: 720px;
	background-image: url(images/conny-fliegerin.jpg);
	}
	
#box-aktuell {
	position: absolute;
	margin-left: 500px;
	margin-top: 148px;
	width: 200px;
	height: 20px;
	padding-top: 3px;
	padding-left: 20px;
	background-color:#CC9933;
	font-weight: bold;
	color: #CC0000; 
	}	

/* ab hier: cornelia-schleime-aktuell */

#aktuell {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 20px;
	width: 1160px;
	height: 220px;
	background-color: #696969;
	}
	
#kopf-aktuell {
	position: absolute;
	width: 120px;
	height: 100px;
	}
	
.laufend {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;	
	}
	
#A1oben {
	position: absolute;
	width: 144px;
	height: 100px;
	padding: 4px;
	margin-left: 160px;
	background-color: #dcdcdc;
	color: #00008b;
	top: 20px;
	text-align: center;
	}

#A1unten {
	position: absolute;
	width: 144px;
	height: 80px;
	padding: 4px;
	padding-top: 8px;
	margin-left: 160px;
	top: 120px;
	background-color: #deb887;
	color: #FFFFFF;
	text-align: center;
}

#A2oben {
	position: absolute;
	width: 144px;
	height: 100px;
	padding: 4px;
	margin-left: 324px;
	background-color: #dcdcdc;
	color: #00008b;
	top: 20px;
	text-align: center;
}

#A2unten {
	position: absolute;
	width: 144px;
	height: 80px;
	padding: 4px;
	padding-top: 8px;
	margin-left: 324px;
	top: 120px;
	background-color: #deb887;
	color: #FFFFFF;
	text-align: center;
}

#A3oben {
	position: absolute;
	width: 144px;
	height: 100px;
	padding: 4px;
	margin-left: 488px;
	background-color: #dcdcdc;
	color: #00008b;
	top: 20px;
	text-align: center;
}

#A3unten {
	position: absolute;
	width: 144px;
	height: 80px;
	padding: 4px;
	padding-top: 8px;
	margin-left: 488px;
	top: 120px;
	background-color: #deb887;
	color: #FFFFFF;
	text-align: center;
}

#A4oben {
	position: absolute;
	width: 144px;
	height: 100px;
	padding: 4px;
	margin-left: 652px;
	background-color: #dcdcdc;
	color: #00008b;
	top: 20px;
	text-align: center;
}

#A4unten {
	position: absolute;
	width: 144px;
	height: 80px;
	padding: 4px;
	padding-top: 8px;
	margin-left: 652px;
	top: 120px;
	background-color: #deb887;
	color: #FFFFFF;
	text-align: center;
}

#A5oben {
	position: absolute;
	width: 144px;
	height: 100px;
	padding: 4px;
	margin-left: 816px;
	background-color: #dcdcdc;
	color: #00008b;
	top: 20px;
	text-align: center;
}

#A5unten {
	position: absolute;
	width: 144px;
	height: 80px;
	padding: 4px;
	padding-top: 8px;
	margin-left: 816px;
	top: 120px;
	background-color: #deb887;
	color: #FFFFFF;
	text-align: center;
}

#A6oben {
	position: absolute;
	width: 144px;
	height: 100px;
	padding: 4px;
	margin-left: 980px;
	background-color: #dcdcdc;
	color: #00008b;
	top: 20px;
	text-align: center;
}

#A6unten {
	position: absolute;
	width: 144px;
	height: 80px;
	padding: 4px;
	padding-top: 8px;
	margin-left: 980px;
	top: 120px;
	background-color: #deb887;
	color: #FFFFFF;
	text-align: center;
}

#bild {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	height: 519px;
	background-image: url(images/hintergrund-aktuell.jpg);
	}
	
#abschluss {
	position: relative;
	width: 720px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	background-color: #deb887;
	text-align: right;
	}
	

	
#kontakt {
	position: absolute;
	top: 148px;
	margin-left: 502px;
	margin-right: 0px;
	width: 200px;
	height: 80px;
	padding: 6px;
	padding-left: 20px;
	background-color: #CC0000;
	left: -8px;
	overflow: auto;
	color: #FFFFFF;
	font-weight: bold;
	}

#hauptteil-bio {
	position: relative;
	width: 700px;
	height: 5400px;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
	background-color: #fdf5e6;
	padding-left: 20px
	}
	
#tabelle-bio {
	position: absolute;
	width: 500px;
	float: left;
	}
	
#tabelle-einzelausstellungen {
	position: absolute;
	width: 500px;
	float: left;
	top: 525px;
	font-size: 10px;
	}
	
.Stil1 {color: #FF3300}   betrifft Jahreszahlen Bio 

#bilderleiste-bio {
	position: relative;
	width: 180px;
	float: right;
	padding: 10px;
	}
	
#bilderleiste-fotos {
	position:absolute;
	width:108px;
	height:176px;
	z-index:2;
	left: 576px;
	top: 0px;
}

/* ab hier: c-s-kunst-zeichnungen-neu */

#hauptteil-zeichnungen {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	height: 1000px;
	background-color: #fdf5e6;
	}
	
#apDivKunstPopUp {
	position:absolute;
	width:183px;
	height:166px;
	z-index:6;
	border: 0;
	left: 457px;
	top: -38px;
	visibility: hidden;
}

#apDivGelbOrange {
	position:absolute;
	width:48px;
	height:32px;
	z-index:6;
	background-color: #FFCC00;
	visibility: hidden;
}
#apDivKunstPopUpText {
	position:absolute;
	width:168px;
	height:110px;
	z-index:6;
	top: 27px;
	background-color: #696969;
	color: #FFFFFF;
	padding: 7px;
	visibility: hidden;
}

#apDivZeichnungen {
	position:absolute;
	width:112px;
	height:16px;
	z-index:2;
	left: 16px;
	top: 0px;
}

#Rituale_1 {
	position:absolute;
	width:64px;
	height:96px;
	z-index:2;
	left: 48px;
	top: 48px;
}
#Rituale_2 {
	position:absolute;
	width:64px;
	height:96px;
	z-index:2;
	left: 128px;
	top: 48px;
}
#Rituale_txt {
	position:absolute;
	width:64px;
	height:16px;
	z-index:2;
	left: 208px;
	top: 48px;
}
#Animation_7 {
	position:absolute;
	width:96px;
	height:64px;
	z-index:2;
	left: 448px;
	top: 16px;
}
#Animation_5 {
	position:absolute;
	width:96px;
	height:64px;
	z-index:2;
	left: 568px;
	top: 16px;
}
#Animation_6 {
	position:absolute;
	width:96px;
	height:64px;
	z-index:2;
	left: 449px;
	top: 97px;
}
#Animation_1 {
	position:absolute;
	width:96px;
	height:71px;
	z-index:2;
	left: 568px;
	top: 96px;
}
#Animation_8 {
	position:absolute;
	width:96px;
	height:71px;
	z-index:2;
	left: 448px;
	top: 176px;
}
#Animation_txt {
	position:absolute;
	width:80px;
	height:16px;
	z-index:2;
	left: 352px;
	top: 16px;
}

#Mutationen_1 {
	position:absolute;
	width:96px;
	height:72px;
	z-index:7;
	left: 48px;
	top: 224px;
}
#Mutationen_2 {
	position:absolute;
	width:96px;
	height:64px;
	z-index:8;
	left: 160px;
	top: 224px;
}
#Mutationen_4 {
	position:absolute;
	width:96px;
	height:64px;
	z-index:9;
	left: 272px;
	top: 224px;
}
#Mutationen_3 {
	position:absolute;
	width:96px;
	height:74px;
	z-index:10;
	left: 128px;
	top: 319px;
}
#Mutationen_Venusgrotte {
	position:absolute;
	width:96px;
	height:64px;
	z-index:11;
	left: 240px;
	top: 304px;
}
#Mutationen_txt {
	position:absolute;
	width:96px;
	height:16px;
	z-index:12;
	left: 50px;
	top: 192px;
}

#Instruktionen_1 {
	position:absolute;
	width:64px;
	height:96px;
	z-index:13;
	left: 432px;
	top: 320px;
}

#Instruktionen_2 {
	position:absolute;
	width:57px;
	height:96px;
	z-index:14;
	left: 519px;
	top: 320px;
}
#Instruktionen_txt {
	position:absolute;
	width:192px;
	height:16px;
	z-index:15;
	left: 432px;
	top: 288px;
}
#Leibeslust_1 {
	position:absolute;
	width:96px;
	height:72px;
	z-index:16;
	left: 88px;
	top: 464px;
}
#Leibeslust_4 {
	position:absolute;
	width:96px;
	height:67px;
	z-index:17;
	top: 464px;
	left: 208px;
}
#Leibeslust_2 {
	position:absolute;
	width:96px;
	height:72px;
	z-index:18;
	left: 89px;
	top: 553px;
}
#Leibeslust_3 {
	position:absolute;
	width:96px;
	height:72px;
	z-index:19;
	left: 209px;
	top: 553px;
}
#Leibeslust_txt {
	position:absolute;
	width:88px;
	height:16px;
	z-index:20;
	left: 88px;
	top: 432px;
}
#zurueck {
	position:absolute;
	width:80px;
	height:16px;
	z-index:21;
	left: 0px;
	top: 496px;
	display: inline;
}
#Lauschangriff {
	position:absolute;
	width:64px;
	height:88px;
	z-index:22;
	left: 432px;
	top: 512px;
}
#Widderkampf {
	position:absolute;
	width:96px;
	height:66px;
	z-index:23;
	left: 512px;
	top: 512px;
}
#ZeichnungOhneTitel {
	position:absolute;
	width:96px;
	height:72px;
	z-index:24;
	left: 512px;
	top: 600px;
}
#AndereZeichnungen_txt {
	position:absolute;
	width:144px;
	height:16px;
	z-index:25;
	left: 432px;
	top: 480px;
}

#Camouflage_1 {
	position:absolute;
	width:96px;
	height:72px;
	z-index:2;
	left: 88px;
	top: 704px;
}
#Camouflage_2 {
	position:absolute;
	width:96px;
	height:73px;
	z-index:2;
	left: 208px;
	top: 704px;
}
#Camouflage_3 {
	position:absolute;
	width:96px;
	height:72px;
	z-index:2;
	left: 322px;
	top: 704px;
}
#Camouflage_4 {
	position:absolute;
	width:96px;
	height:71px;
	z-index:2;
	left: 88px;
	top: 801px;
}
#Camouflage_5 {
	position:absolute;
	width:96px;
	height:72px;
	z-index:2;
	left: 208px;
	top: 800px;
}
#Camouflage_434 {
	position:absolute;
	width:96px;
	height:72px;
	z-index:2;
	left: 320px;
	top: 800px;
}
#Camouflage_444 {
	position:absolute;
	width:96px;
	height:73px;
	z-index:2;
	left: 432px;
	top: 800px;
}
#Camouflage_Hasenbraut {
	position:absolute;
	width:96px;
	height:72px;
	z-index:2;
	left: 544px;
	top: 800px;
}
#Camouflage_txt {
	position:absolute;
	width:96px;
	height:16px;
	z-index:26;
	left: 88px;
	top: 672px;
}

/* ab hier: c-s-kunst-zeichnungen-camouflage */

#CamouflageHauptteil {
	position:relative;
	width:720px;
	height:700px;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
	background-color: #fdf5e6;
}

#HeadZeichnungenCamouflage {
	position:absolute;
	width:256px;
	height:18px;
	z-index:2;
	left: 16px;
	top: 0px;
	font-size: 16px;
}

#Bilddaten {
	position:absolute;
	width:142px;
	height:96px;
	z-index:1;
	left: 18px;
	top: 80px;
}
#Abbildung {
	position:absolute;
	width:512px;
	height:384px;
	z-index:3;
	left: 160px;
	top: 80px;
}
#NavigationPfeilZurueck {
	position:absolute;
	width:16px;
	height:16px;
	z-index:4;
	left: 0px;
	top: 538px;
}
#NavigationTxt {
	position:absolute;
	width:96px;
	height:16px;
	z-index:5;
	left: 16px;
	top: 538px;
}
#NavigationPfeilLinks {
	position:absolute;
	width:16px;
	height:16px;
	z-index:6;
	left: 674px;
	top: 538px;
}
#NavigationPfeilRechts {
	position:absolute;
	width:16px;
	height:16px;
	z-index:7;
	left: 690px;
	top: 538px;
}