body{font-size:75%;color:#666;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; line-height:1.5;}

/**
 * General
 */
a img {border:none;}
p {margin:0 0 0.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a{color:#09C;}
a:focus, a:hover {color:#666;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0.8em;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dt{font-size:1.1em;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em; font-weight:normal;}
.large {font-size:1.4em;margin-bottom:0.5em;font-weight:bold;color:#09c;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.left{float:left; padding-right:5px;}
.right{float:right;}
.clear{clear:both;}
.hide {display:none;}
p.intro{font-weight:bold; margin:15px 0 25px; font-size:1.1em;}
.blue{color:#09c;}
.error{color:#D53900;}

hr {border: 0 #aaa solid; border-top-width: 1px; clear: both; height: 0;}

ul.regular_list{margin-left:1.2em;}
ul.regular_list li{ list-style: disc;}

ul.btn_list {margin:10px 5px 0 15px;}
ul.btn_list li{padding-left:15px; background:url("../images/list_glass.png") no-repeat 0 2px; margin-bottom:6px;}
ul.btn_list li a{color:#09C; text-decoration:none; font-weight:bold;}
ul.btn_list li a:hover{text-decoration:underline; color:#09C;}
ul.btn_list li.selected{background-position:0 -48px;}
ul.btn_list li.selected a{color:#B9C7CC; cursor:default;}
ul.btn_list li.selected a:hover{text-decoration:none;}

table thead td{padding:3px 10px; color:#fff; font-weight:bold; background-color:#749199;}

#errMsg{color:#C00; font-weight:bold;}

/**
 * Blocks
 */
#wrapper{width:840px; margin:0 auto; padding:0 0 20px;}
#header{height:150px; position:relative;}
#logo, #logo_link{position:absolute; top:30px; left:5px;}
#logo{z-index:10;}
#logo_link{width:440px; height:85px; cursor:pointer; z-index:20;}
#navigation{width:840px; height:33px;}
#container{padding:30px 0 20px;}
#main{width:540px; padding-right:60px;}
#main.bar{background:url('../images/bg_main.png') repeat-y top right;}
#galerij_wrapper{background:url('../images/bg_main.png') repeat-y 550px 0;}
#sidebar{width:240px;}
#footer{border:#749099 1px solid; border-width:1px 0; padding:10px 0;}

/**
 * Headings
 */
h1, h2, h3{color:#0099CC; font-size:1.2em; height:100%;}
h1{font-size:50px; line-height:1; margin-bottom:30px;}
h2{font-size:40px; line-height:1; }
h2.detail{font-size:32px; margin-bottom:10px;}
h3.specialFont{margin-left:0; margin-bottom:8px;}
h4{font-weight:bold; font-size:1.6em; margin-bottom:0.6em;}
h5{font-weight:bold; margin:1.5em 0 0.5em 0;}
h5.recipes{margin-top:0;}

h1.home{font-size:40px;}

h1.game{font-size:35px; margin-bottom:8px;}
h2.step{font-size:20px; margin-left:-2px; margin-bottom:10px;}
h3.landing{margin-bottom:20px;}

/**
 * Header
 */


/**
 * Navigation
 */
ul#mainNav{margin-bottom:0; border:#749099 1px solid; border-width:1px 0;}
ul#mainNav li{display:inline; padding:4px 4px;}
ul#mainNav li a{color:#749099; text-decoration:none; font-size:1.1em;}
ul#mainNav li a:hover{color:#0099cc;text-decoration:underline;}

/**
 * Sideblock
 */
ul#sideNav {margin:0; /*background-color: #c00; width:240px;*/}
ul#sideNav li{margin-bottom:1.6em;}
ul#sideNav li a{display:block; width:240px; height:90px; background-position:0 0; background-repeat:no-repeat; overflow:hidden; text-indent:-900px;}
ul#sideNav li a:hover{background-position:0 -90px;}
ul#sideNav li a.quiz{background-image:url("../images/btn_quiz.png");}
ul#sideNav li a.calcium{background-image:url("../images/btn_calcium.png");}
ul#sideNav li a.bmi{background-image:url("../images/btn_bmi.png");}
ul#sideNav li a.recipes{background-image:url("../images/btn_recipes.png");}
ul#sideNav li a.drinkmelk{background-image:url("../../www.drinkmelk.be/img/btn_win.jpg");}
ul#sideNav li a.facebook{background-image:url("../images/btn_facebook.jpg");}
ul#sideNav li a.movies{background-image:url("../images/btn_movies.png");}
ul#sideNav li a.movies_finish{background-image:url("../images/btn_movies_finish.png");}
ul#sideNav li a.dansmee{background-image:url("../images/btn_dansmee.png"); height:167px;}
ul#sideNav li a.dansmee:hover{background-position:0 0;}
 
/**
 * Footer
 */
#left_part {padding:10px 0;}
#left_part ul {margin:0; height:26px;}
#left_part ul li{display:block; float:left; margin-right:15px; padding-top:2px;}
#left_part ul li.footer_logo{padding-top:0;}
#left_part ul li.footer_logo a{width:84px; height:26px; display: block;}
#left_part ul li a{color:#B9C7CC; text-decoration:none;}
#left_part ul li a:hover{color:#0099CC;}

#mid_part{padding:5px 20px; margin:0 15px; border:#749099 1px solid; border-width:0 1px;}

/**
 * Standard sIFR settings
 */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}


/****************** PAGES ******************/

/**
 * Homepage
 */
#flvPlayer{width:400px;}
#flvNav{border:#749099 1px solid; border-width:1px 0; width:120px; height:263px;}
h3.flv{width:104px; height:75px; margin:0.8em 0.3em; position:relative;}
h3.flv span{position:absolute; width:100%; height:100%; display:block; background-image:url("../images/title_flv.png");}
#flvNav ul{border-top:#749099 1px solid; padding-top:18px;}
#flvNav ul li{padding:0 10px 18px;}
a.btn_flv{display:block; width:100px; height:55px; text-indent:-9999px; overflow:hidden; background-position:0 0; background-repeat: no-repeat; }
a.btn_flv:hover{background-position:0 -55px;}

#btn_flv_1{background-image:url("../images/btn_flv_1.jpg");}
#btn_flv_2{background-image:url("../images/btn_flv_2.jpg");}
#btn_flv_3{background-image:url("../images/btn_flv_3.jpg");}

/**
 * Voedingsstoffen
 */
#voedingsstoffen_overview{margin-bottom:25px;}
#voedingsstoffen_overview .left{width:450px;}
#voedingsstoffen_overview .right{width:390px;}

#voedingsstoffen_overview table{width:100%; margin:27px 0 6px;}
#voedingsstoffen_overview table td{padding:3px; border:#749199 1px solid; text-align:center; font-size:0.8em;}
#voedingsstoffen_overview table td.first{text-align:left;}
#voedingsstoffen_overview table tbody td {vertical-align:top; border:#749199 1px solid;} 
 
.voedingsstoffen h2{clear:both; float:left; width:240px;}
.voedingsstoffen dl.block{float:right; width:600px;}
.voedingsstoffen dl.block dt{font-size:1.5em;}

/**
 * Recipes
 */
#recipe_img, #recipe_preparation{width:240px;}
#recipe_preparation dd{margin-bottom:15px;}
#recipe_preparation ul{margin-left:15px;}
#recipe_preparation li{list-style-type: circle;}

ul#recipeNav {margin:0;}
ul#recipeNav li{margin-bottom:1.6em; float:left; margin-right:3em;}
ul#recipeNav li a{display:block; width:240px; height:90px; background-position:0 0; background-repeat:no-repeat; overflow:hidden; text-indent:-900px;}
ul#recipeNav li a:hover{background-position:0 -90px;}


/**
 * Melktest - BMI Calculator
 */
#bmi_calculator{}
#bmi_calculator_input{width:290px; height:160px; position:relative; background:url('../images/bmi/bmi_bg.png') no-repeat 0 0;}
#bmi_calculator_result{width:220px;}

#bmi_calculator_input .element{position:absolute; width:53px; text-align:right; height:25px; top:87px;}
#bmi_calculator_input .element input{width:30px; border:none; text-align:right; padding:1px 0 2px; color:#666; text-align:center; background-color:#c0d6dd;}
#bmi_length{right:8px;}
#bmi_weight{left:4px;}

#bmi_calculator_result{color:#09C; border-color:#09C; margin-top:44px;}
	
#result_number{margin-top:-3px; width:80px; height:30px; padding-top:5px; text-align:center; border:3px solid; font-size:24px; font-weight:bold; line-height:1;}
#result_text{width:220px; height:50px; position:relative;}
#result_text span{position:absolute; width:100%; height:100%; background:url('../images/bmi/bmi_result.png') no-repeat 0 -200px;}

#bmi_calculator_result.light, #bmi_calculator_result.heavy{color:#F90; border-color:#F90;}
#bmi_calculator_result.good{color:#390; border-color:#390;}
#bmi_calculator_result.obesitas{color:#F00; border-color:#F00;}

#bmi_calculator_result.light #result_text span{background-position:0 0;}
#bmi_calculator_result.good #result_text span{background-position:0 -50px;}
#bmi_calculator_result.heavy #result_text span{background-position:0 -100px;}
#bmi_calculator_result.obesitas #result_text span{background-position:0 -150px;}

ul#result_explanation{margin-top:15px;}
ul#result_explanation li{display:none;}


/**
 * Melktest - Calciuminname
 */
table#tbl_calcium_first{margin:5px 0;}
table#tbl_calcium_first td{padding:0 20px 6px 0;}
table#tbl_calcium_first td.first{width:250px;}
table#tbl_calcium_first td input.med{width:40px; padding:1px; border:#749199 1px solid; text-align:center;}
 
table#tbl_calcium_second {margin:10px 0; width:100%;}

table#tbl_calcium_second thead td{padding: 3px 10px 3px 15px;font-size:1.2em; border-left:#fff 1px solid;}
table#tbl_calcium_second thead td.first, table#tbl_calcium_second tbody td.first{border:none;}

table#tbl_calcium_second tbody td {padding: 2px 4px 2px 15px; border-left:#666 1px solid;}
table#tbl_calcium_second tbody tr.focus td{background-color:#E3EDF0;}
table#tbl_calcium_second tbody tr.focus td input{border:#749199 1px solid;}
table#tbl_calcium_second tbody td input{width:45px; border:#c0d6dd 1px solid; background-color:#c0d6dd; padding:1px 3px; text-align:center;}
table#tbl_calcium_second tbody td.last{padding-left:40px;}

#calcium_btn{width:150px; padding:4px 8px; margin:15px 0 15px 243px; text-align:center; cursor:pointer; color:#5A757C; font-size:1.1em; font-weight:bold; background-color: #c0d6dd; border:#749199 1px solid;}
#result{margin:10px 0 5px 15px;}
#result_nr{font-size:1.4em; font-weight:bold;}


/**
 * Functioneel
 */
dl.twocol_block{clear:both;}
.twocol_block dt, .twocol_block dt a{float:left; width:220px; color:#09C; text-decoration:none; font-size:1em;}
.twocol_block dt a:hover{text-decoration:underline;}
.twocol_block dd{float:right; width:600px; margin-bottom:1.5em;}

.onecol_block dt, .onecol_block dd{float:none; color:#666; width:auto; font-size:1em;}
.onecol_block dt{margin:6px 0 4px; font-size:1.2em;}


dt.special{font-size:1.1em;}


/**
 * Wedstrijd - Doe mee
 */
ul.arrow_list{margin:8px 0 8px 15px;}
ul.arrow_list li{background:url("../images/arrow_blue.png") no-repeat 0 5px; padding-left:12px; margin:5px 0;}

.btn_next_wrapper{margin:15px 0 0; text-align:right;}
.btn_next{display:block; float:right; line-height:1.3; font-weight:bold; padding-top:14px; width:148px; height:31px; text-align:center; color:#fff; text-decoration: none; background:url("../images/btn_next.png") no-repeat 0 0; cursor:pointer;}
.btn_next:hover{color:#fff;}
input.btn_next{border:none; height:45px; padding-top:0;}

.required_msg{padding-left:128px; height:25px; width:300px; overflow:hidden;}
#msg_contact{padding-left:143px;}

.step_list{margin:5px 10px;}
.step_list dt{padding-bottom:4px;}
.step_list dt a{text-decoration:none; color:#666;}
.step_list dt a:hover{text-decoration:underline; color:#666;}

.step_list dd{padding:0 0 3px 11px;}

#doemee_steps{margin-top:20px;}
#doemee_steps dt a{color:#09C;}
#doemee_steps dt a:hover{color:#09C;}
#doemee_steps dt{color:#09C; font-size:1.05em;}
#doemee_steps dd{margin-left:10px; background:url("../images/arrow_blue.png") no-repeat 0 5px;}

/* Landing */
#landing_intro{margin-bottom:35px;}
#landing_intro_left{width:325px;}
#landing_intro_right{width:183px; text-align: right;}
#landing_img{margin:13px 0 5px;}

#landing_intro_left ul li{padding:0 0 10px 60px; position:relative;}
#landing_intro_left ul li span.step{position:absolute; left:0; font-weight:bold; color:#09c; font-size:1.25em;}

a#btn_choose_music{display:block; width:183px; height:57px; color:#009DCE; background-image: url("../images/btn_choose_music.png"); margin-bottom:10px;}
a#btn_choose_music:hover{text-indent:-999px; color:#009DCE;}

/* Stap 2 */
#start_music, #start_help{width:260px;}
#start_music h4, #start_help h4{margin-bottom:0; color:#09C; text-align:center;}
#playerSingle{margin: 10px 0 10px;}

#start_help dl{margin-top:9px;}
#start_help dl dt{text-align:center; height:42px; padding:5px 15px; color:#fff; background:url(../images/bg_explanation_btn.png) no-repeat 0 0; cursor:pointer;}
#start_help dl dd{padding:8px 15px; /*background-color:#D9F5FF;*/ display:none;}
#start_help dl dd ol{margin-left:15px;}
#start_help dl dd li{list-style-type:decimal; padding-bottom:3px;}


ol#explanation_list{list-style:decimal; text-align:left; margin:8px 0 5px 20px;}
ol#explanation_list li{list-style-type:decimal;}

/* Stap 3 */
#form_wrapper{margin:15px 0 5px;}

legend{display:none;}
.form_row, .note_row{clear:both;}
.form_row label{float:left; width:120px; padding-top:1px; margin-bottom:4px;}
.form_row input, .form_row textarea, input#link{border:#ccc 1px solid; width:180px; float:left; padding:2px; margin:0 10px 6px 6px;}
.form_row input#telefoon{margin-bottom:1px;}
.form_row span.error{display:none; float:left; padding-left:26px; width:190px; height:19px; background:url("../images/exclamation_mark.png") no-repeat 0 0; color:#D53900; font-weight:bold;}

.note_row{font-size:0.8em; margin:0 0 8px 126px;}

.error_msg{clear:both; background:url("../images/exclamation_mark.png") no-repeat 0 0; color:#D53900; padding-left:26px; display:none;}
#error_wrapper{margin:10px 0 0 160px; height:26px;}

#add_film h5{margin:0 0 4px;}

#add_film label{display:block;}
#add_film input{margin:10px 0 3px;}
#add_film input#link{width:270px;} 

.btn_game{width:116px; height:46px; border:none; cursor:pointer;}
#link_button, #upload_button{position:absolute; bottom:0;}
#link_button{background-image: url("../images/btn_link.png"); left:80px;}
#upload_button{left:55px; margin:0; padding:0;}
#register_button{margin-left:126px;}

#form_upload{margin:10px 0 0;}

#add_data{margin-top:0;}
#add_film{margin-top:15px;}

#add_data, #film_link, #film_upload{position:relative;}
#add_data{width:100%; height:215px;}
#add_film{background: url("../images/bg_register.png") repeat-y 0 0;}
#film_link, #film_upload{height:150px; position:relative;}
#film_link{width:285px;}
#film_upload{width:225px;}

.loader, .overlay{position:absolute; display:block; height:100%; width:100%; background-color: #fff; }
.loader{text-align:center; z-index:100; border:#09c 1px solid; color:#09C; font-weight:bold; font-variant: small-caps; display:none;}
.loader img{margin:30px 0 5px 0;}
#add_data .loader img{margin-top:70px;}
.overlay{opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.6; z-index:10;}

#add_data .loader{height:210px;}

input.disabled {background:#d5ecf4; cursor:default;}

/* Galerij */
#galerij_intro dt{margin-bottom:5px; font-size:14px;}
#galerij_intro dd.strong{font-weight:bold; font-size:12px;}
#galerij_intro dd{font-size:10px;}

#video_player{width:430px;}

#video_info{width:110px; margin-top:0px;}
#score_wrapper{position:relative; background:url(../images/bg_votes.png) no-repeat left bottom; padding-top:65px; height:25px; color:#fff; text-align:center; margin-bottom:25px;}
#score_detail_holder{position:absolute; top:0; left:40px; width:42px; height:62px; padding:3px 0; background-image:url(../images/glas_vol.png); }
#score_detail{overflow:hidden;}

#btn_doemee{background:url("../images/bg_gallery_btn.png") no-repeat 0 0; height:33px; padding:15px 15px 0; margin-top:15px;}

#galerij_overview{width:220px;}
#galerij_lijst{width:190px;}
#video_order_list{width:190px;}

.pagination_wrapper{text-align:center; width:100%; margin:10px 0;}
.pagination_wrapper td.full{width:100%; text-align:center; }
.paginator{text-align:center; margin-top:10px;}
a.pag_arrow{text-decoration:none;}
.pag_number{padding:0 2px;}

#total_spots{color:#09C; font-weight:bold;}

dl.thumb_lijst{position:relative; margin:15px 0 20px 30px;}
dl.thumb_lijst dt { margin:10px 0 2px; padding:0; line-height: 1.2;}
dl.thumb_lijst dt a{color:#09c; text-decoration: none;}
.thumb_holder{position:relative; margin:0 0 10px;}
.thumb{display:block; width:120px; height:67px; background-position:0 -10px; text-indent:-999px; overflow: hidden;}
#galerij_overview .score_number{position:absolute; background-color: #09C; padding:1px 0 1px 4px; width:100px; top:43px; font-size:11px; left:18px; color:#fff; z-index: 5;}
#galerij_overview .score_holder{position:absolute; top:25px; left:110px; width:25px; padding:2px 0; height:44px; background-image:url(../images/glas_vol_small.png); z-index: 10;}
#galerij_overview .score{overflow:hidden;}
.thumb_nr{position:absolute; text-align:right; width:65px; top:-2px; left:-72px; color:#09c; font-size:16px; font-weight:bold;}

#vote_wrapper{color:#09c;}
#btn_vote{border:none; margin-top:20px; cursor:pointer; width:110px; height:110px; padding-top:110px; overflow:hidden; background:url("../images/btn_vote.png") no-repeat 0 0;}
#btn_vote_already, #btn_vote_thanks{margin-top:20px;}


#arrowNavigation{margin:10px 0 20px;}
#songOverview{margin:10px 0 0;}

/* Contact */
#form_wrapper_contact{position: relative; width:600px; height:300px; margin-top:15px;}
#form_wrapper_contact .loader img{margin-top:130px;}

#contact_form .form_row label{width:135px;}
#contact_form .form_row input, #contact_form .form_row textarea{width:210px;}
#contact_form .form_row span.error{width:160px;}

#contact_form .select_row{margin:8px 0; clear:both;}
#contact_form .select_row label{width:300px; display:block; margin-left:140px; float:none;}
#contact_form .select_row select{width:218px; margin-left:140px; float:none;}

#contact_button{margin-left:141px;}

/**
 * Netlog
 */
#netlog_player{width:410px; margin-top:10px;}
#netlog_btn{width:310px;}
#netlog_link{color:#09C; margin-top:15px; font-size:1.05em; display:block; width:125px; background:url("../images/arrow_blue.png") no-repeat right 6px; text-decoration:none; font-weight:bold;}
#netlog_link:hover{text-decoration:underline;}

.formulier_label
{
	background-color: #eefafe;
	padding-left: 5px;
	margin-bottom: 5px;
	color:#3c3c3c;
	font-weight: bold;
	border: 1px solid #ffffff;
}

.formulier_input
{
	border: 0px;
	border-bottom: 1px solid #0099cc;
	background-color: #eefafe;
	margin-left: 6px;
	padding-left: 3px;	
}

.knop {
	color: #0099cc;
	background-color: #eefafe;
	border : 1px solid #0099cc;
	padding: 5px;
	font-variant: small-caps
}


.formulier_balk
{
	background-color: #2f7c95;
	padding-top: 10px;	
}