/*Globales Zuruecksetzen aller HTML-Elemente */
* {margin: 0; padding: 0;}
*Italics Bugs: IE 5.x & IE 6*/
* html body * {overflow: visible; height: 100%;}
html {text-align: left; font-size: 100.01%;height:100% }
body {height: 101%; min-height: 620px; background: #818D7D; text-align: center;
     font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; color: #030;}
.grau{background: #666 url("layout/hg-xl.gif") repeat-x;}

/*  Rahmen fuer <img> Elemente loeschen */
img   {border: none;}
table, tr, td {border: 1 solid; border-collapse: collapse; border-spacing: 0;}
/* Ueberschriften*/
h1 {font-size: 30px; color: #78A95A; font-weight: normal;}/* Astrid Brandt*/
h2 {font-size: 22px; line-height: 17px; color: #748974; font-weight: normal;}/* Zeichnung */
h3 {font-size: 14px; line-height: 10px;color:#B05B06; font-weight: normal;} /* orange Ueberschriften im Inhalt-orientierung*/
h4 {font-size: 12px; color:#030; padding:10px 0 5px 0;} /* Ueberschriften im Inhalt-orientierung*/
h5 {font-size: 12px; color:#030;} /* textueberschriften*/
h6 {font-size: 12px; color:#030; padding:10px 0 0 0;} /* 14px */
p {margin: 0; font-size: 12px; line-height: 18px;}
p.eineinhalb {margin:6px 0 0 0; font-size: 12px; line-height: 18px;}
/*Listen & Zitate*/
ul  {list-style-type: none; display: inline;}
a   {text-decoration: none; font-weight: normal; outline: none;}

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

/*Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox {overflow: hidden;}

/*allgemeines Layout: Seite */
#standard{background-color: #818D7D;}
#container {margin: 0 auto; position: relative; /* puts container in front of distance */
           height: 620px; width: 1000px;
           clear: left; text-align: left; background: #818D7D url("layout/hg-verlauf.gif") repeat-x;}
#container2 {margin: 0 auto; position: relative; /* puts container in front of distance */
            height: 620px; width: 1000px;
            clear: left; text-align: left; background: #818D7D url("layout/hg-xl.gif") repeat-x;}
#container1 {position: relative; 
            height: 620px; width: 1000px;
            background: #fff url("layout/hg-xl.gif") repeat-x;}

/*Elemente der Startseite*/
#zeichnung, #eingang, #spalte1{clear: left;}
#astrid {position: relative; float: left;
        height: 64px; width: 460px;
        padding: 16px 0 0 40px;
        text-align: left;}
#sprache{position: relative; float: left;
        width: 460px; height: 48px;
        padding: 32px 40px 0 0;
        text-align: right;}
ul#links li{float: right; padding: 0 0 0 15px; font-size: 14px;}
ul#links li span  {color: #960;}

a.nav:          {outline: none;}
a.nav:link      {color: #81AB68;}
a.nav:visited   {color: #81AB68;}
a.nav:hover     {color: #badcad;}
a.nav:active    {color: #81AB68;}
a.nav:focus     {color: #badcad;}
#zeichnung{position: relative; float: left;
          width: 960px; height: 500px;
          padding: 0 0 0 40px; text-align: left;}
#copyright{position: relative; float:left;
          width: 460px; height: 16px;
          padding: 24px 0 0 40px;
          color: #81AB68; font-size: 11px; 
          text-align: left;}
/*allgemeine Elemente der Seiten*/
.nextindex   {background: #818D7D url("inhalt/layout/hg-verlauf.gif") repeat-x;}
.next        {background: #818D7D url("layout/hg-verlauf.gif") repeat-x;}
/*Elemente der Navigation*/
a.nav1         {outline: none;}
a.nav1:link    {color: #537b3a;}
a.nav1:visited {color: #537b3a;}
a.nav1:hover   {color: #78A95A;}
a.nav1:active  {color: #537B3A;}
a.nav1:focus   {color: #78A95A;}
#navigation1   {position: relative; float: left;
               width: 420px; height: 48px;
               padding: 32px 80px 0 0; text-align: right;}
#spalte1_inhalt {position: relative;}
#spalte1 {float: left; width: 160px; height: 540px; padding: 0 90px 0 40px;}
/*Elemente Subnavigation3*/
#zeichnung1 {height: 30px; padding: 0 0 5px 0; text-align: left;}
#stillleben {position: relative; padding: 0;
            height: 15px; width: 160px;
            text-align: left;}
#interieur {position: relative; padding: 0;
           height: 15px; width: 160px;
           text-align: right;}
a.nav2 {font-size: 14px; line-height: 10px;z-index:50; outline: none;}
a.nav2a {font-size: 22px; outline: none;}
a.nav2:link, a.nav2a:link         {color: #5f755f;}
a.nav2:visited, a.nav2a:visited   {color: #5f755f;}
a.nav2:hover, a.nav2a:hover       {color: #78A95A;}
a.nav2:active, a.nav2a:active     {color: #5f755f;}
a.nav2:focus, a.nav2a:focus       {color: #78A95A;}
#sub0  {position: relative;
       height: 45px; width: 160px;}
.tabelle{top: 0; border: 0;
        width: 160px; height: 190px;}
td.bilds {vertical-align: bottom; text-align: right;}
td.bschrftng {width: 160px; height: 30px; 
             padding:3px 0 0 0;color: #5f755f;
             font-size: 11px; line-height: 14px;
             vertical-align: top; text-align: right;}
td.bschrftng3 {width: 160px; height: 30px; 
              padding:3px 0 0 0; color:#748974;
              font-size: 11px; line-height: 14px;
              vertical-align: top; text-align: right;}
#galerie, #galerie1  {position: relative;
                     width: 160px; height: 45px;}
#galerie ul, #galerie1 ul {position: relative;
                          width: 160px; height: 45px;
                          float: right;}
#galerie li   {float: left; padding:3px 0 0 0;}
#galerie1 li  {float: right; padding:3px 0 0 0;}
#subdetail    {position: relative;
              height: 18px; width: 160px;}
a.buehne span {position: absolute; 
              width: 1px; height: 1px;
              overflow: hidden; display: none
              top: 0; left: 0;}
a.buehne   {margin: 0 0px 0 0;
           display: block;
           text-decoration: none;}
a.box {background-repeat: no-repeat;
      width: 14px; height: 14px; z-index:50; z-index:1; outline: none;}
a.box:link    {display: block; background-image:url(layout/box1.gif);}
a.box:visited {display: block; background-image:url(layout/box1.gif);}
a.box:hover   {display: block; background-image:url(layout/box2.gif);}
a.box:active  {display: block; background-image:url(layout/box1.gif);}
a.box:focus   {display: block; background-image:url(layout/box2.gif);}
a.square      {width: 14px; height: 14px; 
              z-index:24; background-image:url(layout/box3.gif); background-repeat: no-repeat;}

a.buehne:hover, a.buehne:focus{border: 0px solid transparent;}
a.buehne:hover span, a.buehne:focus span{position: absolute; display: block;
                                         margin: 0; padding: 0;
                                         width: 160px; height: 190px;
                                         top: 45px; right: 0; 
                                         font-size: 12px; line-height: 13px;
                                         color: #748974; text-align: right; background:#C1C1C1;}
a.buehne:hover img, a.buehne:hover img {margin: 0;}
.noetig     {padding:4px 0 0 0;}
#navigation3{position: relative;
            height: 180px; width: 160px; margin: 21px 0 0 0;}
ul.navi3    {text-align: right; padding: 0;}
ul.navi3 li {margin: 0 0 15px 0; padding: 0;
            text-align: right; line-height: 0;}
ul.navi3 li .orange{color: #B05B06;}
.orange1{color: #C60;}
a.nav3         {font-size:14px; line-height: 14px; outline: none;}
a.nav3:link    {color: #012501;}
a.nav3:visited {color: #012501;}
a.nav3:hover   {color: #390;}
a.nav3:active  {color: #012501;}
a.nav3:focus   {color: #390;}

/*Inhaltsbereich*/
#spalte2a {width: 708px; height: 540px; float: left;
          margin: 0; overflow: hidden; overflow-y:auto;}
#spalte2  {width: 708px; height: 540px; float: left;
          margin: 0; overflow: hidden; overflow-y:auto;
          background: #929292 url("layout/hg-inhalt.gif") repeat-x;}
.start    {width: 574px; height: 500px;
          margin: 0px 80px 0 54px;}
.startbild1   {width: 574px; height: 220px;
              margin: 35px 0px 0 0px;
              text-align: left;}/*inhaltminiatur*/
.startbild2   {width: 574px; height: 170px;
              margin: 0; padding: 30px 0 0 0;
              text-align: right;}/*inhaltminiatur*/
.notext  {width: 498px; height: 1px;
         padding: 0 0 0 0;background:red}
.text1   {width: 498px; height: 180px;
         padding: 0 0 0 0;}

.letter    {width: 498px; height: 290px;
           margin: 50px 80px 0 130px;
           text-align: left;}/*inhaltminiatur*/
.letter4er {width: 498px; height: 70px;
           margin: 50px 80px 0 130px;
           text-align: left;}/*inhaltminiatur*/
.text1     {width: 498px; height: 265px;
           padding: 15px 0 0 0;}
.text0     {width: 498px; height: 108px;
           padding: 15px 0 0 0;}
.text4er   {width: 498px; height: 52px;
           padding: 15px 0 0 0;}
.text1a    {width: 498px; height: 235px;
           padding: 15px 0 0 0;}
.pxsli     {margin: 4px 0; text-align: left;
           font-size: 11px; line-height: 15px; }
.bschrftng1 {padding: 3px 0 0 0;
            font-size: 11px; line-height: 14px;
            vertical-align: top; text-align: left;}
p.bschrftng1{margin-bottom:3px;}
.pxsre{margin: 20px 0 50px 0; font-size: 11px; line-height: 17px; text-align: left;}

a.texter          {font-size: 12px; outline: none}
a.texter:link     {color: #326332;}
a.texter:visited  {color:#326332;}
a.texter:hover    {color: #833C03;}
a.texter:active   {color:#326332;}
a.texter:focus    {color: #833C03;}

a.texterxs          {font-size: 11px; outline: none}
a.texterxs:link     {color: #326332;}
a.texterxs:visited  {color:#326332;}
a.texterxs:hover    {color: #833C03;}
a.texterxs:active   {color:#326332;}
a.texterxs:focus    {color: #833C03;}

/* Doppelbildtabelle*/

.tabelle1   {width: 498px; height: 190px;}
.tabellekatalog   {width: 498px; height: 353px;}
.tabellekatalog1   {width: 498px; height: 353px;}
td.textkatalog   {width: 246px; vertical-align: bottom; text-align: left;}
td.textkatalog1   {width: 288px; vertical-align: bottom; text-align: left;}
td.bildt1a1   {vertical-align: bottom; text-align: left;}
td.text1a1    {vertical-align: bottom; text-align: left;}
.tabelle1a   {width: 498px; height: 210px;}
.tabelle2   {width: 498px; height: 434px;}
td.bildt1   {vertical-align: bottom; text-align: left;}
td.blind    {width: 178px; height:160px;}
td.bildt     {vertical-align: bottom; text-align: right;}
td.bschrftng1 {width: 160px; height: 30px;}
/* Viererblockbildtabelle*/
.tabelle4er  {width: 498px; height: 367px;}
td.bild4-1   {width: 288px; height:160px; text-align: right;}
td.bild4-2   {width: 215px; height:160px; text-align: right;}
td.bild4-3   {width: 288px; height:207px; text-align: right; vertical-align: bottom;}
td.bild4-4   {width: 215px; height:207px; text-align: right; vertical-align: bottom;}
td.bild2-1   {width: 249px; height:238px; text-align: left;}
td.bild2-2   {width: 249px; height:238px; text-align: right;}
/* Zweispaltentabelle*/
.tabelle2    {width: 498px; height: 240px;}
td.links1    {width: 368px; vertical-align: top;}
td.links2    {width: 160px; vertical-align: top;}
td.bildeinzeln {width: 498px; height: 434px; vertical-align: bottom; text-align:right;}
.bschrftnga {width: 160px; height: 30px; 
            padding:3px 0 3px 0;color: #5f755f;
            font-size: 11px; line-height:16px;
            vertical-align: bottom; text-align: left;}
.bschrftngb {width: 160px; height: 30px; 
            padding:3px 0 3px 0;color: #5f755f;
            font-size: 11px; line-height:16px;
            vertical-align: bottom; text-align: right;}
/*Biografie Ausstellung*/
.curriculum{top: 0; border: 0;
           width: 500px; padding: 0 0 10px 0;}
td.jahr {width: 65px; height: 10px;}
.jahr   {padding:7px 0 0 0 ;
        font-size: 12px; line-height: 14px;
        vertical-align: top; text-align: left;}
td.vita {width: 435px; height: 10px;}
.vita   {padding:7px 0 0 0 ;
        font-size: 12px; line-height: 14px;
        vertical-align: top; text-align: left;}
abbr {letter-spacing: .07em; color:#030;
      border-bottom: 0px #aaa dotted; cursor: help;}
abbr.K:after {content: "K";}
abbr.K[title]{content: "Katalog";}
abbr.K[lang] {content: "de";}
abbr.E:after {content: "E";}
abbr.E[title]{content: "Einzelausstellung";}
abbr.E[lang] {content: "de";}

/*Werkverzeichnis*/
td.nummer ,td.nummer1, td.nummer0{width: 25px; height: 7px;}
.nummer0 {padding:20px 7px 0 0 ;
         font-size: 12px; line-height: 14px;
         vertical-align: top; text-align: left;}
.nummer {padding:8px 7px 0 0 ;
        font-size: 12px; line-height: 14px;
        vertical-align: top; text-align: left;}
.nummer1{padding:1px 7px 0 0 ;
        font-size: 12px; line-height: 14px;
        vertical-align: top; text-align: left;}

td.werk, td.werk1, td.werk0{width: 470px; height: 7px;}
.werk0 {padding:20px 0 0 0 ;
       font-size: 12px; line-height: 14px;
       vertical-align: top; text-align: left;}
.werk  {padding:8px 0 0 0 ;
       font-size: 12px; line-height: 14px;
       vertical-align: top; text-align: left;}
.werk1 {padding: 1px 0 0 0 ;
       font-size: 12px; line-height: 14px;
       vertical-align: top; text-align: left;}

/*Bilder Interieur & Stilllleben*/
.inhaltbild {width: 540px; height: 455px;
            margin: 28px 80px 0 88px;}
td.grss{width: 540px; height: 430px;
        vertical-align: middle; text-align: right;}
td.grss21{width: 270px; height: 430px;
         vertical-align: middle; text-align: left;}
td.grss21r{width: 270px; height: 430px;
         vertical-align: middle; text-align: right;}
td.grss23{width: 250px; height: 430px;
         vertical-align: middle; text-align: right;}
td.grss22{width: 270px; height: 430px;
         vertical-align: middle; text-align: right;}
td.grss24{width: 290px; height: 430px;
         vertical-align: middle; text-align: right;}
td.eins {width: 91px; height: 430px;
        vertical-align: middle; text-align: left;}
td.zwei {width: 114px; height: 430px;
        vertical-align: middle; text-align: center;}
td.drei {width: 129px; height: 430px;
        vertical-align: middle; text-align: center;}
td.vier {width: 92px; height: 430px;
        vertical-align: middle; text-align: right;}
/*Bilder Interieur & Stilllleben - Bueropartikel*/
.inhaltbild1 {width: 540px; height: 430px;
             margin: 83px 80px 0px 88px;}
td.ichi {width: 158px; height: 120px; padding:0 0 0 20px;
        vertical-align: bottom; text-align: left;}
td.ni   {width: 163px; height: 120px; padding:0 0 0 39px;
        vertical-align: top;}
td.san  {width: 139px; height: 120px; padding:0 20px 0 0;
        vertical-align: bottom; text-align: right;}
td.yon  {width: 178px; height: 207px;
        vertical-align: bottom; text-align: left;} 
td.go   {width: 202px; height: 207px;
        vertical-align: bottom;}
td.roku {width: 159px; height: 207px;
        vertical-align: bottom; text-align: right;}
td.abstand6er {width: 439px; height: 48px;}
td.bschrftng2 {width: 270px; height: 25px;
              padding: 0 0 17px 0;
              font-size: 11px; line-height: 14px;
              vertical-align: bottom; text-align: right;}
td.bschrftng2a{width: 270px; height: 25px;
              padding: 0 0 5px 0;
              font-size: 11px; line-height: 14px;
              vertical-align: bottom; text-align: right;}
td.bschrftng2b{width: 300px; height: 25px;
              padding: 0 0 17px 0;
              font-size: 11px; line-height: 14px;
              vertical-align: bottom; text-align: right;}
td.bschrftng2c{width: 310px; height: 25px;
              padding: 0 0 17px 0;
              font-size: 11px; line-height: 14px;
              vertical-align: bottom; text-align: right;}
td.nav4   {position: relative; float: left;
                margin: 0 0 0 0; padding: 20px 0 0 0;
                width: 270px; height: 35px;
                 text-align: right;}
td.nav4xl {position: relative; float: left; width: 250px; height: 35px;
                padding: 20px 0 0 0; text-align: right;}
td.nav4a{position: relative; width: 334px; text-align: right; float: left; margin: 20px 0 0 0;}
.nav4 ul li, .nav4a ul li{list-style-type: none; 
                display: inline; float: left;}
.nav4 ul li, .nav4a ul li{list-style-type: none; 
                display: inline; float: left;}
a.box1,        {z-index:25; outline: none}
a.box1:link    {background: url(layout/box11.gif) 0% 0% no-repeat;}
a.box1:visited {background: url(layout/box11.gif) 0% 0% no-repeat;}
a.box1:hover   {background: url(layout/box12.gif) 0% 0% no-repeat;}
a.box1:active  {background: url(layout/box11.gif) 0% 0% no-repeat;}
a.box1:focus   {background: url(layout/box12.gif) 0% 0% no-repeat;}
a.square1   {width: 14px; height: 14px; z-index:24; background-image:url(layout/box13.gif); background-repeat: no-repeat;}
a.vor,        {z-index:25; outline: none}
a.vor:link    {background: url(layout/vor1.gif) 0% 0% no-repeat;}
a.vor:visited {background: url(layout/vor1.gif) 0% 0% no-repeat;}
a.vor:hover   {background: url(layout/vor2.gif) 0% 0% no-repeat;}
a.vor:active  {background: url(layout/vor1.gif) 0% 0% no-repeat;}
a.vor:focus   {background: url(layout/vor2.gif) 0% 0% no-repeat;}
a.rueck,        {z-index:25; outline: none}
a.rueck:link    {background: url(layout/back1.gif) 0% 0% no-repeat;}
a.rueck:visited {background: url(layout/back1.gif) 0% 0% no-repeat;}
a.rueck:hover   {background: url(layout/back2.gif) 0% 0% no-repeat;}
a.rueck:active  {background: url(layout/back1.gif) 0% 0% no-repeat;}
a.rueck:focus   {background: url(layout/back2.gif) 0% 0% no-repeat;}

/*XL-Bilder Interieur & Stilllleben*/
.xlhg     {background: #656565 url("layout/hg-xl.gif") repeat-x;}
.tabellexl{margin:0; padding: 0 0 0 0;
          width: 1000px; height: 680px;}
.xlmenue  {width: 50px; height: 100px; padding: 0 0 0 0;
          vertical-align: top; text-align: right;}
.xlrueck  {width: 50px; height:250px; padding: 0 0 400px 0;
          vertical-align: bottom; text-align: left;}
.xlbild   {width: 900px; height: 680px;
          vertical-align: middle; text-align: center;}
.xlvor    {width: 50px; height: 250px; padding: 0 0 400px 0;
          vertical-align: bottom; text-align: right;}
.xlbild1  {width:450px; height: 680px;
          vertical-align: middle; text-align: left;}
.xlbild2  {width: 450px; height: 680px;
          vertical-align: middle; text-align: right;}
.xlbilda  {width:400px; height: 680px;
          vertical-align: middle; text-align: left;}
.xlbildacenter{width:450px; height: 680px;
          vertical-align: middle; text-align: center;}
.xlbildb  {width: 450px; height: 680px;
          vertical-align: middle; text-align: right;}
.xlbildbcenter{width: 450px; height: 680px;
              vertical-align: middle; text-align: center;}
td.xlbildeins{width:150px; padding:267px 0 0 0;
              vertical-align: top; text-align: left;}
td.xlbildzwei{width: 150px; padding:284px 0 0 0;
              vertical-align: top; text-align: left;}
td.xlbilddrei{width: 200px; padding:278px 0 0 0;
            vertical-align: top; text-align: center;}
td.xlbildvier{width: 150px; padding: 282px 0 0 0;
            vertical-align: top; text-align: right;} 
td.xlbildfuenf{width: 150px; padding:267px 0 0 0;
            vertical-align: top; text-align: right;}
td.xlbildichi {width: 229px; height: 170px; padding:0 0 0 33px;
              vertical-align: bottom; text-align: left;}
td.xlbildni   {width: 155px; height: 170px; padding:0 86px 0 56px;
              vertical-align: top;}
td.xlbildsan  {width: 200px; height: 170px; padding:0 33px 0 0;
              vertical-align: bottom; text-align: left;}
td.xlbildyon  {width: 262px; height: 285px;
              vertical-align: bottom; text-align: left;}
td.xlbildgo   {width: 202px; height: 285px;
              vertical-align: bottom;}
td.xlbildroku{width: 233px; height: 285px;
              vertical-align: bottom; text-align: right;}

a.menu         {background-repeat: no-repeat; z-index:23; outline: none; font-size:48px; line-height: 48px;}
a.menu:link    {background-image:url(layout/menueback1.gif);background-repeat: no-repeat;}
a.menu:visited {background-image:url(layout/menueback1.gif);background-repeat: no-repeat;}
a.menu:hover   {background-image:url(layout/menueback2.gif);background-repeat: no-repeat;}
a.menu:active  {background-image:url(layout/menueback1.gif);background-repeat: no-repeat;}
a.menu:focus   {background-image:url(layout/menueback2.gif);background-repeat: no-repeat;}

a.vor1         {background-repeat: no-repeat; z-index:22; outline: none; font-size:48px; line-height: 48px;}
a.vor1:link    {background-image:url(layout/for1.gif);background-repeat: no-repeat;}
a.vor1:visited {background-image:url(layout/for1.gif);background-repeat: no-repeat;}
a.vor1:hover   {background-image:url(layout/for3.gif);background-repeat: no-repeat;}
a.vor1:active  {background-image:url(layout/for1.gif);background-repeat: no-repeat;}
a.vor1:focus   {background-image:url(layout/for5.gif);background-repeat: no-repeat;}

a.rueck1         {background-repeat: no-repeat; z-index:21; outline: none; font-size:48px; line-height: 48px;}
a.rueck1:link    {background-image:url(layout/rueck1.gif);background-repeat: no-repeat;}
a.rueck1:visited {background-image:url(layout/rueck1.gif);background-repeat: no-repeat;}
a.rueck1:hover   {background-image:url(layout/rueck3.gif);background-repeat: no-repeat;}
a.rueck1:active  {background-image:url(layout/rueck1.gif);background-repeat: no-repeat;}
a.rueck1:focus   {background-image:url(layout/rueck5.gif);background-repeat: no-repeat;}