ul.column{ width: 100%; padding: 0; margin: 10px 0 0px 0; list-style: none; }


/* werkte met width 185 en regel 281 op 200 */
ul.column li { float: left; width: 225px; padding: 0; margin: 5px 0; display: inline; }
.block {  font-size: 12px; margin-right: 10px;  }


.xboxcontent img { width:89%; padding:0; margin: 0 auto 10px auto !important; background:#fff; border:none; -ms-interpolation-mode: bicubic; display: block; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }

.xsnazzy {background: transparent; margin:0;  }

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ffffff; border-left:1px solid #DADADA; border-right:1px solid #DADADA;}
.xb1 {margin:0 5px; background:#DADADA;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

/* deze hoogte moet je verstellen als je wilt dat in IE 6 ook het schalen goed blijft gaan, is deze te laag dan gaat het met schalen mis */
.xboxcontent {display:block; background:#ffffff; border:0 solid #DADADA; border-width:0 1px; padding:10px 10px; height: 275px; }



/* NIEUW t.o.v. test */

#page{
	background-image: url(./../images/Achtergrond_Kaaspunt.jpg);
	background-color: #FEFBF2;
	background-position: bottom center;
	background-repeat: no-repeat;	
	width: 100%; 
    min-height: 100%; 
    height: auto !important; 	
    height: 100%; 	
    margin: 0 auto -30px; 
	margin-bottom: 1px;	
}

#main{
  	width: 100%;	
}

#main_container_recept{
	margin-left: auto;   /* om div te centreren */
	margin-right: auto;  /* om div te centreren */
  	width: 100%;	
}

#recept_vandemaand{
	margin-left: auto;   /* om div te centreren */
	margin-right: auto;  /* om div te centreren */
	margin-bottom:-5px;
	width: 625px;
	height: 185px;
	padding: 0px 0px 0px 0px;	
}

#banner_wit{
	width: 100%;
	background: #FFFFFF;
}

h3{
	font-family: Sans-Serif,Arial,Verdana;
	font-size: 125%;
	color: #6B6753;
	/* deze height heb ik gezet om de titel en het product van het recept op 1 rechte lijn te houden over meerdere recepten */
	min-height:65px;
    height:auto !important;
    height:65px;
	padding: 0px 15px 0px 15px;	
}

h4{
	font-family: Sans-Serif,Arial,Verdana;
	font-size: 100%;
	color: #F6C400;
	padding: 0px 15px 0px 15px;		
}

h6{
	font-family: Sans-Serif,Arial,Verdana;
	font-size: 165%;
	color: #F6C400;
	letter-spacing: 0px;
	margin-top:0px; 
	margin-bottom:0px; 		
}

.recepten_display{
	font-family: Sans-Serif,Arial,Verdana;
	font-size: 180%;
	font-style: bold;
	color: #F6C400;
	letter-spacing: 0px;
	margin-top:0px; 
	margin-bottom:0px; 		
}

.receptsoort{
  font-family: sans-serif,Arial,Verdana;
  font-size: 90%;
  color: #6B6753;		
  padding: 0px 15px 0px 15px;	
}

.select_100{
	font-family: sans-serif,Arial,Verdana;
	font-size: 100%;
	color: #6B6753;
}
.recept_paneel_klein_img{
	width:200px;
	height:130px;
	padding:15px 20px 0px 15px;	
}

.recept_paneel_klein_title{
	width:235px;
	height:55px;
	padding:0px 0px 5px 0px;	
}

.recept_paneel_klein_prod{
	width:235px;
	height:25px;
	padding:0px 0px 0px 0px;	
}

.recept_paneel_klein_descr{
	width:200px;
	padding:0px 18px 0px 17px;	
}

#recept_paneel_boven{
	background-image:url(./../images/Achtergrond_ReceptPaneel_boven.png);	
	width:660px;
	height:15px;	
	padding:0px 20px 0px 20px;			
}

#recept_paneel_midden{
	background-image: url(./../images/Achtergrond_ReceptPaneel_midden.png);	
	width: 660px;	
	padding: 0px 20px 20px 20px;	
}

#recept_paneel_onder{
	background-image: url(./../images/Achtergrond_ReceptPaneel_onder.png);	
	width: 700px;	
	height: 20px;
}

.knop_168 {
	width: 168px;
	height: 33px;	
	border: 0px;
	background-image: url(./../images/Achtergrond_KnopGeel_168x33.png);
	font-family: sans-serif,Arial,Verdana;
	font-size: 110%;
	color: #6B6753;
	margin-top: 5px;
	margin-bottom: 5px;	
	padding: 0px 0px 0px 10px;
	text-align: left;	
}

/************* #form styles ***************/

.input_knop {
	position: relative;
	font-family: sans-serif,Arial,Verdana;
	font-size: 105%;	
	font-weight: normal;
	color: #6B6753;	
	white-space: nowrap;
	display: block;
	width: 160px;
	height: 33px;
	margin: 0;
	padding: 0;
}

.input_knop a  {
	display: block;
	font-size: 105%;
	font-weight: normal;	
	color: #6B6753;		
	width: 160px;
	height: 33px;
	float: left;
	text-decoration: none;
}

.input_knop img {
	width: 160px;
	height: 33px;
	border: 0
}

* html a:hover {
	visibility:visible
}

.input_knop a:hover img {
	visibility:hidden
}

.input_knop span {
	position: absolute;
	left: 10px;
	top: 8px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}