/************************************************************************************************/
/*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:272px; 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:white url(../images/top.png) repeat-x top left; }
#top.alt1{background:white url(../images/top_alt1.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:30px; padding:0px 150px 0px 150px; width:620px; color:#929daa; font-size:28px; 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:0px; position:absolute; }
.focal .about .save .delete{width:45px; left:0px; }
.focal .about .save .add{width:38px; left:45px; }
.focal .about .save .savenow{width:38px; left:85px; }
.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:340px; 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;}

/*upload*/
.focal.section1 .upload{width:480px; height:140px; background:url(../images/upload.png) no-repeat top left; left:265px; top:125px; position:absolute;}
.focal.section1 .upload h3{color:white; font-size:11px; font-weight:normal; left:10px; top:40px; position:absolute; border:0px; background:none;}
.focal.section1 .upload input{font-size:11px; left:10px; top:74px; position:absolute}

.focal.section1 .upload .go{left:0px; top:125px; position:absolute; }
.focal.section1 .upload .go 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; }
.focal.section1 .upload .go p{padding:5px 0px 0px 0px; font-size:12px;}
.focal.section1 .upload .go p a{font-size:12px; color:white;}


/************************************************************************************************/
/*section2*/
/************************************************************************************************/
/*option1*/
.focal.section2 .option1{padding-bottom:10px;}
.focal.section2 .option1 p{color:#8e9fa5; font-size:12px; padding-bottom:3px;}
.focal.section2 .option1 .option{width:268px; height:32px; background:url(../images/option1_option.png) no-repeat top left; position:relative; }
.focal.section2 .option1 .option a{width:41px; height:34px; 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{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; }
#page .content.style4{background:url(../images/page_style3.png) no-repeat top left; padding:25px 20px 0px 20px;}


/************************************************************************************************/
/*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:45px; 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;}

/*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{width:626px; left:185px; 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; }

/*shadowbox*/
.shadowbox{width:100%; height:100%; background:black; opacity:0.8; position:absolute; top:0px; left:0px; z-index:500;}

/************************************************************************************************/
/*rapport*/
/************************************************************************************************/
/*rapport*/
.rapport{}

/*info*/
.rapport .info{position:relative; margin:70px 0px 40px 0px; }
.rapport .info .img{left:0px; top:-60px; position:absolute; }
.rapport .info p{left:100px; top:-50px; position:absolute; text-align:left;}

/*table*/
.rapport table{width:100%;}
.rapport table td{padding:12px 10px 12px 10px; }
.rapport table .title{height:42px; vertical-align:middle; color:white; background:url(../images/rapport_title.png) repeat-x top left; text-align:center;}
.rapport table .alt1{padding-right:15px; text-align:right; vertical-align:middle;}
.rapport table p{padding:0px;}
.rapport table .field{font-size:12px; color:#636363; font-weight:bold; border:1px solid #ededed; padding:5px 10px 5px 10px; }
.rapport table .field.em{color:black;}
.rapport table .back1{background-color:#f8f8f8;}
.rapport table .center{text-align:center;}
.rapport table .cell{font-size:12px; color:black; text-align:left; border:1px solid #ededed;}
.rapport table a{text-decoration:none; font-size:12px;}
.rapport table .item{position:relative;}
.rapport table .item a strong{color:#0070be; font-size:12px;}
.rapport table .item a.off, .rapport table .item a.off strong{text-decoration:line-through; color:#979797; font-weight:normal;}
.rapport table .item  a.check.on{width:82px; height:24px; display:block; background:url(../images/item_on.png) no-repeat top left; right:0px; top:-4px; position:absolute;}
.rapport table .item  a.check.off{width:82px; height:24px; display:block; background:url(../images/item_off.png) no-repeat top left; right:0px; top:-4px; position:absolute;}
.rapport table .item  a.check em{width:63px; text-align:center; font-style:normal; font-size:11px; display:block; position:absolute; right:0px; top:6px;}
.rapport table .item  a.check.off em{text-decoration:line-through; color:#979797;}
.rapport table .item  a.check.alt{width:56px; height:24px; display:block; background:url(../images/item.png) no-repeat top left; right:0px; top:-4px; position:absolute;}
.rapport table .item  a.check.alt em{width:56px; text-align:center; font-style:normal; font-size:11px; display:block; position:absolute; right:0px; top:6px;}

/*ico*/
.rapport .ico.off{text-decoration:line-through; color:#979797;}

/*download*/
.rapport .download{background:url(../images/download.png) no-repeat top left; margin:20px 0px 30px 350px; }
.rapport .download .text{padding:0px 0px 0px 200px; }
.rapport .download p{padding:4px 0px 2px 0px;}
.rapport .download p label{font-size:12px; }
.rapport .download p label input{vertical-align:middle; margin-right:5px;}
.rapport .download p a{font-size:12px;}

/************************************************************************************************/
/*tables*/
/************************************************************************************************/
/*table1*/
.table1{width:590px; }
.table1 tr{height:32px; background:url(../images/table1_hr.png) no-repeat top left; }
.table1 tr td{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.upload{background:url(../images/ico_upload.png) no-repeat center left; }
.ico.arrowgreen{background:url(../images/ico_arrowgreen.png) no-repeat center left; }
.ico.bewaar{background:url(../images/ico_bewaar.png) no-repeat center left; }
.ico.on{background:url(../images/ico_on.png) no-repeat center right; padding:2px 19px 2px 0px; }
.ico.off{background:url(../images/ico_off.png) no-repeat center right; padding:2px 19px 2px 0px;}
.ico.pages{background:url(../images/ico_pages.png) no-repeat center right; padding:2px 19px 2px 0px; }


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