/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-color:#fff;
		color:#630;
		font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		}
#distance { 
		width:1px;
		height:50%;
		margin-bottom:-290px; /* half of container's height */
		float:left;
		}

.text_text_buch a:link { color: #3b3b3b; background-image: url(linkpfeil.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; padding-left: 15px; }

.text_text_bio a:link { color: #3b3b3b; background-image: url(linkpfeil.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; padding-left: 15px; }
.text_text_bio a:visited { color: #3b3b3b; background-image: url(linkpfeil.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; padding-left: 15px; }
.text_text_buch a:visited { color: #3b3b3b; background-image: url(linkpfeil.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; padding-left: 15px; }
.text_text_bio a:hover { color: #909090; background-image: url(linkpfeil_hell.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; padding-left: 15px; }
.text_text_buch a:hover { color: #909090; background-image: url(linkpfeil_hell.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; padding-left: 15px; }

.text_text a:link { color: #3b3b3b; background-image: url(linkpfeil.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; padding-left: 15px; }
.text_text a:visited { color: #3b3b3b; background-image: url(linkpfeil.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; padding-left: 15px; }
.text_text a:hover { color: #909090; background-image: url(linkpfeil_hell.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; padding-left: 15px; }
#container { position: relative; width: 664px; height: 580px; padding: 10px; margin:0 auto; clear:left;
}
.navigation { width: 664px; height: 70px; }
img { float: left; margin: 0; padding: 0; border-width: 0; }
#start { width: 664px; float: left; margin-bottom: 5px; }
#content { width: 664px; height: 417px; overflow: visible; float: left; min-width: 360px; max-width: 664px; padding-top: 27px; padding-bottom: 0; }
#bildnavicontainer { width: 664px; height: 57px; float: left; padding-bottom: 10px; border-bottom: 1px solid #909090; }
#navigation { width: 664px; height: 36px; float: left; margin: 0; padding: 0; }
.text { color: #909090; font-size: 7pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 14px; text-align: left; height: 380px; float: left; margin: auto; }
.text_text { color: #909090; font-size: 8pt; font-family: Arial; line-height: 10.25pt; text-align: justify; width: 400px; height: 380px; }
.text_text_bio { color: #909090; font-size: 8pt; font-family: Arial; line-height: 10.25pt; text-align: justify; width: 380px; height: 380px; float: left; padding-right: 5px; }
.text_text_buch { color: #909090; font-size: 8pt; font-family: Arial; line-height: 10.25pt; text-align: justify; width: 280px; height: 380px; float: left; padding-right: 5px; }
.text_navi { color: #909090; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-stretch: condensed; }
.bildnavi { float: left; margin-right: 7px; }
.bildnavi_hinten { float: left; margin-right: 0px; }
a.bildschichten:link { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/bildschichten.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.bildschichten:visited { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/bildschichten.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.bildschichten:hover { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/bildschichten_hover.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.belichtet:link { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/belichtet.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.belichtet:visited { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/belichtet.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.belichtet:hover { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/belichtet_hover.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.koerperkomp:link { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/koerperkompositionen.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.koerperkomp:visited { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/koerperkompositionen.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.koerperkomp:hover { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/koerperkompositionen_hover.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.hausmir1:link { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url(../img/Navi/haus_am_mir.gif); background-repeat: no-repeat; background-position: left 50%; text-align: left; float: left; clear: right; vertical-align: bottom; border-style: solid; border-width: 0; }
a.hausmir1:visited { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/haus_am_mir.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.hausmir1:hover { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/haus_am_mir_hover.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.dunkelheit:link { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url(../img/Navi/dunkelheit.gif); background-repeat: no-repeat; background-position: left 50%; text-align: left; float: left; clear: right; vertical-align: bottom; border-style: solid; border-width: 0; }
a.dunkelheit:visited { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/dunkelheit.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.dunkelheit:hover { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/dunkelheit_hover.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.nachtstruktur:link { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url(../img/Navi/nachtstrukturen.gif); background-repeat: no-repeat; background-position: left 50%; text-align: left; float: left; clear: right; vertical-align: bottom; border-style: solid; border-width: 0; }
a.nachtstruktur:visited { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/nachtstrukturen.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.nachtstruktur:hover { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/nachtstrukturen_hover.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.traum:link { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url(../img/Navi/traum70.gif); background-repeat: no-repeat; background-position: left 50%; text-align: left; float: left; clear: right; vertical-align: bottom; border-style: solid; border-width: 0; }
a.traum:visited { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/traum70.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.traum:hover { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/traum70_hover.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.biografie:link { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url(../img/Navi/biografie.gif); background-repeat: no-repeat; background-position: left 50%; text-align: left; clear: right; vertical-align: bottom; float: left; border-style: solid; border-width: 0; }
a.biografie:visited { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/biografie.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.biografie:hover { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/biografie_hover.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.buecher:link { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url(../img/Navi/buecher.gif); background-repeat: no-repeat; background-position: left 50%; text-align: left; float: left; clear: right; vertical-align: bottom; border-style: solid; border-width: 0; }
a.buecher:visited { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/buecher.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.buecher:hover { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/buecher_hover.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.kontakt:link { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url(../img/Navi/kontakt.gif); background-repeat: no-repeat; background-position: left 50%; text-align: left; float: left; clear: right; vertical-align: bottom; border-style: solid; border-width: 0; }
a.kontakt:visited { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/kontakt.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.kontakt:hover { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/kontakt_hover.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.impressum:link { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url(../img/Navi/impressum.gif); background-repeat: no-repeat; background-position: left 50%; text-align: left; float: left; clear: right; vertical-align: bottom; border-style: solid; border-width: 0; }
a.impressum:visited { color: #b2b2b2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/impressum.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
a.impressum:hover { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/Navi/impressum_hover.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; text-align: left; vertical-align: bottom; float: left; clear: right; border-style: solid; border-width: 0; }
#bild_einzeln { width: 265px; float: right; margin: 0; padding: 0; }
#bild_einzelbuch { width: 375px; float: right; margin: 0; padding: 0; }