/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
} */

body{
	font-family: sans-serif,Arial,Verdana;
	font-size: 70%;
	color: #6B6753;
	background-repeat: repeat-x;	
	line-height: 1.4;	
	margin: 0px;
	padding: 0px;
    height: 100%; 	
/*	overflow-y: scroll;	 */
	margin-bottom: 1px;	
}

a.test{
	background-image: url(./../images/Achtergrond_ReceptPaneel_off.png);	
	color: #6B6753;
	width:235px;
	height:262px;	
/*	font-weight: bold; */
	text-decoration: none;
	display:block;
}

a.test:link{
	background-image: url(./../images/Achtergrond_ReceptPaneel_off.png);		
	color: #6B6753;
/*	font-weight: bold; */
	text-decoration: none;
}

a.test:visited{
	color: #6B6753;
/*	font-weight: bold; */
	text-decoration: none;
}

a.test:hover{
	background-image: url(./../images/Achtergrond_ReceptPaneel_on.png);		
	color: #6B6753;
/*	font-weight: bold; */
	text-decoration: none;
}

a{
	color: #6B6753;
/*	font-weight: bold; */
	text-decoration: none;
}

a:link{
	color: #6B6753;
/*	font-weight: bold; */
	text-decoration: none;
}

a:visited{
	color: #6B6753;
/*	font-weight: bold; */
	text-decoration: none;
}

a:hover{
	color: #F9D238; 
/*	font-weight: bold; */
	text-decoration: none;
}

img {border: none;}
/* a {color: #423b35;} */
* {margin: 0; padding: 0;}
/* h1,h2{ font-weight: normal; margin: 10px 0; padding: 10px 0;}
h1 {
	font-size: 4em;
	padding: 15px 5%;
	margin: 0 auto;
	background: #2b221b;
	line-height: 1em;
	color: #e3e1d5;
	border-bottom: 1px solid #1b140e;
} */
.container {
	padding: 10px 5%;
}

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;  }



/* .block h2 {
	font-size: 1.8em;
} */

.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; }

.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
.white_content {
	display: none;
	position: absolute;
	top: 285px;
	left: 20%;
	width: 750px;
	height: 875px;
	padding: 0px;
	border: 0px solid orange;
	z-index:1002;
	overflow: auto;
}


/* 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;
}

#recept_zoeken{
	margin-left: auto;   /* om div te centreren */
	margin-right: auto;  /* om div te centreren */
	padding: 4px 0px 4px 0px;
	border-top: 1px solid #E7E7DE;
	border-bottom: 1px solid #E7E7DE;
	text-align: center;	
}

#header{
	background-image: url(./../images/Achtergrond_Header.png);	
	background-repeat: repeat-x;		
  	width: 100%;	
	height: 40px;
	padding: 0px 0px 0px 0px;
}

#header_container{
/*	z-index:99999; disabled 02/01/09 */ 
    height:40px;
/*  margin-left:auto;
    margin-right:auto;
    width:1000px;
	position: absolute;  disabled 02/01/09 */
	width:740px;
	margin:0 auto;
	overflow:hidden;	
}

#footer{
	background-color: #FDF8E0;
	text-align: center;
	width: 100%;	
	height: 31px;	
	/* font-weight: bold; */
	/* font-size: 95%; */
	/* color: #999999; */
	border-top: 1px solid #E7E7DE;
	/* padding: 7px 0px 3px 0px; */
	clear: both;	
}

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;
}

/************* #footer styles ***************/

#footer a{
	color: #999999;
	text-decoration: none;
}

#footer a:link{
	color: #999999;
	text-decoration: none;
}

#footer a:visited{
	color: #999999;
	text-decoration: none;
}

#footer a:hover{
	color: #6B6753;
	text-decoration: none;
}

.recept_paneel_klein{
	float:left;
	width:235px;
	height:262px;
}

.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;	
}

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

#logo{
	position: absolute;
	/*margin-left: 50px;
	float: left;*/
	width: 138px;
	height: 80px;
	top: -18px;
}

#navigatie{
	width: auto;
	/* float: left; */
	height: 40px;
}

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

.input_knop {
	position: relative;
	font-family: sans-serif,Arial,Verdana;
	font-size: 105%;	
	font-weight: normal;
	color: #6B6753;	
	background: url(./../images/Achtergrond_KnopGeel_160x33_over.png) no-repeat;
	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;
} 

/************* #taalmenu styles ***************/

#taalmenu{
	width: auto;
	float: left;
	height: 40px;
}

#lang_dropdown {
	POSITION: relative; 
	left: 0px;
	top: 13px;
	WIDTH: 162px; 
	HEIGHT: 17px; 
	OVERFLOW: hidden; 
	/* background: #FFFFFF; */
	BORDER-LEFT: #b8b8b8 0px solid; 
	BORDER-RIGHT: #b8b8b8 0px solid; 
	BORDER-TOP: #b8b8b8 0px solid; 
	BORDER-BOTTOM: #b8b8b8 0px solid; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
}

.langcontent_top {
	POSITION: relative; 
	LEFT: 0px;
	TOP: 0px; 
	WIDTH: 142px; 	
	DISPLAY: block; 
	CURSOR: hand; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
	PADDING: 0px; 
}

.langcontent {
	POSITION: relative; 
	LEFT: 0px;
	TOP: 0px; 
	WIDTH: 142px; 	
	DISPLAY: block; 
	CURSOR: hand; 
	background: #FFFFFF;
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
	PADDING: 0px; 
}

DIV.langtext {
	MARGIN-LEFT: 0px; 
	WIDTH: 110px; 
	FONT-SIZE: 90%; 
	COLOR: #6B6753! important
}

A.lang_selected {
	font-family: sans-serif,Arial,Verdana;
	FONT-SIZE: 90%; 
	COLOR: #6B6753; 
}



/* styles for dropdown Apple */
#recepten {padding:0; margin:0;}

#recepten select {font: 11px/17px arial,sans-serif; color:#6a6456;}
.select {
	position: absolute;
	margin-top:3px;
	width: 85px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 17px;
	padding: 0 24px 0 6px;
	color: #6a6456;
	font: 11px/17px arial,sans-serif;
	background: url(./../images/select.png) no-repeat;
	overflow: hidden;
}
#recepten span.text {
	display:inline-block;
	height:17px;
	color: #6a6456;
	font: 11px/17px arial,sans-serif;
	padding:0 10px;
}
/* ----------------------------- */