@charset "utf-8";

/*--[ tussenmenu's ]--*/

.actie-tm 
{
	background-image:url(/images/actie-tm.jpg);
	background-repeat: no-repeat;
}

.dedicated-tm 
{
	background-image:url(/images/dedicated-tm.jpg);
	background-repeat: no-repeat;
}

.webhosting-tm 
{
	background-image:url(/images/webhosting-tm.jpg);
	background-repeat: no-repeat;
}

.email-tm 
{
	background-image:url(/images/email-tm.jpg);
	background-repeat: no-repeat;
}

.vps-tm 
{
	background-image:url(/images/vps-tm.jpg);
	background-repeat: no-repeat;
}

.cloud-tm 
{
	background-image:url(/images/cloud-tm.jpg);
	background-repeat: no-repeat;
}

/*--[ einde tussen menu's ]--*/
.banner-foto-email
{
	background-image: url(/webhosting/images/banner-foto-email.jpg);
	background-repeat: no-repeat;
}	

.bannerfoto-cms-hosting
{
	background-image: url(/webhosting/images/bannerfoto-cms-hosting.jpg);
	background-repeat: no-repeat;
}	
.bannerfoto-wh 
{
	background-image: url(/webhosting/images/banner-foto.jpg);
	background-repeat: no-repeat;
}	
.bannerfoto-ssl 
{
	background-image: url(/ssl/images/bannerfoto-ssl.jpg);
	background-repeat: no-repeat;	
}
.bannerfoto-klein-wh 
{
	background-image: url(/webhosting/images/banner-foto-klein.jpg);
	background-repeat: no-repeat;
}
.bannerfoto-klein-linux-actie
{
background-image: url(/linux_actie/images/bannerfoto-klein-linux-actie.jpg);
background-repeat: no-repeat

}
.bannerfoto-home-dedicated
{
	background-image: url(/dedicatedservers/images/bannerfoto-home-dedicated.jpg);
	background-repeat: no-repeat;
}
.bannerfoto-home-dedicated-eng
{
	background-image: url(/dedicatedservers/images/bannerfoto-home-dedicated-eng.jpg);
	background-repeat: no-repeat;	
}
.kader-unmanaged-details
{
	background-image: url(/dedicatedservers/images/kader-unmanaged-details.jpg);
	background-repeat: no-repeat;
	
}
.kader-managed-details
{	
	background-image: url(/dedicatedservers/images/kader-managed-details.jpg);
	background-repeat: no-repeat;		
}
.bannerfoto-klein-dedicatedhosting 
{
	background-image: url(/dedicatedservers/images/banner-foto-ddserver-truflex-klein.jpg);
	background-repeat: no-repeat;
}
.besturingssysteem-cloud
{
	background-image: url(/cloud/images/besturingssystemen.jpg);
	background-repeat: no-repeat;	
	border-bottom:1px solid #D5DADF;
}
.header-enterprise
{	
	back-ground-image: url(/enterprisesolutions/images/header-enterprise.png);
	background-repeat: no-repeat;	
	
}
.cloud-header
{
	background-image: url(/cloud/images/cloud-header.jpg);
	background-repeat: no-repeat;
	
}

.header-cloud-new
{
	background-image: url(/cloud/images/header-cloud-new.jpg);
	background-repeat: no-repeat;
	
}

.header-magento
{
	background-image: url(/cloud/images/cloud-gratis-magento.jpg);
	background-repeat: no-repeat;
	
}

.cloud-tech-specs
{
	background-image: url(/cloud/images/cloud-tech-specs.png);
	background-repeat: no-repeat;	
	
}
.cloud-expended
{	
	background-image: url(/cloud/images/expended.png);
	background-repeat: no-repeat;	
	
}
.cloud-expended-test
{
	background-image: url(/cloud/images/expended-test.png);
	background-repeat: no-repeat;			

	
}
.cloud-tech-specs-rechts
{
	background-image: url(/cloud/images/cloud-tech-specs-rechts.png);
	background-repeat: no-repeat;	
	
}
.cloud-tech-specs-rechts-test
{	
	background-image: url(/cloud/images/cloud-tech-specs-test.png);
	background-repeat: no-repeat;		
}
.letushelp
{
	background-image: url(/cloud/images/letushelp.png);
	background-repeat: no-repeat;

}
.cloud_itup
{
	background-image: url(/cloud/images/cloud_itup.jpg);
	background-repeat: no-repeat;	

}
.header-bedankt
{
	background-image: url(/bedankt/images/header-bedankt.jpg);
	background-repeat: no-repeat; 	
	
}
.bannerfoto-klein-dedicatedhosting-truflex200 
{
	background-image: url(/dedicatedservers/images/banner-foto-ddserver-truflex200-klein.jpg);
	background-repeat: no-repeat;
}
.bannerfoto-klein-dedicatedhosting-truflex400 
{
	background-image: url(/dedicatedservers/images/banner-foto-ddserver-truflex400-klein.jpg);
	background-repeat: no-repeat;
}
.bannerfoto-klein-dedicatedhosting-truflex800 
{
	background-image: url(/dedicatedservers/images/banner-foto-ddserver-truflex800-klein.jpg);
	background-repeat: no-repeat;
}
.header-dedicated-formulier
{
	background-image: url(/dedicatedformulier/images/header-dedicated-formulier.jpg);
	background-repeat: no-repeat;
}	

.home-vps
{
	background-image: url(/vps/images/home-vps.jpg);
	background-repeat: no-repeat;
}
.home-colocatie
{
	background-image: url(/colocatie/images/home-colocatie.jpg);
	background-repeat: no-repeat;	
}
.home-colocatie-kasia
{
	background-image: url(/colocatie/images/home-colocatie-kasia.jpg);
	background-repeat: no-repeat;
}
.home-colocatie-test
{
	background-image: url(/colocatie/images/home-colocatie-test.jpg);
	background-repeat: no-repeat;	
}
.banner-truflex100
{	
	background-image: url(/dedicatedservers/images/banner-truflex100.jpg);
	background-repeat: no-repeat;		
}

.banner-truflex-managed
{
	background-image: url(/dedicatedservers/images/banner-truflex-managed.jpg);
	background-repeat: no-repeat;	
	
}

.header
{
	background-image: url(/vds/images/header.jpg);
	background-repeat: no-repeat;
}
.header-reseller
{
	background-image: url(/reseller/images/header-reseller.jpg);
	backgroud-repeat: no-repeat;
}

.header-reseller-eng
{
	background-image: url(/reseller/images/header-reseller-eng.jpg);
	backgroud-repeat: no-repeat;
}
.banner-reseller
{
	background-image: url(/reseller/images/banner-reseller.jpg);
	background-repeat: no-repeat;	
}	
.banner-header-hosted-exchange
{
	background-image: url(/hosted-exchange/images/header-hosted-exchange.jpg);
	background-repeat: no-repeat;	



}
.header-vps
{
	background-image: url(/vps/images/header-vps.jpg);
	background-repeat: no-repeat;	
}

.header-datacenters
{
	background-image: url(/datacenters/images/header-datacenters.jpg);
	background-repeat: no-repeat;	
}
.banner-reseller-eng
{
	background-image: url(/reseller/images/banner-reseller-eng.jpg);
	background-repeat: no-repeat;	
}	
.wh-banner01 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 5px;
	font-size: 44px;
	line-height:62px;
	font-weight:inherit;
}

.wh-banner02 {
	color:#333;
	font-size:14px;
	line-height:22px;
	margin-bottom:20px;
	padding-bottom:5px;
}
.wh-banner07 {
	color: #FFFFFF;
	font-size:20px;
	padding:0 5px;
	line-height:30px;
	margin-bottom:25px;
	padding-bottom:5px;
}

.wh-banner03 {
	color:#81979e;
	font-size: 24px;
	line-height: 22px;
	padding-bottom: 5px;
	font-weight:inherit;
	
}
.wh-banner04 {
	color: #333;
	font-weight:normal;
	padding:0 5px;
	font-size: 30px;
	line-height: 62px;
	font-weight: inherit;	

}
.wh-banner-enterprise {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#3d8ecc;
	font-size:20px;
	display:block;
	line-height: 30px;
	margin:0 0 8px
}
.wh-banner-enterprise02 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 23px;
	line-height:30px;
	font-weight:inherit;

}

.wh-banner-enterprise02-enterprise-virtual {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 5px;
	font-size: 22px;
	line-height:62px;
	font-weight:inherit;

}
enterprise-titel-oranje {
	color: #333;
	font-weight:normal;
	padding:0 5px;
	font-size: 30px;
	line-height: 62px;
	font-weight: inherit;	
}
.wh-kop {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#f90;
	font-size:20px;
	border-bottom:1px solid #ccc;
	display:block;
	line-height: 30px;
	margin:0 0 8px

}
.ddserver-banner {
	font-size: 20px;
	line-height: 26px;
}

.wh-kop-ssl {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#3399ff;
	font-size:20px;
	line-height: 30px;

}
	
.wh-kop-cloud {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #2ca8f6;
	font-size: 27px;
	border-bottom:1px solid #ccc;
	display:block;
	line-height: 26px;
	margin: 0 0 8px;

}
.wh-kop-cloud-techspecs{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #199add;
	font-size: 15px;
	line-height: 12px;
}
.wh-kop-cloud-techspecs-uitleg{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #199add;
	font-size: 16px;
	line-height: 12px;
}

.wh-kop-reseller {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#8ca0a7;
	font-size:20px;
	line-height: 30px;	
}

.dedicated-kop-truflex {
	font-family: Arial, Helvertica, sans-seriff;
	font-weight:normal;
	color: #2C67B1;
	font-size: 18px;
	line-height: 30px;
	
}

.dedicated-kop-truflex {
	font-family: Arial, Helvertica, sans-seriff;
	font-weight:normal;
	color: #2C67B1;
	font-size: 18px;
	line-height: 30px;
	border-bottom:1px solid #ccc;
	
}

.order-formulier-website {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 16px;
	line-height: 30px;	

}	
	.text-webhosting-landingspage {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #696969;
	font-size: 11px;
	line-height: 23px;	
	
}
	
.neem-je-eigen-datacenter-tijd {
	background-image:url(/dedicatedservers/images/neem-je-eigen-datacenter-tijd.jpg);
	background-repeat: no-repeat;
}	
.underconstruction
{
	background-image: url(/enterprise/images/under-construction.png);
	background-repeat: no-repeat;
}

.test-van-hostway {
		background-image:url(/testomgeving/test-van-hostway.swf);
		background-repeat: no-repeat;
}

.bg-cms-light {
		background-image:url(/webhosting/images/bg-cms-light.jpg);
		background-repeat: no-repeat;
		width: 100%;
		color: #555;
		text-align: left;
}

.bg-cms-advanced {
		background-image:url(/webhosting/images/bg-cms-advanced.jpg);
		background-repeat: no-repeat;
		width: 100%;
		color: #555;
		text-align: left;

}

.uitleg-cms-kader {
		background-image:url(/webhosting/images/uitleg-cms-kader.jpg);
		background-repeat: no-repeat;
		width: 100%;
		color: #555;
		text-align: left;
}

.banner-enterprise {
		background-image:url(/iamges/banner-enterprise.png);
		background-repeat: no-repeat;
}

/* Interior Sub Nav */
#int-subnav {margin:0;padding:0;float:right}
#int-subnav li {display:inline}
#int-subnav li a {background:#ddd;color:#000;padding:7px 10px;font:10px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}
#int-subnav li a:hover  {color:#000}	

	
#smallTable  {
width: 100%;
margin: 5px 0px 15px 0px;
font-size: 0.917em;
border-collapse: collapse;
color: #555;
text-align: left;
}

#smallTable td {
padding: 4px 10px 5px 10px;
border: solid 1px #CCC;
vertical-align: middle;
}

#smallLeftTable table {
width: 100%;
margin: 5px 0px 15px 0px;
font-size: 0.917em;
border-collapse: collapse;
color: #555;
text-align: left;
}

#smallLeftTable table img { text-align: center; }

#smallLeftTable td {
padding: 4px 10px 4px 10px;
border: solid 1px #CCC;
vertical-align: middle;
}

#noBorderTable table {
width: 100%;
margin: 5px 0px 15px 0px;
border-collapse: collapse;
color: #555;
text-align: center;
}

#noBorderTable td {
padding: 5px;
vertical-align: middle;
}

#marketingBoxAColumn {
float: left;
width: 578px; /*593px*/
height: 250px;
}

#marketingBoxBColumn {
float: right;
width: 352px; /*used for left padding*/
height: 250px;
padding: 0px 15px 0px 0px;
}

#marketingBoxCColumn {
float: left;
width: 352px; /*used for right padding*/
height: 250px;
padding: 0px 0px 0px 15px;
}

#marketingBoxDColumn {
float: right;
width: 593px;
height: 250px;
}

#marketingBoxXColumn {
float: left;
width: 960px;
height: 250px;
}

#marketingBannerBlurb {
margin: 5px 15px 0px 15px;
}

/*[ zebra stripe row ]*/
.tableStripe, .tableStripe td { background: #EEE; }

#orderNowLargeLeft{ /*left*/
display: block;
width: 104px;
height: 30px;
background: url("../media/hw/order-now-large-blue.png") no-repeat;
}

#orderNowLargeLeft:hover { background-position: 0px -30px; }

#orderNowLarge {
display: block;
margin: 0px auto 0px auto;
width: 104px;
height: 30px;
background: url("../media/hw/order-now-large-blue.png") no-repeat;
}

#orderNowLarge:hover { background-position: 0px -30px; }

#orderNowSmall {
display: block;
margin: 0px auto 0px auto;
width: 52px;
height: 15px;
float: none;
background: url("../media/hw/order-now-small-blue.png") no-repeat;
}

#orderNowSmall:hover { background-position: 0px -15px; }

#orderNowSmallLeft {
display: block;
margin: 0px auto 0px auto;
width: 52px;
height: 15px;
float: none;
background: url("../media/hw/order-now-small-blue.png") no-repeat;
}

#orderNowSmallLeft:hover { background-position: 0px -15px; }

/*[ title row ]*/
.tableTitle td, td.tableTitle {
font-size: 1.333em;
font-family: Arial;
font-weight: bold;
text-align: center;
color: #FFF;
background: #999;
}

.tableSubTitle td, td.tableSubTitle {
font-size: 1.1em;
font-family: Arial;
font-weight: bold;
text-align: left;
color: #666;
background: #EFEFEF;
text-align: left;
}

/* Lists */
/*#container ul {margin-bottom:18px;list-style:none outside;padding:0 5px}
#container ul li, #container ol li {margin-bottom:8px}*/
#container ol {margin-bottom:18px;list-style:decimal;margin-left:30px}
#container ol ul li {list-style:none}
#container ol li {list-style:decimal;

.main680 #main-content {float:left;width:680px}
.main680 #right-sidebar {float:right;width:200px}
.main600 #main-content, #main-content .main600 {float:left;width:580px}
.main600 #right-sidebar {width:200px}
.width680 {width:680px} .width620 {width:620px} .width600 {width:600px} .width520 {width:520px} .width480 {width:480px} .width440 {width:440px} .width380 {width:380px} .width320 {width:320px} .width280 {width:280px} .width200 {width:200px} .width180 {width:180px} .width120 {width:120px} .width80 {width:80px} .width40 {width:40px}
/* Grid Structure */
.column {float:left}
.grid2col .column {width:440px} .grid3col .column {width:280px} .grid4col .column {width:200px} .grid6col .column {width:120px} .grid8col .column {width:80px}
.main680 #main-content .grid2col .column {width:320px}
.main680 #main-content .grid3col .column {width:280px}
.main600 #main-content .grid2col .column {width:280px}
.main440 #main-content .grid2col .column {width:200px}
.main280 #main-content .grid2col .column {width:120px}

/* Right Nav */
#container #right-nav {margin:0 0 20px}
#container #right-nav h4 {margin:0 0 10px;padding:0}
#container #right-nav h4 a {text-decoration:none;display:block;color:#222}
#container #right-nav h4 a:hover {color:#08c}
#container #right-nav ul {margin:0;padding:0}
#container #right-nav ul li {margin:0 0 2px 0;padding:0}
#container #right-nav li a {background:#fff;color:#222;display:block;font-size:11px;line-height:1.5em;padding:5px;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px}
#container #right-nav li a.subsub {border-bottom:0}
#container #right-nav li a:hover{background:#f7f7f7;text-decoration:none}
#container #right-nav li ul {display:none}
#container #right-nav li ul li {border-bottom:none}
#container #right-nav li ul a {border-bottom:0;color:#06c;display:block;font-size:10px;line-height:12px;padding:5px 5px 5px 20px;width:195px;text-decoration:none}
#container #right-nav li ul a:hover {background:#f7f7f7;text-decoration:underline}

/* Product Summary */
#prod-summary {background:#f7f7f7;box-shadow:rgba(0,0,0, .3) 0px 0px 2px;-moz-box-shadow:rgba(0,0,0, .3) 0px 0px 2px;-webkit-box-shadow:rgba(0,0,0, .3) 0px 0px 2px;padding:20px 0;margin:0 0 30px 0;border-top:1px solid #fff}
#prod-summary2 {background:#ebf9ff;box-shadow:rgba(0,0,0, .3) 0px 0px 2px;-moz-box-shadow:rgba(0,0,0, .3) 0px 0px 2px;-webkit-box-shadow:rgba(0,0,0, .3) 0px 0px 2px;padding:20px 0;margin:0 0 30px 0;border-top:1px solid #fff}
#prod-summary h3, #prod-summary2 h3 {padding:0 5px 10px;color:#000;text-shadow:#fff 0 1px 0}
#prod-summary h3 a {text-shadow:#fff 0 1px 0}
#prod-summary2 h3 a {color:#000;text-shadow:#fff 0 1px 0}
#prod-summary2 h3 a:hover {color:#000;text-shadow:#fff 0 1px 0}
.prod-summary-button {margin:0 0 20px 20px}
#price-tag {background:url(/images/global/sales/price-tag.png) no-repeat left top;height:40px;padding:8px 0 0 5px;float:right;margin:-10px -45px 0 0;width:95px;text-shadow:0 1px 0 rgba(255,255,255,.5)}
#prod-summary div, #prod-summary2 div {padding:0 15px}
#prod-summary span, #prod-summary2 span {margin-left:15px}
#prod-summary span a span, #prod-summary2 span a span {margin:0}

/*--[ columns ]--*/
#twoColumn { /*width: 480px;*/ width: 50%; }
#threeColumn { /*width: 320px;*/ width: 35%; }
#fourColumn { /*width: 12px;*/ width: 35%; }
#fiveColumn { /*width: 177px;*/ width: 18%; }
#aColumn { /*width: 593px;*/ width: 61%; }
#bColumn { /*width: 367px;*/ width: 38%; }
#cColumn { /*width: 367px;*/ width: 38%; }
#dColumn { /*width: 593px;*/ width: 61%; }
#xColumn { /*width: 960px;*/ width: 100%; }
#yColumn { /*width: 960px;*/ width: 100%; }
#eColumn { /*width: 720px;*/ width: 75%; }
#fColumn { /*width: 240px;*/ width: 25%; }
#gColumn { /*width: 240px;*/ width: 25%; }
#hColumn { /*width: 720px;*/ width: 75%; }

/*----[ structure ]----*/
/*--[ page ]--*/
#page { height: 960px; }

/*--[ header ]--*/
/*[ franchise Dropdown list ]*/
#franchiseDropdown { padding: 8px 0px 0px 0px; }

#headerTopLinks { margin: 0px 0px 0px -10px; } /*weird IE repeat bug fix*/

/*--[ marketing box ]--*/
#marketingBox { width: 957px; }
#marketingBoxColumnTwo { width: 364px; }


/*[ marketing box ]*/
#marketingBoxAColumn { width: 578px; }
#marketingBoxBColumn { width: 367px; }
#marketingBoxCColumn { width: 367px; }
#marketingBoxDColumn { width: 578px; }
#marketingBoxXColumn { width: 960px; }

/*--[ tabs ]--*/
ul#tabs li { margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px; }

/*--[ domain search box ]--*/
#domainSearchBoxLargeColumnOne { width: 430px; }
#domainSearchBoxLargeColumnTwo { width: 230px; }
#domainSearchBoxLargeColumnThree { width: 230px; }
#domainSearchBoxSmallColumnOne input { height: 100%; }

/*----[ general styling ]----*/

/*--[ typography ]--

/*--[ lists ]--*/

.greylist ul { 
padding: 0px 0px 0px 0px;
list-style-position: outside;
text-indent: 0px;
}

.orangelist ul { 
padding: 0px 0px 0px 0px;
list-style-position: outside;
text-indent: 0px;
}

/*[ blue hover list on site index page ]*/
.blueHoverList li a { float: none; }


hr { margin: 0px 0px 0px 0px; }

/*---[NEWS]---*/
.thumbnails {
padding: 3px;
margin: 3px 5px 0px 0px;
width: 50px;
height: 50px;
float: left;
border: 0px;
}


/*--[ breakout box ]--*/
#breakoutBox {
margin: 15px 0px 15px 0px;
padding: 5px 15px 0px 10px;
color: #000;
border: solid 1px #CCC;
}

#breakoutBox .barLink a:link, #breakoutBox .barLink a:visited, #breakoutBox .barLink a:active {
display: block;
margin: 5px -15px 0px -10px;
padding: 5px 0px 5px 10px;
font-weight: bold;
color: #FFF;
background: #0066cc;
}

#breakoutBox .barLink a:hover {
display: block;
margin: 5px -15px 0px -10px;
padding: 5px 0px 5px 10px;
font-weight: bold;
color: #FFF;
background: #FF6600;
}
/*--[ columns ]--*/
#oneColumn {
float: left;
/* width: 960px; */
width: 100%;
clear: both;
}

#twoColumn {
float: left;
/*width: 450px; */
width: 46%;
padding: 0px 15px 0px 15px;
clear: right;
}

#twoColumnNP {
float: left;
/*width: 450px; */
width: 46%;
padding: 0px 15px 0px 0px;
clear: right;
}

#threeColumn {
float: left;
/*width: 290px; */
width: 30%;
padding: 0px 15px 0px 15px;
clear: right;
}

#threeColumnNP {
float: left;
/*width: 290px; */
width: 30%;
padding: 0px 15px 0px 0px;
clear: right;
}

#fourColumn {
float: left;
/*width: 290px; */
width: 30%;
padding: 0px 15px 0px 0px;
clear: right;
}

#fiveColumn {
float: left;
/*width: 192px;*/
width: 20%;
clear: right;