/* basic elements */

#mittig {
        position: relative;
        width: 1000px;
        margin: 0px auto;
        padding:  0px;
        text-align: center;
        background: #FFFFFF url(../bilder/ringe.jpg) no-repeat;
        z-index: 0;
}
#mittik {
        position: relative;
        width: 1000px;
        margin: 0px auto;
        padding: 0px;
        text-align: center;
        background: #FFFFFF url(../bilder/turmalin.jpg) no-repeat;
        z-index: 0;
}

#navi {
        position: relative;
        height: 24px;
        width: 990px;
        text-align: right;
        padding:  5px 10px 140px 0px;
}

#block {
        position: relative;
        padding: 0px;
        width: 720px;
        text-align: left;
        clear: both;
}

#inhalt {
        position: relative;
        width: 840px;
        margin: 0px auto;
        padding: 0px;
        text-align: left;
        clear: both;
}

#paypal {
        position: relative;
        width: 100px;
        padding: 400px 20px 20px 20px;
        text-align: center;
        float: left;
}

#rechts {
        position: relative;
        width: 370px;
        padding: 20px 0px;
        text-align: left;
        float: right;
}

#links {
        position: relative;
        width: 320px;
        padding: 20px 0px;
        text-align: left;
        float: left;
        clear: left;
}

#ganz {
        position: relative;
        width: 840px;
        padding: 0px;
        text-align: left;
        float: left;
        clear: left;
}

#unten {
        position: relative;
        margin: 0px;
        width: 250px;
        padding: 75px 30px 20px 0px;
        text-align: left;
        float: right;
}

#mini {
        position: relative;
        margin: 0px;
        width: 150px;
        padding: 0px;
        text-align: left;
        float: left;
}

#kontakt {
        position: relative;
        height: 24px;
        width: 100%;
        text-align: center;
        background-color: #831516;
        clear: both;
}
/* shop elements  .......................... */

#mittich {
        position: relative;
        width: 1000px;
        margin: 0px auto;
        padding: 0px;
        background: #FFFFFF url(../bilder/colorings.jpg) no-repeat;
        z-index: 0;
}

#control {
        position: relative;
        height: 24px;
        width: 100%;
        text-align: center;
        padding:  10px 10px 10px 10px;
}

/* shop elements: left area  .......................... */

#sinistra {
        position: relative;
        margin: 0px;
        padding: 0px;
        padding-left: 50px;
        float: left;
}

#material {
        position: relative;
        margin: 5px 20px;
        padding: 5px;
        width: 280px;
        height: 190px;
        text-align: left;
}

#fassung {
        position: relative;
        margin: 5px 20px;
        padding: 5px;
        width: 280px;
        height: 190px;
        text-align: left;
}

#farbe {
        position: relative;
        margin: 5px 20px;
        padding: 5px;
        width: 280px;
        height: 140px;
        text-align: left;
}

#anmerkung {
        position: relative;
        margin: 5px 20px;
        padding: 5px;
        width: 280px;
        height: 70px;
        text-align: left;
}

/* shop elements: right area  .......................... */

#destra {
        position: relative;
        margin: 0px;
        padding: 0px;
        padding-right: 50px;
        float: right;
}

#muster {
        position: relative;
        margin: 5px 20px 5px 0px;
        padding: 5px;
        width: 460px;
        height: 280px;
        text-align: left;
        background-collor: #DCD7D3;
}

#auswahl {
        position: absolute;
        left: 0px;
        top: 240px;
        width: 260px;
        height: 12px;
        z-index: 9;
}
#hinzu {
        position: absolute;
        left: 0px;
        top: 259px;
        width: 260px;
        height: 12px;
        z-index: 9;
}

#preis {
        position: relative;
        margin: 5px 20px 5px 0px;
        padding: 5px;
        width: 460px;
        height: 250px;
        text-align: left;
        background-collor: #DCD7D3;
}

/* shop elements: ring  .......................... */

#ring1 {
        position: absolute;
        left: 290px;
        top: 30px;
        width:50px;
        height: 200px;
        z-index: 1;
}
#ring2 {
        position: absolute;
        left: 302px;
        top: 30px;
        width:50px;
        height: 200px;
        z-index: 2;
}
#ring3 {
        position: absolute;
        left: 314px;
        top: 30px;
        width:50px;
        height: 200px;
        z-index: 3;
}
#ring4 {
        position: absolute;
        left: 326px;
        top: 30px;
        width:50px;
        height: 200px;
        z-index: 4;
}
#ring5 {
        position: absolute;
        left: 338px;
        top: 30px;
        width:50px;
        height: 200px;
        z-index: 5;
}
#ring6 {
        position: absolute;
        left: 350px;
        top: 30px;
        width:50px;
        height: 200px;
        z-index: 6;
}
#ring7 {
        position: absolute;
        left: 362px;
        top: 30px;
        width: 50px;
        height: 200px;
        z-index: 7;
}

/* shop elements: stein  .......................... */

#stein1 {
        position: absolute;
        left: 274px;
        top: 110px;
        width: 50px;
        height: 50px;
        z-index: 8;
}
#stein2 {
        position: absolute;
        left: 286px;
        top: 143px;
        width: 50px;
        height: 50px;
        z-index: 8;
}
#stein3 {
        position: absolute;
        left: 298px;
        top: 84px;
        width: 50px;
        height: 50px;
        z-index: 8;
}
#stein4 {
        position: absolute;
        left: 310px;
        top: 116px;
        width:50px;
        height: 50px;
        z-index: 8;
}
#stein5 {
        position: absolute;
        left: 322px;
        top: 150px;
        width:50px;
        height: 50px;
        z-index: 8;
}
#stein6 {
        position: absolute;
        left: 334px;
        top: 90px;
        width:50px;
        height: 50px;
        z-index: 8;
}
#stein7 {
        position: absolute;
        left: 346px;
        top: 122px;
        width:50px;
        height: 50px;
        z-index: 8;
}

/* shop elements: pfel  .......................... */

#pfeil1 {
        position: absolute;
        left: 306px;
        top: 240px;
        width: 12px;
        height: 12px;
        z-index: 1;
}
#pfeil2 {
        position: absolute;
        left: 318px;
        top: 240px;
        width: 12px;
        height: 12px;
        z-index: 2;
}
#pfeil3 {
        position: absolute;
        left: 330px;
        top: 240px;
        width: 12px;
        height: 12px;
        z-index: 3;
}
#pfeil4 {
        position: absolute;
        left: 342px;
        top: 240px;
        width: 12px;
        height: 12px;
        z-index: 4;
}
#pfeil5 {
        position: absolute;
        left: 354px;
        top: 240px;
        width: 12px;
        height: 12px;
        z-index: 5;
}
#pfeil6 {
        position: absolute;
        left: 366px;
        top: 240px;
        width: 12px;
        height: 12px;
        z-index: 6;
}
#pfeil7 {
        position: absolute;
        left: 378px;
        top: 240px;
        width: 12px;
        height: 12px;
        z-index: 7;
}

/* shop elements: zahl  .......................... */

#zahl1 {
        position: absolute;
        left: 306px;
        top: 260px;
        width: 12px;
        height: 12px;
        z-index: 1;
}
#zahl2 {
        position: absolute;
        left: 318px;
        top: 260px;
        width: 12px;
        height: 12px;
        z-index: 2;
}
#zahl3 {
        position: absolute;
        left: 330px;
        top: 260px;
        width: 12px;
        height: 12px;
        z-index: 3;
}
#zahl4 {
        position: absolute;
        left: 342px;
        top: 260px;
        width: 12px;
        height: 12px;
        z-index: 4;
}
#zahl5 {
        position: absolute;
        left: 354px;
        top: 260px;
        width: 12px;
        height: 12px;
        z-index: 5;
}
#zahl6 {
        position: absolute;
        left: 366px;
        top: 260px;
        width: 12px;
        height: 12px;
        z-index: 6;
}
#zahl7 {
        position: absolute;
        left: 378px;
        top: 260px;
        width: 12px;
        height: 12px;
        z-index: 7;
}