img, div { behavior: url(iepngfix.htc) }

body
{
	text-align: center;
	background-color: white;
	background-position: absolute center;
	margin: 0;
	padding: 0;
}

p
{
	font-family: verdana;
	font-size: 14px;
	text-align: left;
	color: #959499;
	line-height: 18px;
	padding: 0;
	margin: 0;
}

h1
{
	padding: 0;
	margin: 0;
	font-family: Verdana;
	font-size: 22px;
	color: #88b3da;
}

h2
{
	padding: 0;
	margin: 0;
	font-family: Verdana;
	font-size: 18px;
	color: #959499;
}

h3
{
	font-family: Verdana;
	font-size: 14px;
	color: #959499;
	padding: 0;
	margin: 0;
}

h4
{
	padding: 0;
	margin: 0;
}

li
{
	font-family: verdana;
	font-size: 14px;
	text-align: left;
	color: #959499;
	line-height: 18px;
	padding: 0;
	margin: 0;
}

/* classje aangemaakt voor de kop van de login */

.retail_login h1
{
	padding-bottom: 15px;
	margin: 0;
	font-family: Verdana;
	font-size: 16px;
	color: #88b3da;
}

.retail_login p
{
	padding-top: 25px;
	margin: 0;
	font-family: Verdana;
	font-size: 12px;
	color: #959499;
}

/* einde nieuwe class */

span.grey
{
}

#wrapper
{
	margin: 0px auto;
	width: 1024px;
	text-align: left;
}

#header
{
/*kleur aangepast*/
	width: 1024px;
	float: left;
	height: 110px;
}

#logo {
margin-top: 13px;
height: 110px;
float: left;
}

/*-------------------------------------------------------------------mainmenu knoppen-------------------------------------------------------------------*/
#mainmenu {
float: left;
background-color: #b2b2b2;
margin-top: 40px;
height: 30px;
padding-left: 42px;
width: 773px;
}

#mainmenu .button_home
{
	float: left;
	margin: 0;
	padding-right: 30px;
	background-image: url(../img/bt_home_actief.gif);
	background-repeat: no-repeat;
}

#mainmenu .button_home  a, #mainmenu .button_home  a:link, #mainmenu .button_home  a:visited 
{
	display:block;
}

#mainmenu .button_home a:hover img
{
	visibility:hidden;
}

#mainmenu .button_nieuws
{
	float: left;
	margin: 0;
	padding-right: 30px;
	background-image: url(../img/bt_nieuws_actief.gif);
	background-repeat: no-repeat;
}

#mainmenu .button_nieuws  a, #mainmenu .button_nieuws  a:link, #mainmenu .button_nieuws  a:visited 
{
	display:block;
}

#mainmenu .button_nieuws a:hover img
{
	visibility:hidden;
}

#mainmenu .button_over_laladoo
{
	float: left;
	margin: 0;
	padding-right: 30px;
	background-image: url(../img/bt_over_laladoo_actief.gif);
	background-repeat: no-repeat;
}

#mainmenu .button_over_laladoo  a, #mainmenu .button_over_laladoo  a:link, #mainmenu .button_over_laladoo  a:visited 
{
	display:block;
}

#mainmenu .button_over_laladoo a:hover img
{
	visibility:hidden;
}

#mainmenu .button_help
{
	float: left;
	margin: 0;
	padding-right: 30px;
	background-image: url(../img/bt_help_actief.gif);
	background-repeat: no-repeat;
}

#mainmenu .button_help  a, #mainmenu .button_help  a:link, #mainmenu .button_help  a:visited 
{
	display:block;
}

#mainmenu .button_help a:hover img
{
	visibility:hidden;
}

#mainmenu .button_voorwaarden
{
	float: left;
	margin: 0;
	padding-right: 30px;
	background-image: url(../img/bt_voorwaarden_actief.gif);
	background-repeat: no-repeat;
}

#mainmenu .button_voorwaarden  a, #mainmenu .button_voorwaarden  a:link, #mainmenu .button_voorwaarden  a:visited 
{
	display:block;
}

#mainmenu .button_voorwaarden a:hover img
{
	visibility:hidden;
}

#mainmenu .button_contact
{
/*padding aangepast*/
	float: left;
	margin: 0;
	padding-right: 70px;
	background-image: url(../img/bt_contact_actief.gif);
	background-repeat: no-repeat;
}

#mainmenu .button_contact  a, #mainmenu .button_contact  a:link, #mainmenu .button_contact  a:visited 
{
	display:block;
}

#mainmenu .button_contact a:hover img
{
	visibility:hidden;
}


#mainmenu .button_retail
{
/*bg image aangepast zodat hover effect klopt*/
	float: left;
	margin: 0;
	background-image: url(../img/bt_consumentensite_actief.gif);
	background-repeat: no-repeat;
}

#mainmenu .button_retail  a, #mainmenu .button_retail  a:link, #mainmenu .button_retail  a:visited 
{
	display:block;
}

#mainmenu .button_retail a:hover img
{
	visibility:hidden;
}

/*-------------------------------------------------------------------einde mainmenu knoppen-------------------------------------------------------------------*/

#linker_kolom
{
/*visibilty aangepast*/
	float: left;
	width: 180px;
	height: 500px;
	visibility: hidden;
}

#content
{
/*margin top aangepast*/
	margin-top: 0px;
	float: left;
	width: 664px;
}

#rechter_kolom
{
/*visibilty aangepast*/
	float: left;
	width: 180px;
	padding-left: 0px;
	visibility: hidden;
}

#rechter_kolom p
{
	padding-top: 10px;
	padding-left: 20px;
}

/*-------------------------------------------------------------------categorie knoppen-------------------------------------------------------------------*/
#linker_kolom .buttons
{
	padding-left: 60px;
	width: 100px;
	float: left;
}

#linker_kolom .button_kimo
{
	padding-bottom: 15px;
	background-image: url(../img/bt_kimo_actief.jpg);
	background-repeat: no-repeat;
	width: 100px;
}

#linker_kolom .button_kimo  a, #linker_kolom .button_kimo  a:link, #linker_kolom .button_kimo  a:visited 
{
	display:block;
}

#linker_kolom .button_kimo a:hover img
{
	visibility:hidden;
}

#linker_kolom .button_daffi
{
	padding-bottom: 0px;
	background-image: url(../img/bt_daffi_actief.jpg);
	background-repeat: no-repeat;
	width: 100px;
}

#linker_kolom .button_daffi a, #linker_kolom .button_daffi  a:link, #linker_kolom .button_daffi  a:visited 
{
	display:block;
}

#linker_kolom .button_daffi a:hover img
{
	visibility:hidden;
}

#linker_kolom .button_biba
{
	padding-bottom: 0px;
	background-image: url(../img/bt_biba_actief.jpg);
	background-repeat: no-repeat;
	width: 100px;
}

#linker_kolom .button_biba a, #linker_kolom .button_biba  a:link, #linker_kolom .button_biba  a:visited 
{
	display:block;
}

#linker_kolom .button_biba a:hover img
{
	visibility:hidden;
}

#linker_kolom .button_snuzi
{
	background-image: url(../img/bt_snuzi_actief.jpg);
	background-repeat: no-repeat;
	width: 100px;
}

#linker_kolom .button_snuzi a, #linker_kolom .button_snuzi  a:link, #linker_kolom .button_snuzi  a:visited 
{
	display:block;
}

#linker_kolom .button_snuzi a:hover img
{
	visibility:hidden;
}

/*-------------------------------------------------------------------einde categorie knoppen-------------------------------------------------------------------*/

#content .afbeelding
{
	width: 310px;
	float: left;
}

#rechter_content
{
	padding-left: 40px;
	padding-right: 39px;
	width: 275px;
	height: 100px;
	float: left;
	text-align: left;
}

#wat_is_laladoo
{
	width: 275px;
	float: left;
}

#wat_is_laladoo img
{
	float: left;
}

#wat_is_laladoo h1
{
	width: 400px;
	padding-bottom: 20px;
}

#etalage
{
	width: 275px;
	float: left;
	padding-top: 50px;
}

#etalage img
{
	float: left;
}

#etalage .rechts img
{
	padding-top: 15px;
}


#etalage .links
{
	float: left;
	width: 115px;
}

#etalage .rechts
{
	float: left;
	padding-left: 20px;
	width: 120px;
}

#flash
{
	padding-top: 10px;
	height: 300px;
}


/*-------------------------------------------------------------------producten overzicht-------------------------------------------------------------------*/

#producten
{
	padding-left: 20px;
}

#producten .product
{
	padding-right: 10px;
	width: 300px;
	height: 250px;
	float: left;
	padding-bottom: 20px;
}

#producten .product h1
{
	padding-bottom: 5px;
}

#producten .product h2
{
	padding-bottom: 5px;
}

#producten .product p
{
	padding-bottom: 5px;
}

#producten .product .links
{
	float: left;
	width: 140px;
}

#producten .product .rechts
{
	float: left;
	width: 160px;
	height: 250px;
}

/*-------------------------------------------------------------------product detail-------------------------------------------------------------------*/

#product_detail .linker_content
{
	width: 310px;
	float: left;
}

#product_detail .rechter_content
{
	padding-left: 40px;
	padding-right: 39px;
	width: 275px;
	float: left;
}

#product_detail .thumbnails a
{
	float: right;
	padding-left: 23px;
	padding-top: 10px;
	margin: 0;
}

#product_detail h1
{
	padding-bottom: 5px;
}

#product_detail h2
{
	padding-bottom: 5px;
}

#product_detail p
{
	padding-bottom: 5px;
}

#product_detail .rechter_content .kleur
{
	width: 200px;
	padding-top: 10px;
}

#product_detail .rechter_content .maat
{
	width: 200px;
	padding-top: 10px;
}

#product_detail .rechter_content .bt_bestel
{
	float: left;
	padding-top: 20px;
}

/*-------------------------------------------------------------------winkel mandje stap 1-------------------------------------------------------------------*/

#content .proces 
{
	padding-left: 60px;
}

#content .proces .stap1
{
	padding: 0;
	margin: 0;
	height: 42px;
	width: 566px;
	background-image: url(../img/proces_stap1_winkel_mandje.jpg);
	background-repeat: no-repeat;
}

#content .basket_list
{
	padding-top: 50px;
	padding-left: 70px;
}

#content .basket_list td
{
	font-family: Verdana;
	font-size: 11px;
}

#content .basket_list td h1
{
	font-family: Verdana;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#content .basket_list td h2
{
	font-family: verdana;
	font-size: 16px;
	font-weight: bold;
}

#content .basket_list table
{
	font-family: verdana;
	font-size: 14px;
	text-align: left;
	color: #959499;
	line-height: 18px;
	padding: 0;
	margin: 0;
}
#content .stap1_buttons
{
	padding-top: 30px;
}

.continue_shopping
{
	float: left;
	padding-left: 76px;
}

.recalculate_price
{
	float: left;
	padding-left: 130px;
}

.order_form
{
	float: right;
	padding-right: 73px;
}

/*-------------------------------------------------------------------Bestel formulier stap2-------------------------------------------------------------------*/

#content .proces .stap2
{
	padding: 0;
	margin: 0;
	height: 59px;
	background-image: url(../img/proces_stap2_bestel_formulier.jpg);
	background-repeat: no-repeat;
}

#content .order_form_list
{
	padding-left: 120px;
	padding-top: 50px;
	margin: 0;
	width: 550px;
	float: left;
}

#content .order_form_list p
{
	width: 400px;
	float: left;
	padding-left: 20px;
	margin: 0;
	font-family: Arial;
	font-size: 11px;
}

#content .order_form_list .standaard_gegevens1
{
	float: left;
	padding-bottom: 50px;
}

#content .order_form_list .bezorg_gegevens
{
	float: left;
	padding-bottom: 50px;
}

#content .order_form_list .standaard_gegevens2
{
	float: left;
}

#content .order_form_list .field_name
{
	width: 180px;
	float: left;
	padding-left: 20px;
	padding-top: 5px;
	margin: 0;
}

#content .order_form_list .field_name h3
{
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#content .order_form_list .input_field
{
	width: 245px;
	float: left;
	padding-bottom: 5px;
}

#content .order_form_list .input_field input
{
	width: 245px;
	margin: 0;
	padding: 0;
}

#content .order_form_list .input_field_kaartje
{
	width: 245px;
	height: 150px;
	float: left;
	padding-bottom: 5px;
}	

#content .order_form_list .input_field_kaartje input
{
	
	width: 245px;
	height: 150px;
	margin: 0;
	padding: 0;
}

#content .order_form_list .checkbox
{
	font-family: Verdana;
	font-size: 11px;
	width: 245px;
	float: left;
	margin: 0;
}

#content .order_form_list .input_field_birth
{
	float: left;
	padding-bottom: 5px;
	font-family: Verdana;
	font-size: 11px;
}

#content .order_form_list .input_field_birth input
{
	width: 40px;
	padding: 0;
	margin: 0;
}

.stap2_buttons
{
	padding-top: 30px;
	width: 664px;
	float: left;
}

.stap2_buttons .terug
{
	float: left;
	padding-left: 76px;
}

.stap2_buttons .overzicht
{
	float: right;
	padding-right: 73px;
}

/*-------------------------------------------------------------------Overzicht: stap3-------------------------------------------------------------------*/
#content .proces .stap3
{
	height: 42px;
	width: 566px;
	background-image: url(../img/proces_stap3_overzicht.jpg);
	background-repeat: no-repeat;
}

#content .stap4_informatie1 
{
	padding-top: 50px;
	padding-left: 180px;
}

#content .stap4_informatie1  h1
{
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 10px;
}

#content .stap4_informatie1 h2
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #959499;
	margin: 0;
	padding-bottom: 0;
}

#content .stap4_list
{
	padding-top: 20px;
	padding-left: 175px;
	margin: 0;
}

#content .stap4_list table
{
	font-family: Verdana;
	font-size: 11px;
}

#content .stap4_informatie2
{
	padding-top: 20px;
	padding-left: 180px;
}

#content .stap4_informatie2 .text h1
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	padding-bottom: 10px;
}

#content .stap4_informatie2 .text h2
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #959499;
	margin: 0;
	padding-bottom: 0;
}

#content .stap4_informatie2 .text h3
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #959499;
	margin: 0;
	padding-bottom: 10px;
}

#content .stap4_informatie2 .text
{
	float: left;
}

.stap3_buttons
{
	padding-top: 30px;
	width: 664px;
	float: left;
}

.stap3_buttons .terug
{
	float: left;
	padding-left: 76px;
}

.stap3_buttons .overzicht
{
	float: right;
	padding-right: 73px;
}


/*-------------------------------------------------------------------Over laladoo1-------------------------------------------------------------------*/

#content .over_laladoo1
{
	background-image: url(../img/bg_over_laladoo1.jpg);
	background-repeat: no-repeat;
	width: 664px;
}

.over_laladoo1 .tekst
{
	width: 664px;
	height: 290px;
	padding-left: 90px;
}

.over_laladoo1 .tekst p
{
	padding-top: 120px;
	width: 380px;
	color: white;
}

.over_laladoo1 .knoppen1
{
	height: 100px;
	width: 664px;
	padding-top: 20px;
}

.over_laladoo1 .knoppen1 .vorige
{
	float: left;
	padding-left: 60px;
}

.over_laladoo1 .knoppen1 .volgende
{
	float: right;
	padding-right: 150px;
}

.over_laladoo1 .knoppen2
{
	padding-top: 20px;
	height: 200px;
	width: 664px;
}

.over_laladoo1 .knoppen2 .hoe_laladoo_begon
{
	float: left;
	padding-left: 55px;
}

.over_laladoo1 .knoppen2 .een_signature_verpakking
{
	float: left;
	padding-left: 30px;
}

.over_laladoo1 .knoppen2 .onze_principes
{
	float: left;
	padding-left: 30px;
}

/*-------------------------------------------------------------------Over laladoo2-------------------------------------------------------------------*/

#content .over_laladoo2
{
	background-image: url(../img/bg_over_laladoo1.jpg);
	background-repeat: no-repeat;
	width: 664px;
}

.over_laladoo2 .tekst
{
	width: 664px;
	height: 290px;
	padding-left: 90px;
}

.over_laladoo2 .tekst p
{
	padding-top: 120px;
	width: 380px;
	color: white;
}

.over_laladoo2 .knoppen1
{
	height: 100px;
	width: 664px;
	padding-top: 20px;
}

.over_laladoo2 .knoppen1 .vorige
{
	float: left;
	padding-left: 60px;
}

.over_laladoo2 .knoppen1 .volgende
{
	float: right;
	padding-right: 150px;
}

.over_laladoo2 .knoppen2
{
	padding-top: 20px;
	height: 200px;
	width: 664px;
}

.over_laladoo2 .knoppen2 .hoe_laladoo_begon
{
	float: left;
	padding-left: 55px;
}

.over_laladoo2 .knoppen2 .een_signature_verpakking
{
	float: left;
	padding-left: 30px;
}

.over_laladoo2 .knoppen2 .onze_principes
{
	float: left;
	padding-left: 30px;
}

/*-------------------------------------------------------------------Over laladoo3-------------------------------------------------------------------*/

#content .over_laladoo3
{
	background-image: url(../img/bg_over_laladoo1.jpg);
	background-repeat: no-repeat;
	width: 664px;
}

.over_laladoo3 .tekst
{
	width: 664px;
	height: 290px;
	padding-left: 90px;
}

.over_laladoo3 .tekst p
{
	padding-top: 120px;
	width: 380px;
	color: white;
}

.over_laladoo3 .knoppen1
{
	height: 100px;
	width: 664px;
	padding-top: 20px;
}

.over_laladoo3 .knoppen1 .vorige
{
	float: left;
	padding-left: 60px;
}

.over_laladoo3 .knoppen1 .volgende
{
	float: right;
	padding-right: 150px;
}

.over_laladoo3 .knoppen2
{
	padding-top: 20px;
	height: 200px;
	width: 664px;
}

.over_laladoo3 .knoppen2 .hoe_laladoo_begon
{
	float: left;
	padding-left: 55px;
}

.over_laladoo3 .knoppen2 .een_signature_verpakking
{
	float: left;
	padding-left: 30px;
}

.over_laladoo3 .knoppen2 .onze_principes
{
	float: left;
	padding-left: 30px;
}

/*-------------------------------------------------------------------nieuws-------------------------------------------------------------------*/

#content .nieuws_item
{
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 60px;
}

#content .nieuws_item h1
{
	padding-bottom: 5px;
}

#content .nieuws_item h3
{
	padding-bottom: 20px;
}

#content .nieuws_item p
{
	padding-bottom: 20px;
}

/*-------------------------------------------------------------------help-------------------------------------------------------------------*/

#content .help
{
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 60px;
}

#content .help h2
{
	font-size: 16px;
}

#content .help h3
{
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 18px;
}

#content .faq_punt
{
	padding-bottom: 15px;
}

/*-------------------------------------------------------------------voorwaarden-------------------------------------------------------------------*/

#content .voorwaarden
{
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 60px;
}

#content .voorwaarden h2
{
	font-size: 16px;
}

#content .voorwaarden h3
{
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 18px;
}

#content .voorwaarden p
{
	padding-bottom: 10px;
}

/*-------------------------------------------------------------------contact-------------------------------------------------------------------*/

#content .contact
{
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 60px;
}

#content .contact p
{
	padding-top: 10px;
}


/*-------------------------------------------------------------------retail login-------------------------------------------------------------------*/

/*divje aangemaakt voor de login*/

#login
{
	width:	400px;
	border-style: solid;
	border-color: #959499;
	border-width: 1px;
	margin-top: 70px;
	float: left;
	padding: 10px;
}

#content .retail_login .input label
{
	padding-left: 0px;
	padding-top: 5px;
	float: left;
	margin: 0;
	margin-top: 10px;
	width: 100px;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
  color: #959499;
}

#content .retail_login .input input
{
	width: 245px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}

#login_content {
  float:left;
  margin-top:0px;
  width:664px;
}
