body             {
                 background-image: url(../grafik/hg.jpg);
                 background-repeat:repeat;
                 background-attachment:fixed;
                 }
#wrapper         { background:#af9447;
/*                 background-image: url(../grafik/hgr-teal.jpg);
                 background-repeat:repeat;*/
                 width: 999px;
                 height: auto;
                 margin:1% auto;
                 border: 3px solid #FFCEE7;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F
                 border-radius: 10px;
                 -moz-border-radius:10px;
                 -webkit-border-radius:10px;
                 -ms-border-radius;10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding: 10px;
                 height: auto;
                 text-align:center;
                 }
#wrapper_2       { background:#af9447;
/*                 background-image: url(../grafik/hgr-teal.jpg);
                 background-repeat:repeat;*/
                 width:20%;
                 height: auto;
                 margin:1% auto;
                 border: 3px solid #FFCEE7;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F
                 border-radius: 10px;
                 -moz-border-radius:10px;
                 -webkit-border-radius:10px;
                 -ms-border-radius;10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding:10px;
                 text-align:center;
                 }


/*schatten  border: 3px solid #FFCEE7;/*Rand des wrapper*
           border-top-color:#FFFFFF;/*Rand des wrapper
           border-left-color:#FFFFFF;/*Rand des wrapper
           border-right-color:#5F5F5F;/*Rand des wrapper
           border-bottom-color:#5F5F5F;/*Rand des wrapper
           -moz-border-radius:10px;
           -webkit-border-radius:10px;
           -ms-border-radius;10px;
           border-radius: 10px;
           box-shadow: 0 0 10px 0px;
           rgba (12, 3, 25, 0.8);
           padding: 4px;*/









#ueber            {
                 width:auto;
                 margin:1%;
                 background-color:transparent;
                 }
#bild            {
                 width:auto;
                 margin:1% auto;
                 background-color:transparent;
                 }
#box1            {
                 font-family: Bahnschrift,Tahoma,Arial;
                 font-weight:bold;
                 border-style:solid;
                 border-width:3px;
                 text-align:center;
                 border-top-color:#000000;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#FFFFFF;
                 padding:5px;
                 background:#CFCFCF;
                 display:inline-block;
                 }
#box2            {
                 font-family: Bahnschrift,Tahoma,Arial;
                 font-weight:bold;
                 border-style:solid;
                 border-width:3px;
                 text-align:center;
                 border-top-color:#000000;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#FFFFFF;
                 padding:4px;
                 background:#CFCFCF;
                 display:inline-block;
                 width:90%;
                 }
#box3            {
                 border-style:solid;
                 border-width:3px;
                 text-align:center;
                 border-top-color:#000000;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#FFFFFF;
                 padding:9px;
                 background:#CFCFCF;
                 display:inline-block;
                 }
.box4            {
                 border-style:solid;
                 border-width:3px;
                 text-align:center;
                 border-top-color:#000000;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#FFFFFF;
                 padding:0px;
                 background:#CFCFCF;
                 display:inline-block;
                 }
.wokal_1          {
                 font-family:Bahnschrift,Tahoma;Arial;
                 font-weight:bold;
                 font-size:10pt;
                 color:#000080;
                 text-align:justify;
                 }
.fixed           {
                 position: fixed;
                 left:20px;
                 top:70px;
                 }
.tasten          {
                 margin-top:5px;
                 }








/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 a:link                 { color:#000080; text-decoration:none; font-weight: bold }
 a:visited         { color:#000080; text-decoration:none; font-weight:bold }
 a:hover         { color:#FFFFFF; text-decoration:none; background-color:#000080; font-weight:bold; }
 a:active         { color:#000080; background-color:#FFFF99; font-weight:bold }
.wokal1 { font-family:tahoma,arial;font-weight:bold;font-size:14pt;color:#000080; }
.wokal2 { font-family:tahoma,arial;font-weight:bold;font-size:10pt;text-align:justify; }
.wokal2a { font-family:tahoma,arial;font-weight:bold;font-size:8pt;text-align:justify; }
.wokal2b { font-family:tahoma,arial;font-weight:bold;font-size:8pt;color:#000080;text-align:justify; }
.wokal3 { font-family:tahoma,arial;font-weight:bold;font-size:10pt;color:#FF0000 }
.wokal4 { font-family:tahoma,arial;font-weight:bold;font-size:10pt;color:#000080;text-align:justify; }
.wokal5 { font-family:tahoma,arial;font-weight:bold;font-size:10pt;color:#BF0000; }
.wokal6 { font-family:tahoma,arial;font-weight:bold;font-size:10pt;color:#FFFFDD; }


      }
#box1 { font-family:Tahoma;font-weight:bold;border-style:solid;border-width:3px;
        text-align:center;width:420px;border-top-color:#000000;border-left-color:#000000;
        border-right-color:#FFFFFF;border-bottom-color:#FFFFFF;padding:5px;background:#CFCFCF;
      }
#wokal1 { font-family:Tahoma;font-weight:bold;font-size:10pt;color:#000080;text-align:justify; }  */