@media all
{
* {margin: 0; padding: 0;}
* html body * {overflow: visible;}
html *{font-family: Frutiger, Arial, Helvetica, sans-serif; font-size:100.01%;
      color: #7D7E80;}
body  {overflow-y: scroll; padding:10px 0; text-align: left;
      background: #F9F5EA;}
div   {outline: 0 none;}

/* HTML 5 */ 
article, aside, canvas, details, figcaption, figure,
fuss, kopf, hgroup, menu, navigation1, navigation2, section, summary {display: block;}

/* Rahmen <img> Elemente loeschen */
img {border: 0 solid;}
.textbild   {padding:20px 0 0 0;}
.textbild2  {padding:20px 0 20px 0;}
.textbild3  {padding:10px 10px 10px 10px;}
.bildlinks  {padding:10px 20px 0 0;}
.bildrechts {padding:10px 0 0 20px;}

/* Ueberschriften */
h1,h2,h3,h4,h5,h6 {font: Frutiger, Arial, Helvetica, sans-serif;}
h1 {padding: 0; letter-spacing: .06em; font-size: 1.8em; color: #E2DACC; font-weight: normal;}  /* Gerd Druwe */
h2 {padding: 0; font-size: 1.2em; color: #898A8A; font-weight: normal;}     /* Photography */
h3 {padding: 0; font-size: 1em; color: #7D7E80; font-weight: normal;}     /* Kapitelueberschriften */
h4 {padding: 0; font-size: 1em; color: #FBAF5C; font-weight: normal;}

/* Unterstreichungen iN Seitennavigation */
hr.lang50 {display: block; border: 0;
    height:1px; background-image: url("../inhalt/layout/line50.gif");background-repeat: no-repeat}
hr.lang70 {display: block; border: 0;
    height:1px; background-image: url("../inhalt/layout/line70.gif");background-repeat: no-repeat}
hr.lang90 {display: block; border: 0;
    height:1px; background-image: url("../inhalt/layout/line90.gif");background-repeat: no-repeat}
hr.lang110 {display: block; border: 0;
    height:1px; background-image: url("../inhalt/layout/line110.gif");background-repeat: no-repeat}
hr.lang130 {display: block; border: 0;
    height:1px; background-image: url("../inhalt/layout/line130.gif");background-repeat: no-repeat}

/* Listen */
ul    {list-style-type: none; margin: 0;}
ul ul {list-style-type: none; margin: 7px 0 5px 10px;}
ol{margin: 7px 0 5px 20px; font-size: 12px; line-height:1.5em;}
ul li {margin: 3px 0px 0 0px; line-height: 1em; margin-left: 0; font-weight: normal;}
ul ul li {margin: 0; line-height: 1em; margin-left: 0; font-weight: normal;}

/* Allgemeine Textauszeichnung */
p {font-size: .94em; line-height: 1.5em; margin: 0; padding: 0;}
p.impressum{font-size: .8em; line-height: 1.2em; margin: 0; padding: 0;}
p.copyright {font-size: .7em; line-height: 1.2em; margin: 0; padding: 0;}
p.quelle {font-size: .7em; line-height:1.2em; margin: 0; padding: 0;}
p.fotolegende {font-size: .7em; padding: 10px 0 30px 0; margin: 0; text-align: right;}

p#info, p#info nobr {font-size: 12px; line-height:1.5em; margin: 0; padding: 10px 0 20px 0; color:#222}

/* Bilder (mit optionaler Bildunterschrift) */
p.icaption_left {float:left; display:inline; margin:0 1em 0.15em 0;}
p.icaption_right {float:right; display:inline; margin:0 0 0.15em 1em;}
p.icaption_left img,
p.icaption_right img {padding:0; border:1px #888 solid;}
p.icaption_left strong,
p.icaption_right strong {display:block; overflow:hidden; 
                        margin-top:2px; padding:0.3em 0.5em; 
                        background:#eee; font-weight:normal; 
                        font-size:91.667%;}

/* Links */
a {font: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; outline: 0 none;}
a:link {color:#7D7E80; font-weight: bold; text-decoration: none; outline: 0 none;}
a:visited   {color: #7D7E80;}
a:focus     {color: #FBAF5C;}
a:hover     {color: #FBAF5C;}
a:active    {color: #7D7E80;}
a span      {color: #FB8B11;}

a.nav1 {font-weight: normal; font-size: 1em; text-decoration: none; line-height:18px;
        letter-spacing:1px; outline: 0 none;}
a.nav1:link     {color:#7D7E80;}
a.nav1:visited  {color:#7D7E80;}
a.nav1:focus    {color:#FBAF5C;}
a.nav1:hover    {color:#FBAF5C;}
a.nav1:active   {color:#7D7E80}

a.text:link {color:#7D7E80; font-weight: normal; font-size: 11px; text-decoration: none; outline: 0 none;}
a.text:visited   {color:#7D7E80;}
a.text:focus     {color:#FBAF5C;}
a.text:hover     {color:#FBAF5C;}
a.text:active    {color:#7D7E80;}

/* Tabellen */
table {width: auto; border-collapse: collapse;
      margin-bottom: 0;}
td {padding: 0;}
td.ausstellung{font-size: 12px; line-height:1.5em; margin: 0; padding: 7px 0 3px 0; vertical-align: top;}
#ausstellung {padding: 0 0 0 20px; color:#666; vertical-align: bottom;}
.texter      {width: 462px; height: auto; padding: 10px; color: #BBB;}

/* Bilder (mit optionaler Bildunterschrift) */
p.bildbeschriftung_links  {float: left; display: inline; margin: 0 20px 0 0; font-weight: normal; font-size:10px;}
p.bildbeschriftung_rechts {float: right; display: inline; margin: 0px 0 1px 20px; font-weight: normal; font-size:10px}
p.bildbeschriftung_links img,
p.bildbeschriftung_rechts img {padding: 0px; border: none;}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {clear: both; content: ".";
                display: block; font-size: 0;
                height: 0; visibility: hidden;}
/* fuer Safari zwingend !! */
.clearfix {display: block;}
/* fuer IE-Clearing */
#ie_clearing {display: none;}
/* Alternative Methode zum Einschliessen von Float-Umgebungen */
.{display: table; width:100%;}
.float_links {float: bildbox left; display: inline; margin: 10px 20px 10px 40px;}
.float_right {float: right; display: inline; margin-left: 1em; margin-bottom:0.15em;}
.center { display: block; text-align: center; margin: 0.5em auto; }
.seitenabstand {width: auto; width: 900px; margin: 0 auto;}
.seite {padding: 0;}
#kopf {width: 900px; position: relative; height: 40px; padding: 0; color: #000;}
#navigation1 {position: absolute; top: 10px; right: 0; text-align: right;}
#hauptbereich {width: auto; margin: 0; padding:0;}
#navigation2 {position: relative; float:left; width: 300px; margin: 0; padding: 0;}
#navigation2_inhalt {min-height: 480px; background-image: url("../inhalt/layout/navhg.jpg");background-repeat: no-repeat;padding: 0;}
#gerddruwe {position: relative; top: 0; left: 0; text-align: left;}
#fotograf {position: relative; top: -18px; left: 100px; text-align: left;}
#nav2_position {padding: 85px 0 0 0;}
#inhaltsbereich {position: relative; width: auto; min-height: 480px; margin: 0 0 0 100px; padding: 0;}
#spalte1_inhalt {padding: 10px 0 0 200px; text-align: right;}
#zitat {padding: 200px 0 0 0; text-align: center;}
#bildlegende {padding: 10px 0 30px 0; text-align: right;}
#textblock      {width: 600px; min-height: 480px; height: auto; padding: 30px 0 0 0; text-align: right;}
#textblock2      {width: 600px; min-height: 480px; height: auto; padding: 30px 0 0 0; text-align: left;}
#bildblock      {width: 600px; min-height: 480px; height: auto; padding: 30px 0 0 0; text-align: right;}
fuss {padding: 0 0 0 0; color:#E2DACC; border-top: 1px #7D7E80 solid;}

a.infobox       {padding: 0px; border: 0px; font: 12px Verdana, Geneva; color: #888;}
a.infobox:hover {cursor: help; font: 12px Verdana, Geneva; color: #abb1fb;}
a.infobox span  {visibility: hidden; position: absolute; left: 10px;
                margin-top:1em; padding:30px 50px 30px 160px; text-decoration: none; z-index:100}
a.infobox:hover span {visibility:visible; left:10px;
                      border:0px solid #FFF; font: 12px Verdana, Geneva;
                      color:#000; background:#FFF;z-index:100;}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {clear: both; content:".";
                display: block; font-size: 0;
                height: 0; visibility: hidden;}
/* fuer Safari-Browser zwingend !! */
.clearfix {display: block;}

/* Alternative Methode zum Einschliessen von Float-Umgebungen */
.floatbox {display: table; width: 100%;}

/* IE-Clearing:Benoetigt nur der Internet Explorer und ueber iehacks.css zugeschaltet */
#ie_clearing {display: none;}
}