h1
{
    text-align:justify;
    font-family: Segoe UI, Tahoma, Arial;
    font-size:13px;
    color:#397DE2;
    font-weight:normal;
}

body   
{
    margin: 0px 0px 0px 0px;
    background-color:#F4F9FC;
    width:100%;
    height:100%;
}

a:link, a:visited
{
    color: #1E5ED3;
    text-decoration: none;
    font-weight: normal;
}

a:hover
{
    color: #FF9900;
    text-decoration: none;
    cursor:pointer;
}

a:active
{
    color: #ff9900;
}

.white:link,.white:visited
{
    color: #ffffff;
    text-decoration: none
}

.white:hover
{
    color: #ff9900;
    text-decoration: none;
}

.white:active
{
    color: #ffffff;
}

.page
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    width:100%;
    background: url('bilder/bg.jpg') repeat-x;
}

.header
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    height:253px;
    background: url('bilder/top.jpg')
}

.tab
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    text-align:left;
    width:900px;
    left:50%;
    right:50%;
   }

.tab800
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    text-align:left;
    width:800px;
    left:50%;
    right:50%;
   }

.logos
{
    border:0px;
}
   
.menu
{
    height:50px;
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
}

.domain
{
    background: url('bilder/domain.png') no-repeat 50% top;
    width:280px;
}

.spam
{
    background: url('bilder/spam.png') no-repeat top;
    height:250px;
    width:280px;
}

.apps
{
    background: url('bilder/webapps.png') no-repeat top;
    height:250px;
    width:280px;
}
.navi_top
{
    background: url('bilder/navi_top.png') no-repeat;
    height:23px;
    width:172px;
}

.navi_mitte
{
    background: url('bilder/navi_mitte.png') repeat-y;
    width:172px;
    text-align:center;
}

.navi_bottom
{
    background: url('bilder/navi_bottom2.png') no-repeat;
    width:172px;
    height:10px;
}

.m1 
{
    background:  url('bilder/webhosting.jpg') no-repeat;
    height:50px;
    width:192px;
    cursor: pointer;
}

.m1_2
{
    background: url('bilder/webhosting_f2.jpg') no-repeat;
    height:50px;
    width:192px;
    cursor: pointer;
}
.m2
{
    background: url('bilder/emailservice.jpg') no-repeat;
    height:50px;
    width:201px;
    cursor: pointer;
}

.m2_2
{
    background:  url('bilder/emailservice_f2.jpg') no-repeat;
    height:50px;
    width:201px;
    cursor: pointer;
}
.m3
{
    background:  url('bilder/domainservice.jpg') no-repeat;
    height:50px;
    width:200px;
    cursor: pointer;
}

.m3_2
{
    background:  url('bilder/domainservice_f2.jpg') no-repeat;
    height:50px;
    width:200px;
    cursor: pointer;
}
.m4
{
    background:  url('bilder/virtuelleserver.jpg') no-repeat;
    height:50px;
    width:195px;
    cursor: pointer;
}

.m4_2
{
    background:  url('bilder/virtuelleserver_f2.jpg') no-repeat;
    height:50px;
    width:195px;
    cursor: pointer;
}
.m5
{
    background:  url('bilder/support.jpg') no-repeat;
    height:50px;
    width:189px;
    cursor: pointer;
}

.m5_2
{
    background:  url('bilder/support_f2.jpg') no-repeat;
    height:50px;
    width:189px;
    cursor: pointer;
}

.image_center
{
    vertical-align:top;
     margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    border:0px;
}
.image_right
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    vertical-align:top;
     margin-left: auto;
    margin-right:0px;
    margin-top:2px;
    margin-bottom:0px;
    text-align: right;
}

.image_left
{
    vertical-align:top;
     margin-left: 0px;
    margin-right:auto;
    margin-top:2px;
    margin-bottom:0px;
    border:0px;
}

.mitte
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_gesamt.jpg') no-repeat;
}

.mitte_start
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_start.jpg') no-repeat;
}

.mitte_web
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_web.jpg') no-repeat;
}

.mitte_webapp
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_webapp.jpg') no-repeat;
}

.mitte_webzusatz
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_webzusatz.jpg') no-repeat;
}

.mitte_bestellung
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_bestellung.jpg') no-repeat;
}

.mitte_rz
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_rz.jpg') no-repeat;
}

.mitte_co
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_co.jpg') no-repeat;
}

.mitte_kontakt
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_kontakt.jpg') no-repeat;
}

.mitte_agb
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_agb.jpg') no-repeat;
}

.mitte_form
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_form.jpg') no-repeat;
}

.mitte_haftung
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_haftung.jpg') no-repeat;
}

.mitte_spam
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_spam.jpg') no-repeat;
}


.mitte_hinweise
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_hinweise.jpg') no-repeat;
}

.mitte_domain
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_domains.jpg') no-repeat;
}

.mitte_confirm
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_confirm.jpg') no-repeat;
}

.mitte_vs
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_vs.jpg') no-repeat;
}

.mitte_bs
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_bs.jpg') no-repeat;
}

.mitte_sv
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_sv.jpg') no-repeat;
}


.mitte_rrs
{
    margin-left: auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    text-align:center;
    left:50%;
    right:50%;
    background: url('bilder/bg_rrs.jpg') no-repeat;
}

.text12
{
    text-align:justify;
    font-family: Segoe UI, Tahoma, Arial;
    font-size:13px;
    color:#397DE2;
}

.text9
{
    font-family: Segoe UI, Tahoma, Arial;
    font-size:10px;
    color:#397DE2;
    text-align:left;
}

.text10
{
    font-family: Segoe UI, Tahoma, Arial;
    font-size:11px;
    color:#397DE2;
    text-align:left;
}

.text10r
{
    font-family: Segoe UI, Tahoma, Arial;
    font-size:11px;
    color:#CC0000;
    text-align:left;
}

.text14
{
    font-family: Segoe UI, Tahoma, Arial;
    font-size:14px;
    color:#397DE2;
    text-align:left;
}

.text14w
{
    font-family: Segoe UI, Tahoma, Arial;
    font-size:14px;
    color:#FFFFFF;
    text-align:left;
  }

.text16
{
    font-family: Segoe UI, Tahoma, Arial;
    font-size:16px;
    color:#397DE2;
    text-align:left;
}
.text20
{
    font-family: Segoe UI, Tahoma, Arial;
    font-size:20px;
    color:#397DE2;
    text-align:left;
}

.text25
{
    font-family: Segoe UI, Tahoma, Arial;
    font-size:40px;
    color:#FF9900;
    font-weight:bold;
}

.text50
{
    font-family: Segoe UI, Tahoma, Arial;
    font-size:50px;
    color:#FF9900;
    font-weight:bold;
}

.menuspalte1
{
    height:40px;
    width:169px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 12px;
    color: #397DE2;
    padding-left:10px; 
    cursor: pointer; 
    text-align:left;
    vertical-align: middle;
}

.menuspalte1:hover
{
    background-color: #397DE2;
    height:40px;
    width:169px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 12px;
    color: #ffffff;
    padding-left:10px; 
    cursor: pointer; 
    text-align:left;
    vertical-align: middle;
}

.bg_domain
{
    height:50px;
     width:802px; padding-top:10px;
    background: url('bilder/bg_domain.png') no-repeat left;
}

.bg_domain3
{
    height:50px;
     width:802px; padding-top:10px;
    background: url('bilder/bg_domain3.png') no-repeat left;
}

.bg_speicher
{
    height:50px;
     width:802px; padding-top:10px;
    background: url('bilder/bg_speicher.png') no-repeat left;
}

.bg_speicher2
{
    height:50px;
     width:802px; padding-top:10px;
    background: url('bilder/bg_speicher2.png') no-repeat left;
}

.bg_transfer
{
    height:50px;
     width:802px; padding-top:10px;
    background: url('bilder/bg_transfer.png') no-repeat left;
}

.bg_transfer2
{
    height:50px;
     width:802px; padding-top:10px;
    background: url('bilder/bg_transfer2.png') no-repeat left;
}

.bg_mail
{
    height:50px;
     width:802px; padding-top:10px;
    background: url('bilder/bg_mail.png') no-repeat left;
}

.bg_db
{
    height:50px; width:802px; padding-top:10px;
    background: url('bilder/bg_db.png') no-repeat left;
}

.bg_lauf
{
    height:50px; width:802px; padding-top:10px;
    background: url('bilder/bg_lauf.png') no-repeat left;
}

.bg_cpu
{
    height:50px; 
    width:802px;
    padding-top:10px;
    background: url('bilder/bg_cpu.png') no-repeat left;
}

.bg_ram
{
    height:50px; width:802px; padding-top:10px;
    background: url('bilder/bg_ram.png') no-repeat left;
}

.bg_preis
{
    height:150px;
    width:240px;
    vertical-align:top;
    background: url('bilder/bg_preis.png') no-repeat top;
}

.navi1
{
    height:22px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 13px;
    color: #397DE2;
    padding-left:30px; 
    cursor: pointer; 
    text-align:left;
    background: url('bilder/pfeil.png') no-repeat left;
    vertical-align:middle;
    
}

.navi1:hover{
    color: #ffffff;
    height:22px;
    padding-left:30px; 
    cursor: pointer; 
    text-align:left;
    background: url('bilder/pfeil2.png') no-repeat left;
    background-color: #397DE2;
    vertical-align:middle;
}

.navi2
{
    height:22px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 13px;
    color: #ffffff;
    padding-left:30px; 
    text-align:left;
    background: url('bilder/pfeil2.png') no-repeat left;
    background-color: #397DE2;
}

.zelle_titel
{
    height:25px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 14px;
    color: #397DE2;
    padding-left:20px; 
    text-align:left;
    background-color: #D5E7F4;
    vertical-align:middle;
    border-bottom: 1px solid #397DE2;
}

.zelle_bg
{
    height:27px;
    background: url('bilder/bg_zelle.png') repeat-x;
    padding-left:5px; 
}

.zelle_border
{
    height:15px;
    border-bottom: 1px solid #397DE2;
}
.zelle_inhalt
{
    height:15px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 13px;
    color: #397DE2;
    text-align:left;
    padding-left:20px; 
    background-color: #FFFFFF;
    vertical-align:middle;
}

.zelle_form1
{
    height:22px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 13px;
    color: #397DE2;
    padding-left:10px; 
    text-align:left;
    background-color: #D5E7F4;
    vertical-align:middle;
}

.zelle_form2
{
    height:22px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 13px;
    color: #397DE2;
    padding-left:10px; 
    text-align:left;
    background-color: #FFFFFF;
    vertical-align:middle;
}

.formular
{
    height:20px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 12px;
    color: #397DE2;
    padding-left:5px; 
    text-align:left;
    width:280px;
    background-color:  #ffffff;
    vertical-align:middle;
    border: 1px solid #AAC7F2;
}

.formular2
{
    height:20px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 12px;
    color: #397DE2;
    padding-left:5px; 
    text-align:left;
    width:150px;
    background-color:  #ffffff;
    vertical-align:middle;
    border: 1px solid #AAC7F2;
}

.button100
{
    height:26px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 14px;
    color: #FFFFFF;
    text-align:right;
    padding-right:40px;
    vertical-align:middle;
    background: url('bilder/button100.png') no-repeat;
}

.button
{
    height:25px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 12px;
    color: #397DE2;
    text-align:center;
    width:151px;
    vertical-align:middle;
    border:none;
    background: url('bilder/button150.png') no-repeat;
    cursor:pointer;
}
.button:hover
{
    height:25px;
    font-family: Segoe UI, Tahoma, Arial;
    font-size: 12px;
    font-weight:bold;
    color: #FFFFFF;
    padding-left:10px; 
    text-align:center;
    width:151px;
    border:none;
    vertical-align:middle;
    background: url('bilder/button150_2.png') no-repeat;
    cursor:pointer;
}

.modalBackground {
    background-color: #397DE2;
    border: 0px;
    filter:alpha(opacity=70);
    opacity:0.7;
} 

.slider_rail   
{
      position: relative; 
      height: 18px;   
      width: 150px;  
      background: url('bilder/slider.png') no-repeat;
      }

.slider_handle 
{
   position: absolute; 
    height: 25px;  
   width: 10px;
   }
   
.collapsePanel {
    background-color: transparent;
    overflow: hidden;
    width:99%;
    padding: 0px 0px 0px 0px;
}

.collapsePanelHeader
{
    color: #397DE2;
    background-color:#DFEDFF;
    font-size:14px;
    font-family: Segoe UI, Tahoma, Arial;
    cursor:pointer;
    height:45px;
    width:100%;
    background: url('bilder/bg_angebot.png') no-repeat;
}
.collapsePaneldomain
{
    color: #397DE2;
    background-color:#DFEDFF;
    font-size:14px;
    font-family: Segoe UI, Tahoma, Arial;
    cursor:pointer;
    height:45px;
    width:100%;
    background: url('bilder/bg_domain2.png') no-repeat;
}

.collapsePaneladresse
{
    color: #397DE2;
    background-color:#DFEDFF;
    font-size:14px;
    font-family: Segoe UI, Tahoma, Arial;
    cursor:pointer;
    height:45px;
    width:100%;
    background: url('bilder/bg_adresse.png') no-repeat;
}