@charset "utf-8";

/*Kalibrierung der wichtigsten abstände*/

* {
	padding: 0; margin: 0; /*Setzt die padding und margin werte des Browsers zurück*/
}

html {
	height: 101%;
}

body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #949494;
}

/* IDs */

#wrapper {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
}
#header h1 {
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 5px;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: 0.15em;
	font-weight: normal;
}
#navi {
	overflow: hidden;
}
#naviElement {
	float: left;
	width: 110px;
	text-align: center;
	color: #FFF;
	font-size: 13px;
}
#naviElement a {
	text-decoration: none;
	color:#FFF;
	display: block;
	background-color: #C00;
	padding-top: 7px;
	padding-bottom: 7px;
}
#naviElement a:hover {
	background-color: #666;
}
/* Lokalisierung des aktuellen Navi-Elements*/
#startseite #navi01, #bilder #navi02, #video #navi03, #texte #navi04, #ausstellung #navi05, #vita #navi06, #links #navi07, #kontakt #navi08 {
	background-color:#7E7E7E;
}
/* Rollovers für die aktuellen Navi-Elemente*/
#startseite #navi01:hover, #bilder #navi02:hover, #video #navi03:hover, #texte #navi04:hover, #ausstellung #navi05:hover, #vita #navi06:hover, #links #navi07:hover, #kontakt #navi08:hover {
	background-color:#666;
}

/*Rahmen für die Navigation*/
#navi01, #navi02, #navi03, #navi04, #navi05, #navi06, #navi07 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A6A6A6;
}
/* Spezielle Angabe für den Rahmen der ersten Navizelle*/
#navi01{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A6A6A6;
}
#inhalt {
	background-color: #FFF;
	overflow: hidden;
	font-size: 14px;
	line-height: 140%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6A6A6;
	color: #000;
	background-image: url(bilder/bg-inhalt.gif);
	background-repeat: repeat;
}

/* für den Fall, dass kein 2-spaltensatz erwünscht ist*/
#inhalt2 {
	background-color: #FFF;
	overflow: hidden;
	font-size: 14px;
	line-height: 140%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6A6A6;
	color: #000;
}
/* normaler Zweispaltensatz*/
#leftcol {
	width: 400px;
	float: left;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#rightcol {
	width: 400px;
	float: right;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #000;
}
#footer {
	font-size: 11px;
	background-color: #F0F0F0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	margin-bottom: auto;
}

/* Klassen */

.bildunterschrift {
	color: #333;
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 5px;
}

/* Bild-Übersicht und Ausstellungs-Übersicht*/

.galerie {
	overflow: hidden;
	font-size: 14px;

}
/* hier sind die Spalten für die Bildübersicht
die line-height von 250 zentriert den Text der Spalte vertikal, allerdings muss der Textinhalt auf eine Zeile passen

*/
.galerieTextLinks {
	background-color: #EBEBEB;
	height: 250px;
	line-height: 250px;
	margin-bottom: 43px;
	font-size: 15px;
	border: 1px dashed #999;
	padding-left: 25px;
}
.galerieTextLinks:hover {
	background-color: #DFDFDF;
}
.galerieTextLinks a {
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.galerieBildRechts {
	background-color: #FFF;
	margin-bottom: 45px;
}

/* wegen des Handicaps der 250er line-height, wird für die Darstellung der Ausstellungstexte auf eine andere Lösung zurückgegriffen - hier wird der Beschreibungstext mit herkömmlichen Tabellen zentriert */
.ausstellungTextLinks {
	background-color: #EBEBEB;
	height: 250px;
	margin-bottom: 43px;
	font-size: 14px;
	border: 1px dashed #999;
	padding-left: 25px;
}
.ausstellungTextLinks:hover {
	background-color: #DFDFDF;
}
.ausstellungTextLinks a {
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.ausstellungBildRechts {
	background-color: #FFF;
	margin-bottom: 45px;
}


/* Spaltensatz für die Einzelbilder 

hier lässt sich aber keine verlässliche Höhe festlegen. Deswegen gibt es hier keinen Zwei-Spaltensatz, der sich nur über eine Tabelle sauber festlegen lässt. Stattdessen werden die Bilder zentriert mit jeweils einer Klasse für das Bild und einer Klasse für die Bildunterschrift 

*/
/* Spalten für die Einzelbilder der Bild-Seiten linksbündig*/
.Einzelbild {
	background-color: #EBEBEB;
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.EinzelbildTitel {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 21px;
	padding-right: 25px;
	color: #000;
	font-size: 11px;
}
.EinzelbildTitelVita {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 21px;
	padding-right: 25px;
	color: #000;
}a:link {
	color: #000;
}
a:visited {
	color: #333;
}
/*a:hover {
	color: #C00;
}*/