html,body {
    margin: 0;
    padding: 0;
    font-family: verdana ,tahoma , arial;
   
    font-size:11pt;
    color:#9798b8;
    height: 100%;
    width: 100%;
    background: #000000;
    }

.main_link:link {font-family:verdana ,tahoma , arial; font-size:10pt; color:#9798b8; font-style: italic; text-decoration:none;}
.main_link:visited {font-family:verdana ,tahoma , arial; font-size:10pt; color:#9798b8; font-style: italic; text-decoration:none;}
.main_link:active {font-family:verdana ,tahoma , arial; font-size:10pt; color:#9798b8; font-style: italic; text-decoration:none;}
.main_link:hover {font-family:verdana ,tahoma , arial; font-size:10pt; color:#9798b8; font-style: italic; text-decoration:none;}

/*Anzeigeboxen bei Fehler und Laden*/

div.warn_box_content {
    z-index: 4;
    position: absolute;
    left: 50%;
    top: 200px;
    width: 400px;
    margin-left: -220px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: verdana ,tahoma , arial;
    font-style: italic;
    font-size: 10pt;
    font-weight:bold;
    color: #CD0000;
    display: block;
    background-color: #0d0f2e;
    border: 3px solid #8B0000;
    border-radius: 20px;
}


div.loading {
    z-index: 3;
    position: absolute;
    top: 40px;
    left: 50%;
    width: 200px;
    margin-left: -588px;
    color: #CD0000;
    font-weight:bold;
    display: block;
    text-align: center;
    border: 1px solid #CD0000;
}

div.main_box {
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 0px;
    height: 99%;
    min-height: 99%;
    width: 1014px;
    margin-left: -507px;
    display: block;
    border: 0px solid #ffffff;
}

/*Bannerboxen mit Logo und Mond*/

div.banner_box {
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 0px;
    height: 110px;
    width: 600px;
    margin-left: -300px;
    display: block;
    background-position:center top;
    background-repeat:no-repeat;
    background-image:url(../../styles/style_1/main_images/bannercs.gif);
    border: 0px solid #ffffff;
}

div.moon_box {
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 0px;
    height: 150px;
    width: 232px;
    margin-left: -607px;
    display: block;
    background-position:center top;
    background-repeat:no-repeat;
    background-image:url(../../styles/style_1/main_images/mondg.jpg);
    border: 0px solid #ffffff;
}

/*Ende von Bannerboxen mit Logo und Mond*/

div.h1_box {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: -61px;
    width: 660px;
    margin-left: -330px;
    display: block;
    background: #0d0d0d;
    border: 2px solid #7b7fd4;
    border-radius: 5px;
    font-size:14pt;
    text-align: center;
    font-weight:bold;
    padding-top:6px;
    padding-bottom:7px;
}

div.link_box {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 170px;
    width: 130px;
    height: 230px;
    display: block;
    border: 0px solid #7b7fd4;
    border-radius: 5px;
}

div.link_2 {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 130px;
    padding-top:1px;
    padding-bottom:1px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    text-align: center;
    font-weight:bold;
    cursor:pointer;
}
div.link_3 {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 26px;
    width: 130px;
    padding-top:1px;
    padding-bottom:1px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    text-align: center;
    font-weight:bold;
    cursor: pointer;
}
div.link_4 {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 52px;
    width: 130px;
    padding-top:1px;
    padding-bottom:1px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    text-align: center;
    font-weight:bold;
    cursor:pointer;
}
div.link_5 {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 78px;
    width: 130px;
    padding-top:1px;
    padding-bottom:1px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    text-align: center;
    font-weight:bold;
    cursor: default;
}

div.link_5_u1 {
    z-index: 2;
    position: absolute;
    left: 0px;
    top: 78px;
    width: 270px;
    height: 20px;
    padding-top:1px;
    padding-bottom:1px;
    display: none;
    border: 0px solid #ffffff;
    cursor: default;
}

div.link_5_u2 {
    z-index: 2;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 130px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    cursor: default;
}


div.link_6 {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 104px;
    width: 130px;
    padding-top:1px;
    padding-bottom:1px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    text-align: center;
    font-weight:bold;
    cursor: default;
}

div.link_6_u1 {
    z-index: 2;
    position: absolute;
    left: 0px;
    top: 104px;
    width: 270px;
    height: 20px;
    padding-top:1px;
    padding-bottom:1px;
    display: none;
    border: 0px solid #ffffff;
    cursor: default;
}

div.link_6_u2 {
    z-index: 2;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 130px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    cursor: default;
}

div.link_7 {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 130px;
    width: 130px;
    padding-top:1px;
    padding-bottom:1px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    text-align: center;
    font-weight:bold;
    cursor:pointer;
}
div.link_8 {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 156px;
    width: 130px;
    padding-top:1px;
    padding-bottom:1px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    text-align: center;
    font-weight:bold;
    cursor:pointer;
}
div.link_9 {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 182px;
    width: 130px;
    padding-top:1px;
    padding-bottom:1px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    text-align: center;
    font-weight:bold;
    cursor:pointer;
}
div.link_10 {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 208px;
    width: 130px;
    padding-top:1px;
    padding-bottom:1px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    text-align: center;
    font-weight:bold;
    cursor:pointer;
}

div.content_umriss {
    z-index: 0;
    position: absolute;
    left: 70px;
    top: 130px;
    width: 879px;
    height: 310px;
    display: block;
    background: #0d0f2e;
    border: 2px solid #7b7fd4;
    border-radius: 5px;
}

div.content {
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 170px;
    min-height: 355px;
    width: 660px;
    margin-left:-330px;
    display: block;
    background: #0d0d0d;
    border: 2px solid #7b7fd4;
    border-radius: 5px;
    font-size:10pt;
    text-align: left;
    font-weight:normal;
    
}

div.sprachen_box {
    z-index: 0;
    position: absolute;
    right: 0px;
    top: 170px;
    width: 130px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
}
div.optimiert_box {
    z-index: 0;
    position: absolute;
    right: 0px;
    top: 205px;
    width: 130px;
    display: block;
    background: #0d0f2e;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    padding-top:7px;
    padding-bottom:7px;
}
div.login {
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 80px;
    margin-left: -160px;
    width: 320px;
    display: block;
    border: 0px solid #7b7fd4;
}

.fett {
    color:#9798b8;
    font-weight:bold;
}
.link_fett {
    color:#9798b8;
    font-weight:bold;
    cursor:pointer;
}
.normal {
    color:#9798b8;
    font-weight:normal;
}
.pcenter {
    text-align: center;

}
.table_1 {
    display:table;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
.row {
    display:table-row;
}
.cell_1 {
    display:table-cell;
    text-align: left;
    font-size:10pt;
}
.table_2 {
    display:table;
    width: 100%;
}
.cell_2 {
    display:table-cell;
    text-align: center;
    font-size:11pt;
    font-weight:bold;
    padding-top:1px;
    padding-bottom:1px;
    cursor:pointer;
}
.cell_ger {
    display:table-cell;
    height: 30px;
    width: 33%;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../../styles/style_1/main_images/ger.gif);
    cursor:pointer;
}
.cell_france {
    display:table-cell;
    height: 30px;
    width: 33%;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../../styles/style_1/main_images/france.gif);
    cursor:pointer;
}
.cell_engl {
    display:table-cell;
    height: 30px;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../../styles/style_1/main_images/engl.gif);
    cursor:pointer;
}

.cell_quadrat_gross {
    display:table-cell;
    width: 30px;
    background-position: right center;
    background-repeat:no-repeat;
    background-image:url(../../styles/style_1/main_images/quadrat_gross.gif);
}
.cell_quadrat_klein {
    display:table-cell;
    width: 30px;
    background-position: right center;
    background-repeat:no-repeat;
    background-image:url(../../styles/style_1/main_images/quadrat_klein.gif);
}
.cell_quadrat_mittel {
    display:table-cell;
    width: 30px;
    background-position: right center;
    background-repeat:no-repeat;
    background-image:url(../../styles/style_1/main_images/quadrat_mittel.gif);
}
.cell_3 {
    display:table-cell;
    text-align: left;
    font-size:10pt;
    padding-left:10px;
    padding-bottom:0px;
    
}
.cell_4 {
    display:table-cell;
    width: 95px;
    text-align: right;
    font-size:10pt;
}
.cell_5 {
    display:table-cell;
    width: 30px;
}
.cell_6 {
    display:table-cell;
    width: 95px;
    text-align: center;
    font-size:10pt;
}
.cell_7 {
    display:table-cell;
    width: 150px;
    text-align: right;
    padding-right:5px;
}
.cell_8 {
    display:table-cell;
    text-align: center;
}
.cell_leer {
    display:table-cell;
    height: 10px;
}
.cell_galerie {
    display:table-cell;
    text-align: left;
    vertical-align:top;
    font-size:10pt;
    padding-top:10px;
    padding-left:30px;
}

.cell_bild_klein {
    display:table-cell;
    width: 250px;
    height: 150px;
    background-position: center top;
    background-repeat:no-repeat;
    border: 1px solid #0d0d0d;
    border-radius: 5px;
    cursor:pointer;
}

div.bild_groß {
    z-index: 3;
    position: absolute;
    left: 50%;
    top: 0px;
    height: 820px;
    width: 1030px;
    margin-left:-515px;
    display: block;
    background: #000000;
    background-position: center top;
    background-repeat:no-repeat;
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    cursor:default;
    
}

div.skip_rechts {
    z-index: 5;
    position: absolute;
    right: -100px;
    top: 50%;
    height: 400px;
    width: 200px;
    display: block;
    margin-top: -200px;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../../styles/style_1/main_images/skip_pfeil_rechts.gif);
    border: 0px solid #ffffff;
    cursor:pointer;
}
div.leer_div_rechts {
    z-index: 4;
    position: absolute;
    right: -100px;
    top: 50%;
    height: 400px;
    width: 200px;
    display: block;
    margin-top: -200px;
}

div.skip_links {
    z-index: 5;
    position: absolute;
    left: -100px;
    top: 50%;
    height: 400px;
    width: 200px;
    display: block;
    margin-top: -200px;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../../styles/style_1/main_images/skip_pfeil_links.gif);
    border: 0px solid #ffffff;
    cursor:pointer;
}
div.leer_div_links {
    z-index: 4;
    position: absolute;
    left: -100px;
    top: 50%;
    height: 400px;
    width: 200px;
    display: block;
    margin-top: -200px;
}
div.leave {
    z-index: 5;
    position: absolute;
    left: 50%;
    bottom: -50px;
    height: 250px;
    width: 250px;
    display: block;
    margin-left: -125px;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url(../../styles/style_1/main_images/leave.gif);
    border: 0px solid #ffffff;
    cursor:pointer;
}
div.leave_leer {
    z-index: 4;
    position: absolute;
    left: 50%;
    bottom: -50px;
    height: 250px;
    width: 250px;
    display: block;
    margin-left: -125px;
}

/*Ausblenden der Seite bei Action*/

div.platzhalter {
    z-index: 0;
    position: absolute;
    left: 0px;
    bottom: -50px;
    height: 20px;
    width: 20px;
    display: block;
    border: 0px solid #181c79;
}

div.fade_out_content {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 0px;
    height: 99%;
    width: 1180px;
    margin-left: -590px;
    display: block;
    border: 0px solid #181c79;
    background: #000000;
    opacity: 0.8;
}

/*Action Inhalt*/

div.action_content {
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 80px;
    width: 1000px;
    height: 830px;
    margin-left: -500px;
    display: none;
    border: 0px solid #7b7fd4;
    border-radius: 5px;
    background: #000000;
    opacity: 0.8;
}

/*Formulare*/
input.text_1 {
    font-family: verdana, arial, tahoma;
    background-color: #0d0f3f; 
    border: 1px solid #7b7fd4;
    border-radius: 5px;
    color: #80959F; 
    font-size: 12px;
    text-align: center;
    width: 150px;
    }