/* HOSTBASKET-pages */
#ContentPane { width:675px; float: left; margin-right: 15px; }
#ContentPaneWide { width:740px; float:left; padding-left:7px; overflow:hidden}
div#rechterkolom {display:inline; float:left; height:auto; min-height:300px; padding: 0 0 0 5px; margin-top: 30px; width: 230px; }

a.BtnArrowOnGrey  {display: block; background: transparent url("http://graphics.tn-media.be/tsd3/jelly_grijs.png") no-repeat left 1px; padding-left: 20px; color: #606060; text-decoration: none; }
a.BtnArrowOnRed {background: transparent url("http://graphics.tn-media.be/tsd3/jelly_rood.png") no-repeat left 1px; padding-left: 20px; color: #e3000b; text-decoration: none; }

span.faq_item  {display: block; background: transparent url("http://graphics.tn-media.be/tsd3/jelly_grijs.png") no-repeat left 1px; padding-left: 20px; color: #606060; text-decoration: none; padding-bottom: 5px; }
span.faq_item  a {text-decoration: none; }

/*http://assets.tn-media.be/graphics/bgRoundYellow.gif */
div.roundedtopyellowborder {background: url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png') no-repeat scroll left top transparent; padding: 0px; padding-left: 15px; overflow: hidden; }
div.roundedtopyellowborder div.roundedtopyellowborder {background: url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png') no-repeat scroll right top transparent; padding: 3px 15px 3px 0; }
div.roundedbottomyellowborder {background: url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png') no-repeat scroll left bottom transparent; padding: 0px; padding-left: 15px; overflow: hidden; }
div.roundedbottomyellowborder div.roundedbottomyellowborder {background: url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png') no-repeat scroll right bottom transparent; padding: 5px 15px 5px 0;  }

/*http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png*/
div.roundedtopgreyborder {background: url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png') no-repeat scroll left top transparent; padding: 0px; padding-left: 15px; overflow: hidden; }
div.roundedtopgreyborder div.roundedtopgreyborder {background: url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png') no-repeat scroll right top transparent; padding: 3px 15px 3px 0; }
div.roundedmiddlegreyborder {background: url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png') no-repeat scroll left center transparent; padding: 0px; padding-left: 15px; overflow: hidden; }
div.roundedmiddlegreyborder div.roundedmiddlegreyborder {background: url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png') no-repeat scroll right center transparent; padding: 5px 15px 5px 0;  }
div.roundedbottomgreyborder {background: url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png') no-repeat scroll left bottom transparent; padding: 0px; padding-left: 15px; overflow: hidden; }
div.roundedbottomgreyborder div.roundedbottomgreyborder {background: url('http://graphics.tn-media.be/tsd3/style/rb_grijzerand_wittehoek.png') no-repeat scroll right bottom transparent; padding: 5px 15px 5px 0;  }

div.roundedtopyellow {background: url('http://graphics.tn-media.be/bgRoundFullYellow.gif') no-repeat scroll left top transparent; padding: 0px; padding-left: 15px; overflow: hidden; }
div.roundedtopyellow div.roundedtopyellow {background: url('http://graphics.tn-media.be/bgRoundFullYellow.gif') no-repeat scroll right top transparent; padding: 3px 15px 3px 0; }
div.roundedbottomyellow {background: url('http://graphics.tn-media.be/bgRoundFullYellow.gif') no-repeat scroll left bottom transparent; padding: 0px; padding-left: 15px; overflow: hidden; }
div.roundedbottomyellow div.roundedbottomyellow {background: url('http://graphics.tn-media.be/bgRoundFullYellow.gif') no-repeat scroll right bottom transparent; padding: 0px; padding: 5px 15px 5px 0;  } 


div.roundedtopgrey {background: url('http://graphics.tn-media.be/bgRoundFullGrey.gif') no-repeat scroll left top transparent; padding: 0px; padding-left: 15px; overflow: hidden; }
div.roundedtopgrey div.roundedtopgrey {background: url('http://graphics.tn-media.be/bgRoundFullGrey.gif') no-repeat scroll right top transparent; padding: 3px 15px 3px 0; }
div.roundedmiddlegrey {background: url('http://graphics.tn-media.be/bgRoundFullGrey.gif') no-repeat scroll left center transparent; padding: 0px; padding-left: 15px; overflow: hidden; }
div.roundedmiddlegrey div.roundedmiddlegrey {background: url('http://graphics.tn-media.be/bgRoundFullGrey.gif') no-repeat scroll right center transparent; padding: 0px; padding: 5px 15px 5px 0;  } 
div.roundedbottomgrey {background: url('http://graphics.tn-media.be/bgRoundFullGrey.gif') no-repeat scroll left bottom transparent; padding: 0px; padding-left: 15px; overflow: hidden; }
div.roundedbottomgrey div.roundedbottomgrey {background: url('http://graphics.tn-media.be/bgRoundFullGrey.gif') no-repeat scroll right bottom transparent; padding: 0px; padding: 5px 15px 5px 0;  } 

.col3, .col4  {display: inline; float: left; padding: 0px 3px; }

.col9 {float: left; display: block; width: 49px; padding: 4px 0;  }
.col9h {float: left; display: block; width: 100px; padding: 4px 0;  }
.col9c {float: left; display: block; width: 49px; padding: 4px 0; }
hr.split {border: 0px; border-bottom: 1px solid #e6e4e4; clear: both; margin-top: 5px; }
.pricemini {background: url('http://graphics.tn-media.be/professioneel2009/hostbasket/pricemini.gif') no-repeat scroll center center transparent; text-align: center;  }

ul li {background: transparent url("http://graphics.tn-media.be/tsd3/bullet_rood.png") no-repeat 1px 5px; padding-left: 12px; }


/* http://www.hostbasket.com/css/telenet-site.css */
#col-left { float:left; width:240px}
#col-right { float:left; width:240px; margin-left: 10px}

.col2, .col2h {float: left; display: block; width: 240px; padding: 4px 10px 4px 0;  }
.col2h {width: 170px; padding: 4px 30px 4px 0;  }
.col3, .col3h {float: left; display: block; width: 134px; padding: 4px 10px 4px 0;  } /* 165px */
.col3h {width: 140px; padding-right: 30px} /* 170px */
.col4, .col4h {float: left; display: block; width: 85px; padding: 4px 10px 4px 0;  } /* 110px */
.col4h {width: 140px; padding-right: 30px} /* 170px */

.col1 { float:left; width:100%; padding:4px 0}
.col2-overview { float:left; width:50%; padding:4px 0}
.col4-overview { float:left; width:25%; padding:4px 0}

.HBtable { margin-bottom:20px}
.HBtable td { border-bottom:1px solid #E6E4E4; padding:10px}
.HBtable th { background: #CCCCCC; padding:10px 0; text-align:center; font-weight:bold; font-size:12px}

.HBtable-pricelist { margin-bottom:20px; width:100%}
.HBtable-pricelist td { border-bottom:1px solid #E6E4E4; padding:5px; text-align:center}
.HBtable-pricelist td.left { background:none; text-align:left}
.HBtable-pricelist td.tablecorner_lb, .HBtable-pricelist td.tablecorner_mb , .HBtable-pricelist td.tablecorner_rb { border-bottom:none}
.HBtable-pricelist th { background: #CCCCCC; padding:10px 0; text-align:center; font-weight:bold; font-size:11px}

.roundedbottomyellowborder li { padding-bottom:4px}

div#error-message { background: #ff999c; border:1px solid #ff0000; padding:10px; margin-top:10px; color:#000000}
a.BtnArrowOnGrey, a.BtnArrowOnRed { cursor:pointer}

/* Prijs  */
.BoxPriceTag {background: transparent url("http://graphics.tn-media.be/tsd3/prijs_bg.png") no-repeat center center; padding-top: 7px; padding-left: 15px; float: right; width: 72px; height: 36px; font-size: 18px; }
.BoxPriceTag  small {font-size: 11px; }



/* HOSTED SERVICES */
/* TSD */
body.hostedservices div#linkerblokbreed, body.hosted-services div#linkerblokbreed {width: 940px; }
body.hostedservices div#linkerblokbreed div#content, body.hosted-services div#linkerblokbreed div#content { width:940px; padding:0;}
body.hostedservices div#rechts, body.hosted-services div#rechts { display: none; }
/* SMB */
body.hosted-services div#linkerblok, body.hosting div#linkerblok {width: 940px; }
body.hosted-services div#linkerblok div#content, body.hosting div#linkerblok div#content { width:940px; padding:0;}
body.hosted-services div#rechts, body.hosting div#rechts { display: none; }