/***********************************************/
/* standaard.css for eru.eu                    */
/* IT Independent B.V.				           */
/***********************************************/

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

a.meer{
	color: #F6C400;
	font-weight: normal;
	text-decoration: none;
}

a.meer:link{
	color: #F6C400;
	font-weight: normal;
	text-decoration: none;
}

a.meer:visited{
	color: #F6C400;
	font-weight: normal;
	text-decoration: none;
}

a.meer:hover{
	color: #F6C400;
	font-weight: normal;
	text-decoration: underline;
}

h1{
	font-family: Sans-Serif,Arial,Verdana;
	font-size: 150%;
	color: #F6C400;
	letter-spacing: 0px;
	margin-left:-1px; /* i.v.m. Sifr, deze lijkt wat marge te hebben */
	margin-top:0px; 
	margin-bottom:0px; 		
}

h2{
	font-family: Sans-Serif,Arial,Verdana;
	font-size: 140%;
	color: #6B6753;
	letter-spacing: 0px;
	margin-left:-1px; /* i.v.m. Sifr, deze lijkt wat marge te hebben */
	margin-top:3px; 
	margin-bottom:0px; 		
}

h3{
	font-family: Sans-Serif,Arial,Verdana;
	font-size: 125%;
	color: #6B6753;
	display: inline;
	width: 200px;
}

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

h5{
	font-family: Sans-Serif,Arial,Verdana;
	font-weight: bold;
	font-size: 150%;
	color: #FFFFFF;
	letter-spacing: 0px;
	margin-top:-2px; 
	margin-bottom:0px; 		
	line-height: 1;		
}

h6{
	font-family: Sans-Serif,Arial,Verdana;
	font-size: 130%;
	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; 		
}

ul{
	margin: 0px;
	list-style-type: disc;
	padding: 0px 15px 0px 15px; 
	display: block;
}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#page{
	margin: 0 auto; 
    width: 100%; 
    min-height: 100%; 
    height: auto !important; 	
    height: 100%; 	
	margin-bottom: 1px;	
}

#page_onder{
	margin-left: auto;   /* om div te centreren */
	margin-right: auto;  /* om div te centreren */
	background-image: url(./../images/Achtergrond_Pagina_onder.gif);	
  	width: 1002px;
	height: 16px;
}

#slideshow{
    width: 100%; 
	height: 100%;
}

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

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

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

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

#productmenu{
	float: left;
	/* background-image: url(./../images/Achtergrond_taalmenu.jpg);
  	width: 170px;	*/
	width: 100%;
	height: auto;	
	/* height: 40px; */
}

#main_home{
  	width: 100%;	
}

#main{
	background-image: url(./../images/Achtergrond_Kaaspunt.jpg);
	background-color: #FEFBF2;
	background-position: bottom center;
	background-repeat: no-repeat;	
  	width: 100%;	
}

#main_kids{
	background-image: url(./../images/Achtergrond_Joey.jpg);
	background-color: #FEFBF2;	
	background-position: bottom center;
	background-repeat: no-repeat;		
  	width: 100%;	
}

#main_container{
	margin-left: auto;   /* om div te centreren */
	margin-right: auto;  /* om div te centreren */
  	width: 1000px;	
	background-color: #FFFFFF;
	border-left: 1px solid #E7E7DE;	
	border-right: 1px solid #E7E7DE;
}

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

#main_container_product{
	margin-left: auto;   /* om div te centreren */
	margin-right: auto;  /* om div te centreren */
  	width: 1000px;	
}

#productbrowser{
	margin-left: auto;   /* om div te centreren */
	margin-right: auto;  /* om div te centreren */
	border-bottom: 1px solid #EDE9D6;
	text-align: center;	
}

#content{
	padding: 0px 35px 30px 35px;	
}

#content_vervolg{
	padding: 0px 35px 30px 35px;	
}

#content_recept{
	padding: 0px 25px 30px 30px;	
}

#banner{
	margin-left: auto;   /* om div te centreren */
	margin-right: auto;  /* om div te centreren */
	width: 930px;
}

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

#afbeelding{
	float: left;
	width: 190px;
	padding: 55px 20px 0px 20px;	
}

.recept_afbeelding{
	text-align: center;
}

.recept_naam{
	height: 55px;
	padding: 5px 12px 0px 13px;
}

.recept_product{
	height: 24px;
	padding: 0px 12px 0px 13px;
}

.recept_soortmoment{
	height: 14px;
	padding: 0px 12px 0px 13px;
}

#main_navigatie_links{
	float: left;
	width: 200px;
	padding: 20px 15px 20px 15px;	
}

#beschrijving{
	float: left;
	width: 410px;
	padding: 20px 50px 20px 20px;		
}

#logistiek{
	float: left;
	width: 180px;
	padding: 55px 20px 0px 20px;	
}

#panelen_vervolg{
	float: left;
	width: 220px;
	padding: 20px 0px 20px 0px;	
}

.paneel_onderlinks{
	float: left;
	width: 200px;
	padding: 0px 0px 10px 0px;
}

.paneel_onderrechts{
	float: left;
	width: 200px;
	padding: 0px 0px 10px 7px;
}

.paneel_ondermidden{
	background-image: url(./../images/Achtergrond_PaneelKids_onder_midden.jpg);	
	width: 410px;
	height: 260px;	
	padding: 0px 0px 0px 0px;
}

.panelen_onder_boven{
	background-image: url(./../images/Achtergrond_PaneelKids_onder_midden.jpg);	
	width: 200px;
	height: 20px;		
}

.panelen_onder_ecards_boven{
	background-image: url(./../images/Achtergrond_Paneel_Ecards.jpg);	
	width: 200px;
	height: 162px;		
}

.panelen_onder_boven{
	background-image: url(./../images/Achtergrond_Paneel_Spreekbeurt.jpg);	
	width: 200px;
	height: 136px;		
}

.panelen_onder_midden{
	background-image: url(./../images/Achtergrond_Panelen_onder_midden.gif);	
	width: 160px;	
	padding: 0px 20px 0px 20px;	
}

.panelen_onder_midden_breed{
	width: 370px;	
	height: 110px;
	padding: 150px 20px 0px 20px;	
}

.panelen_onder_onder{
	background-image: url(./../images/Achtergrond_Panelen_onder_onder.gif);	
	width: 200px;	
	height: 20px;
}

#recept{
	float: right;
	width: 700px;
	clear: both;		
}

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

#recept_paneel_boven_links{
	float: left;
	width: 480px;
}

#recept_paneel_boven_rechts{
	float: left;
	width: 180px;
}

#recept_paneel_onder_links{
	float: left;
	width: 480px;
	padding: 20px 0px 0px 0px;
}

#recept_paneel_onder_rechts{
	float: left;
	width: 180px;
	padding: 20px 0px 0px 0px;
} 

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

.recept_paneel_klein_img{
	background-image: url(./../images/Achtergrond_ReceptPaneel_klein_boven.gif);
	width:235px;
	height:135px;
}

.recept_paneel_klein_title{
	background-image: url(./../images/Achtergrond_ReceptPaneel_klein_midden.gif);	
	width:200px;
	height:50px;
}

.recept_paneel_klein_prod{
	background-image: url(./../images/Achtergrond_ReceptPaneel_klein_onder.gif);
	width:225px;
	height:25px;
}

.recept_paneel_klein_descr{
	background-image: url(./../images/Achtergrond_ReceptPaneel_klein_onder.gif); 
	width:225px;
	height:42px;
} */

#recept_afbeelding_groot{
	width: 180px;		
}

#recept_ingredienten{
	float: right;
	width: 180px;		
}

#recept_bereiding{
	width: 100%;	
	padding: 20px 0px 0px 0px;	
	clear: both;	
}

#recept_afbeelding_klein{
	float: right;
	width: 180px;		
}

#panelen{
	background-image: url(./../images/Achtergrond_Panelen3b.jpg);	
	background-position: center center;
  	width: 100%;	
	height: 170px;
	padding: 20px 0px 20px 0px;
}

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

div.spacer {
	clear: both; 
}

div.spacer_achtergrond {
	height: 240px;
	clear: both; 
}

/************** panelen styles *****************/

.panelen3 {
	width: 200px;
	height: 134px;
	font-size: 11px;
	color: #777777;
	text-align: left;	
	padding: 10px 20px 0px 20px;
	vertical-align: top;
}

a.adres{
	color: #FFFFFF;
	text-decoration: none;
}

a.adres:link{
	color: #FFFFFF;
	text-decoration: none;
}

a.adres:visited{
	color: #FFFFFF;
	text-decoration: none;
}

a.adres:hover{
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}

/************** .headlines styles *****************/

#headlines p{
	padding: 0px 10px 0px 10px;
}

/************** links styles *****************/

a.tekst{
	color: #4C88C4;
	font-weight: normal;
	text-decoration: none;
}

a.tekst:link{
	color: #4C88C4;
	font-weight: normal;
	text-decoration: none;
}

a.tekst:visited{
	color: #4C88C4;
	font-weight: normal;
	text-decoration: none;
}

a.tekst:hover{
	color: #4C88C4;
	font-weight: normal;
	text-decoration: underline;
}


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

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

input.knop_160 {
	width: 160px;
	height: 33px;	
	border: 0px;
	background-image: url(./../images/Achtergrond_KnopGeel_160x33.png);
	font-family: sans-serif,Arial,Verdana;
	font-size: 120%;
	font-weight: normal;
	color: #6B6753;
	margin-left: -1px;	
	margin-top: 5px;
	margin-bottom: 5px;	
	padding: 0px 0px 0px 10px;
	text-align: left;	
}

input.knop_160:hover {
	width: 160px;
	height: 33px;	
	border: 0px;
	background-image: url(./../images/Achtergrond_KnopGeel_160x33_over.png);
	font-family: sans-serif,Arial,Verdana;
	font-size: 120%;
	font-weight: normal;
	color: #6B6753;
	margin-left: -1px;	
	margin-top: 5px;
	margin-bottom: 5px;	
	padding: 0px 0px 0px 10px;
	text-align: left;	
}

.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-left: -3px;
	margin-top: 5px;
	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;
} 

/** .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-left: -1px;
	margin-top: 5px;
	margin-bottom: 5px;	
	padding: 0px 0px 0px 10px;
	text-align: left;	
}

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

.select_156{
	width: 156px;
	font-family: sans-serif,Arial,Verdana;
	font-size: 100%;
	color: #6B6753;
}

.tekstveld {
	width: 150px;
	line-height: 1;
	font-family: sans-serif,Arial,Verdana;
	font-size: 100%;
	color: #6B6753;
	border-top: 1px solid #aaaaaa;	
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;		
	padding: 2px;
}

.memoveld {
	width: 150px;
	height: 60px;
	font-family: sans-serif,Arial,Verdana;
	font-size: 100%;
	color: #6B6753;
	border-top: 1px solid #aaaaaa;	
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;		
	padding: 2px;	
}

.memoveld_breed{
	width: 350px;
	height: 60px;
	font-family: sans-serif,Arial,Verdana;
	font-size: 100%;
	color: #6B6753;
	border-top: 1px solid #aaaaaa;	
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;		
	padding: 2px;	
}

.verzendknop {
	font-family: sans-serif,Arial,Verdana;
	font-size: 85%;
	color: #6B6753;
}

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

/************* actie 2010 001 styles ***************/

#page_acties_2010001{
	background-image: url(./../acties/2010001/Achtergrond_Acties_2010001c.jpg);
	background-color: #FEFBF2;	
	background-position: bottom center;
	background-repeat: no-repeat;		
  	width: 100%;	
    margin: 0 auto -30px;  /* t.b.v. aan onderzijde klevende footer */
    min-height: 100%;  /* t.b.v. aan onderzijde klevende footer */
    height: auto !important; 	 /* t.b.v. aan onderzijde klevende footer */
    height: 100%; 	 /* t.b.v. aan onderzijde klevende footer */
}

/************* actie 2010 002 styles ***************/

#page_acties_2010002{
	background-image: url(./../acties/2010002/Achtergrond_Actie_2010002.jpg);
	background-color: #FEFBF2;	
	background-position: center center;
	background-repeat: no-repeat;		
  	width: 100%;	
    margin: 0 auto -30px;  /* t.b.v. aan onderzijde klevende footer */
    min-height: 100%;  /* t.b.v. aan onderzijde klevende footer */
    height: auto !important; 	 /* t.b.v. aan onderzijde klevende footer */
    height: 100%; 	 /* t.b.v. aan onderzijde klevende footer */
}

#main_container_actie_2010002{
	background-image: url(./../acties/2010002/Actie_2010002.jpg);
	margin-left: auto;   /* om div te centreren */
	margin-right: auto;  /* om div te centreren */
  	width: 1002px;	
	background-color: #000000;
	border-left: 0px solid #E7E7DE;	
	border-right: 0px solid #E7E7DE;
}

#page_onder_actie_2010002{
	margin-left: auto;   /* om div te centreren */
	margin-right: auto;  /* om div te centreren */
	background-image: url(./../acties/2010002/Achtergrond_Pagina_onder_Actie_2010002.png);	
  	width: 1002px;
	height: 16px;
}

#content_vervolg_actie_2010002{
	padding: 0px 35px 30px 15px;	
}

#main_navigatie_links_actie_2010002{
	float: left;
	width: 315px;
	padding: 0px 0px 0px 0px;	
}