* { 
    padding: 0;
    text-align: center;
    margin-top:0px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

html, body, form 
{ 
    vertical-align:top;
    background-color:#F4F5FD;
    text-align:center;
    margin:0px auto 0px auto;
} 

p
{
 text-align:justify;
}

A:link { color:#4090E9; text-decoration:none; }
A:visited { color:#4090E9; text-decoration:none; }
A:hover { color:#ff9900; text-decoration:none; }
A:active { color:#ff9900; text-decoration:none; }

.top:link { color:#575B83; text-decoration:none; }
.top:visited { color:#575B83; text-decoration:none; }
.top:hover { color:#ffffff; text-decoration:none; }
.top:active { color:#ffffff; text-decoration:none; }

.zelle_oben
{
  background: url('bilder/oben.jpg') no-repeat;
    height: 20px ;  
    text-align:right;
    width:485px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #575B83;
    padding-left: 3px;
    }
    
.gesamttop
{
    background: url('bilder/bg1.jpg') repeat-x;
    height: 600px ;  
    text-align:center;
    width:100%;
    margin:0px auto 0px auto;
}

.mitte_angebote
{
    background: url('bilder/start_mitte.jpg') repeat-x;
    text-align:left;
    margin:0px auto 0px auto;
}

.unten
{
    background: url('bilder/bg_unten.jpg') repeat-x;
    height: 65px ;  
    text-align:center;
    width:100%;
    margin:0px auto 0px auto;
}

.wp_klassik
{
    background: url('bilder/pakete/klassik.png') no-repeat;
    height: 250px ;  
    text-align:center;
    width:250px;
    margin:0px auto 0px auto;
}
.wp_net
{
    background: url('bilder/pakete/net.png')  no-repeat;
    height: 250px ;  
    text-align:center;
    width:250px;
    margin:0px auto 0px auto;
}
.wp_mail
{
    background: url('bilder/pakete/mail.png')  no-repeat;
    height: 250px ;  
    text-align:center;
    width:250px;
    margin:0px auto 0px auto;
}
.wp_mail2
{
    background: url('bilder/pakete/mail2.png')  no-repeat;
    height: 250px ;  
    text-align:center;
    width:250px;
    margin:0px auto 0px auto;
}

.u1
{
    background: url('bilder/u1.jpg') no-repeat;
    width: 139px ;  
    height: 25px ;      
}
.u2
{
    background: url('bilder/u2.jpg') no-repeat;
    width: 138px ;  
    height: 25px ;      
}
.u3
{
    background: url('bilder/u3.jpg') no-repeat;
    width: 138px ;  
    height: 25px ;      
}
.u4
{
    background: url('bilder/u4.jpg') no-repeat;
    width: 138px ;  
    height: 25px ;      
}
.u5
{
    background: url('bilder/u5.jpg') no-repeat;
    width: 138px ;  
    height: 25px ;      
}

.top
{
    height:250px;
    width:1000px;
    vertical-align: top;
    margin:0px auto 0px auto;
  }
  
.gesamt
{
    height:99%;
    width:100%;
    vertical-align: top;
    text-align:center;
    margin:0px auto 0px auto;
  }
  
.mitte_gesamt
{
    background:  url('bilder/bg2.jpg') repeat-y ;
    height: 100%;
    width:1000px;
    vertical-align: top;
    text-align:center;
    margin:0px auto 0px auto;

 }
 
 .mitte_mos
{
    background:  url('bilder/mos/bg.jpg') no-repeat ;
    height: 100%;
    width:900px;
 }
 
  .mitte_vserver
{
    background:  url('bilder/vserver.jpg') no-repeat ;
}

  .mitte_wh
{
    background:  url('bilder/wh.jpg') no-repeat ;
}

  .mitte_email
{
    background:  url('bilder/email.jpg') no-repeat ;
}
 
  .mitte
{
   background:  url('bilder/bg2.jpg') repeat-y ;
    height: 550px;
    width:1000px;
    vertical-align: top;
    text-align:center;
    margin:0px auto 0px auto;

 }
 
.ende
{
    background:  url('bilder/unten.jpg') no-repeat;
    height:65px;
    width:1000px;
    vertical-align: bottom;
   text-align:center;
   margin:0px auto 0px auto;
}
 
.text12
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #575B83;
    text-align:justify;
    font-weight: normal;
}

.text12r
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #575B83;
    text-align:right;
    font-weight: normal;
}

.text10
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #575B83;
    text-align:justify;
    font-weight: normal;
}

.text8
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #575B83;
    text-align:justify;
    font-weight: normal;
}

.text14
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #575B83;
    text-align:left;
    font-weight: 700;
}

.text10o
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ff9900;
    font-weight: normal;
}

.text10rot
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #cc0000;
    font-weight: normal;
}


.text10w
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    text-align:left;
    font-weight: normal;
}

.text12o
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ff9900;
    text-align:left;
    font-weight: normal;
}


.text16
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #575B83;
    text-align:left;
    font-weight: normal;
}


.m1 
{
	background:  url('bilder/webhosting.jpg') no-repeat;
    height:25px;
    width:139px;
	cursor: pointer;
	text-align:left;
}

.m1_2
{
	 background:  url('bilder/webhosting_f2.jpg') no-repeat;
    height:25px;
    width:139px;
	cursor: pointer;
	text-align:left;
}

.m2 
{
	background:  url('bilder/mail.jpg') no-repeat;
    height:25px;
    width:138px;
	cursor: pointer;
	text-align:left;
}

.m2_2
{
	background:  url('bilder/mail_f2.jpg') no-repeat;
    height:25px;
    width:138px;
	cursor: pointer;
	text-align:left;
}

.m3 
{
	background:  url('bilder/domains.jpg') no-repeat;
    height:25px;
    width:138px;
	cursor: pointer;
	text-align:left;
}

.m3_2
{
	 background:  url('bilder/domains_f2.jpg') no-repeat;
    height:25px;
    width:138px;
	cursor: pointer;
	text-align:left;
}

.m4 
{
	background:  url('bilder/webserver.jpg') no-repeat;
   height:25px;
    width:138px;
	cursor: pointer;
	text-align:left;
}

.m4_2
{
	 background:  url('bilder/webserver_f2.jpg') no-repeat;
    height:25px;
    width:138px;
	cursor: pointer;
	text-align:left;
}

.m5 
{
	background:  url('bilder/mos.jpg') no-repeat;
    height:25px;
    width:138px;
	cursor: pointer;
	text-align:left;
}

.m5_2
{
	background:  url('bilder/mos_f2.jpg') no-repeat;
    height:25px;
    width:138px;
	cursor: pointer;
	text-align:left;
}

.menutop
{
	background-color: #575B83;
	height:17px;
	width:110px;
    text-align:left;
}

.menu1
{
	background-color: #FFFFFF;
	height:35px;
	width:110px;
}

.menu2
{
	background-color: #FFFFFF;
	height:35px;
	width:138px;
}

.menuspalte1
{
	background-color: #F4F5FD;
	height:40px;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #0F1A4D;
    padding-left:10px; 
    cursor: pointer; 
    vertical-align: middle; 
    font-weight: normal;
    text-align:left;
}

.menuspalte2
{
	background-color: #575B83;
	height:40px;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
    color: #ffffff;
    padding-left:10px; 
    cursor: pointer; 
    vertical-align: middle; 
    font-weight: normal;
    text-align:left;
}

.table
{
border: solid 1px #BFC0D3;
}

.zelle
{
	background:  url('bilder/zelle.jpg') repeat-x;
	height:25px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #575B83;
     padding-left:5px;
    font-weight: normal;
}

.zelle2
{
	background:  url('bilder/zelle2.jpg') repeat-x;
	height:25px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff;
    padding-left:5px;
    font-weight: normal;
}

.zelle_list
{
	background-color:#575B83;
	height:1px;
	width:1px;
}

.zelle_weiss
{
background-color:White ;
}

.zelle_grau
{
background-color:#eeeff8;
}

.formular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #575B83;
	background-color: #ffffff;
	background-position: left center;
	border: 1px solid #575B83;
	width: 98%;
	height: 22px;
	text-align:left;
}

.formular50 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575B83;
	background-color: #ffffff;
	border: 1px solid #575B83;
	width: 50px;
	height: 18px;
	text-align:center;
}

.formular200 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575B83;
	background-color: #ffffff;
	border: 1px solid #575B83;
	width: 200px;
	height: 18px;
	text-align:left;
	
}

.button2 {
	background:  url('bilder/zelle.jpg') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	 color: #575B83;
	border: 1px solid #575B83;
	cursor: hand;
	height: 22px;
	 margin:0px auto 0px auto;
	 width:80px;
	 text-align:center;
}

.button100 {
	background:  url('bilder/zelle.jpg') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	 color: #575B83;
	border: 1px solid #575B83;
	cursor: hand;
	margin:0px auto 0px auto;
	 width:100px;
	 text-align:center;
}

.button150 {
	background:  url('bilder/zelle.jpg') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	 color: #575B83;
	border: 1px solid #575B83;
	cursor: hand;
	height: 25px;
	 margin:0px auto 0px auto;
	 width:150px;
	 text-align:center;
}

/* MODALBOX */
.confirm-dialog {	
    BACKGROUND: url(../img/controls/bg_popup.png) no-repeat left top;	
    MARGIN: 0px auto;	
    WIDTH: 370px;
    height:200px;	
    PADDING-TOP: 14px;	
    POSITION: relative;
   TEXT-ALIGN: center;
}

.confirm-dialog H2 	
{
    font-family:verdana,arial,helvetica,clean,sans-serif;
    font-size:14px;
    font-weight:normal; 
    COLOR: #4d68dd;
    TEXT-ALIGN: center;
} 

.confirm-dialog input {	
    WIDTH:50px;
}     

.modalBackground {
    background-color: #575B83;
    border: solid 1px #DDDFF9;
    filter:alpha(opacity=70);
    opacity:0.7;
} 

.RowListe {
background-color: #F4F5FD; 
height:22px;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
cursor: default;
}

.RowListeOver{
background-color: #FFFFFF; 
height:22px;
vertical-align:middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
cursor: default;
text-decoration:none
}