body
	{
	background-color:rgb(198,198,189);
	font-family : Arial,Helvetica,sans-serif;
	text-align:center;
	margin:8px;
	padding-bottom:30px;
	}

h1
	{
	display:inline;
	font-size:10pt;
	color:silver;
	}

.categorie,.categorie_hover
	{
	background: url(pictures/gradient_small.gif) repeat-x top left;
	height:18px;
	float:left;
	margin-top:110px; 
	border :1px solid white;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:110px;
	text-align:center; 
	color:white;
	font-weight:bold;
	font-size:9pt;
	border-left:2px solid silver;
	}

.categorie_hover
	{
	background: url(pictures/gradient2_small.gif) repeat-x top left;
	height:18px;
	color:yellow;
	cursor:pointer;
	}

.mainExpand 
	{
  	cursor:pointer;cursor:pointer;
  	font: bold .9em arial, helvetica, sans-serif;
	}

li
	{
	color : rgb(255,173,74);
	}
  
li span
	{
	color : black;
	}

.winkelwagen
	{
	position:absolute;
	top:260px;
	left:220px;
	width:300px;
	}

.winkelwagentabel
	{
	margin-top:10px;
	margin-left:10px;
	border:0px;
	cellpadding:0px;
	cellspacing:0px;
	font-size:10pt;
	width:95%
	}

.winkelwagen_header
	{
	background-color:gray;
	color:white;
	font-weight:bold;
	font-size:10pt;
	}

/* styles for date picker-----------------------------------*/

#picker 
	{
	width:189px; 
	font-size:8pt;
	position:absolute; 
	z-index:200;
	visibility:hidden; 
	background-color:#CCCCFF; 
	}

#picker_year
	{
	background-color:#E6E6E6; 
	padding:2px; 
	font-weight:bold; 
	text-decoration:none;
	}

#picker_year a 
	{
	text-decoration:none;
	}

.picker_month
	{
	font-size:7pt;
	padding:2px; 
	}

.dateBox
	{
	font-size:7pt;
	cursor:pointer; 
	background-color:#E6E6E6; 
	padding:2px
	}

.dayOfWeekBox 
	{
	font-size:7pt;
	font-weight:bold;
	color:#000000;
	}

/* end of styles for date-picker --------------------------------*/

#dropdownmenu_header
	{
	margin-left:10px;
	width : 169px;
	height : 27px;
	font-size:10px; /* necessary for IE to get height correct*/
	background: url(pictures/menu_header.png) repeat-y top left;
	margin-top:0px;
	padding-bottom:0px;
	z-index:10;
	} 

#dropdownmenu
	{
	margin-top:0px;
	margin-bottom:0px;
	}

#nav
	{
	margin-top:0px;
	padding-left:10px;
	margin-left:0px;
	margin-bottom:0px;
	font-size:9pt;
	font-weight:bold;
	width:155px; 
	list-style-type:none;
	z-index:100;
	} 

#nav ul
	{
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	float:left;
	margin:0px;
	width:154px;
	list-style-type:none;
	}

#nav li ul
	{
	margin-top:-26px;
	left:-999em;
	margin-left:160px;
	position:absolute;
	}

#nav li
	{
	position:static;
	background-attachment:fixed;
	background-image: url(pictures/menu_line_background.gif) no-repeat top left;
	float:left;
	margin-bottom:-1px;
	width:155px; 
	line-height:24px;
	}

.eerste_niveau
	{
	background: url(pictures/menu_line_background.gif) no-repeat top left;
	color:rgb(175,103,27); 
	font-size:8pt;
	border-bottom:rgb(255,177,72) 1px solid;
	border-top:rgb(255,177,72) 1px solid;
	padding-right:0.5em;
	padding-left:1em;
	padding-bottom:0px;
	padding-top:0px;
	display:block;
	width:151px;
	text-decoration:none;
	z-index:100;
	}

.tweede_niveau_top,.tweede_niveau_midden,.tweede_niveau_bodem
	{
	color:rgb(175,103,27); 
	z-index:100;
	border-right:rgb(255,177,72) 1px solid;
	background-color:rgb(255,214,107);
	padding-right:0.5em;
	padding-left:0.5em;
	padding-bottom:0px;
	padding-top:0px;
	display:block;
	height:24px; 
	text-decoration:none;
	}

.tweede_niveau_top
	{
	border-top:rgb(255,177,72) 1px solid;
	width:154px;
	}

.tweede_niveau_midden
	{
	width:153px;
	border-left:rgb(255,177,72) 1px solid;	
	}

.tweede_niveau_bodem
	{
	position:absolute; 
	border-bottom: rgb(255,177,72) 1px solid;
	border-left:rgb(255,177,72) 1px solid;	
	width:153px;
	}

*:first-child+html #nav
	{
	height:1%;
	}

*:first-child+html #nav li
	{
	height:1%;
	}

#nav li:hover ul, #nav li.sfhover ul
	{
	z-index:100;
	left:auto;
	}

#nav li a:hover
	{
	z-index:100;
	color:white;
	background-color:rgb(255,214,107);
	}

.seperator
	{
	background:url(pictures/menu_seperator.gif) no-repeat top left;
	width:167px;
	height:2px;
	font-size:1pt; /* workaround for IE gap */
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	}


.menu,.menu_hover
	{
	color:rgb(175,103,27);
	padding-top:10px;
	padding-bottom:7px;
	padding-left:15px;
	padding-right:5px;
	font-size:10pt;
	font-weight:normal;
	margin-left:10px;
	width:150px;
	margin-bottom:0px;
	background:url(pictures/menu.jpg) repeat-y top left;
	}

.menu_hover
	{
	cursor:pointer;
	color:black;
	}

.menu_bottom
	{
	padding:10px;
	margin-top:0px;
	font-size:10pt;
	margin-left:10px;
	width:151px;
	margin-bottom:0px;
	background:url(pictures/menu_bottom.jpg) no-repeat top left;
	}

div.left  /* left column */
	{
	padding-left:0px;
	text-align:left;
	float:left;
	width:180px;
	margin-top:-3px;
	}

div.right /* container for middle and right column */
	{
	margin-top:0px;
	margin-left:180px;
	border:solid white 1px; /* necessary but don't know why */
	}

div.right_left /* middle column */
	{
	margin-top:15px;
	text-align:left;
	float:left;
	padding-left:0px;
	width:492px;
	}

div.right_right /* right column */
	{
/*	position:relative;  to be able to position descendant divs absolutely */
	padding-left:5px;
	text-align:left;
	width:200px;
	height:600px;
	}

.nav_pos
	{
	position:absolute;
	top:217px;
	left:194px;
	color:rgb(150,150,150);
	margin-top:5px;
	margin-left:10px;
	font-size:8pt;
	padding-bottom:3px;
	}

.categorie_image
	{
	background:url(pictures/ontbijt.gif) no-repeat top left;
	font-size:8pt;
	width:114px;
	height:124px;
	position:absolute;
	top:152px;
	left:30px;
	z-index:40;
	}

.insidebanner_big
	{
	color:rgb(175,103,27);
	margin-top:5px;
	padding-right:5px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:10px;
	text-align:left;
	font-size:14pt;
	font-weight:bold;
	width:100%;
	}

.insidebanner_small,.insidebanner_small_hover
	{
	position:absolute;
	top:8px;
	text-align:center;
	z-index:100;
	color:rgb(255,255,255);
	font-size:11pt;
	font-weight:bold;
	padding : 5px;
	width:100%;
	}

.insidebanner_small_hover
	{
	color:rgb(236,112,50);
	}

.in_winkelwagen_button
	{
	position:absolute; 
	top:477px;;
	left:523px;
	z-index:200;
	}

.in_winkelwagen_button_down
	{
	position:absolute; 
	top:478px;;
	left:524px;
	z-index:200;
	}

.price_tag
	{
	position:absolute;
	z-index:300;
	top:264px;
	margin-left:-480px;
	_margin-left:520px;
	left:80px;
	color:rgb(78,44,9);
	text-align:right;
	font-size:12pt;
	font-weight:bold;
	}

.info_movie
	{
	clear:left;
	height: 100px;
	text-align:left;
	padding-left:250px;
	margin-top:10px;
	margin-right:0px;
	}

.inside-text-top
	{
	font-size:10pt;
	margin-top:15px;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	}

.intro_pasen
	{
	position:absolute;
	top:310px;
	left:200px;
	display:block;
	clear:right;
	line-height:14pt;
	margin-top:10px;
	text-align:left;
	padding-left:5px;
	padding-right:10px;
	color:rgb(78,43,11);
	font-weight:bold;
	font-size:10pt;
	}

.intro,.intro_intro
	{
	line-height:14pt;
	margin-top:30px;
	text-align:left;
	padding-left:5px;
	padding-right:15px;
	color:rgb(78,43,11);
	font-weight:bold;
	font-size:10pt;
	} 

.intro
	{
	margin-left:160px;
	}

.intro_intro
	{
	margin-top:10px;
	padding-right:10px;
	margin-left:200px;
	font-size:10,5pt;
	font-weight:bold;
	} 

#bottom-dotted-border
	{
	font-size:0;
  	margin-left: -7px;
	margin-right: 0px;
	margin-bottom : 0px;
  	padding: 0 0 1px 0;
  	background: url(pictures/dot.jpg) repeat-x;
	width:480px;
	}

#top-dotted-seperator,#bottom-dotted-seperator
	{
	position:absolute;
	top:175px;
	left:5px;
	font-size:0;
  	padding: 0 0 1px 0;
  	background: url(pictures/dot.jpg) repeat-x;
	width:290px;
	}

#bottom-dotted-seperator
	{
	top:200px;
	}

.resize_instructie
	{
	text-align:center;
	position:absolute;
	left:155px;
	top:300px;
	width:340px;
	font-size:7pt;
	color:rgb(160,160,160);
	}

#pictures
	{
	z-index:60;
	top:210;
	left:205;
	position:absolute;
	}

.image_right,.image_left
	{
	position:absolute;
	left:250px;
	width:202px;
	height:154px;
	top:330px; /* necessary for Mozilla browsers */
	z-index:50;
	}

.image_right
	{
	right:385px; /* to enable right-bottom movement of special effect */
	}

.image_left
	{
	left:224px;
	}

.content
	{
	font-size:10pt;
	}

.inside-text,.inside-text-fruit
	{
	margin-top:137px;
	text-align:left;
	padding-left:30px;
	_padding-left:10px;
	padding-right:15px;
	}

.inside-text-fruit
	{
	margin-top:257px;
	}	

.inputlabel_disabled
	{
	text-align:right;
	color:silver;
	width:8em;
	}

.first_page_list
	{
	margin-left:-20px;
	padding-right:20px
	}

.particulieren_container,.bedrijven_container,.hoe_container
	{
	position:absolute;
	top:460px;
	left:10px;
	text-align:left;
	color:rgb(150,150,150);
	width:300px;
	}

.bedrijven_container
	{
	left:340px;
	}

.hoe_container
	{
	left:670px;
	}


.footer_navigation
	{
	color:gray;
	text-decoration:none;
	position:absolute;
	font-size:8pt;
	top:1110px;
	left:400px;
	}

.winkelwagen_container,.winkelwagen_container_hover
	{
	position:absolute;
	left:676px;
	top:244px;
	color:rgb(52,170,202);
	z-index:50;
	margin-top:0px;
	width:300px;
	padding-right:10px;
	cursor : default;
	}

.winkelwagen_container_hover
	{
	color:rgb(0,0,0);
	cursor:pointer;
	}

.instructies_container
	{
	position:absolute;
	left:676px;
	top:400px;
	color:rgb(52,170,202);
	z-index:50;
	margin-top:0px;
	width:300px;
	padding-right:10px;
	}

.momenten_container,.momenten_container_hover
	{
	position:absolute;
	left:676px;
	top:620px;
	color:rgb(52,170,202);
	z-index:50;
	margin-top:0px;
	width:300px;
	padding-right:10px;
	}

.momenten_container_hover
	{
	color:rgb(0,0,0);
	}

.valentine_container,.valentine_container_hover
	{
	position:absolute;
	top:970px;
	left:330px;
	color:rgb(52,170,202);
	z-index:50;
	margin-top:0px;
	width:300px;
	height:120px;
	padding-right:10px;
	}

.service_container,.service_container_hover
	{
	position:absolute;
	top:845px;
	left:676px;
	color:rgb(52,170,202);
	z-index:50;
	margin-top:0px;
	width:300px;
	height:130px;
	padding-right:10px;
	}

.nieuws_container,.nieuws_container_hover
	{
	position:absolute;
	left:8px;
	top:970px;
	color:rgb(52,170,202);
	z-index:50;
	margin-top:0px;
	width:300px;
	padding-right:10px;
	}

.links_container,.links_container_hover
	{
	position:absolute;
	left:676px;
	top:970px;
	color:rgb(52,170,202);
	z-index:50;
	margin-top:0px;
	width:300px;
	padding-right:10px;
	}


.feedback_container,.feedback_container_hover
	{
	position:absolute;
	left:8px;
	top:840px;
	color:rgb(52,170,202);
	z-index:50;
	margin-top:0px;
	width:175px;
	padding-right:10px;
	}

.nieuws_container_hover,.service_container_hover,.feedback_container_hover,.valentine_container_hover
	{
	color:rgb(0,0,0);
	cursor:pointer;
	}

.box_text
	{
	position:absolute;
	top:38px;
	_top:50px;
	left:20px;
	font-size:10pt;

	}

.box_header
	{
	margin-bottom:0px; 
	position:absolute; 
	}

.white_border_news_box,.white_border_service_box,.white_border_ontbijtmomenten_box,.white_border_valentine_box
	{
	position:absolute;
	top:34px;
	}

.white_border_feedback_box
	{
	position:absolute;
	top:34px;
	left:3px;
	}

.inside-text-small
	{
	z-index:100;
	position:absolute;
	left:32px;
	top:45px;
	font-size:9pt;
	}

#momenten_next
	{
	z-index: 100; 
	background: url('pictures/button_links.gif') no-repeat; 
	left: -10px; 
	position:absolute;
	width: 23px; 
	cursor: pointer; 
	text-indent: -9999px; 
	top: 64px; 
	height: 30px;
	}

#momenten_prev 
	{
	z-index: 101;
	background: url('pictures/button_rechts.gif') no-repeat; 
	left: 246px; 
	width: 23px; 
	position:absolute;
	cursor: pointer; 
	text-indent: -9999px; 
	top: 64px; 
	height: 30px;
	}

#momenten 
	{
	position: absolute; 
	height: 110px;
	}

#momenten UL 
	{
	padding: 0px; 
	margin: 0px; 
	list-style-type: none;
	}

#momenten ul li
	{
	float:left;
	}

#momenten_images_group1, #momenten_images_group2
	{
	position: absolute;
	}

#momenten_images 
	{
	position:absolute;
	left: 13px; 
	overflow: hidden; 
	width: 233px; 
	top: 40px; 
	height: 75px
	}

#momentenTitleDiv 
	{
	color:rgb(79,43,7);
	z-index:200;
	position:absolute;
	top:400px;
	text-align:center;
	top:125px;
	visibility: hidden;
	margin: 0px auto 0px; 
	width: 40px;  
	top: 0px;
	}

#momentenTitleDiv p 
	{
	z-index:200;
	position:absolute;
	top:180px;
	text-align:center;
	width: 280px;
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	font-size:10pt;
	font-weight:normal;
}

#momenten img 
	{
	border:0px;
	width:75px;
	height:75px;
	padding:0px; 
	margin-right:4px; 
	}

#top_left_corner
	{
	position:absolute;
	top:-1px;
	left:-1px;
	margin-left:-11px;
	margin-top:-11px;
	}

#top_right_corner
	{
	position:absolute;
	top:-1px;
	left:967px;
	margin-top:-11px;
	}


#bottom_left_corner
	{
	position:absolute;
	left:-12px;
	top:1127px;
	margin-left:0px;
	}

#bottom_right_corner
	{
	position:absolute;
	left:967px;
	top:1127px;
	}

.inside-text-upper
	{
	position:absolute;
	text-align:left;
	top:309px;
	width:430px;
	padding-left:15px;
	}

.footer
	{
	padding:10px; 
	margin-left:auto;
	margin-right:auto;
	font-size:8pt;
	text-align:left;
	background-color:rgb(140,140,140);
	color:white;
	margin-top:0px;
	width:940px;
	}

.banner
	{
	margin-top:77px;
	_margin-top:0px;
	width:980px;
	height:78px; 
	background: url(pictures/banner.gif) top left;
	z-index:100;
	text-align:left;
	color:white;
	}

.shadow_image
	{
	position:absolute;
	top:314px;
	left:190px;
	}

.info_image
	{
	position:absolute;
	top:290px;
	left:195px;
	}

.momenten_image
	{
	position:absolute;
	top:315px;
	left:210px;
	}

#canvas_border_bottom_level
	{
	border:1px solid rgb(245,245,243);
	margin : 0px auto;
	width:984px;
	height:100%;
	}

#canvas_border_middle_level
	{
	border:1px solid rgb(216,217,212);
	margin : 0px auto;
	height:100%;
	}

#canvas_border_top_level
	{
	border:1px solid rgb(196,197,191);
	margin:0px auto;
	height:100%;
	}

div.canvas 
	{
	width:100%;
	border:1px solid white; /* don't understand why this is necessary */
	position:relative; /* to be able to position descendant divs absolutely */
	background-color:rgb(255,255,255);
	margin:0px auto;
	height:1140px;
	}

#main_title
	{
	text-align:left;
	margin-left:110px;
	margin-top : 19px;
	margin-bottom:0px;
	font-weight:bold;
	color : rgb(78,43,11);
	}

.boodschap_container
	{
	position :absolute;
	font-size:10pt;
	color:rgb(255,255,255);
	font-weight:bold;
	top:115px;
	left:710px;
	}

.waar_container
	{
	position :absolute;
	font-size:10pt;
	font-weight:bold;
	top:56px;
	left:110px;
	height:30px;
	width:300px;
	z-index:200;
	}


.divider_container
	{
	position :absolute;
	font-size:10pt;
	font-weight:bold;
	top:94px;
	left:80px;
	height:11px;
	width:750px;
	z-index:200;
	}

.boodschap
	{
	font-size:10pt;
	font-weight:bold;
	color:white;
	}

.boodschap_hover
	{
	cursor:pointer;
	font-size:10pt;
	text-decoration:underline;
	font-weight:bold;
	color:rgb(231,255,17);
	}

#logo
	{
	position:absolute;
	top:12px;
	left:15px;
	}

#header_nav
	{
	text-align:right;
	padding-bottom:3px;
	margin-right:5px;
	}

#header_nav a
	{
	font-size:7pt;
	} 

.winkelwagen_field
	{
	height:120px;
	margin-left:15px;
	margin-right:15px;
	margin-top:10px;
	}

.bestel_selectie_field
	{
	margin-left:15px;
	margin-right:15px;
	margin-top:5px;
	height:110px;
	}

.bestel_instructie_field
	{
	margin-left:15px;
	margin-right:15px;
	margin-top:5px;
	font-size:9pt;
	text-align:left;
	}


.in_winkelwagen_button_actief
	{
	position:absolute; 
	top:477px;;
	left:523px;
	visibility:hidden;
	z-index:200;
	}

.in_winkelwagen_button_actief_down
	{
	position:absolute; 
	top:478px;;
	left:524px;
	visibility:hidden;
	z-index:200;
	}

.leveringsbutton
	{
	position:absolute; 
	z-index:500;
	top:115px;
	left:85px;
	}

.leveringsbutton_down
	{
	position:absolute; 
	z-index:500;
	top:116px;
	left:86px;
	}

.betaling_button_actief
	{
	z-index:300;
	position:absolute;
	left:530px;
	top:255px;
	}

.betaling_button_actief_down
	{
	z-index:300;
	position:absolute;
	left:531px;
	top:256px;
	}

.verstuur_button_actief
	{
	z-index:300;
	position:absolute;
	left:530px;
	top:255px;
	}

.verstuur_button_actief_down
	{
	z-index:300;
	position:absolute;
	left:531px;
	top:256px;
	}