@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;}

body { background: #0D5367 url(bg_patroon.png) repeat-x top center; 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;}
.noScreenDisplay { display: none;}
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; background: #F8F4ED url(bg_textarea.png) no-repeat 0 0; border: 0; padding: 10px; padding-right: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666 }
select, input { background: url(bg_dropdown.jpg) top left no-repeat; border: 0; 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 ------------------- */
/* ---------------------------------------------- */
.wedstrijd #main_wrapper,
.reglement #main_wrapper,
.tellafriend #main_wrapper,
.bevestiging #main_wrapper {background: transparent url(../nl/art/bg_wedstrijd.png) no-repeat top center; width: 1160px; height: 610px; margin: 0 auto;}

.wedstrijd_fr  #main_wrapper,
.reglement_fr  #main_wrapper,
.tellafriend_fr  #main_wrapper,
.bevestiging_fr  #main_wrapper {background: transparent url(../fr/art/bg_wedstrijd.png) no-repeat top center; width: 1160px; height: 610px; margin: 0 auto;}

.deelnemen #main_wrapper {background: transparent url(../nl/art/bg_deelnemen.png) no-repeat top center; width: 1160px; height: 610px; margin: 0 auto; }
.deelnemen_fr #main_wrapper {background: transparent url(../fr/art/bg_deelnemen.png) no-repeat top center; width: 1160px; height: 610px; margin: 0 auto; }

.galerij #main_wrapper,
.upload_video #main_wrapper {background: transparent url(../nl/art/bg_galerij.png) no-repeat top center; width: 1160px; height: 610px; margin: 0 auto; }

.galerij_fr #main_wrapper,
.upload_video_fr #main_wrapper {background: transparent url(../fr/art/bg_galerij.png) no-repeat top center; width: 1160px; height: 610px; margin: 0 auto; }


#footer { text-align: right; position: absolute; top: 580px; width: 1040px; text-align: right; padding-right: 120px; color: #FFF;}
/* ---------------------------------------------- */
/* ------------- HEADER WRAPPER ----------------- */
/* ---------------------------------------------- */
#header_wrapper { width: 920px; display: block; margin: 0 auto; padding-top: 6px; clear: both;}

#main_menu { list-style-image: none; list-style-type: none; margin: 0; padding: 0; float: left;}
#main_menu li { float: left; padding-right: 15px;}
#main_menu a { font: normal 15px impact,sans-serif; color: #137D99; text-decoration: none;}
#main_menu a.link {color: #1FC4F4} 
#main_menu a:hover, #main_menu a.active { color: #DF334C;}

a.home_link { width: 250px; height: 180px; display: block; float: right;}



/* ---------------------------------------------- */
/* ------------- CONTENT WRAPPER ----------------- */
/* ---------------------------------------------- */
.wedstrijd #content_wrapper { width: 605px; display: block; margin: 0 auto;  padding-top: 50px; padding-left: 140px; padding-right: 175px;  }
.wedstrijd_fr #content_wrapper { padding-top: 30px; padding-left: 120px; width: 625px; }

/* ------------- CONTENT WESTRIJD ----------------- */

h1 { font-size: 36px; text-align: justify; padding-bottom: 25px;}
body.wedstrijd_fr h1 { font-size: 26px; line-height: 100%; padding-bottom: 20px;}

p.left { width: 280px; float: left; }
.wedstrijd_fr p.left { width: 330px; line-height: 110%;}
p.right { width: 255px; float: right; height: 160px; }
.wedstrijd_fr p.right { line-height: 110%; height: 160px; }

a.galerij_link, a.deelnemen_link { width: 210px; height: 68px; display: block; margin-left: 335px; position: absolute; top: 523px; font-family: impact,sans-serif; font-size: 20px; color: #FFF; text-align: center;  text-decoration: none; line-height: 120%; padding-top: 15px; background: url(bg_button_galerij.png) no-repeat center;/* opacity:0.4;filter:alpha(opacity=40)*/ }
a.deelnemen_link { margin-left: 85px; background-image: url(bg_button_galerij_over.png)}
a.galerij_link:hover, a.deelnemen_link:hover { background-image: url(bg_button_galerij_over.png); color: #FFF}
a.deelnemen_link:hover { background-image: url(bg_button_galerij.png)}

body.upload_video a.deelnemen_link { margin-left: 165px; top: 526px;}
body.upload_video a.galerij_link { margin-left: 410px; top: 526px;}

body.galerij a.deelnemen_link { top: 526px; margin-left: 370px}

#flash_restaurant { float: right; clear: right; margin-right: 10px;}

/* ------------- CONTENT DEELNEMEN ----------------- */
.deelnemen #content_wrapper { width: 920px; display: block; margin: 0 auto;  padding-top: 30px; padding-left: 0px; padding-right: 0px; text-align: left; line-height: 120%;}

h2 { font-size: 20px; padding-left: 70px; 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: 405px; height: 270px; /*border: 1px solid #FC3;*/ float: left;  margin-top: 45px;}
#stap2 { width: 142px; height: 150px; /*border: 1px solid #003;*/ float: right; margin-right: 48px; margin-top: -30px;}
#stap3 {width: 270px; height: 150px; float: right; margin-top: -30px;}
#stap4 {width: 462px; height: 125px; /*border: 1px solid #456;*/ float: right; clear: right; margin-top: 40px;}

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: 896px; display: block; margin: 0 auto;  padding-top: 22px; padding-left: 0px; padding-right: 0px; text-align: left; line-height: 120%;}

#navigation_thumb { margin-left: 400px; height: 28px;}
#thumb_nr {  float: left; line-height: 24px; padding: 0 5px; color: #DF334C }
#thumbs { }
a.thumblink { width: 108px; height: 101px; background-color:#1FC4F4; opacity:0;filter:alpha(opacity=0); display: block; position: absolute;}
a.thumblink:hover { opacity:0.4;filter:alpha(opacity=40) }
#thumb { border: 1px solid #94E2FA; float: left; margin-right: 2px; }
#thumb_image {width: 108px; height: 81px; text-align: center; line-height: 0; font-size: 0;}
#thumb_name { width: 108px; height: 20px; text-align: center; line-height: 20px; font-size: 9px; overflow: auto;}

#item { height: 205px; margin-top: 10px;}
#image { width: 301px; height: 202px; border: 1px solid #94e2fa; float: left; margin-right: 10px;}
#image img { line-height: 0; font-size: 0; float: left;}
#receptinhoud { float: left; background-color: #F8F4ED; height: 150px; margin-right: 13px; width: 330px; overflow: auto; padding: 10px;}
#receptinhoud #title { font-weight: bold; display: block; padding-bottom: 10px;}
#recept { float: left; background-image: none; height: 156px; margin-right: 13px; width: 350px;}

#right { float: left; }
#info { width: 140px; line-height: 120%; display: block; clear: none; font-size: 11px;}
#name, #date, #thumb_name, #title { font-weight: bold; color: #137692; }
#receptinhoud #title { color: #DF334C; font-weight: bold; font-size: 13px}
#item_navigation { position: absolute; top: 527px; }
a.prev { width: 24px; height: 24px; background: url(bg_prev.jpg) no-repeat center; display: block; float: left;}
a.prev:hover { background-image: url(bg_prev_over.jpg)}
a.next { width: 24px; height: 24px; background: url(bg_next.jpg) no-repeat center; display: block; float: left;}
a.next:hover { background-image: url(bg_next_over.jpg)}
#item_nr { float: left; line-height: 24px; padding: 0 5px; color: #DF334C}

#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 {
background-image:url(print_icon.gif);
background-position:left center;
background-repeat:no-repeat;
color:#333333;
float:left;
font-family:Tahoma,Arial;
font-size:11px;
padding:1px 7px 10px 24px;
text-decoration:underline;
vertical-align:middle;
display: block; clear: both;
margin-top: 3px;
}
#add_to_any_link {
	display: block;
	clear: both;
	margin-top: 15px;
}
/* --------------------------------------------- */
/* -----------CONTENT REGLEMENT----------------- */
/* --------------------------------------------- */
.reglement #content_wrapper {width: 605px; display: block; margin: 0 auto;  padding-top: 40px; padding-left: 140px; padding-right: 175px;  }
#content { height: 230px; overflow: auto; background-color: #F8F4ED; border: 0; padding: 10px; padding-right: 0;}
.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: 605px; display: block; margin: 0 auto;  padding-top: 40px; padding-left: 140px; padding-right: 175px;  }
.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: 796px; display: block; margin: 0 auto; padding-top: 40px; padding-left: 0px; padding-right: 0px; text-align: left; line-height: 120%;}
/* --------------------------------------------- */
/* -----------  BEVESTIGING -------------------- */
/* --------------------------------------------- */
.bevestiging #content_wrapper {width: 605px; display: block; margin: 0 auto;  padding-top: 120px; padding-left: 140px; padding-right: 175px; text-align: center; }
.bevestiging h1 { text-align: center;}