body{

background:#6e495e;
padding:0;
margin:0;
font:14px arial, sans-serif;
text-align:justify;

overflow:auto;
  scrollbar-face-color:#563352;
        scrollbar-highlight-color:#563352;
        scrollbar-shadow-color:#464646;
        scrollbar-3dlight-color:#563352;
        scrollbar-arrow-color:#D2C4C2;
        scrollbar-track-color:#6e495e;
        scrollbar-darkshadow-color:#4B354F;}

#links{
        position:absolute;
        top:0px;
        left:0px;
        width:73%;
        height:19%;
        padding:0px;
        color:white;
        background:#563352;
        }

#rechts{
width:26%;
height:19%;
position:absolute;top:0; left:73%;
padding:0 0 0 1%;
margin:0;
color:white;
background:#4B354F;
z-index:0;
}


#navigation{
width:27%;height:81%;
position:absolute;
top:19%;left:73%;
padding:0;
margin:0;
color:white;
background:#73385C;
}


ul#navi {
    margin: 37px 27px 25px 27px;  padding-left:30px;
    list-style:none;
    color:#000000;
}

ul#navi li {
        margin:6px; padding:8px;
        font-size:20px;
        font-weight:bold;
}
/* Links in der Navigationsleiste */
ul#navi a, a:visited { text-decoration:none; color: #000000;}
ul#navi a:hover { text-decoration:none; color:#000; }

/*links zu anderen Webseiten*/
 a:link,a:visited { text-decoration:none; color: #D2C4C2;}
 a:hover          {text-decoration:none; color: #AD99AA;}


#inhalt{
        width:73%;
  height:81%;
        position:absolute;
        padding:0px;
        margin:0;
        color:#D2C4C2;
        left:2%;
        top:19%;
  overflow:auto;
  z-index:2;
}

#bild{
        position:absolute;
        top:53px;
        left:16px;
        padding:0;
        margin:0;
        width: 172px;
        height: 237px;
}

#papagena{
        position:absolute;
        top:23%;
        left:53%;
        padding:0;
        margin:0;
  z-index:3;
}

#rusalka1{
        position:absolute;
        top:43%;
        left:2%;
        padding:0;
        margin:0;
  z-index:4;
}

#aegisth{
        position:absolute;
        top:61%;
        left:8%;
        padding:0;
        margin:0;
  z-index:3;
}
#chrysothemis{
        position:absolute;
        top:58%;
        left:44%;
        padding:0;
        margin:0;
  z-index:3;
}

#text{
width:65%;
position:absolute;
top:48px;left:216px;
padding:0;
margin:0;
}

#unterschrift{
position:absolute;
top:11px;
left:500px;
z-index:4;}



/*Formatierungen Link zurück*/

#zurueck{
   float:right;
   border:0px solid #000;
   margin-bottom:0px; margin-top:3px;padding-top:2px;}

#scroll{
   float:right; width:21px; height:15px; border: 1px solid #563352;
   margin-bottom:0px;background-color:#73385C ;
   text-align:center; margin-right:0px; margin-top:6px;padding-top:2px;
   text-decoration:none; color:#999999; font:12px arial; -moz-border-radius:5px;}
#scroll a:visited { text-decoration:none; color:#D2C4C2;}
#architektur    {
   float:right; margin-right:7px; width:70px; height:15px; border: 1px solid #563352;
   margin-bottom:0px; background-color: #73385C ;
   text-align:center; margin-top:6px; padding-top:2px;
   text-decoration:none; color:#999999; font:12px arial; -moz-border-radius:5px;}
#architektur a:visited { text-decoration:none; color: #D2C4C2;}
#ar   {
  float:right; margin-right:0px; width:70px;height:15px; border: 1px solid #563352;
  margin-bottom:0px; background-color: #73385C;
  text-align:center; margin-top:6px;padding-top:2px;
  text-decoration:none; color:#999999; font:12px arial; -moz-border-radius:5px;}
#ar  a:visited { text-decoration:none; color: #D2C4C2;}
#next {
  float:right; width:28px;height:15px; border: 1px solid #563352;
  margin-bottom:0px;background-color: #73385C;
  text-align:center; margin-right:7px; margin-top:6px;padding-top:2px;
  text-decoration:none; color:#999999; font:12px arial; -moz-border-radius:5px;}
#next a:visited { text-decoration:none; color: #D2C4C2;}

#fix{
 position:fixed; top:510px;left:894px;
 width:90px; height:23px; border: 1px solid #563352; background-color:#6e495e ;
 text-align:center; margin-top:6px; padding-top:4px;
 text-decoration:none; color:#999999; font:12px arial; -moz-border-radius:5px;}

#nextmalerei {
 position:absolute; top:430px; left:630px;  width:28px;height:15px; border: 1px solid #563352;
 margin-bottom:0px; ;background-color: #73385C;
 text-align:center; margin-right:7px; margin-top:6px;padding-top:2px;
 text-decoration:none; color:#999999; font:12px arial; -moz-border-radius:5px;}

 #backmalerei {
 position:absolute; top:430px; left:597px;  width:28px;height:15px; border: 1px solid #563352;
 margin-bottom:0px; ;background-color: #73385C;
 text-align:center; margin-right:7px; margin-top:6px;padding-top:2px;
 text-decoration:none; color:#999999; font:12px arial; -moz-border-radius:5px;}




/*Schriftformatierungen*/
pre {font:14px arial, sans-serif; }
td  {font:13px arial, sans-serif; color:#D2C4C2; vertical-align:top}
p          {padding-left:15px;padding-right:25px}
.schrift   {font:16px arial, sans-serif; font-style:normal; color:#D2C4C2; }
.rechts    {text-align:right;}
.kontakt   {padding-right:85px; text-align:right;}
.impressum {padding-left:7%;font-size:12px; text-align:left;}
.gaeste    {margin-top:-34px; font:22px arial, sans-serif; font-style:normal; color:#D2C4C2;}

h1{ border:0px solid #000;padding-left:83px;padding-top:22px;color:#6E5E67;
    margin-bottom:0px;}
h2{padding-left:83px;padding-top:0px;color:#6E4D5E}

h4{border:0px solid #000;padding-left:83px;padding-top:0px;color:#6E5E67;
    margin-bottom:4px; margin-top:8px; }
.a20 {padding:20px;}
.a40 {padding:40px;}