/*======================================================= Neutralize styling: Elements we want to clean out entirely: */ html, body, form { margin: 0; padding: 0; font: 100%/120% Verdana, Arial, Helvetica, sans-serif; } /* Neutralize styling: Elements with a vertical margin: */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; } /* Apply left margin: Only to the few elements that need it: */ li, dd, blockquote { margin-left: 0em; } /* Miscellaneous conveniences: */ form label { cursor: pointer; } fieldset { border: none; } input, select, textarea { vertical-align:middle; font-size: 100%; } table{ width:100%; border-collapse: collapse; clear:both; } tbody{ vertical-align:top; } img{border:none} p{line-height:16px} /*=======================================================*/ /* LINKS LAYOUT*/ a{color:#6b6b6b;outline:none} a:hover{color:#6b6b6b; text-decoration:none} #div_other a{color:#ffffff; font-weight:bold} #div_other a:hover{text-decoration:none} #div_bar_boven a{color:#ffffff;text-decoration:none;padding:3px 3px} #div_bar_boven a:hover, #div_bar_boven .sel{background:#262626; color:#a1bde4; border-bottom:1px solid #a1bde4} #div_menu a{color:#ffffff; font-weight:bold;text-decoration:none; font-size:14px} #div_footer a{color:#bbbbbb} /*=======================================================*/ /* STANDARD PAGE LAYOUT*/ body{font-size:11px; color:#bbb; font-family:Verdana, Arial, Helvetica, sans-serif; background:#fff url(/bg_windows.jpg) repeat-x} #page_wrapper{margin-left:auto; margin-right:auto; width:800px; position:relative} #payments{position:absolute; width:126px; height:19px; top:3px; left:40px} #div_toplinks, #div_toplinks ul {float:right} #div_toplinks li{padding-top:5px} #div_toplinks ul li{float:left; margin-left:5px; list-style-type:none} #div_toplinks a{padding:1px 2px 7px 2px; float:left} .horde{padding-left:20px; background:url(/horde_icon.jpg) left center no-repeat} .roundcube{padding-left:20px; background:url(/roundcube_icon.jpg) left center no-repeat} .control{padding-left:20px; background:url(/control_icon.jpg) left center no-repeat} .myadmin{padding-left:30px; background:url(/myadmin_icon.jpg) left center no-repeat} .support{padding-left:20px; background:url(/support_icon.jpg) left center no-repeat} #div_other{float:left; width:100%;margin-top:2px} #small_host_icon{float:left; margin-right:20px; background:url(/linux_icon.jpg); width:26px; height:27px} #div_other p{color:#ffffff;padding-top:5px} #div_banner {float:left} #img_big_host{background:url(/big_logo_windows.jpg) no-repeat; width:185px; height:150px;float:left;margin-top:8px} #img_banner{background:url(/windows_banner.jpg) no-repeat; width:528px; height:85px;float:left;margin-top:8px} #div_bar_boven{background:url(/bg_language_windows.jpg) no-repeat; width:154px; height:19px;float:right;margin-top:7px} #div_bar_boven ul{list-style-type:none;float:left;margin:3px 0 0 45px} #div_bar_boven ul li{float:left} #div_menu{margin-top:5px;float:left} #div_menu ul{list-style-type:none; float:left} #div_menu li{float:left;padding:0 1px} #div_menu a{float:left; padding:11px 11px} #div_menu a:hover, #div_menu .sel{background:url(/menu_sel_windows.jpg) center top; border-left:1px solid #555555; border-right:1px solid #555555;padding:0;padding:11px 10px} #div_bar_onder{background:url(/bar_onder.jpg) top left; width:397px; height:19px;float:left;margin-top:6px} #div_bar_onder form{margin-top:-1px} #div_bar_onder input{color:#6b6b6b; border:1px solid #808080; width:170px;margin-left:50px;padding:1px 3px} #div_bar_onder select{color:#6b6b6b; border:1px solid #808080} #div_bar_onder .button{width:40px; background:#ffffff; color:#A1BDE4; font-weight:bold; margin-left:10px} #div_content{clear:both; padding:20px 0; color:#6b6b6b} #div_content h1{font-size:12px; background:#eeeeee; padding:2px 0 3px 4px; color:#474747; clear:both; margin:10px 0} .list_left{float:left; margin-right:50px; list-style-type:none; color:#6b6b6b; margin-bottom:20px; line-height:14px} #pakket_wrapper{margin:40px 0 0 0;} #div_logos{background:url(/bg_logos.jpg) repeat-x 0px 20px; height:40px; text-align:center; margin-bottom:10px} #div_logos img{margin:0 25px} #div_footer{background:url(/bg_footer.jpg) repeat-x; width:100%; height:30px; margin-bottom:15px; font-size:9px; text-align:center; padding-top:7px} /*=======================================================*/ /* EXTRA PAGE LAYOUT*/ .pakket{width:235px; height:110px; position:relative; float:left; margin:15px} .pakket .pakket_star{position:absolute; background:url(/star_windows.png) no-repeat; width:95px; height:95px; margin:-45px 0 0 -50px; color:#ffffff; font-weight:bold; font-size:14px; text-align:center; padding-top:30px} .pakket .pakket_star span{font-size:9px; color:#ffffff} .pakket h2{color:#a1bde4; text-align:center; padding-bottom:5px} .pakket img{float:left;padding:0 5px 5px 0; border-right:1px solid #c8c8c8; margin-right:5px} .pakket p{color:#9e9e9e;line-height:1.3em; height:60px; border-bottom:1px solid #c8c8c8} .pakket span{color:#6b6b6b; font-weight:bold} .pakket div{float:left; width:117px; text-align:center; background:#f1f1f1;padding:1px 0 4px 0} .pakket .link1{width:117px; border-right:1px solid #c8c8c8} #form_wrapper{margin-left:130px} th{border-bottom:1px solid #A1BDE4; padding:2px 0 3px 4px; background:#c5d8f3; color:#474747; text-align:left} td{color:#6b6b6b; border-bottom:1px dashed #a1bde4; padding:2px 2px 4px 4px} .even{background:#eff6ff} .small{font-size:9px} .content{padding:10px 20px} .spotlight{color:#91aed7} .valid{color:#00CC00} .invalid{color:#FF0000} #domainfield{margin:0; padding:0}