/* 
Schriften
	Signet: Century Gothic fett
	Navi und Grafiktext: AvantGarde Bk BT
	Text: Tahoma

Grundfarben 
	Passepartout: weiß
	Rahmen: 20% schwarz (204-204-204)
	Hintergrund: 252-250-247  #FCFAF7
	Signet: 135-81-81  #875151
	Normale Schrift: 
	
Leitfarben
	Menschenbilder: 179-140-110  #B38C6E
	Kinderstudien: 235-106-054  #eb6a36
	Ausstellungen: 127-127-171  #7F7FAB
	Filme: 204-162-034  #CCA222
	zur Person: 146-077-161  #924DA1
	Kontakt: 066-110-100  #426E64
	Aktuelles: 209-000-199 #d100c7
*/


body { 
	background-color:#ffffff; 
	font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
	}
	
#menu {
	z-index:3;
	position:absolute;
	top:5px;
	left:10px;
	}

#menuleiste {
	z-index:4;
	position:absolute;
	top:17px;
	left:5px;
	}
#leiste {
	z-index:5;
	background-color:#eeeeee;
	padding:8px;
	}
#leiste a {
	font-size:8pt;
	font-weight:normal;
	color:#666666;
	line-height:16pt;
	}

/* Umschliessender Div-Container */
.outerDiv {
	z-index:0;
	width: 900px;
	height: 520px;
	border: 1px solid #cccccc;
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-260px;
	margin-left:-450px;
	background-color:#FCFAF7;
	font-size:10pt;
	color:#333333;
}

.outerDiv #fotocontainer { position: absolute;
	z-index:1;
	top: 60px;
	left: 45px;
	width: 400px;
	height:400px;
	text-align: center;
	display: table;
	color: #999999;
	}

.outerDiv #fotocontainervita { position: absolute;
	z-index:1;
	top: 110px;
	left: 45px;
	width: 400px;
	height:305px;
	text-align: center;
	display: table;
	border:none;
	}

.outerDiv #foto { position: relative;
	z-index:2;
			   width: 400px;
			   height:400px;
			   text-align: center;
			   margin:auto;
			   display: table-cell;
			   vertical-align: middle;			   
			   }

.outerDiv #fotovita { position: relative;
	z-index:2;
			   width: 400px;
			   height:305px;
			   text-align: center;
			   margin:auto;
			   display: table-cell;
			   vertical-align: middle;			   
			   }

/* 3 senkrecht angeordnete Fotos (bei Kinderstudien) */
.outerDiv #dreifotosvertikal { position: absolute;
	z-index:2;
			   top:260px;
			   margin-top:-177px;
			   left:450px;
			   margin-left:-90px;
			   width: 181px;
			   height:354px;
			   text-align:center;
			   }

/* 3 waagerecht angeordnete Fotos (bei Kinderstudien) */
.outerDiv #dreifotosquer { position: absolute;
	z-index:2;
			   top:260px;
			   margin-top:-95px;
			   left:30px;
			   width: 840px;
			   height:190px;
			   }

/* Text statt Bild auf Kontaktseite */
.outerDiv #textlinks { position: relative;
	z-index:2;
			   top:80px;
			   left:-20px;
			   width: 340px;
			   height:400px;
			   text-align: left;
			   margin:auto;
			   vertical-align: top;			   
			   font-size:8pt;
			   font-weight:normal;
			   color:#333333;
			   }

.outerDiv #headline1 { position: absolute;
               top: 75px;
			   left: 480px;
			   }

.outerDiv #headline1viel { position: absolute;
               top: 45px;
			   left: 480px;
			   }

.outerDiv #headline1ausstell { position: absolute;
               top: 45px;
			   left: 350px;
			   }

.outerDiv #headline1kinder { position: absolute;
               top: 30px;
			   left: 450px;
			   margin-left: -101px;
			   }

.outerDiv #headline2viel { position: absolute;
               top: 80px;
			   left: 480px;
			   font-size:9pt;
			   font-weight:bold;
			   }

.outerDiv .header { font-weight:bold;
			   }

.outerDiv #text { position: absolute;
               top: 140px;
			   left: 480px;
			   width: 310px;
			   height: 340px;
			   overflow-y : auto;
			   font-size:10pt;
			   font-weight:normal;
			   }

/* Textblock rechts für Seiten mit viel Text */		   
.outerDiv #textviel { position: absolute;
               top: 120px;
			   left: 480px;
			   width: 340px;
			   height: 372px;
			   overflow-y : auto;
			   font-size:8pt;
			   font-weight:normal;
			   }

/* Container für ausstellungen-Seiten */
.outerDiv #exhib { position: absolute;
	z-index:2;
               top: 80px;
			   left: 40px;
			   width: 770px;
			   height: 380px;
			   font-size:10pt;
			   font-weight:normal;
			   }
.outerDiv #exhib1 { z-index:2;
			   position: absolute;
               top: 0px;
			   left: 0px;
			   width: 770px;
			   height: 120px;
			   }
.outerDiv #exhib2 { z-index:2;
			   position: absolute;
               top: 130px;
			   left: 0px;
			   width: 770px;
			   height: 120px;
			   }
.outerDiv #exhib3 { z-index:2;
			   position: absolute;
               top: 260px;
			   left: 0px;
			   width: 770px;
			   height: 120px;
			   }
.outerDiv .links {
			   z-index:2;
			   position:absolute;
			   left:20px;
			   }			   
.outerDiv .rechts {
			   z-index:2;
			   position:absolute;
			   left:310px;
			   }			   

/*Signet-Positionierung */
.outerDiv #signet { position: absolute;
               top: 500px;
			   left: 808px;
			   }

.outerDiv #navi { position: absolute;
               top: -18px;
			   right: 0px;
			   font-family:Arial, Helvetica, sans-serif;
			   font-size:8pt;
			   font-weight:bold;
			   color:#999999;
			   }
			   
.navi {
			   color:#999999;
			   text-decoration:none;
}			   

p {
	margin-bottom: 12px;
	margin-top: 0px;
}		   

a { text-decoration:none; font-weight:bold;}

td { 	font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
		font-size:10pt;
		color:#333333;
}

h2 { 
	font-size:10pt;
}