/* ################################################## */ /* Made by: www.DIRECT BASING.com */ /* Semantisch correcte xHTML Basing */ /* ################################################## */ /* ### GENERAL ### */ * { margin: 0px; padding: 0px; } html, body { font-family: Arial; font-size: 12px; color: #8c806e; } input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; } body { background: #fff; } img { border: 0px; } h2 { padding-bottom: 5px; font-size: 17px; color: #006693; font-weight: normal; line-height: 25px; } /* ### GLOBAL CLASSES ### */ .clear { clear: both; height: 0px; } /* ### WRAPPER ### */ #wrapper { padding-top: 15px;position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/FooterImg.gif') repeat-x center bottom; } /* #wrapper { padding-top: 15px; position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/FooterImg.gif') repeat-x center bottom; } */ /* ### MAIN CONTAINER ### */ #mainCntr { margin: 0 auto; width: 1114px; } /* ### HEADER CONTAINER ### */ #headerCntr { position: relative; z-index: 80; width: 1114px; margin-bottom: 10px; background: url('../images/headerCenter.gif') repeat-y 0 0; } #headerCntr .top { background: url('../images/headerTop.gif') no-repeat center top; } #headerCntr .bottom { height: 122px; background: url('../images/headerBottom.gif') no-repeat center bottom; } #headerCntr h1 { position: absolute; top: 18px; left: 11px; } #headerCntr h1 a { display: block; width: 302px; height: 62px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; } /* ### SUPPORT BOX ### */ .supportBox { padding: 8px 35px 0 0; float: right; width: 300px; height: 80px; text-align: right; } .supportBox p { color: #083346; font-size: 14px; } .supportBox span { height: 30px; line-height: 30px; margin-top: 5px; color: #083346; font-size: 18px; background: url('../images/phoneIcon.gif') no-repeat 45px center; display: block;} /* ### ONLINE BOX ### */ .onlineBox { padding-top: 10px; float: right; width: 400px; font-size: 18px; height: 78px; color: #083346; } .onlineBox span { padding: 15px 0 0 60px; color: #3785a8; font-size: 18px; font-weight: bold; display: block;} /* ### MENU CONTAINER ### */ #menuCntr { position: absolute; top: 88px; left: 0px; width: 1114px; height: 34px; } #menuCntr ul { list-style: none; } #menuCntr ul li { padding: 0 15px; list-style: none; float: left; line-height: 34px; height: 34px; display: inline; background: url('../images/separator.gif') no-repeat right center; } #menuCntr ul li.last { background: none; } #menuCntr ul li a { color: #fff; font-size: 13px; text-decoration: none;} #menuCntr ul li a:hover, #menuCntr ul li a.selected { color: #36ff00; } #menuCntr ul ul { margin-left: -20px; padding: 10px 15px 15px 15px; position: absolute; z-index: 99; clear: both; top: 34px; width: 150px; background: url('../images/subBg.gif') #9dbcda repeat-x; } #menuCntr ul ul li { padding: 0px; float: none; display: block; height: 20px; line-height: 20px; background: url('../images/dot.gif') repeat-x bottom; } #menuCntr ul ul li a { font-size: 11px; } /* ### NIEUWS CONTAINER ### */ #nieuwsCntr { padding-bottom: 15px; width: 1114px; height: 265px; overflow: hidden; } /* ### NIEUWS BOX ### */ .nieuwsBox { width: 254px; float: left; background: url('../images/nieuwsMid.gif') repeat-y 0 0;} .nieuwsBox .top { background: url('../images/nieuwsTop.gif') no-repeat center top;} .nieuwsBox .bottom { padding: 15px; height: 235px; background: url('../images/nieuwsBottom.gif') no-repeat center bottom;} .nieuwsBox h2 { border-bottom: 1px dotted #a1a1a1; } .nieuwsBox ul { list-style: none; } .nieuwsBox ul li { height: 20px; line-height: 20px; font-size: 11px; list-style: none; border-bottom: 1px dotted #a1a1a1; } .nieuwsBox ul li a { color: #5e5e5e; text-decoration: none; } .nieuwsBox ul li a:hover { color: #4d769e; font-weight: bold; } .nieuwsBox ul li a.active { color: #4d769e; font-weight: bold; } /* ### BANNER BOX ### */ .bannerBox { width: 830px; height: 263px; float: right; } /* ### SERVICES CONTAINER ### */ #servicesCntr { padding-bottom: 15px; height: 180px; width: 1114px; overflow: hidden; } #servicesCntr h2 { color: #ff7d00; } #servicesCntr p { padding: 5px 10px 5px 0 ; font-size: 14px; color: #010101; height: 80px; } #servicesCntr a { width: 115px; height: 32px; line-height: 32px; display: block; text-decoration: none; text-align: center; color: #FFFFFF; font-size: 11px; background: url('../images/leesVerder.gif') no-repeat 0 0; } /* ### DOMEINNAMEN BOX ### */ .domeinnamenBox { padding: 15px; width: 229px; float: left; margin-right: 26px; height: 150px; background: url('../images/domeinnamen.gif') no-repeat 0 0;} /* ### HOSTING BOX ### */ .hostingBox { padding: 15px; width: 229px; float: left; margin-right: 26px; height: 150px; background: url('../images/hosting.gif') no-repeat 0 0;} /* ### SERVERS BOX ### */ .serversBox { padding: 15px; width: 229px; float: left; margin-right: 25px; height: 150px; background: url('../images/servers.gif') no-repeat 0 0;} /* ### WEBBUILDER BOX ### */ .webbuilderBox { padding: 15px; width: 229px; float: right; height: 150px; background: url('../images/webbuilder.gif') no-repeat 0 0;} /* ### DOMEIN CONTAINER ### */ #domeinCntr { width: 1114px; margin-bottom: 15px; overflow: hidden; background:url('../images/domeinMid.gif') repeat-y 0 0; } #domeinCntr .top { background: url('../images/domeinTop.gif') no-repeat center top; } #domeinCntr .bottom { padding: 15px 20px 10px 20px; height: 165px; background: url('../images/domeinBottom.gif') no-repeat center bottom; } /* ### DOMEIN BOX ### */ .domeinBox { width: 757px; float: left; padding-left:20px;} .domeinBox h2 { color: #ff7d00; border-bottom: 1px #d5d5d5 solid; } .domeinBox form { padding-top: 20px; padding-bottom: 5px; } .domeinBox form fieldset { padding: 5px; overflow: hidden; width: 422px; height: 39px; background: url('../images/zoekImg.gif') no-repeat 0 0; border: 0px; } .domeinBox form fieldset input { padding: 8px 4px 0px 4px; width: 314px; height: 28px; float: left; font-size: 18px; line-height: 32px; border: 0px; background: none; } .domeinBox form fieldset input.submit { width: 42px; height: 19px; border: 0px; margin: 10px 0 0 40px; text-indent: -9999px; cursor: pointer; float: left; background: url('../images/zoekButton.gif') no-repeat 0 0; } .domeinBox h1 { color: #4d769e; font-size:20px; } .domeinBox h2 { color: #4d769e; font-size:20px; } .domeinBox p { color: #000000; font-size: 14px; line-height: 18px; } .domeinBox table tr td {color:black;font-size: 14px;} .domeinBox ul { padding-top: 10px; } .domeinBox ul li { font-size: 14px;padding-left: 20px; color:black; line-height: 20px; list-style: none; background: url('../images/bulletImg.gif') no-repeat left center;} .domeinBox ul li a { color:black; text-decoration: none; } .domeinBox ul li a:hover { text-decoration: underline; } /* ### WAAROM BOX ### */ .waaromBox { width: 260px; float: right; } .waaromBox h2 { border-bottom: 1px #d5d5d5 solid; } .waaromBox ul { padding-top: 10px; } .waaromBox ul li { padding-left: 20px; line-height: 20px; list-style: none; background: url('../images/rightArrow.gif') no-repeat left center;} .waaromBox ul li a { color: #4d769e; text-decoration: none; } .waaromBox ul li a:hover { text-decoration: underline; } /* ### PARTNERS CONTAINER ### */ #partnersCntr { margin-bottom: 15px; position: relative; z-index: 10; background: url('../images/domeinMid.gif') repeat-y 0 0;} #partnersCntr .top { background: url('../images/partnersTop.gif') no-repeat center top} #partnersCntr .bottom { padding: 10px 20px 10px 20px; height: 104px; background: url('../images/domeinBottom.gif') no-repeat center bottom} /* ### PARTNERS BOX ### */ .partnersBox h2 { border-bottom: 1px #d5d5d5 solid; } .partnersBox ul { list-style: none; } .partnersBox ul li { float: left; display: inline-block; } /* ### DETAILS CONTAINER ### */ #detailsCntr { height: 100%; margin-bottom: 15px; background: url('../images/domeinMid.gif') repeat-y 0 0;} #detailsCntr .top { background: url('../images/partnersTop.gif') no-repeat center top} #detailsCntr .bottom { overflow: hidden; padding: 10px 20px 10px 10px; background: url('../images/domeinBottom.gif') no-repeat center bottom; } /* ### WEBRUIMTE BOX ### */ .webruimteBox { padding: 30px 30px 0px 25px; position: relative; width: 719px; height: 750px; background: url('../images/detailBack.jpg') no-repeat 0 0;} .webruimteBox ul { width: 119px; float: left; } .webruimteBox ul li { list-style: none; color: #000000; font-size: 14px; line-height: 23px; } .webruimteBox table { width: 496px; float: left; } .webruimteBox table tr td { width: 70px; height: 27px; text-align: center; color: #056995; font-size: 11px; } .webruimteBox table tr.separator td { padding: 0px; height: 3px; } .webruimteBox table tr.gray td { padding: 0px; height: 19px; text-transform: uppercase; color: #FFFFFF; font-size: 12px;} .webruimteBox table tr.orange td { padding: 0px; height: 19px; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 14px; } .webruimteBox table tr.price td { color: #ff7d00; font-size: 14px; font-weight: bold; } .webruimteBox table tr td a { width: 28px; text-indent: -9999px; display: block; margin: 0 auto; height: 30px; background: url('../images/cart.gif') no-repeat 0 0; } /* ### WEBCREATING BOX ### */ #detailsCntr div.webcreatingBox { width: 293px; float: right; background: url('../images/webcreatingMid.gif') repeat-y 0 0; } #detailsCntr div.webcreatingBox .top { background: url('../images/webcreatingTop.gif') no-repeat center top; } #detailsCntr div.webcreatingBox .bottom{ padding: 12px 25px; background: url('../images/webcreatingBottom.gif') no-repeat center bottom; } #detailsCntr div.webcreatingBox .bottom h2 { margin-bottom: 10px; color: #3f8aab; font-size: 15px; font-weight: bold; text-align: center; } #detailsCntr div.webcreatingBox .bottom ul { padding: 25px 0;} #detailsCntr div.webcreatingBox .bottom ul li { padding-left: 15px; line-height: 22px; color: #3e8aab; font-size: 15px; list-style: none; background: url('../images/bulletImg.gif') no-repeat left center; } #detailsCntr div.webcreatingBox .bottom ul li a { color: #3e8aab; text-decoration: none; } #detailsCntr div.webcreatingBox .bottom ul li a:hover { text-decoration: underline; } /* ### CONTENT CONTAINER ### */ #contentCntr { margin-bottom: 15px; background: url('../images/domeinMid.gif') repeat-y 0 0; } #contentCntr .top { background: url('../images/contentTop.gif') no-repeat center top; } #contentCntr .bottom { padding: 10px 20px 20px 20px; overflow: hidden; width: 1074px; background: url('../images/domeinBottom.gif') no-repeat center bottom; } /* ### LEFT CONTAINER ### */ #leftCntr { float: left; width: 765px; } /* ### GEKOCHT BOX ### */ .gekochtBox h2 { border-bottom: 1px solid #D5D5D5; } .gekochtBox p { padding: 10px 0 10px 0; color: #282828; font-size: 12px; line-height: 23px; } /* ### KIES BOX ### */ .kiesBox { position: relative; } .kiesBox h2 { border-bottom: 1px solid #D5D5D5; } .kiesBox p { padding: 10px 0 10px 0; color: #282828; font-size: 12px; line-height: normal; } .kiesBox form { padding-top: 8px; width: 350px; height: 22px; float: right; } .kiesBox form fieldset { border: 0px; } .kiesBox form input { width: 205px; height: 18px; float: left; border: inset 2px #CCCCCC; } .kiesBox form select { width: 85px; margin: 0 5px; height: 22px; float: left; border: inset 2px #CCCCCC; } .kiesBox form input.submit { color: #FFFFFF; cursor: pointer; width: 39px; float: left; height: 20px; border: 0px; background: url('../images/zoek.gif') no-repeat 0 0; } .kiesBox table { margin-top: 20px; width: 137px; } .kiesBox table tr td { padding: 2px; line-height: normal; } .kiesBox ul { width: 647px; height: 142px; float: right; position: absolute; left: 145px; top: 155px; } .kiesBox ul li { padding: 15px 70px 0 20px; width: 119px; height: 137px; list-style: none; float: left; } .kiesBox ul li h2 { color: #FFFFFF; font-size: 28px; text-transform: uppercase; border: 0px; } .kiesBox ul li h2 span { font-size: 22px; display: block; } .kiesBox ul li p { padding: 0px; font-family: Tahoma; font-size: 11px; color: #FFFFFF; } .kiesBox ul li a { margin-top: 8px; color: #FFFFFF; text-decoration: none; display: block; } .kiesBox ul li a:hover { text-decoration: underline; } .kiesBox ul li.start { background: url('../images/startImg.jpg') no-repeat 0 0; } .kiesBox ul li.start h2 span { color: #ff7d00; } .kiesBox ul li.pro { margin: 0 10px; background: url('../images/proImg.jpg') no-repeat 0 0; } .kiesBox ul li.pro h2 span { color: #0a395d; } .kiesBox ul li.diamond { background: url('../images/diamondImg.jpg') no-repeat 0 0; } .kiesBox ul li.diamond p { color: #000000; } .kiesBox ul li.diamond a { color: #000000; } .kiesBox ul li.diamond h2 span { color: #000000; } /* ### RIGHT CONTAINER ### */ #rightCntr { float: right; width: 260px; } /* ### RACKS BOX ### */ .racksBox h2 { border-bottom:1px solid #D5D5D5; } .racksBox img { margin-top: 20px; } /* ### FOOTER CONTAINER ### */ #footerCntr { padding: 30px 20px 40px 20px; width:1074px; overflow: hidden; bottom: 0; } #footerCntr h4 {color: #0349a1; text-transform: uppercase; font-size: 12px; font-weight: normal; } /* ### LINKS BOX ### */ .linksBox { padding-bottom: 20px; float:left; width:757px; overflow: hidden; } .linksBox ul { padding-right: 15px; width: 160px; float: left; } .linksBox ul li { list-style: none; line-height: 24px;} .linksBox ul li a { color: #000000; font-size: 11px; text-decoration: underline; } .linksBox ul li a:hover { text-decoration: none; } /* ### HEEFT BOX ### */ .heeftBox { float:right; width:260px; } .heeftBox h3 { color: #9c9c9c; font-size: 18px; margin-top: 5px; font-weight: normal;} .heeftBox ul { padding: 5px 0 20px 0; } .heeftBox ul li { list-style: none; } .heeftBox ul li a { padding-left: 40px; height: 30px; color: #000000; font-size: 12px; line-height: 30px; text-decoration: none; display: block; } .heeftBox ul li a:hover { text-decoration: underline; } .heeftBox ul li a.linkedin { background: url('../images/linkedin.gif') no-repeat left center; } .heeftBox ul li a.facebook { background: url('../images/facebook.gif') no-repeat left center; } .heeftBox ul li a.twitter { background: url('../images/twitter.gif') no-repeat left center; }