* { margin: 0; padding: 0; }



body { line-height: 1.4em; color: #e6e6e6; font-size: 1em; font-family: verdana, arial, geneva, SunSans-Regular, sans-serif; background-color: #2d4157; background-image: url(hg_oben.jpg); background-repeat: repeat-x; text-align: center; }


td { font-size: 0.9em; text-align: left; vertical-align: top; padding-bottom: 20px; }
p { font-size: 0.9em; text-align: left; vertical-align: top; margin: 0 20px 20px; }
h1,h2,h3,h4 { text-align: left; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; }

a, a:link, a:visited { color: #87a1c0; font-weight: bold; text-decoration: none; }
a:hover, a:active, a:focus { color: #b2c8e0; }
h1 { font-size: 1em; font-weight: bold; text-decoration: none; }
h2 { font-size: 0.9em; margin-bottom: 10px; }
h3 { color: #8c8c8c; font-size: 0.9em; }
h4 { font-size: 1.2em; }
h5 { color: #b5b5b5; font-size: 0.9em; }
h6 { color: #b5b5b5; font-size: 0.7em; font-weight: normal; margin-top: 5px; margin-bottom: 20px; }

#gesamt { width: 100%; }
#logoobenstart { text-align: left; width: 1000px; margin-right: auto; margin-left: 0; }
#logooben { text-align: left; }
#navi { font-size: 0.9em; font-weight: bold; text-decoration: none; text-align: right; margin-top: 30px; margin-bottom: 20px; padding-top: 15px; padding-right: 20px; padding-bottom: 10px; }
#navi li { list-style-type: none; display: inline; }
#navi strong { color: #e6e6e6; padding: 3px 6px; border: solid 1px #12263c; }
#navi a { color: #617b9a; padding: 3px 6px; border: solid 1px #47607c; }
#navi a:hover, #navi a:focus { color: #7e94ac; border: solid 1px #cedceb; }
#gesamt a.akt { color: #7e94ac; border: solid 1px #91aac6; cursor: text; }
#gesamt a.akt:hover { color: #7e94ac; border: solid 1px #91aac6; cursor: text; }


#haupt { background-color: #000; text-align: left; width: 780px; margin-right: auto; margin-left: auto; }
.klein { font-size: 1.1em; font-weight: bold; position: absolute; top: 105px; left: 50px; }

#tabdrei h1 {  }
.tabdrei01 { background-image: url(../Medien/Tabdrei/tabdrei_hg_01.jpg); background-repeat: no-repeat; border: solid 1px #617b9a; }
.tabdrei02 { background-image: url(../Medien/Tabdrei/2012-01-24-margarita-kriebitzsch-hamburg.jpg); background-repeat: no-repeat; border: solid 1px #617b9a; }
.tabdrei03 { background-image: url(../Medien/Tabdrei/tabdrei_poster.jpg); background-repeat: no-repeat; border: solid 1px #617b9a; }
.tabdreiteiler { background-color: #192a3e; }


#navi02 { font-size: 0.8em; font-weight: bold; margin-left: 24px; padding-top: 290px; padding-bottom: 30px; }
#navi02 li { margin-left: -13px; padding-right: 2px; padding-left: 2px; list-style-type: none; display: inline; }
#navi02 strong { color: #e6e6e6; padding-right: 7px; padding-left: 7px; }
#navi02 a { color: #87a1c0; padding-right: 7px; padding-left: 7px; }
#navi02 a:hover, #navi a:focus { color: #b2c8e0; padding-right: 6px; padding-left: 6px; border: solid 1px #617b9a; }


#tabeins { border: solid 1px #617b9a; }

/* dies entfernen, wenn css geändert wird.
*/
#hg_kuenstler_haupt { background-image: url(../Medien/Tabeins/guenther-block-hamburger-hafen.jpg); background-repeat: no-repeat; }
#hg_kuenstler_kollar { background-image: url(../Medien/Tabeins/tabeins_hg_ines_kollar.jpg); background-repeat: no-repeat; }
#hg_kuenstler_stoefhas { background-image: url(../Medien/Tabeins/tabeins_hg_astrid_stoefhas.jpg); background-repeat: no-repeat; }
#hg_kuenstler_romdane { background-image: url(../Medien/Tabeins/tabeins_hg_marcel_romdane.jpg); background-repeat: no-repeat; }
#hg_kuenstler_heinecke { background-image: url(../Medien/Tabeins/tabeins_hg_astrid_heinecke.jpg); background-repeat: no-repeat; }
#hg_kuenstler_boehnert { background-image: url(../Medien/Tabeins/tabeins_hg_heinke_boehnert.jpg); background-repeat: no-repeat; }
#hg_kuenstler_roes_nickel { background-image: url(../Medien/Tabeins/tabeins_hg_roes_nickel.jpg); background-repeat: no-repeat; }
#hg_kuenstler_stahl { background-image: url(../Medien/Tabeins/tabeins_hg_petra_stahl.jpg); background-repeat: no-repeat; }
#hg_kuenstler_gerling { background-image: url(../Medien/Tabeins/tabeins_hg_vera_gerling.jpg); background-repeat: no-repeat; }
#hg_kuenstler_middendorf { background-image: url(../Medien/Tabeins/tabeins_hg_xxx.jpg); background-repeat: no-repeat; }
#hg_kuenstler_tegtmeier { background-image: url(../Medien/Tabeins/tabeins_hg_claus_tegtmeier.jpg); background-repeat: no-repeat; }
#hg_kuenstler_buermann { background-image: url(../Medien/Tabeins/tabeins_hg_frank_buermann.jpg); background-repeat: no-repeat; }
#hg_kuenstler_nordmann { background-image: url(../Medien/Tabeins/tabeins_hg_hans_nordmann.jpg); background-repeat: no-repeat; }
#hg_kuenstler_rossdeutscher { background-image: url(../Medien/Tabeins/tabeins_hg_oliver_rossdeutscher.jpg); background-repeat: no-repeat; }


#hg_einrahmungen_haupt { background-image: url(../Medien/Tabeins/tabeins_hg_einrahmungen.jpg); background-repeat: no-repeat; }
#hg_artconsult_haupt { background-image: url(../Medien/Tabeins/tabeins_hg_artconsult.jpg); background-repeat: no-repeat; }

#hg_aktuelles_2012 { background-image: url(../Medien/Tabeins/tabeins_hg_2012.jpg); background-repeat: no-repeat; }
#hg_aktuelles_2011 { background-image: url(../Medien/Tabeins/tabeins_hg_2011.jpg); background-repeat: no-repeat; }
#hg_aktuelles_2010 { background-image: url(../Medien/Tabeins/tabeins_hg_2010.jpg); background-repeat: no-repeat; }
#hg_aktuelles_2009 { background-image: url(../Medien/Tabeins/tabeins_hg_2009.jpg); background-repeat: no-repeat; }
#hg_aktuelles_2008 { background-image: url(../Medien/Tabeins/tabeins_hg_2008.jpg); background-repeat: no-repeat; }
#hg_aktuelles_2007 { background-image: url(../Medien/Tabeins/tabeins_hg_2007.jpg); background-repeat: no-repeat; }
#hg_kontakt { background-image: url(../Medien/Tabeins/tabeins_hg_kontakt.jpg); background-repeat: no-repeat; }
#hg_ueberuns { background-image: url(../Medien/Tabeins/tabeins_hg_schauenburger006.jpg); background-repeat: no-repeat; }
#hg_poster { background-image: url(../Medien/Tabeins/tabeins_hg_poster.jpg); background-repeat: no-repeat; }
#hg_sitemap { background-image: url(../Medien/Tabeins/tabeins_hg_sitemap.jpg); background-repeat: no-repeat; }




.tabeins_links { width: 600px; }
.tabeins_links ul{ font-size: 0.9em; margin-top: 20px; margin-bottom: 20px; }
.tabeins_links li{ background-image: url(listenpunkt.gif); background-repeat: no-repeat; background-position: 24px 0.7em; padding-left: 40px; list-style-type: none; }

.portrait { float: left; margin-top: 8px; margin-right: 20px; border: solid 1px #565656; }
.aktuell { margin: 8px 20px 12px 4px; border: solid 1px #565656; }
.tabeins_rechts { text-align: right; width: 180px; padding-top: 8px; }
.tabeins_rechts img { text-align: right; margin-right: 20px; margin-bottom: 4px; border: solid 1px #565656; }
.tabeins_rechts p { text-align: right; }


#noben { font-size: 40px; background-repeat: no-repeat; text-align: right; margin-top: 40px; margin-right: 30px; margin-bottom: 40px; }
#noben a { color: #f5f8f0; background-image: url(nach_oben.gif); background-repeat: no-repeat; background-position: center; text-align: right; }
#noben a:hover { background-image: url(nach_oben2.gif); background-repeat: no-repeat; border: solid 1px #91aac6; }


#sitemap { font-weight: normal; text-decoration: none; margin-top: 0; margin-right: 20px; margin-left: 20px; }
#sitemap td { font-size: 1em; vertical-align: top; padding: 15px; }
#sitemap a { font-weight: normal; line-height: 1.7em; }
#sitemap h1 { margin-bottom: 10px; padding-bottom: 0; }
#sitemap h1 a { font-size: 1em; font-weight: bold; text-decoration: none; padding-bottom: 0; }
#sitemap h2 { font-weight: normal; text-decoration: none; margin-top: -10px; }
#sitemap h2 a { font-size: 1em; font-weight: normal; text-decoration: none; margin-left: 15px; }
#sitemap h3 { margin-bottom: 5px; }
#sitemap h3 a { color: #575d5b; font-size: 0.9em; margin-left: 50px; }
#sitemap h3 a:hover { color: #feb704; }
#sitemap h4 { font-size: 0.8em; font-weight: normal; text-decoration: none; margin-left: 110px; }


#fuss { text-align: right; padding: 15px 20px; }
#fuss a { color: #5d7692; font-size: 0.7em; margin-right: 3px; margin-left: 3px; }
#fuss a:hover, #fuss a:focus { color: #91aac6; }



/* Hide from IE5-mac. Only IE-win56 sees this. \*/
* html #aktuelles { font-size: 0.9em; background-repeat: repeat-x; width: 220px; float: left; margin-top: 15px; margin-right: 8px; ; margin-left: 8px; padding: 15px; border: solid 1px #383838; }
* html #rechts01 { margin-left: 295px; }
/* End hide from IE5/mac */


