/* CSS Document */



body {

	font-family:arial,verdana;

	font-size: 12px;

	margin:0;

	padding:0;

	background-color:#f9f9ee;

	overflow-x:hidden;
	 
	 color:#29292B;

}


b, strong {
	/*color:#53524E;*/
	color:000000;
}


/* Tekst en links opmaak */ 

a{ color:#292929; }



a:hover{ color:#666666;}



a:visited, a:active { color:#292929;}



h2 {color:#666633;}



h3 { 

	color:#666630;

	font-family: Arial, Verdana;

	font-size:1.4em;

	}



h1 {
	font-size:18px;
	font-color:#292929;
	margin:0px;
	padding:0px;
}

h2 {
	color:#292929; 
	font-size:14px;
	margin:0px;
	padding:0px;
}

h4 { 

	color:#292929;

	display:inline;

	font-family: Lucida Sans, Arial, Verdana;

	font-size:1.1em;}

	

img {border:0px;}



p.voorpagina {

	padding:20px;

	padding-top:0px;

	background:0;

}





.underline 	{border-bottom:3px solid #f7f7dd; color:#666633;}

.noborder 	{border:none; text-decoration:none;}
.noborderlink {border:none; text-decoration:none; color:#666630;}

.spacer 	{margin-bottom:300px;} /*tijdelijke vulling*/

/*.inline 	{display:inline;}*/

.lineheight {line-height:150%;}

input .zoek {
	height:12px;
	font-size:10px;
	width:100px;
	}

input .zoek img { border:none;}







/* Uitschuifbare fx.height containers: kookboek en provincie */



#content{

	width: 100%;

	height:0; /* Voorkomt dat de content-layer dichtflitst bij openen pagina 

					Probleem: computers met javascript uit kunnen deze div niet zien */

	background:url(../img/bg_digikookboek.png) repeat-y;

	background-position:top right;

	/*background:#f6f4ef;*/

	color:#000;

	font-size:10px;

}



#kiesprovincie, #emailditrecept{

	height:0; /* Voorkomt dat de content-layer dichtflitst bij openen pagina 

					Probleem: computers met javascript uit kunnen deze div niet zien */

	background:none;

}













/* Balk met logo */

#balk{

	width:100%;

	height:33px;

	border:1px solid black;

	background:url(../img/bg_balk.gif);

	color:white;

}





/* Menu en Champignon-banner */

#menu {

	position:relative;

	width:100%;

	height:150px;

	background:url("../img/header_champignon2.jpg") no-repeat top right;

	border:0px solid red;

	overflow:auto;

	overflow-y:hidden;

}





/*Voorpagina tabs */



#menuitem_recepten {

	position:absolute;

	width:327px;

	height:45px;

	bottom:0;

	border:0px solid black;

	background:url(../img/tab1_metbanner2_1.gif) no-repeat top left;

}



#menuitem_bedrijven {

	position:absolute;

	bottom:0;

	margin-left:327px;

	width:335px;

	height:45px;

	border:0px solid black;

	background:url(../img/tab2_bedrijven.gif) no-repeat top left;

}







/* Tabs bedrijven en recepten */





#submenu {

	position:absolute;

	bottom:0;

	width:325px;

	height:45px;

	border:0px solid black;

	background:url(../img/tab_submenu.gif) no-repeat bottom left;

}





#submenu2 {

	position:absolute;

	bottom:0;

	width:325px;

	height:45px;

	margin-left:327px;

	border:0px solid black;

	background:url(../img/tab_submenu.gif) no-repeat bottom left;

}



#submenu a { float:left; display:block; height:45px; width:150px; overflow:hidden; }





.tab_hover {

	float:left; display:block;

}



.tab {

	float:left; display:block; text-indent:-150px;

}





.tab2_bottom{

position:relative;

margin-bottom:-15px;

width:335px;

height:20px;

background:url(../img/tab2_bottom.gif) bottom left;

background-repeat: no-repeat;

height:30px;

bottom:0;

}





.rodebanner{

margin:0;

background:url(../img/bg_rodebanner_dezeweek.gif) top left;

background-repeat: no-repeat;

height:80px;

font-family:Arial;

font-size:16px;

font-weight:bold;

color:#6F6F3D;

padding:20px;

padding-top:0px;



}







/* Inhoud tabblad recepten */

#receptentab {

	position:relative;

	float:left;

	background:url(../img/bg_receptentab_nieuw.gif);

	width:335px;

	height:100%;

	border:0px solid red;

}



/* Inhoud tabblad bedrijven */

#bedrijventab {

	position:relative;

	float:left;

	background:url(../img/bg_bedrijventab_nieuw.gif);

	background-repeat:repeat-y;

	width:335px;

	height:100%;

	border:0px solid red;

	margin-right:15px;

	margin-bottom:15px;

}







/* Inhoud */

#inhoud{

	border:0px solid black;

	padding-right:20px;

}


#inhoud img {
padding:5px;
}














/* Padding */

#tab1_data, #tab2_data {

padding:10px 25px 10px 25px;

}











/* Recept */



#recept {

	margin-top:40px;

}



.receptopties {

	float:right;

	margin:20px 10px 0px 0px;

	border:0px solid blue;

	width:15%;

}







/* Lijsten */






/* Receptenzoeker */

#receptenzoeker_container {
	margin-left:30px;
	margin-top:-15px;
	background-color:#F5F5DB;
	padding:20px 6px 6px 25px;
	width:215px;
	height:100px;
	border-bottom:1px dashed #C2C1AD;
}

select {
	font-size:12px;
}

.receptenzoeker_titel {
	color:#2A2829;
	z-index:1;
}

/* Digitaal kookboek opmaak */



#container{

	font-family: Verdana;

	font-size: 1em;

	line-height: 1.2em;

	letter-spacing: 0;

	text-align: left;

	word-spacing: normal;

	text-decoration: none;

	color: #444;

}



#kookboekinhoud {

	padding:20px;

	height:200px;

}



#kookboek_kolom {

	float:left;

	width:300px;

	/*float: left;*/

}


/*FORMULIEREN */

form {
margin:0;
padding:0;
}



/*input, textarea, select*/
input,select,textarea {
border:1px solid white;
font-size:12px;
font-family:arial,verdana;
border:none;
}

.input_size {
width:150px;
}
.textarea_size {
width:315px;
}
input:focus, textarea:focus, input.sffocus, textarea.sffocus {
background-color:#fffff7;
}

.kookboek {
border:1px;
}


/* PRINT */

.print {
color:#F9F9EE;
}

/* ADVERTENTIE */
.advertentie {

height:104px;
background:url('../img/advertentie.gif');
background-repeat:no-repeat;
padding-left:5px;
padding-top:4px;

}

.advertentie img {
float:left;
}

.advertentietekst {
float:left;
width:170px;
padding-left:10px;
}


