/* === generisch/Elemente/ Variante gelb === */
body {
        margin: 0px;
        font-family: arial, tahoma, helvetica, arial, sans-serif;
        font-size: normal;
        font-weight: normal;
        background-color: #ffffff;
}

td {
        padding: 0px;
        border: 0px;
        margin: 0px;
        padding-left:5px;
}



tr {
        padding: 0px;
        border: 0px;
        margin: 0px;
}


h1 {
        font-size: 18px;
        font-weight:bold;
        color:#002C72;
        text-align:left;
        text-decoration:none;



}

h2 {

        font-size: 12px;
        font-weight:bold;
        color:#ffffff;
        text-decoration:none;


}


p {

        margin-left: 60px;
        margin-right: 32px;
}

/* Verweis/Farbwechsel beim ueberfahren des oberen Menues */

a{
        text-decoration:none;
        color:#000000;
        font-size: 16px;
        font-weight:bold;

}


a:hover{
        text-decoration:none;
        color:#002C72;/*Farbe des Verweises ist blau*/
        font-size: 16px;
        font-weight:bold;
}

/* Verweis/Farbwechsel beim ueberfahren des Links Fliesstext */

a.kontakt{
        text-decoration:none;
        color:#002C72;
        font-size: 14px;
        font-weight:bold;

}


a.kontakt:hover{
        text-decoration:none;
        color:#002C72;/*Farbe des Verweises ist blau*/
        font-size: 14px;
        font-weight:bold;
}




/* Ebene ueber die ganze Seite */
#mainid {
        width: 100%;
        height:100%;
        overflow-y:auto;
        overflow-y:visible;
        z-index:1;

}

/* hauptebene zentriert alles sichtbare*/
#mainidcenter {
        position:relative;
        height:1275px;
        width:921px;
        margin-left: auto;
        margin-right: auto;
        border: 1px;
        border-style: solid;
        border-color: #646464;
        overflow:hidden;
        z-index:2;

}

/* logoebene links rechtsbuendig */

#logoid{
        position:absolute;
        width:921px;
        height:131px;
        margin-top:0px;
        margin-left: 0px;
        background-image: url(gfx/layout/logo_01.jpg);
        background-repeat:no-repeat;
        z-index:5;

}

/* menueebene rechts oben */

#menueid{
        position:absolute;
        width:250px;
        height:20px;
        margin-top:112px;
        margin-left: 650px;
        padding-right: 25px;
        text-align:right;
        z-index:8;

}

/* Bild Rechenzentrum oben */
#datacenterid {
        position:absolute;
        margin-top:131px;
        height:98px;
        width:921px;
        margin-left: auto;
        margin-right: auto;
        background-color:#ffbc0b;
        background-image: url(gfx/layout/oben_clear.jpg);
        background-repeat:no-repeat;
        border-top: 1px solid #646464;
        border-right: 1px solid #646464;
        border-bottom: 1px solid #646464;
        z-index:5;

}

/* Hintergrund Slogan */
#slogan_hgid {
        position:absolute;
        margin-top:200px;
        height:45px;
        width:921px;
        margin-left: 0px;
        margin-right: 0px;
        background-color:#002C72;
        background-image: url(gfx/layout/slogan_hg.gif);
        background-repeat:no-repeat;
        border-bottom: 1px solid #646464;
        z-index:5;

}

/* Slogan */
#sloganid {
        position:absolute;
        margin-top:0px;
        height:45px;
        width:921px;
        margin-left: 12px;
        margin-right: 0px;
        color:#ffffff;
        font-size:24px;
        vertical-align:middle;
        z-index:5;

}



/* 1. ueberschriftenebene linksbündig */

#inhaltueberschrid{
        position:absolute;
        margin-top:257px;
        width:821px;
        padding-left: 23px;
        padding-right:616px;
        background-color: transparent;
         z-index:4;

}




/* 2. ueberschriftenebene linksbündig */

#h2id{
        position:absolute;
        margin-top:7px;
        width:881px;
        height:30px;
        margin-left: 20px;
        margin-right: 0px;
        font-size: 12px;
        font-weight:bold;
        color:#ffffff;
        text-decoration:none;

        z-index:8;

}






/* inhaltsebene zentriert */
#inhaltid {
        position:absolute;
        margin-top:240px;
        width:921px;
        height:1135px;;
        margin-left: 0px;
        margin-right: 0px;
        border-top: 1px;
        border-top-style: solid;
        border-top-color: #646464;
        background-color: #EBEAEB;
        z-index:3;

}




/* tabellenebene zentriert */
#kontakthead_id {
        position:absolute;
        margin-top:25px;
        width:649px;
        height:30px;
        margin-left: 60px;
        margin-right: 0px;
        border: 1px;
        border-style: solid;
        border-color: #646464;
        background-color: #002C72;
        z-index:4;

}

#kontaktbody_id {
        position:absolute;
        margin-top:55px;
        width:649px;
        height:650px;
        margin-left: 60px;
        margin-right: 0px;
        border-left: 1px solid #646464;
        border-right: 1px solid #646464;
        border-bottom: 1px solid #646464;
        background-color: #ffffff;
        z-index:3;

}





/* footer */
#footerid {
        position:absolute;
        margin-top:1250px;
        width:921px;
        height:25px;
        margin-left: 0px;
        margin-right: 0px;
        border-top: 1px;
        border-top-style: solid;
        border-top-color: #646464;
        background-color: #646464;
        z-index:10;

}

/* Ihre Verbindung */
#verbindungid {
        position:absolute;
       margin-top:1250px;
        width:220px;
        height:19px;
        margin-left: 682px;
        margin-right: 20px;
        background-image: url(gfx/layout/ihre_verbindung.gif);
        background-repeat:no-repeat;
        vertical-align:middle;
        z-index:10;

}


/* Klassen fuer die einzelnen Elemente */


.nachricht {

        margin-top:20px;
        margin-left:165px;
        font-size: 12px;
        font-weight:bold;
        line-height:14px;
        color:#000000;


}

.p {

        margin-top:80px;
        font-size: 12px;


}

.p_adresse {

        margin-top:10px;
        font-size: 12px;


}

.p_sonder1 {

        margin-top:20px;
        margin-left:20px;
        font-size: 10px;
        font-weight:normal;


}

.p_sonder2 {

        margin-top:-91px;
        margin-left:585px;
        font-size: 10px;
        font-weight:normal;


}

.p_sonder3 {

        margin-top:20px;
        margin-left:45px;
        font-size: 12px;
        font-weight:normal;


}

.p_fehler {

        margin-top:20px;
        margin-left:165px;
        font-size: 14px;
        font-weight:bold;
        line-height:30px;
        color:#ee0000;


}

.p_pruef {

        margin-top:20px;
        margin-left:165px;
        font-size: 12px;
        font-weight:bold;
        line-height:24px;
        color:#000000;


}


.table {

         width:85%;
         height:360px;
         margin-top:26px;
         margin-left:45px;
         padding-right:24px;


}

.table_nachricht {

         width:85%;
         height:60px;
         margin-top:26px;
         margin-left:45px;
         padding-right:24px;


}


.tr_kontakt {
       font-weight:normal;
       font-size: 12px;
       background-color:#ffffff;
       vertical-align:middle;
       text-align:left;
       padding-left:20px;
       padding-right:5px;
       padding-top:3px;
       padding-bottom:3px;
       height:18px;
       width:150px;
         }

.tr_pflicht {
       font-weight:bold;
       font-size: 12px;
       background-color:#ffffff;
       vertical-align:middle;
       text-align:left;
       padding-left:20px;
       padding-right:5px;
       padding-top:3px;
       padding-bottom:3px;
       height:18px;
       width:150px;
         }

.select {
       width:230px;
       font-weight:normal;
       font-size: 14px;
       background-color:#ffffff;
       vertical-align:middle;
       text-align:left;
       padding-top:3px;
       padding-bottom:3px;
       line-height:18px;
         }


.buttonsubmit {

         margin-left:0px;
         background-color:silver;
         width:85px;
         text-align:center;
         vertical-align:middle;
         padding-top:3px;
         padding-bottom:3px;

}
.buttonreset {

         margin-left:0px;
         background-color:silver;
         padding-top:3px;
         padding-bottom:3px;
         width:65px;
         text-align:center;
         vertical-align:middle;
         }

.tr_button_reset {
       background-color:#ffffff;
       vertical-align:middle;
       text-align:left;
       padding-left:20px;
       padding-right:5px;
       padding-top:3px;
       padding-bottom:3px;
       height:18px;
       width:5%;
         }

.tr_button_submit {
       background-color:#ffffff;
       vertical-align:middle;
       text-align:left;
       padding-left:0px;
       padding-right:5px;
       padding-top:3px;
       padding-bottom:3px;
       height:18px;
       width:5%;
         }


.input {
       font-weight:normal;
       font-size: 11px;
       background-color:#ffffff;
       vertical-align:middle;
       text-align:left;
       padding-left:20px;
       padding-right:5px;
       padding-top:3px;
       padding-bottom:3px;
       border: 1px dashed #646464;
       height:18px;
         }


.footer  {

        color:#ffffff;
        padding-left: 23px;
        font-size: 9px;
        line-height:26px;
        font-weight: normal;

}


.asterisk {

          color:#ff0000;

}

.fast {
          color:#fffffff;
          font-size: 36px;
          font-weight: normal;
          font-style:oblique;

         }

.xess {
          color:#fffffff;
          font-size: 36px;
          font-weight: bold;
          font-style:normal;

         }

/*Ende*/
