/* Defaultwerte für die Inhalte in der Übersicht 

   ID / class                    Color        Background
   #agb      Keine Farbfestlegungen
   IFRAME                  #330000      #FFFFFF
   OL                      #BB0000
   OL LI                   #330000
   UL                                   /)menupunkt.gif

   #history                #330000   
      DT                   #BB0000
      DD.titel             #BB0000
      DD.status            #BB0000
      DD.meldung           #330000

*/

/* Einstellungen für agbs */

#agb {
}

#agb IFRAME { 
    position: relative;
    width: auto;
    height: 240px;
    display: block; 
    overflow: auto;
    color:  #330000;
    background-color: #FFFFFF;
}

#agb OL { 
    color: #BB0000;
    font-weight: bold;
    list-style: outside decimal; 
}

#agb OL LI {
    margin-left: -15px;
    list-style: outside decimal;
}



#agb OL LI OL LI { 
    color: #330000;
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: normal;
}


#agb UL LI {	
    margin-left: -15px;
    font-weight: normal;
    list-style: outside  url(bilder/menupunkt.gif);
}


/* ---------------------- Formatierungen der Domain-Preisliste -----------------------------------*/

#domain DIV {
    width: 500px;
    vertical-align: middle;
    float: left;
}

#domain DT {
    width: 120px;
    line-height: 40px;
    vertical-align: middle;
    font-weight: bold;
    text-align: left;
    float: left;
    margin: 0px;
}

#domain DD {
    width: 80px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    float: left;
    margin: 0px;
}

#domain_logo {
    width: 60px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    float: right;
    margin: 0px;
}


/* ----------------------------------------------------------------- */



/* ---------------------- Formatierungen der History -----------------------------------*/


#history { 
    color: #330000;
}

#history DT {
    width: 80px;
    text-align: right;
    font-weight: bold;
    float: left;
    font-size: 13px;
    color: #BB0000;
}

#history DD.titel {
    width: 320px;
    margin-left: 15px; 
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    float: left;
    color: #BB0000;
}


#history DD.meldung {
    width: 320px;
    margin-left: 100px;
    margin-top: 5px;
    margin-bottom: 10px;
    vertical-align: top;
    text-align: justify;
}

#history DD.status {
    margin-left: 20px; 
    width: 80px;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    float: left;
    color: #BB0000;
}

/* ----------------------------------------------------------------- */


/* ---------------------- Formatierungen der Preisliste -----------------------------------*/

div.preisliste {
    width: 400px;
    margin-left: 50px;
    text-align: left;
}


dt.preisliste {
    width: 235px;
    font-weight: bold;
    text-align: left;
    float: left;
}

dd.preisliste_menge {
    width: 60px;
    /*	margin-right: 10px; */
    text-align: right;
    font-weight: normal;
    float: left;
}

dd.preisliste_preis {
    width: 45px;
    text-align: left;
    font-weight: normal;
    float: left;
}

dd.preisliste_preis2 {
    text-align: right;
    font-weight: normal;
}

dd.preisliste_zusatz {
    margin-left: 15px;
    margin-top: 0px;
    margin-bottom: 5px;
    vertical-align: top;
    text-align: left;
    font-size: 10px;
}

/* ----------------------------------------------------------------- */





/* Formatierungen der FAQs */


dl.faq {
    width: 520px;
}

dt.faq {
    width: 250px;
}

dd.faq_1 {
    width: 20px;
}

dd.faq_2 {
    width: 500px;
    padding: 0px 10px 0px 10px;
}


/* Formular Formatierungen */


input, textarea, select {
    background-color: #FFCC66; 
    /*	background-color: #c9c7c3; */
}


/* Formatierungen für den Modulrechner */

TABLE .modul {
    width: 520px;
}

TH .modul {
    text-align: left;
    color: #BB0000;
    font-weight: bold;
}

TH .modul_zahl {
    text-align: right;
    color: #BB0000;
    font-weight: bold;
}

TH .modul {
    text-align: left;
}

TD .modul_zahl {
    text-align: right;
}

TD .modul_beschreibung {
    text-align: left;
    font-size: 10px;
    vertical-align: top;
}


/* ---------------------- Formatierungen der Kundenmeinungen -----------------------------------*/

#meinungen DL { 
    width: 520px;
    margin: 0px;
    padding: 0px;
}

#meinungen DD.name_ort {
    width: 380px;
    margin: 0px;
    height: 20px;
    color: #BB0000;
    text-align: left;
    font-weight: bold;
    float: left; 
    font-size: 13px; font-variant: small-caps; 
}

#meinungen DD.epost {
    width: 70px;
    height: 20px;
    margin: 0px;
    text-align: left;
    font-weight: normal;
    float: left; 
    text-decoration: none;
}

#meinungen DD.homepage {
    width: 70px;
    height: 20px;
    margin: 0px;
    text-align: right;
    font-weight: normal;
    float: right;
    text-decoration: none;
}


#meinungen DD.eintrag {
    width: 520px;
    margin-left: 0px;
    margin-bottom: 5px;
    vertical-align: top;
    text-align: left;
}

#meinungen DD.datum {
    width: 520px;
    margin-left: 0px;
    margin-bottom: 20px;
    font-size: 10px;
    text-align: right;
    font-weight: normal;
}

/* ---------------------- Formatierungen der Kundenmeinungen ----------------------*/


.entry-navi { 
    width: 520px;
    min-height: 25px;
    border-width: thin;
    border-style: solid;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
}

.entry-navi a { 
    text-decoration: none;
}




/* ----------------------------------- Design-Container, Angebote ----------------------------------- */

#angebote { 
    width: 520px;
}

#angebote A {
    width: 220px;
    margin: 10px;
    float: left;
    display: block;
}	

#angebote .zeile_1 { 
    background-image: url(bilder/box_zeile.jpg);
    width: 175px;
    display: block; 
    float: none;
    padding-left: 20px;
    padding-right: 20px;
}

#angebote .webspace { 
    height: 40px;
    width: 195px;
/*    margin-left: -25px; */
    padding-left: 20px; 
    padding-top: 40px;
    font-size: 18px;
    display: block;
    background-image: url(bilder/teaser_kopf.jpg);
    background-repeat: no-repeat;
    float: left;
}

#angebote .server { 
    height: 40px;
    width: 195px;
    padding-left: 20px;
/*    margin-left: -25px; */
    padding-top: 40px;
    font-size: 18px;
    display: block;
    background-image: url(bilder/teaser_kopf.jpg);
    background-repeat: no-repeat;
    float: left;
}

#angebote .spalte_1 { 
    width: 115px;
    float: left;
    display: block;
    float: left;
}


#angebote .spalte_2 { 
    text-align: right;
    width: 60px;
    display: block;
    float: left;
}

#angebote .fusszeile { 
    width: 220px;
    display: block;
    height: 20px;
    background-image: url(bilder/teaser_fuss.jpg);
}

#angebote .preis { 
    width: 195px;
    padding-right: 25px;
    padding-top: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    display: block;
    background-image: url(bilder/box_zeile.jpg);
    float: none;
}


#hosting {
    
} 

#hosting TABLE { 
    width: 100%;
    vertical-align: top;
}

#hosting TH { 
    width: auto;
    font-size: 14px;
    vertical-align: top;
    text-align: center;
 }

#hosting TH.paket { 
    width: 20%;
    vertical-align: top;
    text-align: center;
 }

#hosting TD { 
    width: auto;
    text-align: left;
 }

#hosting TD.preis { 
    width: 75px;
    text-align: right;
 }

#hosting TD.paketpreis { 
    width: 173px;
    font-size: 16px;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
 }


#order_tabelle { } 

#order_tabelle TABLE { 
    border-collapse: collapse;
    border: solid 1px #CCCCCC;
    background-color: #CCCCCC;
 }

#order_tabelle TR {
    border: solid 1px #CCCCCC; 
    background-color: #EFEFEF;
}

#order_tabelle TH {
    padding-left: 5px;
}

#order_tabelle TD {
/*    border: solid 1px #CCCCCC; */
    background-color: #FFFFFF;
    padding-left: 5px;
}