/* (de) Alle kritischen Werte instanzieren */
* { margin: 0pt; padding: 0pt; vertical-align: top; }

/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { font-size: 100.01%; }

/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
body { font-family: Helvetica, Arial, sans-serif; font-size: 75.00%; color: #444; background-color: white; }

/* Für kaputte Browser */
body { /* Alle Inhalte horizontal zentrieren */ text-align: center; }
body * { /* Textausrichtung korrigieren */ text-align: left; }

h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; font-weight:bold; color:#666; margin: 0 0 0.25em 0; }

h1 { color: #808080; font-size: 200%; }       /* 24px */
h2 { color: #808080; font-size: 200%; }       /* 24px */
h3 { color: #808080; font-size: 150%; }       /* 18px */
h4 { color: #808080; font-size: 133.33%; }    /* 16px */
h5 { color: #808080; font-size: 116.67%; }    /* 14px */
h6 { color: #808080; font-size: 116.67%; }    /* 14px */

/** Überschriften
--------------------------------------------------------- */
h1 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.67em 0; }
h2 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.83em 0; }
h3 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.83em 0; }
h4 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.83em 0; }
h5 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.83em 0; }
h6 { color: #808080; font-size: 1em; font-family: helvetica; font-weight: 500; margin: 0.83em 0; }

/* Wrapper
--------------------------------------------------------- */
div#wrapper { position: relative; width: 1024px; margin: 0 auto 0 auto; height: 100% !important; }

/* Main
--------------------------------------------------------- */
div#main { position: absolute; width: 900px; padding: 0; margin: 0; }
div#maintermine { position: absolute; width: 900px; padding-left: 8px; margin: 0;  }
div#mainvita { position: absolute; width: 900px; padding-left: 0; margin: 0;  }

/**Head
--------------------------------------------------------- */
div#header { position: absolute; top: 128px; border: 0pt; margin: 0pt; padding: 0pt; }

/*** augenwegede
--------------------------------------------------------- */
div#augenwegede { position: absolute; left: 612px; width: 299px; height: 29px; border: 0pt; margin: 0pt; padding: 0pt; }

.augenwegede { width: 299px; height: 29px; border: 0pt; }

/*** Navigation
--------------------------------------------------------- */
div#navigation { width: 500px; height: 29px; top: 9px; margin: 0; padding: 0; position: absolute; }

/**Content
--------------------------------------------------------- */
div#content { position: absolute; border: 0pt; margin: 0pt; padding: 0pt; top: 174px; }

.ds1 { font-size: 1.2em; font-weight: 600; }
/*.ds1 { font-size: 1.2em; text-align: center; font-weight: 600; border: 0pt; }*/

.h2 {font-weight: 600; }
table { width: 100%; margin: 10px 0; }
td { padding: 5px 10px; }
p { font-weight: normal; line-height: 120% }
.url01 { font-weight: 500; font-size: 1em; font-style: italic; }
.email { text-decoration: none; font-size: 1em; color: #777; font-style: italic; }

div#Bild01 { position: absolute; width: 299px; height: 299px; padding: 0pt; margin: 0pt; }
div#Bild02 { position: absolute; width: 299px; height: 299px; top: 299px; padding: 0pt; margin: 0pt; }


/*** linkeBox
--------------------------------------------------------- */
div#linkeBox { position: absolute; width: 299px; height: 299px; padding: 0pt; margin: 0pt; border: solid 1px #777; vertical-align: top; }
div#linkeBoxPuplikationen1 { position: absolute; width: 299px; height: 299px; padding: 0pt; margin: 0pt; border: solid 1px #777; vertical-align: top; }
div#linkeBoxPuplikationen2 { position: absolute; width: 299px; height: 299px; padding: 0pt; margin: 0pt; border: solid 1px #777; vertical-align: top; top: 305px; }
div#linkeBoxImpressum { position: absolute; width: 299px; height: auto; padding: 0pt; margin: 0pt; border: solid 1px #777; }

div#linkesTitelbild { position: absolute; padding: 0pt; margin: 0pt; border: 0pt; }

div#linkerTitel { text-align: right; width: auto; padding: 23px 10px; margin: 0pt; height: 20px; margin: 0pt; float: right; }
/*div#linkerTitel { position: absolute; top: 23px; right: 0px; width: 100px; margin: 0pt; height: 20px; margin: 0pt; }*/
div#linkerTitelKontakt { position: absolute; top: 23px; right: -28px; width: 100px; margin: 0pt; height: 20px; margin: 0pt; }
div#linkerTitelFotografie { position: absolute; top: 23px; right: -17px; width: 100px; margin: 0pt; height: 20px; margin: 0pt; }
div#linkerTitelImpressum { position: absolute; top: 23px; right: -8px; width: 100px; margin: 0pt; height: 20px; margin: 0pt; }
div#linkerTitelPuplikationen1 { position: absolute; top: 23px; right: -1px; width: 100px; margin: 0pt; height: 20px; margin: 0pt; }
div#linkerTitelPuplikationen2 { position: absolute; top: 23px; right: -55px; width: 100px; margin: 0pt; height: 20px; margin: 0pt; }
div#linkerTitelPeople { position: absolute; top: 23px; right: -1px; width: 100px; margin: 0pt; height: 20px; margin: 0pt; }
div#rechterTitelEvents { position: absolute; top: 23px; right: 7px; width: 50px; margin: 0pt; height: 20px; margin: 0pt; }

div#linkerTeaser { position: absolute; top: 68px; left: 10px; width: 277px; height: 250px; padding: 0pt; margin: 0pt; }
div#linkerTeaser2 { position: absolute; top: 45px; left: 10px; width: 277px; height: 250px; padding: 0pt; margin: 0pt; }
div#Portraet { position: absolute; top: 68px; left: 18px; width: 250px; height: 90px; padding: 0pt; margin: 0pt; }

div#linkeLightbox { visibility: hidden; width: 180px; height: 314px; margin: 0pt; }

div#linkeTextbox { position: absolute; left: 18px; top: 150px; width: 250px; height: 250px; margin: 0pt; }
/*div#linkeTextboxFotografie { position: absolute; left: 18px; top: 68px; width: 250px; height: 250px; margin: 0pt; }*/
div#linkeTextboxImpressum, div#linkeTextboxFotografie { position: relative; left: 18px; top: 0; width: 250px; height: auto; margin: 0pt; float: left; }
/*.h2 {font-weight: 600; }
table { width: 100%; margin: 10px 0; }
td { padding: 5px 10px; }
p { font-weight: normal; line-height: 120% }
.url01 { font-weight: 500; font-size: 1em; }
.email { text-decoration: none; font-size: 1em; color: #777; }*/

/*** mittlereBox
--------------------------------------------------------- */
div#mittlereBox { position: absolute; left: 305px; width: 299px; height: 299px; padding: 0pt; margin: 0pt; border: solid 1px #777; }
/*div#mittlereBox { position: absolute; left: 305px; width: 299px; height: 299px; padding: 0pt; margin: 0pt; border: solid 1px #777; }*/
div#mittlereBoxTermine { position: absolute; left: 305px; width: 299px; height: 750px; padding: 0pt; margin: 0pt; border: solid 1px #777;  } 
div#mittlereBoxFotografie { position: absolute; left: 305px; width: 299px; height: 299px; padding: 0pt; margin: 0pt; border: solid 1px #777;  }
div#mittlereBoxPuplikationen { position: absolute; left: 305px; width: 299px; height: 299px; padding: 0pt; margin: 0pt; border: solid 1px #777; vertical-align: top;  }
div#mittlereBoxPuplikationen2 { position: absolute; left: 305px;width: 299px; height: 299px; padding: 0pt; margin: 0pt; border: solid 1px #777; vertical-align: top; top: 305px;   }

/*div#Bild01 { position: absolute; width: 299px; height: 299px; padding: 0pt; margin: 0pt; }
div#Bild02 { position: absolute; width: 299px; height: 299px; top: 299px; padding: 0pt; margin: 0pt; }*/

div#mittleresTitelbild { position: absolute; padding: 0pt; margin: 0pt; border: 0pt; }

div#mittlererTitel, div#mittlererTitel01 { text-align: right; width: auto; padding: 23px 10px; margin: 0pt; height: 20px; margin: 0pt; float: right; }
div#mittlererTitel02 { text-align: right; width: auto; padding: 23px 10px; margin: 0pt; height: 20px; margin: 0pt; float: right; }
div#mittlererTitel2 { text-align: right; width: auto; padding: 23px 10px; margin: 0pt; height: 20px; margin: 0pt; float: right; top: 305px; }
/*div#mittlererTitel { position: absolute; top: 25px; right: 35px; width: 50px; margin: 0pt; height: 20px; margin: 0pt; }
div#mittlererTitelTermine { position: absolute; top: 23px; right: 20px; width: 50px; margin: 0pt; height: 20px; margin: 0pt; }*/
div#mittlererTitelBuecher { position: absolute; top: 23px; right: 11px; width: 180px; margin: 0pt; height: 20px; margin: 0pt; }
div#mittlererTitelProjekte { position: absolute; top: 23px; right: 17px; width: 80px; margin: 0pt; height: 20px; margin: 0pt; }
div#mittlererTitelKalender { position: absolute; top: 23px; right: 23px; width: 50px; margin: 0pt; height: 20px; margin: 0pt; }

div#mittlererTeaser, div#mittlererTeaser01, div#mittlererTeaser02 { position: absolute; top: 68px; left: 10px; width: 180px; height: 250px; padding: 0pt; margin: 0pt; }
div#mittlererTeaser03 { position: absolute; top: 45px; left: 10px; width: 180px; height: 250px; padding: 0pt; margin: 0pt; }
div#mittlererTeaser2 { position: absolute; top: 68px; left: 10px; width: 180px; height: 250px; padding: 0pt; margin: 0pt;}


div#mittlereLightbox { visibility: hidden; width: 180px; height: 314px; margin: 0pt; }

div#mittlereTextbox { position: absolute; left: 18px; top: 68px; width: 250px; padding: 0pt; margin: 0pt; }
div#mittlereTextboxPuplikationen { position: absolute; left: 18px; top: 68px; width: 250px; height: 250px; margin: 0pt; }

/*.h2 {font-weight: 600; }
table { width: 100%; margin: 10px 0; }
td { padding: 5px 10px; }
p { font-weight: normal; line-height: 120% }*/
.puplikationen { font-style: italic; }
/*.url01 { font-weight: 500; font-size: 1em; font-style: italic; }
.email { text-decoration: none; font-size: 1em; color: #777; font-style: italic; }*/

/*** rechteBox
--------------------------------------------------------- */
div#rechteBox { position: absolute; left: 610px; width: 299px; height: 299px; padding: 0pt; margin: 0pt; border: solid 1px #777;  }
div#rechteBoxVita { position: absolute; left: 610px; width: 299px; height: 700px; padding: 0pt; margin: 0pt; border: solid 1px #777;  }
div#rechteBoxLichtbildwerke { position: absolute; left: 610px; width: 299px; height: 299px; padding: 0pt; margin: 0pt; border: solid 1px #777; }
div#rechteBoxPuplikationen { position: absolute; left: 610px; width: 299px; height: 299px; padding: 0pt; margin: 0pt; border: solid 1px #777; vertical-align: top; }

/*div#Bild01 { position: absolute; width: 299px; height: 299px; padding: 0pt; margin: 0pt; }
div#Bild02 { position: absolute; width: 299px; height: 299px; top: 299px; padding: 0pt; margin: 0pt; }*/

div#rechtesTitelbild { position: absolute; padding: 0pt; margin: 0pt; border: 0pt; }

div#rechterTitel, div#rechterTitel01 { text-align: right; width: auto; padding: 23px 10px; margin: 0pt; height: 20px; margin: 0pt; float: right; }
div#rechterTitel02 { text-align: right; width: auto; padding: 23px 10px; margin: 0pt; height: 20px; margin: 0pt; float: right; }
/*div#rechterTitel { position: absolute; top: 25px; right: 35px; width: 50px; margin: 0pt; height: 20px; margin: 0pt; }*/
div#rechterTitelVita { position: absolute; top: 23px; right: -13px; width: 50px; margin: 0pt; height: 20px; margin: 0pt; }
div#rechterTitelMultimedia { position: absolute; top: 23px; right: 38px; width: 50px; margin: 0pt; height: 20px; margin: 0pt; }
div#rechterTitelAusstellungen { position: absolute; top: 23px; right: 60px; width: 50px; margin: 0pt; height: 20px; margin: 0pt; }
div#linkerTitelLichtbildwerke { position: absolute; top: 23px; right: 10px; width: 100px; margin: 0pt; height: 20px; margin: 0pt; } 

div#rechterTeaser, div#rechterTeaser01, div#rechterTeaser02  { position: absolute; top: 68px; left: 10px; width: 180px; height: 250px; padding: 0pt; margin: 0pt; }

div#rechteLightbox { visibility: hidden; width: 180px; height: 314px; margin: 0pt; }

div#rechteTextbox { position: absolute; left: 18px; top: 68px; width: 250px; margin: 0pt; }
div#rechteTextboxLichtbildwerke { position: absolute; left: 18px; top: 68px; width: 250px; height: 250px; margin: 0pt; }

/*p { font-weight: normal; line-height: 120% }
.url01 { font-weight: 500; font-size: 1em; font-style: italic; }*/


/** Footer
---------------------------------------------------------*/
div#Footer { position: absolute; border: 0pt; width: 100px; margin: 0pt; padding: 0pt; left: 852px; top: 480px; }
div#FooterImpress { position: absolute; border: 0pt; width: 100px; margin: 0pt; padding: 0pt; left: 808px; top: 480px; }
div#FooterVita { position: absolute; border: 0pt; margin: 0pt; padding: 0pt; left: 852px; top: 880px; }
div#FooterLichtbildwerke { position: absolute; border: 0pt; width: 100px; margin: 0pt; padding: 0pt; left: 852px; top: 480px; }
div#FooterPuplikationen { position: absolute; border: 0pt; width: 100px; margin: 0pt; padding: 0pt; left: 852px; top: 480px; }
div#FooterTermine { position: absolute; border: 0pt; width: 100px; margin: 0pt; padding: 0pt; left: 860px; top: 480px; }

a { text-align: right; text-decoration: none; color: #808080; font-size: 0.8em; }
.impress { text-align: right; text-decoration: none; color: #808080; font-size: 0.8em; font-weight: 500; }

div#Footer2 { position: absolute; border: 0pt; width: 500px; margin: 0pt; padding: 0pt; left: 250px; top: 500px;  }
.Footer2Unterschrift { width: 400px; height: 60px; border: 0pt; }

div#Footer3 { position: absolute; border: 0pt; width: 900px; height: 50px; margin: 0; padding: 0; top: 580px; border: solid 2px #f9c85d; }
div#Footer3Titel { position: absolute; text-align: right; width: auto; padding: 0pt; margin: 0pt; margin: 0pt; top: -30px; /*float: left;*/ }
div#Footer3Text { position: absolute; left: 25px; width: 850px; margin: 0pt; }

div#Footer4 { position: absolute; border: 0pt; width: 120px; margin: 0; padding: 0pt; z-index: 100; left: 890px; top: -110px; }
.Footer4Buchad { width: 120px; border: 0pt; }


/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dim
ensionally 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.
*/
body { word-wrap: break-word; }