.knop {cursor:pointer;}
#knopbestel{float:right;}
#knopinfo{float:left;}
.homepagecontainer{width:250px;height:225px;background: url(http://www.2call.nl/images/telefoon-placeholderpp.gif);float:left;cursor:pointer;}
.homepagetitel{height:24px;text-align:center;color:#fff;font-size:15px;font-weight:bold;padding-top:4px;}
.homepagepic{height:120px;width:115px;float:left;padding:5px 0 5px 10px;}
.homepagetekst{height:120px;width:115px;float:left;font-weight:bold;font-size:12px;color:#333;padding:5px 0 5px 0;}
.homepageprijs{height:22px;text-align:center;color:#fff;font-weight:bold;clear:both;padding-top:3px;}
.homepagenbuttons{padding:5px 10px 0 10px;}

.homepagecontainerb{width:370px;height:225px;background: url(http://www.2call.nl/images/telefoon-placeholderbpp.gif);float:left;cursor:pointer;}
.homepagetitelb{height:24px;text-align:center;color:#fff;font-size:15px;font-weight:bold;padding-top:4px;}
.homepagepicb{height:120px;width:195px;float:left;padding:5px 0 5px 10px;}
.homepagetekstb{height:120px;width:155px;float:left;font-weight:bold;font-size:12px;color:#333;padding:5px 0 5px 0;}
.homepageprijsb{height:22px;text-align:center;color:#fff;font-weight:bold;clear:both;padding-top:3px;}
.homepagenbuttonsb{padding:5px 10px 0 10px;}


/* Dynamic PV 27/08/09 */
#hp_viewer { 
	width:780px;
	margin:0 auto;
	
}
#hp_viewer p { margin: 0px; }
#hp_viewer h2 a { color: #fff; }
#hp_viewer h2 a:hover { color: #111; }
.hp_widget {
	display: block;
	float: left;
 	margin-left: 5px;
	margin-top: 5px;
}
/* Overrule omdat h2 properties meekrijgt die we niet willen */ 
h2 { text-decoration: none;border: 0; padding: 0; }
/* 2: 12/244/12/244/12/244/12
   3: 12/372/12/372/12
   6: 12/756/12
   */
   /* Basis box */
.hp_b_s1, .hp_b_s2, .hp_b_s3, .hp_b_s6 { display: block; float: left; margin-left: 12px; margin-top: 12px; cursor: pointer; }
.hp_b_s1 { width: 116px;}   .hp_b_s1 img.banner { width: 112px;height: 150px;}
.hp_b_s2 { width: 240px;}   .hp_b_s2 img.banner { width: 236px;height: 150px;}
.hp_b_s3 { width: 368px;  } .hp_b_s3 img.banner { width: 364px;height: 150px;  }
.hp_b_s6 { width: 752px;  } .hp_b_s6 img.banner { width: 748px; height: 150px; }
.hp_c { display: block; height: 150px; border-left: 2px solid #808080; border-right: 2px solid #808080; }
.hp_p { display: block; height: 22px; font-size: 110%; background-color: #808080;text-align:center;color:#fff;font-weight:bold;padding-top:3px; }
.hp_b_s2 .hp_p { text-align: left; padding-left: 30px; }
.hp_b_s1 h2, .hp_b_b1, .hp_b_s2 h2,.hp_b_s3 h2,.hp_b_s6 h2, .hp_b_b2, .hp_b_b3, .hp_b_b6 { float: left; margin: 0px;  padding-top: 5px; text-align: center; color:#FFFFFF; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
.hp_b_s1 h2, .hp_b_b1  { width: 90px; }
.hp_b_s2 h2, .hp_b_b2  { width: 214px; }
.hp_b_s3 h2, .hp_b_b3  { width: 342px;  }
.hp_b_s6 h2, .hp_b_b6  { width: 726px;  }
.hp_bottom{height:2px; border-top:2px solid #808080;}
/* Hogere box */
.hp_b_tx, .hp_b_bx { display: block; height: 25px; }
.hp_b_tx {  background: url(/template/img/widget/hp_t_backx.png) repeat-x; }
.hp_b_tlx { float: left; height: 25px; width: 13px; background: url(/template/img/widget/hp_t_lx.png) no-repeat; }
.hp_b_trx { float: right; height: 25px; width: 13px; background: url(/template/img/widget/hp_t_rx.png) no-repeat; }
.hp_b_bx {  background: url(/template/img/widget/hp_b_backx.png) repeat-x; }
.hp_b_blx { float: left; height: 25px; width: 13px; background: url(/template/img/widget/hp_b_lx.png) no-repeat; }
.hp_b_brx { float: right; height: 25px; width: 13px; background: url(/template/img/widget/hp_b_rx.png) no-repeat; }

.hp_text_s1,.hp_text_s2,.hp_text_s3,.hp_text_s6 { float:left; height: 125px; vertical-align: top; font-weight:bold;font-size:12px;color:#333;padding-top:5px; }
.hp_text_s1 { width: 110px;  text-align: center; }
.hp_text_s2 { width:130px;}
.hp_text_s3 { width:160px;}
.hp_text_s6 { width:300px;}

/* combo */
.hp_b_s2_image{ float:left;padding:5px; width: 82px; height: 118px;  margin: 5px; }
.hp_b_s3_image{ float:left;padding:5px; width: 180px; height: 130px; margin: 5px; }
.hp_b_s6_image{ float:left;padding:5px; width: 180px; height: 130px;  margin: 5px; }
.hp_w_c_image{}

.hp_w_info { float: left;  margin-top: -17px; }
.hp_w_bestel { float: right;  margin-top: -17px; }


.hp_wp { float: left; width: 25%; height: 50px; }


/* Nieuw van joris voor telefoons */
.hp_b_bxtel {  background: url(/template/img/widget/hp_b_backxtel.png) repeat-x; height:50px; border-left:1px #999 solid; border-right:1px #999 solid;}
.hp_ptel { display: block; height: 22px; font-size: 120%; background-color: #808080;text-align:center;color:#fff;font-weight:bold;padding-top:3px; }
.hp_text_s2tel{ float:left; width:130px; height: 125px; vertical-align: top; font-weight:bold;font-size:12px;color:#333;padding-top:5px; text-align:left; }
.hp_w_infotel { float: left;  margin:5px 0 0 5px; }
.hp_w_besteltel { float: right;  margin:5px 5px 0 0; }
.hp_b_b2tel{ margin:0 auto; width:230px;  padding-top: 5px; text-align: center; color:#FFFFFF; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
.specs{height:90px;}
.hp_b_s2tel { width: 240px; display: block; float: left; margin-left: 12px; margin-top: 12px; cursor: pointer; }
.hp_b_s2tel img.banner { width:236px; height: 150px;}
.hp_b_s2tel h2{ float: left; margin: 0px;  padding-top: 5px; text-align: center; color:#FFFFFF; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
.hp_b_s2tel h2, .hp_b_b2  { width: 214px; }