/*======================================================= 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:#f5bc10; border-bottom:1px solid #f5bc10; } #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_linux.jpg) repeat-x; } #page_wrapper { margin-left:auto; margin-right:auto; width:830px; position:relative; } #payments { position:absolute; width:126px; height:19px; top:3px; left:40px; } .small { font-size: 9px; } #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; } .phpmyadmin { 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; height:27px; } #small_host_icon { float:left; margin-right: 20px; background: url(/windows_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_linux.jpg) no-repeat; width: 150px; height: 150px; float: left; margin-top: 8px; } #img_banner { background: url(/linux_banner.jpg) no-repeat; width: 528px; height: 100px; float: left; margin-top: 8px; } #div_bar_boven { background: url(/bg_language_linux.jpg) no-repeat; width:154px; height: 19px; float: right; margin-top: -8px; } #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; width: 670px; } #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_linux.jpg) center top; border-left: 1px solid #555555; border-right: 1px solid #555555; padding: 0; padding: 11px 10px; } ul.topnav li span { /*--Drop down trigger styles--*/ width: 5px; height: 45px; float: left; /*background: url(/subnav_btn.gif) no-repeat center top;*/ } ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 219px; top: 217px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111; z-index: 1000; } ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; width: 170px; } html ul.topnav li ul.subnav li a { float: left; width: 145px; background-color: #333; padding-left: 20px; } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background-color: #222; } .subnav { display: none; } #div_bar_onder { background:url(/bar_onder.jpg) top left; width: 397px; height: 19px; float: left; margin-top: -4px; } #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:#f5bc10; font-weight: bold; margin-left: 10px; } #div_content { clear: both; padding: 20px 0; color: #6b6b6b; position: relative; } #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 10px 0 0; padding: 0 0 0 23px; } #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_linux.png) no-repeat; width: 95px; height: 95px; margin: -45px 0 0 -50px; color: #ffffff; font-weight: bold; font-size: 4px; text-align: center; padding-top: 30px; } .pakket .pakket_star span { font-size: 9px; color: #ffffff; } .pakket h2 { color: #f5bc10; 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 #f5bc10; padding: 2px 0 3px 4px; background: #ffecb4; color: #474747; text-align: left; } td { color:#6b6b6b; border-bottom :1px dashed #f5bc10; padding: 2px 2px 4px 4px; } .even { background: #fffbef } .content { } .spotlight { color: #91aed7; } .valid { color: #00CC00; } .invalid { color: #FF0000; } #domainfield { margin:0; padding:0; } #promo_button { position: absolute; right:55px; top: 85px; width:175px; height:175px; } #promo_button span { display: block; text-align:center; font-size: 9px; color: #ccc; } div.content_hosting{ margin-bottom: 20px; color: #444444; height: auto; line-height: 1.12; min-height: 80px; background-color:#FFFFFF; border:1px solid #C3C3C3; margin-bottom:1em; } div.content_hosting div{ min-height:80px; padding-left: 140px; margin-top: 10px; margin-bottom: 10px; } .order_webhosting { background-image:url("/file/order_hosting.png"); background-repeat:no-repeat; } .clickable { cursor:pointer; } .content ul { margin: 10px; margin-left: 20px; } .content_hosting ul { margin: 0 0 0 100px; } div#div_webhosting { background: transparent url(/ftp.jpg) no-repeat; } div#div_forwards { background: transparent url(/forward.jpg) no-repeat; } div#div_zarafa { background: transparent url(/zarafa.jpg) no-repeat; } div#div_backup { background: transparent url(/backup.jpg) no-repeat; } div#div_cms { background: transparent url(/cms.jpg) no-repeat; } div#div_domain { background: transparent url(/domain.jpg) no-repeat; } .bold { font-weight: bold; } #image_holder { float: left; padding-left: 46px; width: 830px; } .image { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #EEEEEE; float: left; height: 90px; margin: 10px 10px 0 0; padding: 5px; text-align: center; width: 160px; } #features { background-color: #FFFFFF; border: 1px solid #C3C3C3; color: #444444; height: auto; line-height: 1.12; margin-bottom: 1em; min-height: 80px; padding: 10px; } h2 { color: #474747; font-size: 11px; line-height: 20px; } #features div { margin: 10px; min-height: 100px; cursor: pointer; position: relative; } #feature_email, #feature_calendar, #feature_contacts, #feature_tasks { border: 1px solid #EEE; } #feature_email div, #feature_calendar div, #feature_contacts div, #feature_tasks div { margin-left: 150px; } #features span { width: 120px; position: absolute; } #features img { float: left; margin-right: 30px; width: 120px; height: 120px; } div.thumb span img.hover { background: url("thumb_bg.png") no-repeat scroll center center transparent; border: medium none; } #banner { color: #444444; height: auto; line-height: 1.12; margin-bottom: 1em; min-height: 180px; position: relative; } #products div#index_hosting, #products div#index_domain, #products div#index_zarafa, #products div#index_backup { width: 183px; height: 510px; float: left; border: 1px solid #EEE; cursor: pointer; } #products div#index_hosting div, #products div#index_domain div, #products div#index_zarafa div, #products div#index_backup div { padding: 10px; } #index_hosting { margin-right: 15px; } #index_domain { margin-left: 15px; margin-right: 15px; } #index_zarafa { margin-left: 15px; margin-right: 15px; } #index_backup { margin-left: 15px; } #demo { position: absolute; top: 62px; left: 712px; } .tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url('/tipsy.gif'); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } #facebook { position: absolute; top: -12px; left: 674px; } #facebook_img { background: transparent url("facebook-logo.png") no-repeat; width: 28px; height: 28px; float: left; margin-right: 6px; } #facebook a { float: left; padding-top: 5px; }