/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:black; font-size:14px;}
img{border:0px;}
br.clear{clear:both; font-size:0px;}
div.clear{clear:both; font-size:0px;}
ul{list-style:none;}
body{background:white url(../images/body.png) repeat-x top left; }


/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container{}


/************************************************************************************************/
/*header*/
/************************************************************************************************/
#header{width:920px; height:132px; position:relative; margin:0px auto 0px auto; }

/*logo*/
#header h1 a{width:256px; height:105px; top:27px; left:0px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; background:url(../images/logo.png) no-repeat top left; }


/************************************************************************************************/
/*top*/
/************************************************************************************************/
#top{background:black url(../images/top.png) repeat-x top left; }

/*breadcrumbs*/
#top .breadcrumbs{width:969px; margin:0px auto 0px auto; position:relative; left:40px; padding:15px 0px 15px 0px; }
#top .breadcrumbs a{font-size:12px; color:#a5a5a5; text-decoration:none;}
#top .breadcrumbs a.on{color:white;}
#top .breadcrumbs span{font-size:10px; color:#a5a5a5; padding:0px 5px 0px 5px; }


/************************************************************************************************/
/*focal*/
/************************************************************************************************/
.focal{height:388px; width:969px; margin:0px auto 0px auto; position:relative; left:5px;}
.focal h1{text-align:center; position:absolute; left:19px; top:40px; padding:0px 150px 0px 150px; width:620px; color:#a491ad; font-size:30px; font-weight:lighter; font-family:Century Gothic;}
.focal h2{font-size:18px; color:white; text-transform:uppercase; font-weight:normal;}


/************************************************************************************************/
/*section*/
/************************************************************************************************/
.focal.section1{background:url(../images/section1.png) no-repeat top left;}
.focal.section2{background:url(../images/section2.png) no-repeat top left;}

/*about*/
.focal .about{width:252px; padding:0px 0px 0px 19px; }
.focal .about h2{width:187px; height:55px; position:relative; left:0px; top:10px; padding:45px 65px 0px 0px; text-align:right;}
.focal .about h2.selecteren{background:url(../images/about_h2_selecteren.png) no-repeat top left; }
.focal .about h2.weekbestand{background:url(../images/about_h2_weekbestand.png) no-repeat top left; }
.focal .about p{color:#667f88; text-align:right; padding:0px 15px 0px 15px; line-height:18px;}
.focal .about p a{color:white; }
.focal .about p img{vertical-align:middle;}
.focal .about h3{width:237px; height:60px; position:relative; left:0px; top:40px; padding:8px 15px 0px 0px; text-align:right; background:url(../images/about_h3.png) no-repeat top left; color:white; font-weight:normal; font-size:12px; text-transform:uppercase;}
.focal .about .save{width:252px; height:32px; background:url(../images/about_save.png) no-repeat top left; position:relative; margin:15px 0px 0px 0px; }
.focal .about .save a{
	height:32px;
	display:block;
	overflow:hidden;
	text-indent:-4000px;
	top:2px;
	position:absolute;
}
.focal .about .save .savenow{
	width:38px;
	left:7px;
}
.focal .about .save .add{
	width:38px;
	left:45px;
}
.focal .about .save .delete{
	width:45px;
	left:81px;
}
.focal .about .save input{width:100px; left:130px; top:9px; position:absolute; background:none; border:none; font-size:11px; color:#898989;}
.focal .about .payment{width:252px; height:44px; background:url(../images/about_payment.png) no-repeat top left; left:19px; bottom:40px; position:absolute; }

/*position*/
.focal .position{text-align:center; left:19px; top:348px; position:absolute; width:525px; margin:0px 197px 0px 197px; border-top:1px #354349 solid; padding:8px 0px 0px 0px; }
.focal .position .list.steps{overflow:hidden; display:inline-block;}
.focal .position .list.steps li{display:inline; padding:0px 15px 0px 15px; right:-1px; position:relative;}
.focal .position .list.steps li a{color:#848d8e; font-family:Century Gothic; text-decoration:none;}
.focal .position .list.steps li.on a{color:white; font-family:Century Gothic; text-decoration:underline;}


/************************************************************************************************/
/*section1*/
/************************************************************************************************/
.focal.section1 a, .focal.section1 p{color:#777785;}

/*weekbestand*/
.focal.section1 .weekbestand{width:472px; height:132px; background:url(../images/weekbestand.png) no-repeat top left; position:absolute; left:7px; top:159px;}
.focal.section1 .weekbestand h2 a{font-size:18px; color:white; text-decoration:none; padding:0px 25px 0px 0px; background:url(../images/ico_arrowwhite.png) no-repeat center right; right:160px; top:50px; position:absolute; }
.focal.section1 .weekbestand p{padding:0px 0px 0px 30px; right:160px; top:80px; position:absolute; text-align:right;}

/*weekbestand*/
.focal.section1 .selecteren{width:465px; height:132px; background:url(../images/selecteren.png) no-repeat top left; position:absolute; right:10px; top:159px; }
.focal.section1 .selecteren h2 a{font-size:18px; color:white; text-decoration:none; padding:0px 25px 0px 0px; background:url(../images/ico_arrowwhite.png) no-repeat center right; left:130px; top:50px; position:absolute; }
.focal.section1 .selecteren p{padding:0px 30px 0px 0px; left:130px; top:80px; position:absolute; text-align:left;}


/************************************************************************************************/
/*section2*/
/************************************************************************************************/
/*option1*/
.focal.section2 .option1{padding-bottom:4px;}
.focal.section2 .option1 p{color:#8e9fa5; font-size:12px; padding-bottom:3px;}
.focal.section2 .option1 .option{width:268px; height:28px; background:url(../images/option1_option.png) no-repeat top left; position:relative; }
.focal.section2 .option1 .option a{width:41px; height:30px; background:url(../images/ico_add.png) no-repeat center center; position:relative; display:block; overflow:hidden; text-indent:-4000px; left:0px; top:0px; position:absolute; }
.focal.section2 .option1 .option input{width:215px; left:45px; top:8px; position:absolute; background:none; border:none; font-size:12px; color:#8c8c8c;}

/*order*/
.focal.section2 .order{text-align:right; vertical-align:middle;}
.focal.section2 .order p{font-size:12px; color:white;}
.focal.section2 .order p em{color:#f6ff00; font-weight:normal; font-size:12px; font-style:normal;}
.focal.section2 .order p span{color:white; font-size:12px; padding:0px 5px 0px 5px; }
.focal.section2 .order p input{vertical-align:middle; padding-left:15px;}

/*buy*/
.focal.section2 .buy{left:315px; top:45px; position:absolute; width:590px}
.focal.section2 .buy h3{height:21px; background:url(../images/buy_h3.png) no-repeat top left; padding:9px 0px 0px 10px; color:white; font-size:12px; font-weight:normal; margin-bottom:3px; margin-right:0px;}
.focal.section2 .buy .pay input{vertical-align:middle; padding-right:15px;}

/*bestellen*/
.focal.section2 .bestellen{width:230px; height:171px; background:url(../images/ico_weekbestand.png) no-repeat top left; right:0px; top:-20px; position:absolute; }
.focal.section2 .bestellen .order{left:60px; bottom:10px; position:absolute; }
.focal.section2 .bestellen .order input{margin-right:10px;}


/************************************************************************************************/
/*page*/
/************************************************************************************************/
#page{zoom:1; background:url(../images/page.png) repeat-x top left; position:relative}
#page .content{width:928px; margin:0px auto 0px auto; padding:25px 0px 0px 0px; }
#page .content.style1{background:url(../images/page_style1.png) no-repeat top left; }
#page .content.style2{background:url(../images/page_style2.png) no-repeat top left; }
#page .content.style3{background:url(../images/page_style3.png) no-repeat top left; }


/************************************************************************************************/
/*divisions, splits & paddings*/
/************************************************************************************************/
/*splits*/
.split{}
.split.s1{}
.split.s1 .left{width:285px; margin:0px 21px 0px 23px; float:left; position:relative;}
.split.s1 .center{width:285px; margin:0px 21px 0px 0px; float:left; position:relative;}
.split.s1 .right{width:264px; float:left; position:relative;}

/*split2*/
.split2{left:315px; top:10px; position:absolute;}
.split2 .left{width:315px; float:left; position:relative;}
.split2 .right{width:267px; float:left; position:relative;}

/*split3*/
.split3{left:25px; top:0px; position:relative;}
.split3.single{padding-right:60px;}
.split3 .left{width:621px; margin-right:53px; float:left; position:relative;}
.split3  p{font-size:12px; line-height:18px; padding:0px 0px 20px 0px; }
.split3  p strong{font-size:12px; line-height:18px;}
.split3  input, .split3 textarea{background:url(../images/input.png) no-repeat top left; border:1px solid #cfcfcf; padding:3px; font-size:12px;}
.split3  input.button{text-align:center; padding:0px 15px 0px 15px; color:#1b1b1b; font-size:12px; border:1px solid #bbbbbb; background:url(../images/input_button.png) repeat-x top left; height:22px; cursor:pointer; margin-top:15px;}
.split3 .right{width:208px; float:left; position:relative;}
.split3 .right p{font-size:12px;}


/************************************************************************************************/
/*lists*/
/************************************************************************************************/
/*icolist*/
.list.icolist{right:-20px; top:5px; position:absolute;}
.list.icolist li{padding:0px 20px 0px 21px; display:inline;}
.list.icolist li.registreer{background:url(../images/ico_registreer.png) no-repeat center left; }
.list.icolist li.login{background:url(../images/ico_login.png) no-repeat center left; }
.list.icolist li.contact{background:url(../images/ico_contact.png) no-repeat center left; }
.list.icolist li a{color:white; font-size:11px; text-decoration:none;}
.list.icolist li{color:white; font-size:11px; text-decoration:none;}

/*blocklist*/
.list.blocklist{right:0px; bottom:0px; position:absolute;}
.list.blocklist li{margin-left:1px; float:left;}
.list.blocklist li a{width:97px; height:22px; text-align:center; padding:8px 0px 0px 0px; color:black; background:white; display:block; text-decoration:none;}
.list.blocklist li.on a{color:white; background:#1b1b1b;}

/*l1*/
.list.l1{padding:0px 0px 0px 20px; }
.list.l1 li{background:url(../images/ico_arrowblack.png) no-repeat 0px 7px; padding:0px 0px 5px 15px; }
.list.l1 li a, .list.l1 li p{font-size:12px; color:#1b1b1b;}
.list.l1 li p{padding:6px 0px 10px 0px; }

/*l2*/
.list.l2{}
.list.l2 li{background:url(../images/ico_pages.gif) no-repeat 0px 5px; padding:0px 0px 5px 18px; }
.list.l2 li a, .list.l2 li p{font-size:12px; color:#1b1b1b; text-decoration:none;}
.list.l2 li p{padding:6px 0px 10px 0px; }

/*l2*/
.list.l3{}
.list.l3 li{padding:0px 0px 5px 0px; }
.list.l3 li a, .list.l3 li p{font-size:12px; color:#1b1b1b; text-decoration:none;}
.list.l3 li p{padding:6px 0px 10px 0px; }

/*l4*/
.list.l4{padding:0px 0px 0px 20px; }
.list.l4 li{background:url(../images/ico_arrowblack2.png) no-repeat 0px 4px; padding:0px 0px 5px 15px; }
.list.l4 li, .list.l4 li a, .list.l4 li p{font-size:12px; color:#1b1b1b;}
.list.l4 li p{padding:6px 0px 10px 0px; }

/*l5*/
.list.l5{padding:12px 0px 12px 10px; }
.list.l5 li{background:url(../images/ico_tick.png) no-repeat 0px 5px; padding:0px 0px 10px 15px; }
.list.l5 li, .list.l5 li a, .list.l5 li p{font-size:14px; color:#7a919a;}


/************************************************************************************************/
/*box*/
/************************************************************************************************/
/*info*/
.info{background:#f5f5f5;padding:7px 10px 7px 0px; margin-right:20px; text-align:right;}
.info .ico{font-weight:bold; color:#b7b7b7; font-size:12px; text-decoration:none; margin:0px 0px 0px 20px; }

/*popup*/
.popup{left:50%; margin-left:-310px;width:626px; top:20px; position:absolute; z-index:1000; }
.popup .top{width:626px; height:87px; background:url(../images/popup_top.png) no-repeat top left; }
.popup .top a{width:40px; height:40px; top:25px; right:15px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; }
.popup .content{width:626px; background:url(../images/popup_center.png) repeat-y top left;}
.popup .bottom{width:626px; height:55px; background:url(../images/popup_bottom.png) no-repeat top left; }
.popup .split3{left:35px; top:-30px; padding-right:60px; }

/*popup2*/
.popup2{left:50%; margin-left:-510px;width:1020px; top:20px; position:absolute; z-index:1000; }
.popup2 .top{width:1020px; height:87px; background:url(../images/popup_top2.png) no-repeat top left; }
.popup2 .top a{width:40px; height:40px; top:25px; right:15px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; }
.popup2 .content{width:1020px; background:url(../images/popup_center2.png) repeat-y top left;}
.popup2 .bottom{width:1020px; height:55px; background:url(../images/popup_bottom.png) no-repeat top left; }
.popup2 .split3{left:35px; top:-30px; padding-right:60px; }


/*shadowbox*/
.shadowbox{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; width:100%; height:100%; background:black; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; position:absolute; top:0px; left:0px; z-index:500;}


/************************************************************************************************/
/*tables*/
/************************************************************************************************/
/*table1*/
.table1{width:590px; }
.table1 tr{position:relative; height:32px; background:url(../images/table1_hr.png) no-repeat top left; }
.table1 tr td{background:none; border:1px solid black; border-right:1px solid #ededed; vertical-align:middle; padding:0px 0px 0px 10px; color:#636363; font-size:12px;}
.table1 tr td span{color:#0070be; font-size:12px;}
.table1 tr td a{color:#636363; font-size:12px;}
.table1 tr td.noborder{border:1px solid black; text-align:right; padding-right:10px; width:1%; white-space:nowrap;}
.table1 tr td.emptycart{width:30px;}

/*table2*/
.table2{width:590px; border:1px solid #ededed;}
.table2.wide td{text-align:center; padding:5px 10px 5px 10px;}
.table2.wide .align_left{text-align:left;}
.table2.wide .align_right{text-align:right;}
.table2 tr{}
.table2 tr td{ border-right:1px solid #ededed; border-bottom:1px solid #ededed; vertical-align:middle; padding:0px 10px 0px 10px; color:#636363; font-size:12px; height:25px;}
.table2 tr td strong{color:#636363; font-size:12px;}
.table2 tr td em{color:#0070be; font-size:12px; font-style:normal;}
.table2 tr td.head{background:url(../images/table2_td.png) no-repeat top right; font-weight:bold; white-space:nowrap;}
.table2 tr td.noborder{border:1px solid black; text-align:right; padding-right:10px; width:1%; white-space:nowrap;}


/************************************************************************************************/
/*miscelleanous*/
/************************************************************************************************/
/*headings*/
h2{}
h3{background:url(../images/dash.png) repeat-x bottom left; padding:0px 0px 8px 0px; margin-right:20px; margin-bottom:10px;}
h3 span{background:#1b1b1b; color:white; display:inline-block; padding:5px 20px 5px 20px; font-weight:normal;}
h4{background:url(../images/dash.png) repeat-x bottom left; padding:0px 0px 8px 0px; margin-bottom:10px; text-transform:uppercase;}
h5{color:#0070be; text-transform:uppercase; font-weight:normal; padding:10px 0px 10px 0px; }
h5.faq{background:#f5f5f5; padding:7px 4px 7px 10px; margin-bottom:10px;}
h5.faq a{color:#0070be; text-decoration:none; padding:2px 0px 2px 22px; background:url(../images/ico_arrowright.gif) no-repeat center left; }
h5.faq.on a{background:url(../images/ico_arrowdown.gif) no-repeat center left; }

/*ico*/
.ico{padding:2px 0px 2px 22px; }
.ico.plus{background:url(../images/ico_plus.png) no-repeat center left; }
.ico.rss{background:url(../images/ico_rss.png) no-repeat center left; }
.ico.print{background:url(../images/ico_print.png) no-repeat center left; }
.ico.mail{background:url(../images/ico_mail.png) no-repeat center left; }
.ico.arrowgreen{background:url(../images/ico_arrowgreen.png) no-repeat center left; }

/*text*/
.small{font-size:12px;}
.color1{color:white;}
.align_right{text-align:right;}
.paddingtop10{padding-top:10px;}

/*creditcards*/
.creditcards{width:313px; height:47px; background:url(../images/creditcards.png) no-repeat top left; left:0px; top:-50px; position:relative; margin:0px 0px -20px 0px; }

/*div hr*/
div.hr{height:2px;}
div.hr hr{display:none;}
div.hr.blue{background:url(../images/hr_blue.gif) repeat-x top left; }
div.hr.red{background:url(../images/hr_red.gif) repeat-x top left; }
div.hr.green{background:url(../images/hr_green.gif) repeat-x top left; }
div.hr.lineblue{border-top:1px solid #4e6f92; }
div.hr.grey{background:url(../images/hr_grey.gif) repeat-x top left; }

/*misc*/
table{ border-collapse:collapse;}


/************************************************************************************************/
/*footer*/
/************************************************************************************************/
#footer{background:url(../images/footer.png) repeat-x top left; }
#footer .content{background:url(../images/footer_content.png) no-repeat top left; padding:30px 0px 70px 0px; width:920px; margin:0px auto 0px auto;}
#footer a, #footer p, #footer span{color:#a9a9a9; font-size:12px; text-align:center; }
#footer span{padding:0px 5px 0px 5px; }


a:link.keuzevak {
	color:#808080;
	text-decoration:none;
	}
	
a:visited.keuzevak {
	color:#808080;
	text-decoration:none;
	}
	
a:hover.keuzevak {
	background-color:#808080;
	color:#ffffff;
	text-decoration:none;
	}

td.keuzevak{
	height:350px;
	width:230px;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	background-color:#FFE9E7;
	vertical-align:top;
	}
	
td.keuzevak2{
	height:350px;
	width:426px;
	border-width:1px;
	border-color:#000000;
	border-style:solid;
	background-color:#FFE9E7;
	vertical-align:top;
	}
	
div.keuzevak{
	height:300px;
	overflow:auto;
	width:230px;
	border-width:0px;
	border-color:#000000;
	border-style:solid;
	background-color:#FFE9E7;
	vertical-align:top;
	}
	
div.keuzevak2{
	height:300px;
	overflow:auto;
	width:426px;
	border-width:0px;
	border-color:#000000;
	border-style:solid;
	background-color:#FFE9E7;
	vertical-align:top;
	}