/* === 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:1102px;
        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:150px;
        height:20px;
        margin-top:112px;
        margin-left: 750px;
        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;

}

/* Stempel */

#stempelid{
        position:absolute;
        margin-top:-48px;
        margin-left: 600px;
        width:102px;
        height:102px;
        background-image: url(gfx/layout/stempel.gif);
        background-repeat:no-repeat;
         z-index:3;

}

/* Bilder rechts */

#leitungen1id{
        position:absolute;
        margin-top:113px;
        margin-left: 735px;
        width:140px;
        height:93px;
        background-image: url(gfx/layout/leitung_gelb_1.gif);
        background-repeat:no-repeat;
         z-index:5;

}

#leitungen2id{
        position:absolute;
        margin-top:247px;
        margin-left: 735px;
        width:140px;
        height:93px;
        background-image: url(gfx/layout/server_leitung.gif);
        background-repeat:no-repeat;
         z-index:5;

}

#leitungen3id{
        position:absolute;
        margin-top:380px;
        margin-left: 735px;
        width:140px;
        height:93px;
        background-image: url(gfx/layout/server_leitung2.gif);
        background-repeat:no-repeat;
         z-index:5;

}

/* 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:242px;
        width:921px;
        height:834px;
        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 */
#produktehead_id {
        position:absolute;
        margin-top:57px;
        width:881px;
        height:30px;
        margin-left: 20px;
        margin-right: 0px;
        border: 1px;
        border-style: solid;
        border-color: #646464;
        background-color: #002C72;
        z-index:4;

}

#produktebody_id {
        position:absolute;
        margin-top:87px;
        width:881px;
        height:583px;
        margin-left: 20px;
        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:1076px;
        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:1076px;
        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 */




.p {

        margin-top:80px;
        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:20px;
        font-size: 12px;
        font-weight:normal;


}


.table {

         width:666px;
         height:360px;
         margin-top:26px;
         margin-left:29px;
         margin-right:185px;
         border: 1px solid #646464;

}

.table_head {


       font-weight:bold;
       font-size: 12px;
       background-color:#99ABC7;
       vertical-align:middle;
       text-align:center;
       padding-top:5px;
       padding-bottom:5px;
       padding-left:3px;
       padding-right:3px;
       border: 1px solid #646464;


         }
.tr_white {
       font-weight:normal;
       font-size: 12px;
       background-color:#ffffff;
       vertical-align:middle;
       text-align:center;
       padding-left:3px;
       padding-right:3px;
       padding-top:3px;
       padding-bottom:3px;
       border: 1px solid #646464;
         }

.tr_blue {
       font-weight:normal;
       font-size: 12px;
       background-color:#99ABC7;
       vertical-align:middle;
       text-align:center;
       padding-left:3px;
       padding-right:3px;
       padding-top:3px;
       padding-bottom:3px;
       background-color:#99ABC7;
       border: 1px solid #646464;
         }

.tr_lhgrey {
       font-weight:normal;
       font-size: 12px;
       background-color:#99ABC7;
       vertical-align:middle;
       text-align:center;
       padding-left:3px;
       padding-right:3px;
       padding-top:3px;
       padding-bottom:3px;
       background-color:#EBEAEB;
       border: 1px solid #646464;
         }

.tr_dkgrey {
       font-weight:normal;
       font-size: 12px;
       background-color:#99ABC7;
       vertical-align:middle;
       text-align:center;
       padding-left:3px;
       padding-right:3px;
       padding-top:3px;
       padding-bottom:3px;
       background-color:#d2d1d2;
       border: 1px solid #646464;
         }



.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*/