/**
  * @description     Stylesheet für www.helmut-stuertz.de
  * @author          Sascha Quasthoff (sascha@quasthoff.de)
  * @date            12. Dezember 2008
  * @version         0.2
  */




/**
  * Darstellung (Layout, Typografie, etc.)
  */


/* Allgemeines */
body { font: normal 62.5%/145% verdana, helvetica, arial, sans-serif; color: #666; background-color: white; }
a img { border: 0; }
a:link, a:visited { color: #666; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; }


/* Hauptnavi */
.menu li { font-size: 1.4em; }
.menu a:link, .menu a:visited { background-color: transparent; text-decoration: none; text-transform: lowercase; font-weight: bold; color: #666; }
.menu a:hover, .menu a.selected { color: #000; }


/* Artikel-Navi */
#article_navi li, #article_navi a { color: #999; background: #999; }
#article_navi a:hover { color: #666; background: #666; }
#article_navi .active, #article_navi .active a { color: #111; background: #111; }


/* Übersicht der Bilder */
#bilder_navi li { list-style: none; }
#bilder_navi em { font-style: normal; line-height: 120%; }
#bilder_navi a { text-decoration: none; }
#bilder_navi a:hover { font-weight: bold; text-decoration: underline; }


/* Inhalte */
h1 { font-size: 3em; text-align: center; }
.texte h1 { font-size: 1.4em; text-align: left; line-height: 1; }
h1 span { font-weight: normal; }
h2 { font-size: 1.4em; font-weight: bold; line-height: 1.1; }
#home h2, #ausstellungen h2 { font-size: 1.6em; }
p, li { font-size: 1.4em; line-height: 145%; }
#footer { font-size: 1.1em; font-weight: bold; }
.photo a { background: none !important; }


/* Liste der Ausstellungen */
#ausstellungs_navi dt { font-size: 1.8em; line-height: 1; }
#ausstellungs_navi dt strong { text-transform: uppercase; }
#ausstellungs_navi a { color: #e87a2b !important; text-decoration: none; }
#ausstellungs_navi dt span { font-size: .777em; font-weight: normal; }
#ausstellungs_navi li { list-style: none; }


/* Ausstellungen */
.ausstellungen dt { font-size: 1.6em; line-height: 1; }
.ausstellungen dt strong { text-transform: uppercase; }
.ausstellungen dt span { font-size: .875em; font-weight: normal; }
.ausstellungen a { line-height: 120%; }
.ausstellungen a:hover { color: #e2e1e0; background-color: #999; }
.ausstellungen li { list-style: none; }











/**
  * Struktur
  */


/* Allgemeines */
#site { margin: 0 auto; padding: 0 3em 4em; }
#head, #content, #footer { width: 80em; margin: auto; max-width: 100%; }
#content { min-height: 30em; position: relative; }
#content.sehr_hoch { min-height: 56em; }
#head { margin-top: 1em; }
.menu { padding: 0; }
#footer { margin: .3em auto 5em; width: 72.727em; }


/* Spezielles */
#home #content, #home #content table { height: 44.5em; }
#accessibility { position: absolute; left: -9999px; top: -9999px; }


/* Hauptmenu */
.menu { margin: 2em 0 0; }
.menu li { display: inline; margin: 0; padding: 0 0 0 2em }
/* Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { .menu li { padding: 0 0 0 1.8em; } }
/* Opera  */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .menu li { padding: 0 0 0 2em; } }
.menu li:first-child { padding: 0 }
.menu a { padding: 0; }


/* Artikel-Navi */
#article_navi { margin: 1.5em 0 5em; }
#article_navi li { list-style: none; padding: 0; margin-right: 10px; }
#article_navi li, #article_navi a { width: 20px; height: 20px; float: left; overflow: hidden; }


/* Übersicht der Bilder */
#bilder_navi { float: left; margin: 1em 0 4em; width: 100%; }
#bilder_navi li { float: left; padding: 0; margin: 0 0 2em 0; width: 50%; height: 5em; overflow: hidden; }
#bilder_navi .image { float: left; width: 5em; overflow: hidden; margin-right: 1em; }
#bilder_navi .text { float: left; white-space: nowrap; }


/* Inhalte */
div.photo { clear: left; float: left; width: 50%; }
div.texte { position: absolute; bottom: 0; right: 0; width: 50%; }
.texte p { margin: 1.5em 0 0; }
td.photo { vertical-align: bottom; }
div.photo a, div.photo img { vertical-align: bottom; }
div.photo p { margin: 0 0 .25em 0; }
h1 { margin: .5em 0 .3em; }
.texte h1 { margin: .5em 0 0; }
h2 { float: left; width: 40%; margin: 11px 0 23px; }


/* Liste der Ausstellungen */
#ausstellungs_navi { width: 40%; }
#ausstellungs_navi dt, #ausstellungs_navi dd { padding: 0; margin: 0; }
#ausstellungs_navi dt { margin: 1em 0 .25em; }
#ausstellungs_navi dd { margin-bottom: 3em; }
#ausstellungs_navi dd p { margin: 0; }
#ausstellungs_navi ul { margin: 0; padding: 0; }
#ausstellungs_navi li { margin: 0 0 1em; }


/* Ausstellungen */
.ausstellungen { float: left; width: 43%; }
ul.ausstellungen { width: 35%; }
.ausstellungen dt, .ausstellungen dd { padding: 0; margin: 0; }
.ausstellungen dt { margin-bottom: .1em; }
.ausstellungen dd { margin-bottom: 2em; }
.ausstellungen ul, .ausstellungen p { margin: 0; padding: 0; }
.ausstellungen li { margin: 0 0 1.5em; }
ul.ausstellungen.verschiedene { margin-top: 0; }