/* ################################################## */
/*  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; }
A:link {text-decoration: none; color:#3e8aab}
A:visited {text-decoration: none; color:#3e8aab}
A:active {text-decoration: none; color:#3e8aab}
A:hover {text-decoration: underline; color:orange}



/* ### 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; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1114px; }

#log		{width: 650px; margin-top: 5px;}
#log_res	{overflow: auto;}
#log_res.ajax-loading	{padding: 20px 0;background: url(../images/loading.gif) no-repeat center;}

/* ### 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: #3A87A9; font-size:18px; }
.domeinBox h2 { color: #4d769e; font-size:20px; }
.domeinBox p { color: #000000; font-size: 12px; line-height: 18px; }
.domeinBox table tr td {color:black;font-size: 14px;}
.domeinBox ul { padding-top: 10px; }
.domeinBox ul li { font-size: 12px;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 12px; 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: #2w82828; 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 10px 20px; width:1074px; overflow: hidden; }
#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; }
.heeftBox ul li a.rss { background: url('../images/feed.jpg') no-repeat left center; }