body html {width:100%;
           }



#Streifen1 {
           position:fixed;
           bottom:0px;
           margin-left:-20px;
           width:120%;
           height:25px;
           background-color:#FF8600;
           z-index:1000;
           }
#Streifen1.1 {
           position:fixed;
           bottom:0px;
           margin-left:-20px;
           width:120%;
           height:25px;
           background-color:#FF8600;
           z-index:10;
           }
#Streifen2 {
           position:fixed;
           bottom:25px;
           margin-left:-20px;
           width:120%;
           height:10px;
           background-color:#FFFFFF;
           z-index:1;
           }
#Streifen3 {
           position:fixed;
           bottom:35px;
           margin-left:-20px;
           width:120%;
           height:10px;
           background-color:#D3D3D3;
           z-index:1;
           }
#Streifen4 {
           position:fixed;
           bottom:45px;
           margin-left:-20px;
           width:120%;
           height:10px;
           background-color:#FFE303;
           z-index:1;
           }
#Streifen5 {
           position:fixed;
           bottom:55px;
           margin-left:-20px;
           width:120%;
           height:10px;
           background-color:#8a8a8a;
           z-index:1;
           }
#Me        {
           position:fixed;
           top:20px;
           right:25px;
           width:450px;
           height:5px;
           background-color:transparent;
           z-index:2000;
           }

#Bogen6 {
           position:fixed;
           bottom:65px;
           right:0px;
           z-index:1;
           }
#Bogen8    {position:fixed;
           top:-2px;
           margin-left:-10px;
           z-index:1000;
           }
#Bogen8.1 {position:fixed;
           top:-2px;
           margin-left:-10px;
           z-index:-2;
           }
.Cera      {
           margin-left:120px;
           text-align:center;
           }
#contente  {
           font-family:Arial;
           margin-left:239px;
           margin-right:25px;
           margin-top:75px;
           margin-bottom:500px;
           color:#8a8a8a;
           font-size:100%;
           text-align:justify;
           }
.head      {
           font-family:Arial;
           text-align:center;
           margin-top:250px;
           color:#8a8a8a;
           font-size:250%;
           }
#Bogen7 {
           position:fixed;
           bottom:80px;
           right:20px;
           float:left;
           background-color:#8a8a8a;
           z-index:1;
           }
#conte  {
           font-family:Arial;
           margin-left:245px;
           margin-right:25px;
           margin-top:75px;
           margin-bottom:50px;
           color:#8a8a8a;
           font-size:110%;
           text-align:justify;
           }

#con  {
           font-family:Arial;
           margin-left:250px;
           margin-right:25px;
           margin-top:50px;
           color:#8a8a8a;
           font-size:100%;
           text-align:right;
           line-height:1.25;
           }
#con1  {
           font-family:Arial;
           margin-left:15px;
           margin-right:239px;
           margin-top:50px;
           color:#8a8a8a;
           font-size:100%;
           text-align:justify;
           }
.bereich {
        position: absolute;
        text-align: left;
        font-weight: bold;
        }

.beschreibung {
        color: #000000;
        background-color: #96D800;
        display: none;
        }
.schatten img {
        margin:7px 7px -7px -7px;
        display:block;
        position:relative;
        z-index:10;
        }
.schatten {
        float:right;
        background-color:#8a8a8a;
        margin-left:20px;
        z-index:5;
        }
#fu {
       position:fixed;
       bottom:85px;
       left:10px;
       float:left;
       background-color:#8a8a8a;
       z-index:1;
       }
.liten {
       position:relative;
       z-index:1;
       margin:5px 5px 5px 5px;
       }
.liten:hover  {
       background-color:transparent;
       z-index:1;
       }
.liten span {
       position:absolute;
       background-color:#FFF6E6;
       left:-1000px;
       visibility:hidden;
       }
.liten span img {
       border-width:0px;
       padding: 0px;
       z-index:100;

       }
.liten:hover span {
       visibility:visible;
       top:-150px;
       left:-150px;
       background-color:#8a8a8a;
       margin: 5px 5px -5px -5px;
       z-index:10;
       }
.technik {
       background-color:#FFF6E6;
       border:0px;
       display: none;
       }
button {cursor:pointer;}
.titel {
       font-family:Stone Sans, Arial;
       font-size:150%;
       color:#8a8a8a;
       font-size:150%;
       }
#spalten {
          font-family:Arial;
           margin-left:245px;
           margin-right:25px;
           margin-top:175px;
           margin-bottom:50px;
           color:#8a8a8a;
           font-size:110%;
           text-align:justify;
           -moz-column-count: 2;
       -moz-column-gap:2em;
       -webkit-column-count:2;
       -webkit-column-gap:1em;
       z-index:100;
       }

/*Class der Angabezelle für die FLiessenmasse*/
.masse{width:50px}

/*Hover Effekt, Bildvergrosserung*/
.onma {width:125px; height: 62.5px;}
.onma:hover {width: 250px; height: 125px; margin-left:-20px}
.onmBa {width:100%; height:100%;}

.onmb {width:125px; height: 83.5px;}
.onmb:hover {width: 250px; height: 167px;}
.onmBb {width:100%; height:100%;}

.onmc {width:125px; height: 89px;}
.onmc:hover {width: 250px; height: 178px;}
.onmBc {width:100%; height:100%;}

.onmd {width:125px; height: 73.5px;}
.onmd:hover {width: 250px; height: 147px;}
.onmBd {width:100%; height:100%;}

.onme {width:125px; height: 59.5px;}
.onme:hover {width: 250px; height: 119px;}
.onmBe {width:100%; height:100%;}

.onmf {width:125px; height: 37.5px;}
.onmf:hover {width: 250px; height: 75px;}
.onmBf {width:100%; height:100%;}

.onmg {width:125px; height: 60px;}
.onmg:hover {width: 250px; height: 120px;}
.onmBg {width:100%; height:100%;}

.onmh {width:125px; height: 92px;}
.onmh:hover {width: 250px; height: 184px;}
.onmBh {width:100%; height:100%;}

.onmi {width:125px; height:125px;}
.onmi:hover {width:250px; height:250px;}

.onmk {width:125px; height:18.5px;}
.onmk:hover {width:250px; height:37px;}

.onml {width:62.5px; height:125px;}
.onml:hover {width:125px; height:250px;}

.onmm {width:89px; height:89px;}
.onmm:hover {width:160px; height:160px;}

.onmn {width:62.5px; 62.5px}
.onmn:hover {width: 125px; height:125px;}


.onmz {width: 375px; height:375px;}
.onmz:hover {width:750px; height:750px;}

.onmy {width:250px; height:250px;}
.onmy:hover {width:500px; height:500px;}

.onmo{width:100px; height:30px}
.onmo:hover {width:200px; height:61px;}

.onma, .onmb, .onmc, .onmd, .onme, .onmf, .onmg, .onmh, .onmk, .onml, .onmm, .onmn .onmz, .onmy, onmo {padding:0; margin:0}

#onmT {width:125px;}
#onmT:hover {width:250px;}

/* Die Proportionen sind
         Breite  Höhe    Quotient
a        250     125     2
b        250     167     1,5
c        250     178     1,4
d        250     147     1,7
e        250     119     2,1
f        250     75      3 1/3
g        250     120     2,08
h        250     184     1,3
i        250     250     1
l        250     500     0,5
n        125     125     1
                                 Auf 1/4 skaliert
m        160      160     1
o        200     61      3,2

3x3
z        750     750     1

2x2
y        500     500     1
*/