/*  Nascom base.css  All Rights Reserved. *****************
Title:base.css
Purpose:reset all standard html element in all browsers for integration team
Status:Valid CSS 2.1 according to W3C,lets keep it this way
Author:Mark,...
Version:1.2 Alpha (Change request by Raf B. & adding class .strike by Mark C.)
/************************************************************/
/* import a standard form.css,put all css declaration in this file */
@import url(form.css);
html{font-size:16px;}
body,html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,pre,cite,code,em,img,samp,small,strong,var,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;}
body{font:normal 62.5%/1 Verdana,Arial,"Helvetica Neue",Helvetica,"Times New Roman","Courier New",sans-serif;color:#787878;background:#fff url('../img/grass.jpg') repeat;} /*scales down that 1em = 10px */
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;} /*you need to add a title attribute to the html with the explanation*/
em{font-style:italic;}
p{line-height:1.125;} /* equals 18px = default 16 px:18 px wished = factor 1.125*/
ol,ul{list-style:none;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline;}
a,a img,a:active img,a:focus img,:focus,*:focus{outline:0;} /* no outline's in mozilla browsers around links and iamges */
table{border-spacing:0;}/* tables still need cellspacing="0",cellpadding="0" in the markup / please use table only for where they are designed for */
small{font-size:90%;}
/* default margins,so everything will get a nice space underneath,can be overridden as you like **********/
/*h1,h2,h3,h4,h5,h6,p,ul,ol,dl,bloqckquote{margin-bottom:15px;} /* add your own elements to it,must be a block-level element*/
/* default classes you can add to your html **************/
.left{float:left;}
.right{float:right;}
.clear{clear:both;} /* can be used on all elments,even <br class="clear" /> */
.clear-left{clear:left;}
.clear-right{clear:right;}
.hideflow{overflow:hidden;} /* can be used to display al in a div with 2 float in it */
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-justify{text-align:justify;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{border-bottom:1px solid ;} /*if you don't specify a color,the color of the border will allways be the color of the text (inheritance) */
.strike{text-decoration:line-through;}
.highlight{background:#ffc;color:inherit;}
.img-left{float:left;margin:0 10px 4px 0;} /* change to your needs */
.img-right{float:right;margin:0 0 4px 10px;}/* change to your needs */
.pos_absolute{position:absolute;}
.pos_relative{position:relative;}
.block{display:block;}
.hidden{display:none;}
.space-b{ margin-bottom :25px;}
.space-min{ margin-bottom :5px;}
.col388{ width :363px;padding-left :25px;}
.col364{ width :307px;padding-left :17px;padding-right :40px;}
.col208{ width :208px; text-align:left;}
.col464{ width :410px;  padding-left :54px; }
.col495{ width :375px;  padding-left :35px;  padding-right :85px;padding-bottom :190px;  }
/* default nice clean info,succes,error and warnings boxes,you will need the images in the subfolder **********/
.info,.success,.warning,.error,.validation{border:1px solid;margin:10px 0px;padding:15px 10px 15px 50px;background-repeat:no-repeat;background-position:10px center;}
.info{color:#00529B;background:#BDE5F8 url(images/info.png);}
.success{color:#4F8A10;background:#DFF2BF url(images/valid_green.png);}
.warning{color:#9F6000;background:#FEEFB3 url(images/attention.png);}
.error{color:#D8000C;background:#FFBABA url(images/cancel.png);}
.header-img {
	background :url(../img/home-header-nl.jpg);
	width :960px;
	height :225px;
}
.action-knop {
	left :25px;
	top :200px;
	display :block;
	width :390px;
	height :45px;
	cursor :pointer;
	z-index:122;
}
/* site */
#cf-main{width:960px;margin:0 auto;}
.language #cf-main {width :796px;margin-top :130px;}
.cf-logo{margin:25px 0 20px;}
.language a.cf-logo {padding : 0 0 20px 0;height :64px;display :block;width :344px;background : url(../img/cf-logo.png) no-repeat 0 0;text-indent :-9000px;}
.cf-container{clear:both;}
.actie #cf-main {position :relative;}
.cf-container-top{height:3px;background:url('../img/cf-main-top.png') no-repeat top left;}
.cf-container-bg{padding:0 0 35px;background:#fff url('../img/cf-main-bg.png') repeat-y top left;height :1%;}
.cf-container-bot{height:21px;background:url('../img/cf-main-bot.png') no-repeat top left;}
.actie .cf-container-bg {padding-bottom :0;}
.language .cf-container {width :796px;height :430px;background : #fff url(../img/language-bkg.jpg) no-repeat 1px 1px;margin-bottom :13px;overflow :hidden;}
.language .cf-container a#nederlands {display :inline-block;background : url(../img/taal-neder.png) no-repeat 0 0;height :142px;width :292px;text-indent :-9000px;position :relative;top :287px;float :left;margin-left :36px;}
.language .cf-container a#frans {display :inline-block;background : url(../img/taal-frans.png) no-repeat 0 0;height :132px;width :292px;text-indent :-9000px;position :relative;top :297px;float :right;margin-right :39px;}
.col388 .recept {margin-bottom :5px;  height :1%; }
.col388 p, .col364 p {font-size :1.1em;line-height :15px;color :#7a7a7a;text-align :left; }
.col208 p{font-size :1.1em;line-height :15px;color :#7a7a7a;text-align :left; margin-right: 30px; }
.chain .cf-col-left p{font-size :1.2em;line-height :1.4;color :#7a7a7a;text-align :left; }
.col388 .recept p{margin : 6px 0 0 148px;}
.col388 p strong, .col364 p strong, .col208 p strong {margin-bottom :3px;  font-size :110%;  color :#4f4f4f;  }
.col388 .recept p a:link, .col388 .recept p a:visited{background : url(../img/link-arrow.gif) no-repeat 0 3px;color :#f18e00;text-decoration : none;padding-left :5px;}
.meer:link, .meer:visited {background : url(../img/link-arrow.gif) no-repeat 0 3px;color :#6f6f6f;text-decoration : none;padding-left :5px;  display :block;  margin-left :148px;  }
.col388 .recept p a:hover, .col388 .recept p a:active {text-decoration :underline;}
a.button-link:link, a.button-link:visited {display :block;background : url(../img/cf-btn-bg.png) no-repeat 0 0;font-size :1.8em;color :#fff;text-decoration :none;height :35px; /* fixed for ie6&7 in ie6-7fix */padding-left :40px;font-weight :bold;padding-top :9px;/* fixed for ie6&7 in ie6-7fix */margin : 20px 0 12px 0;}
.col464 p {padding-right :20px;}
.home span.date {font-size :90%;color :#9b9b9b;}
.home span.winner {margin-left :90px;display :block;}
.image-corner {background : url(../img/corner-img.png) no-repeat 100% 100%;height :1%;}
.image-corner p {font-size :1.1em;line-height :15px;color :#7a7a7a;text-align :left;margin-bottom :15px;}
.image-corner img.left {margin : 0 10px 10px 0;}
#veget {width :415px;height :133px;left :105px;bottom :0;background : url(../img/sla-peper.png) no-repeat 0 0;}
#splash {background : url(../img/splash-bkg.png) no-repeat 0 0;position :relative;top :81px;height :348px;width :520px;margin-left:24px;padding-left :74px;}
/* footer */
#cf-footer{width:960px;margin:0 auto;color:#fff;font-size:11px;font-weight:bold; text-align:center;}
#cf-footer a{color:#fff;font-size:11px;font-weight:bold;}
#cf-footer a:hover{text-decoration:underline;}

/* navigation */
ul.cf-navigation{width:960px;height:30px;float:left;margin:1px 0 0;background:#9fda43;}
ul.cf-navigation li{float:left;}
ul.cf-navigation li.sep{width:7px;height:30px;background:url('../img/cf-nav-bg.png') no-repeat left 2px;}
ul.cf-navigation li a{height:22px;padding:8px 20px 0;display:block;float:left;font-size:1.5em;font-weight:bold;color:#fff;text-transform:uppercase;}
ul.cf-navigation li a:hover,ul.cf-navigation li.active a{background:#5bac26;text-decoration:none;}

/* col-left */
.cf-col-left{width:474px;margin:25px 0 0 50px;float:left;}
.cf-col-left h1{color:#5BAC26;font-size:2.7em;font-weight:normal;padding:0 0 10px;text-align:left;}
.cf-contest-container{width:474px;height:319px;background:url('../img/cf-contest-img.gif') no-repeat top left;position:relative;}
.chain .cf-col-left {background-image :none;}
.cf-col-left .cf-ban-top{position:absolute;right:0;top:0;}
.cf-col-left .cf-ban-mid{position:absolute;right:0;top:115px;}
.cf-col-left .cf-ban-bot{position:absolute;right:0;top:240px;}
.cf-participant-container{width:368px;margin:3px 0 0 15px;display:inline;}
.cf-participant{width:60px;height:86px;overflow:hidden;padding:5px;margin: 2px 0 11px 0;float:left;text-align:center;color:#adadad;font-size:1.2em;}
.cf-participant img{margin: 0 0 2px 0;display:block;}
.cf-participant-container .first{width:59px;margin:2px 4px 11px 15px;color:#fff;}
.cf-participant-container .new{width:59px;margin:2px 2px 11px 15px;color:#adadad;}

/* col-right */
.cf-col-right{width:347px;margin:25px 40px 0 0;float:right;position:relative;}

/* box */
.cf-box{background:url('../img/cf-box-bg.gif') repeat-y top left;width:347px;}
.cf-box-wrapper{background:url('../img/cf-box-top.gif') no-repeat top left;  padding-top :15px;  }
.cf-box-content{padding:0 0 18px;background:url('../img/cf-box-bot.gif') no-repeat bottom left;}
.cf-box h1{font-weight:normal;padding: 10px 20px 10px 20px;color:#5bac26;font-size:2.7em;}
h1.col-titel{font-weight:normal;padding:10px 20px 15px 0;color:#5bac26;font-size:1.8em;  text-align :left; }
h1.red-title{font-weight:bold;padding:10px 20px 15px 0;color:#e5352c;font-size:2.4em;text-align :left;}
h1.blue-title{font-weight:bold;padding:10px 20px 15px 0;color:#008bca;font-size:2.4em;text-align :left;}
#splash h1.col-titel {font-size :3.7em;color :#fff;padding-top :55px;margin-left :-74px;}
#splash p {color :#fff;font-size :1.2em;margin-bottom :15px;}
.cf-box h2{padding:0 20px;color:#787878;font-size:1.4em;}
.cf-box p{padding:0 20px 15px;font-size:1.2em; }
.cf-box p.less{padding:0 20px 15px;font-size:1.2em;  margin-top :-5px; }
.cf-box p.cf-hint{color:#ababab;font-style:italic;font-size:0.9em;padding-top:0;}
.cf-box p.cf-hint a{color:#ababab;text-decoration:underline;}
.cf-box p.cf-error{font-size:1.4em;font-weight:bold;}
.cf-box p.cf-error a{color:#5bac26;text-decoration:underline;}
.cf-box form{padding:0 20px;}
.cf-box form p{padding:5px 0;}
.cf-box form label.block{padding:0 0 8px;}
.cf-box form .cf-group-wrapper{width:260px;height:37px;background:url('../img/groupname-box.gif') no-repeat top right;}
.cf-box form input{font-size:1.4em;color:#787878;}
.cf-box form #cf-groupname{width:230px;height:32px;margin:8px 15px 0;font-size:1.6em;}
.cf-box form p.cf-hint{padding:3px 0 25px;color:#afafaf;font-size:1.1em;font-style:italic;}
.cf-box form .cf-form-row{margin:0 0 5px;}
.cf-box form label{color:#787878;font-size:1.2em;}
.cf-box form label strong{color:#5bac26;font-size:1.1em;}
.cf-box form .cf-radio{margin:0 3px 0 0;}
.cf-box h3{padding:10px 0 0;color:#5bac26;font-size:1.4em;}
.cf-box form .cf-schifting-wrapper{width:158px;height:38px;line-height:38px;background:url('../img/schifting-box.gif') no-repeat top left;padding:0 0 15px;}
.cf-box form #cf-schifting{width:107px;margin:5px 3px 0 15px;text-align:right;  padding-right :3px; }
.cf-box .cf-prev-link{margin:100px 0 0 20px;}
.cf-box .cf-btn-start-contest{display:block;width:280px;height:40px;background:url('../img/cf-btn-start-contest-nl.gif') no-repeat top left;margin:0 50px;}
.fr .cf-box .cf-btn-start-contest{display:block;width:275px;height:44px;background:url('../img/cf-btn-start-contest-fr.gif') no-repeat top left;margin:0 30px;}
.cf-box .cf-btn-start-chain{width:239px;height:44px;background:url('../img/cf-start-chain-nl.gif') no-repeat top left;cursor:pointer;}
.fr .cf-btn-start-chain{width:275px;height:44px;background:url('../img/cf-start-chain-fr.gif') no-repeat top left;cursor:pointer;}
.cf-box form .cf-btn-prev,.cf-box .cf-prev-link{width:138px;height:44px;float:left;background:url('../img/btn-prev-nl.gif') no-repeat top left;cursor:pointer;}
.cf-box form .cf-btn-next{width:165px;height:44px;float:left;background:url('../img/btn-next-nl.gif') no-repeat top left;cursor:pointer;}
.fr .cf-box form .cf-btn-prev,.fr .cf-box .cf-prev-link{width:138px;height:44px;float:left;background:url('../img/btn-prev-fr.gif') no-repeat top left;cursor:pointer;}
.fr .cf-box form .cf-btn-next{width:165px;height:44px;float:left;background:url('../img/btn-next-fr.gif') no-repeat top left;cursor:pointer;}
.cf-box form .cf-btn-next.right{float:right;}
.cf-box form#cf-frm-register .cf-form-row{clear:both;float:left;width:100%;padding:0 0 5px;}
.cf-box form .cf-reg-label{width:85px;margin:0 0 0 5px;float:left;padding:5px 0 0;}
.cf-box form .cf-reg-wrapper{float:left;width:191px;height:25px;background:url('../img/cf-register-box.gif') no-repeat top left;}
.cf-box form .cf-salutation-wrapper{float:left;width:191px;height:25px;}
.cf-box form .cf-reg-wrapper select{width:170px;border:0;background:none;margin:5px 0 0 10px;color:#adadad;font-size:1.2em;}
.cf-box form .cf-reg-input{width:170px;margin:5px 0 0 10px;color:#adadad;font-size:1.2em;}
.cf-box form .cf-pix-wrapper{float:left;width:96px;height:25px;background:url('../img/cf-pic-box.gif') no-repeat top left;}
.cf-box form #upload-image{height:20px;/*background:url('../img/cf-btn-upload-nl.gif') no-repeat top left;*/margin:0 0 0 5px;  font-size :10px;  border : 1px solid;  }
.fr .cf-box form #upload-image{width:90px;height:20px;/*background:url('../img/cf-btn-upload-fr.gif') no-repeat top left;*/margin:0 0 0 5px;font-size :10px;  border : 1px solid;}
.cf-box form #cf-pic{width:76px;margin:5px 0 0 10px;color:#adadad;font-size:1.2em;}
.cf-box form p.cf-avatar-text{margin:0 20px;}
.cf-box form .cf-check{width:16px;height:16px;float:left;margin:0 5px 0 0;border:0;background:url('../img/cf-check.gif') no-repeat top left}
.cf-box form .cf-row-check img{float:left;margin:0 5px 0 0;}
.cf-box form .cf-confirm-label{width:285px;display:block;float:left;font-size:0.9em;margin:0 0 0 -3px}
.cf-box form .cf-avatar-img{width:77px;height:83px;float:left;margin:0 5px 0 0}
.cf-box form .cf-avatar-img-1{width:77px;height:83px;float:left;margin:0 5px 0 0}
.cf-box form .cf-avatar-img-2{width:77px;height:83px;float:left;margin:0 5px 0 0}
.cf-box form .cf-avatar-img-3{width:77px;height:83px;float:left;margin:0 5px 0 0}
.cf-box form .cf-btn-submit{width:280px;height:40px;float:right;background:url('../img/cf-btn-submit-nl.gif') no-repeat top left;}
.fr .cf-box form .cf-btn-submit{width:165px;height:44px;float:right;background:url('../img/cf-btn-submit-fr.gif') no-repeat top left;}
.cf-box-completed .cf-box-content{height:180px;}
.cf-box form#cf-frm-register .cf-row-avatar{width:255px;padding:0 0 0 20px;}

.cf-submit-success{width:373px;height:256px;position:absolute;top:0;left:0;margin:-20px 0 0;background:url('../img/cf-confirm-mail.png') no-repeat top left;color:#fff;font-size:1.3em;font-weight:bold;line-height:1.3em;}
.cf-box .cf-submit-success p, .cf-submit-success p{width:266px;margin:0 0 0 50px;padding:85px 0 0 0;  font-size :13px;  }
.cf-submit-success_fr{width:373px;height:256px;position:absolute;top:0;left:0;margin:-20px 0 0;background:url('../img/cf-confirm-mail_fr.png') no-repeat top left;color:#fff;font-size:1.3em;font-weight:bold;line-height:1.3em;}
.cf-box .cf-submit-success_fr p, .cf-submit-success_fr p{width:266px;margin:0 0 0 50px;padding:85px 0 0 0;  font-size :13px;  }
.cf-submit-success_nl{width:373px;height:256px;position:absolute;top:0;left:0;margin:-20px 0 0;background:url('../img/cf-confirm-mail_nl.png') no-repeat top left;color:#fff;font-size:1.3em;font-weight:bold;line-height:1.3em;}
.cf-box .cf-submit-success_nl p, .cf-submit-success_nl p{width:266px;margin:0 0 0 50px;padding:85px 0 0 0;  font-size :13px;  }
.cf-close-x{width:20px;height:20px;position:absolute;top:14px;right:37px;}
.cf-close{width:60px;height:20px;position:absolute;top:34px;right:57px;}

/* list your bbq */
ul.cf-your-bbq{padding:0 30px 10px;}
ul.cf-your-bbq li{min-height:44px;height:auto!important;height:44px;background:url('../img/cf-step2.png') no-repeat top left;font-size:1.4em;padding:15px 0 0 50px;}
ul.cf-your-bbq li.first{background:url('../img/cf-step1.png') no-repeat top left;}
ul.cf-your-bbq li.last{background:url('../img/cf-step3.png') no-repeat top left;}
ul.cf-your-bbq li span{color:#22b14c;font-weight:bold;}

/* buttons */
.cf-btn{width:280px;border:0;height:44px;background:url('../img/cf-btn-bg.png') no-repeat top left;/*font-size:1.7em;*/color:#fff;font-weight:bold;text-align: left;}

/* footer */
#cf-footer{width:960px;margin:0 auto;color:#666666;font-size:11px;font-weight:bold;font-family:arial,trebuchet MS,tahoma,helvetica,clean,sans-serif;padding-bottom:0.35em;}
.language #cf-footer {text-align :center;}
#cf-footer a{color:#fff;font-size:11px;font-weight:bold;}
#cf-footer a:hover{text-decoration:underline;}

/* replaceing selectboxes */
div.selectbox-wrapper{position:absolute;width:400px;background:white;border:1px solid #ccc;margin:0 5px;margin-top:-10px;padding:5px;font-size:1.2em;text-align:left;max-height:200px;overflow:auto;}
div.selectbox-wrapper ul{list-style-type:none;margin:0px;padding:0px;}
div.selectbox-wrapper ul li.selected{background:#fff;}
div.selectbox-wrapper ul li.current{background:#fff;}
div.selectbox-wrapper ul li{list-style-type:none;display:block;margin:0;padding:2px;cursor:pointer;}
/*label{display: block;}*/
.cf-box form .selectbox{width:171px;height:25px;padding:2px 10px 5px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;display:block;text-align:left;background:url('../img/cf-select-bg.gif') no-repeat top right;cursor:pointer;border:0px solid #D1E4F6;color:#adadad;font-size:1.2em;}
.cf-box form .selectbox{width:171px;height:25px;padding:2px 10px 5px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;display:block;text-align:left;cursor:pointer;border:0px solid #D1E4F6;color:#adadad;font-size:1.2em;}
.cf-box form .selectbox, x:-moz-any-link {padding:5px 10px;} /* FireFox 2 */
.cf-box form .selectbox, x:-moz-any-link, x:default {padding:5px 10px;} /* FireFox 3 */
select{background:url('../img/cf-select-bg.gif') no-repeat top right;}

.color-link:link, .color-link:visited  {color:#F18E00; text-decoration: none;}
.color-link:hover, .color-link:active  {color:#F18E00;text-decoration: underline;}

.grey-link:link, .color-link:visited  {color:#4f4f4f; text-decoration: underline;}
.grey-link:hover, .color-link:active  {color:#4f4f4f;text-decoration: underline;}

/* one column content page */
.cf-col-one {margin:25px 40px 0 50px;}
.cf-col-one h1 {color:#5BAC26; font-size:2.7em; font-weight:normal; padding:0 0 10px; text-align:left;}
.cf-col-one p {margin:1.25em 0em;}
.cf-col-one ul, .cf-col-one ol {margin:1.25em 0em;}
.cf-col-one ul {padding-left:1.75em;}
.cf-col-one ol {padding-left:2.25em;}
.cf-col-one ul li {list-style-type:disc;}
.cf-col-one ol li {list-style-type:decimal;}
.cf-col-one {text-align:left;}

/* center footer */
#cf-footer {text-align:center;}

/* paragraph above weather block */
.col208 p {color:#7A7A7A; font-size:1.1em; line-height:15px; text-align:left;}