@charset "utf-8";

/* box 340 px breed */
#box  {
	width : 340px;
	background : url(images/bg-box.gif) repeat-y left top;
	float:right;
	margin-top: 20px;
	margin-left:15px
	}
#box p,td {padding: 0 20px} 
#box .top  {
	background : url(images/bg-box-top.gif) no-repeat left top;
	padding-top: 8px;
	margin: 0
	} 
#box .bottom  {
	height : 20px;
	background : url(images/bg-box-bottom.gif) no-repeat left top;
	}
#box label{font-size:10px}
#box input{width: 120px}
#box_left {
	width : 340px;
	background : url(images/bg-box.gif) repeat-y left top;
	float:left;
	margin-top: 20px;
	}
#box_left p,td {padding: 0 20px} 
#box_left .top  {
	background : url(images/bg-box-top.gif) no-repeat left top;
	padding-top: 8px;
	margin: 0
	} 
#box_left .bottom  {
	height : 20px;
	background : url(images/bg-box-bottom.gif) no-repeat left top;
	}
	
/* tekst naast de box */
#side_tekst_l {float:left; width:50%}
#side_tekst_r {float:right; width:50%}

/* scherm in 2 delen splitsen */
#side_tekst_l_50 {float:left; width:48%; margin:0}
#side_tekst_r_50 {float:right; width:48%; margin:0}

/* box 250 px breed */
#box_250  {
	width : 250px;
	background : url(images/bg-box-250.gif) repeat-y left top;
	float:right;
	}
#box_250 p,td {padding: 0 20px} 
#box_250 .top  {
	background : url(images/bg-box-top-250.gif) no-repeat left top;
	padding-top: 8px;
	margin: 0
	} 
#box_250 .bottom  {
	height : 20px;
	background : url(images/bg-box-bottom-250.gif) no-repeat left top;
	}
#box_250 label{font-size:10px}
#box_250 input{width: 100px}
#side_tekst_l_250 {float:left; width:65%}
#side_tekst_r_250 {float:right; width:65%}
.left {
	float:left;
	width:49%
	}
.right {
	float:right;
	width:49%
	}