@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;}

body { background:color: #666; font: normal 12px/120% Arial, Helvetica, sans-serif; text-align: justify }

#close { width: 100%; display: block; clear: both; font-size: 0; line-height: 0;}
strong { font-weight: bold; color: #137692;}

h1, h2, h3 { font-family: impact,sans-serif; color: #DF334C;}

a { color: #DF334C; text-decoration: none;}
a:hover { color: #137692;}

textarea { width:390px; height:85px; border: 1px solid #CCC; padding: 10px; padding-right: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666 }
select, input {border: 1px solid #CCC; height: 18px; padding: 2px; font-size: 11px; line-height: 18px; color: #666;}
select { height: 22px;}
option { background-color: #F8F4ED }

label { font-size: 11px;}

/* ---------------------------------------------- */
/* ------------- MAIN WRAPPER ------------------- */
/* ---------------------------------------------- */
#main_wrapper {width: 100%; line-height: 130%; font-size: 12px; }

#footer { display: none}
/* ---------------------------------------------- */
/* ------------- HEADER WRAPPER ----------------- */
/* ---------------------------------------------- */
#header_wrapper { display: none}
#printlogo { width: 100%; display: block; clear: both; text-align: right; }
/* ---------------------------------------------- */
/* ------------- CONTENT WRAPPER ----------------- */
/* ---------------------------------------------- */
.wedstrijd #content_wrapper { width: 100%;  }

/* ------------- CONTENT WESTRIJD ----------------- */

h1 { font-size: 36px; text-align: justify; padding-bottom: 25px; line-height: 36px;}
body.wedstrijd_fr h1 { font-size: 26px; line-height: 100%; padding-bottom: 20px;}

p.left { width: 100%; padding-top: 10; }
p.right { width: 100%;}

a.galerij_link, a.deelnemen_link { display: none;}
#flash_restaurant { display: none;}

/* ------------- CONTENT DEELNEMEN ----------------- */
.deelnemen #content_wrapper { width: 100%;}

h2 { font-size: 20px; font-weight: normal; padding-bottom: 13px; }
h3 { font-size: 20px; color: #333; font-weight: normal; display: inline; }
#stap { line-height: 120%; display: block; clear: both; width: 100%; font-weight: bold;}
#stap1 { width: 100%;}
#stap2 { width: 100%;}
#stap3 { width: 100%;}
#stap4 { width: 100%;}

a.info { width: 16px; height: 16px; display: inline-block; background:url(info.gif) no-repeat center; margin-left: 5px;}

#form_item {display: block; clear: both; padding-top: 7px;}

/* ------------- STAP 1 ----------------- */
#upload_btn { display: block; clear: both;  padding-top: 30px; }
#upload_btn a, 
.btn_annuleren { width: 192px; height: 35px; display: block; color: #FFF; background: url(bg_button.png) no-repeat center; text-align: center; line-height: 35px; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold;  }
.btn_annuleren { width: 132px; background-image: url(bg_button_cancel.jpg); display: inline; line-height: 100%;} 
#upload_btn a:hover { background: url(bg_button_over.png);}
a.btn_foto { float: left;}
a.btn_video { float: right;}
#upload_video label,#upload_foto label { margin: 5px 0;}
#upload_foto #foto { height: auto;}

#stap1 label { display: block; margin-bottom: 5px;}
.deelnemen_fr #stap1 label { display: block; margin-bottom: 3px;}
#stap1 #form_item { display: block; width:100%; clear: both; padding-top: 7px; height: 30px;}
.deelnemen_fr #stap1 #form_item { display: block; width:100%; clear: both; padding-top:0; height: 30px;}
#stap1 #form_item label { width: 70px; text-align: left; float: left; padding-right: 5px; line-height: 22px; margin-top: 5px;}
#stap1 .titel { width: 320px; float: left; margin-top: 5px;}

/* ------------- STAP 2 ----------------- */
#stap2 #stap { padding-bottom: 7px;}
.deelnemen_fr #stap2 #stap { padding-bottom: 3px;}
#stap2 input { width: 135px;}
.deelnemen_fr #stap2 #form_item { padding-top: 3px;}

/* ------------- STAP 3 ----------------- */
#stap3 #stap { padding-bottom: 20px;}
#stap3 label { width: 55px; text-align: right; float: left; padding-right: 5px; line-height: 22px;}
#stap3 select { width: 208px; float: left;}

/* ------------- STAP 4 ----------------- */
#stap4 #left { float: left; }
#stap4 #form_item { padding: 0;}
#stap4 #stap { padding-bottom: 10px;}
#stap4 label { width: 90px; text-align: right; float: left; padding-right: 5px; line-height: 22px; margin-top: 5px;}
#stap4 input { width: 140px; float: left; margin-top: 5px;}
#stap4 #check { width: auto; margin-right: 5px; background-image: none;}
#stap4 #right { float: right; width: 190px; }
/*#stap4 a.send { width: 128px; height: 35px; background: url(bg_button_send.png) no-repeat center; line-height: 35px; text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; display: block; color: #FFF; margin-top: 24px; }
#stap4 a:hover { background-image: url(bg_button_send_over.png) }*/
#stap4 #verzendknop { width: 128px; height: 35px; background: url(bg_button_send.png) no-repeat center; line-height: 100%; text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; display: block; color: #FFF; margin-top: 44px; cursor: pointer; }

/* --------------------------------------------- */
/* -----------CONTENT GALERIJ ------------------- */
/* --------------------------------------------- */
.galerij #content_wrapper { width: 100%; text-align: left; line-height: 120%;}

#navigation_thumb { display: none}
#thumbs { display: none; }

#item { height: 205px; margin-top: 10px;}
#image { width: 301px; height: 202px; margin-bottom: 30px;}
#image img { line-height: 0; font-size: 0; float: left;}

#recept {display: none;}
#receptinhoud { width: 100%; display: block; clear: both; font-size: 12px; line-height: 130%;}
#receptinhoud #title { font-family: impact,sans-serif; color: #DF334C; font-size: 20px; font-weight: normal; display: block; clear: both; padding-bottom: 20px;}

#add_to_any_link { display: none;}

#info { width:100%; line-height: 130%; display: block; clear: none; font-weight: bold; padding-top: 20px; }
#name, #date, #thumb_name { font-weight: bold; color: #137692; }
#title { color: #137692; font-weight: bold;}
#item_navigation { display: none;}

#stap1 #recept { float: none; background-image: url(bg_textarea.png); height: 65px; margin-right: 0; width: 390px;}

a.printRecept:link, a.printRecept:visited, a.printRecept:active { display: none;}

#myYoutubeControlBar { display: none;}
/* --------------------------------------------- */
/* -----------CONTENT REGLEMENT----------------- */
/* --------------------------------------------- */
.reglement #content_wrapper { width: 100%;  }
#content {}
.reglement h1,
.upload_video h1,
.tellafriend  h1{ font-size: 24px;}
.reglement h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; display: block; font-weight: bold; margin: 20px 0 10px 0;}

/* --------------------------------------------- */
/* -----------  TELL A FRIEND ------------------ */
/* --------------------------------------------- */
.tellafriend #content_wrapper { width: 100%;}
.tellafriend label { float:left; line-height:22px; padding-right:5px; text-align:right; width:220px;}
.tellafriend textarea { width: 196px; height: 50px;}
.tellafriend input { width: 200px; padding: 3px; height: 16px;} 
#send { width: 128px; height: 35px; background: url(bg_button_send.png) no-repeat center; line-height: 100%; text-align: center; font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; display: block; color: #FFF; margin-left: 225px; margin-top: 10px; cursor: pointer; }

/* --------------------------------------------- */
/* -----------  UPLOAD VIDEO- ------------------ */
/* --------------------------------------------- */
.upload_video #content_wrapper { width: 100%;}
/* --------------------------------------------- */
/* -----------  BEVESTIGING -------------------- */
/* --------------------------------------------- */
.bevestiging #content_wrapper { width: 100%;}
.bevestiging h1 { text-align: left;} 