html, body{width:100%; height:100%;  background:#fff url('../images/bg_pattern.png') repeat 0 0;}
body{font-size:69%; color:#444; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3;}

/**
 * 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:#444;}
a:focus, a:hover {text-decoration:none;}
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;}
legend{display:none;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em; font-weight:normal;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.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;}
.right{float:right;}
.clear{clear:both;}
.hide {display:none;}
p.intro{font-weight:bold; margin:15px 0 25px; font-size:1.1em;}
.blue{color:#023779;}
.brown{color:#793b03;}
.light-brown{color:#c47520;}
/*.error{color:#D53900;}*/
.center{text-align:center;}
.strong{font-weight:bold;}

.loader_bar{display:none; text-align:center; padding:10px 0;}

.player_wrapper{width:320px; height:219px; padding:0; background-color: #023779;}
.bread_list li{background:url(../images/list_pistolet.jpg) no-repeat 0 0; padding:1px 0 20px 50px;}

a.btn{display:block; height:20px; overflow:hidden; text-indent:-1000px; background-position: 0 0; background-repeat: no-repeat; margin:10px 0;}
a.btn:hover{background-position: 0 -20px;}

a#link_ontbijttips{background-image: url('../images/btns/btn_ontbijttips.png'); width:206px;}
a#link_varieteiten{background-image: url('../images/btns/btn_varieteiten.png'); width:255px;}
a#link_inschrijven{background-image: url('../images/btns/btn_nieuwsbrief.png'); width:200px;}
a#link_broodspel{background-image: url('../images/btns/btn_broodspel.png'); width:323px;}
a#link_zoekrecepten{background-image: url('../images/btns/btn_zoekrecepten.png'); width:96px;}
a#link_terug{background-image: url('../images/btns/btn_terug.png'); width:181px;}
a#link_optin{background-image: url('../images/btns/btn_nieuwsbrief_optin.png'); width:167px; float:left; margin-right:15px;}
a#link_optout{background-image: url('../images/btns/btn_nieuwsbrief_optout.png'); width:170px; float:left; margin-right:15px;}
a#link_filmpje{background-image: url('../images/btns/btn_filmpje.png'); width:399px;}
a#link_aanbod{background-image: url('../images/btns/btn_aanbod.png'); width:320px;}

/**
 * Main Blocks
 */
#wrapper, #footer{width:968px; margin:0 auto; padding: 0 29px;}
#wrapper{background:url("../images/bg_content.png") repeat-y 0 0;}
#footer{background:url("../images/bg_footer.png") no-repeat 0 0; padding-top:15px;}

#header{background:url(../images/bg_header.jpg) no-repeat top right; position:relative; height:136px; z-index:1150;}
#logo{width:432px; height:98px; display: block;}

#container{padding:0 12px 10px 20px;}
#content{float:left; width:664px; padding-top:20px;}
#sidebar{float:right; width:240px;}

#content_left{float:left; width:185px;}
#content_right{float:right; width:430px; border-left:#666 1px dotted; padding-left:15px;}
#content_right.noborder{border:none;}

/**
 * Headers
 */
h1, h2{position:relative; width:600px; height:40px; overflow:hidden;}
h1 span, h2 span{position:absolute; width:100%; height:100%; background-image:url('../images/titles/main_titles.png'); background-repeat:no-repeat; z-index:5;}

h1#title_daguithetleven span{background-position:0 0;}
h1#title_columns span{background-position:0 -40px;}
h1#title_geschiedenis span{background-position:0 -80px;}
h1#title_graantotbrood span{background-position:0 -120px;}
h1#title_productenensoorten span{background-position:0 -160px;}
h1#title_bewaartips span{background-position:0 -200px;}
h1#title_lekkermetbrood span{background-position:0 -240px;}
h1#title_metbroodinbalans span{background-position:0 -280px;}
h1#title_daarzitbroodin span{background-position:0 -320px;}
h1#title_belangvanontbijt span{background-position:0 -360px;}
h1#title_actiesencampagnes span{background-position:0 -400px;}
h1#title_broodspel span{background-position:0 -440px;}
h1#title_wordzelfbakker span{background-position:0 -480px;}
h1#title_reclamecampagne span{background-position:0 -640px;}
h1#title_zoek span{background-position:0 -520px;}
h1#title_lenteboterhammen span{background-position:0 -680px;}
h1#title_wedstrijd span{background-position:0 -720px;}
h1#title_nieuwsbrief span{background-position:0 -760px;}
h1#title_contact span{background-position:0 -800px;}
h1#title_disclaimer span{background-position:0 -840px;}
h1#title_privacy span{background-position:0 -880px;}
h1#title_homepage span{background-position:0 -560px;}
h1#title_comfortfood span{background-position:0 -1080px;}

h2#zoekbakker{color:#fff; height:26px; width:214px;}
h2#zoekbakker span{background-image:url('../images/titles/searchtab.png');}

h2#museumtip{color:#b07801; padding:0 0 0 0; border-bottom:#b07801 1px dotted; padding-bottom:2px; height:28px; width:100%;}
h2#museumtip span{background-position:0 -600px;}

h2#wedstrijd_zoo{color:#F5B124; padding:0 0 0 0; height:40px; width:670px; margin-top:6px;}
h2#wedstrijd_zoo span{background-position:0 -920px;}

h2#wedstrijd_picknick{color:#F5B124; padding:0 0 0 0; height:40px; width:670px; margin-top:6px;}
h2#wedstrijd_picknick span{background-position:0 -960px;}

h2#wedstrijd_film{color:#F5B124; padding:0 0 0 0; height:40px; width:670px; margin-top:6px;}
h2#wedstrijd_film span{background-position:0 -1000px;}

h3{color: #023779; font-size: 1.25em; font-weight: bold; margin-bottom: 0.75em;}
h4{color: #793b03;  font-size: 1.25em; font-weight: bold; margin-bottom: 0;}

/** 
 * Navigation
 */
#navigation{background:url(../images/bg_navigation.png) repeat-x 0 0; position:relative; height:38px; padding-left:20px;}
#navigation ul li{display:block; float:left; margin-right:2px; position: relative;}
#navigation ul li a{display:block; background-repeat: no-repeat; background-position: 0 0; height:38px; text-indent:-10000px; overflow:hidden;}
#navigation ul li a:hover, #navigation ul li.over a, #navigation ul li a.selected{background-position: 0 -38px;}
#navigation ul li ul{display:none; position:absolute; top:38px; left:0; z-index:10;}
#navigation ul li.over ul{display:block;}
#navigation ul li li{}
#navigation ul li li a{padding:7px 10px 0; background:#E49C0E; height:24px; text-indent:0; color:#fff; text-decoration: none;}
#navigation ul li li a:hover{background-color:#002377;}

#btn_index{width:127px; background-image:url('../images/btns/btn1.gif');}
#btn_broodenbanket{width:104px; background-image:url('../images/btns/btn2.gif');}
#btn_haalmeeruitjebrood{width:142px; background-image:url('../images/btns/btn3.gif');}
#btn_broodengezondheid{width:134px; background-image:url('../images/btns/btn4.gif');}
#btn_broodenspelen{width:104px; background-image:url('../images/btns/btn5.gif');}
#btn_onderwijs{width:69px; background-image:url('../images/btns/btn6.gif');}

#navigation ul li ul#sub_index{width:550px;}
#navigation ul li ul#sub_broodenbanket{width:500px;}
#navigation ul li ul#sub_haalmeeruitjebrood{width:220px;}
#navigation ul li ul#sub_broodengezondheid{width:390px;}
#navigation ul li ul#sub_broodenspelen{width:250px;}
#navigation ul li ul#sub_onderwijs{width:220px;}

/**
 * Searchbox
 */
#searchbox{position:absolute; bottom:10px; right:20px; background-color:#E49C0E; z-index:1200;}
#searchbox h2{padding:0 5px; border:#fff 1px solid; border-width: 1px 1px 0; margin-bottom:8px;}

form#search_form{margin-left:12px;}
form#search_form input{border:#023779 1px solid; width:150px; padding:2px;}
form#search_form input.error{border-color:#D53900;}
form#search_form input.btn{background-color:#023779; padding:2px; margin-left:5px; border:none; color:#fff; width:auto; cursor: pointer;}


/**
 * Sidebar
 */
#sidebar a{color:#023779;}
#sidebar dl{background-color:#e3ecf1; margin-bottom:7px; border-bottom:#ba8b4c 1px solid;}
#sidebar dt{display:block; width:240px; height:38px; position:relative; overflow:hidden;}
#sidebar dt span{display:block; width:100%; height:100%; position:absolute; z-index:1;}

#sidebar dt#side_title_lenteboterhammen span{background-image:url('../images/titles/lenteboterhammen.png');}
#sidebar dt#side_title_comfortfood span{background-image:url('../images/titles/comfortfood.png');}
#sidebar dt#side_title_lekkermetbrood span{background-image:url('../images/titles/lekker_met_brood.png');}
#sidebar dt#side_title_reclamecampagne span{background-image:url('../images/titles/onze_reclame_campagne.png');}
#sidebar dt#side_title_opdehoogte span{background-image:url('../images/titles/hou_me_op_de_hoogte.png');}
#sidebar dt#side_title_daguithetleven span{background-image:url('../images/titles/dag_uit_het_leven.png');}

#sidebar dd{padding:15px 20px;}

dd.center a img{margin-bottom:5px;}
dd#random_recipe img{border:#ba8b4c 1px solid; margin-right:5px;}

#wedstrijd_sidebar_btn{margin-bottom: 7px;}

/**
 * Forms
 */
form#newsletter_subscription{margin-bottom:10px;}
form#newsletter_subscription label{display:block; margin-bottom:4px;}
form#newsletter_subscription input, form#newsletter_subscription_page input{border:#023779 1px solid; width:115px; padding:2px;}
form#newsletter_subscription input.error, form#newsletter_subscription_page input.error{border-color:#D53900;}
form#newsletter_subscription input.btn{background-color:#023779; padding:2px; margin-left:5px; border:none; color:#fff; width:auto; cursor: pointer;}
form#newsletter_subscription_page input{width:200px;}

form#newsletter_subscription_page div.error{color:#c00;}
form#newsletter_subscription_page #error_general{padding:3px 0 6px 153px;}



/**
 * Geschiedenis
 */
#timeline_content{float:left; width:400px;}
#extra_content{float:right; width: 213px; background:#D2971E url('../images/rounded_top.png') no-repeat 0 0; color: #fff;}

#timeline_content dt{color:#793B03; font-size:1.25em; margin-bottom:0.3em;}
#timeline_content dl, #extra_content dd{display:none;}

#extra_content dt{margin: 8px 10px;}
#extra_content dd{margin:0 10px;}
#extra_content dd#ec_footer{display: block; width:100%; height:12px; background: url('../images/rounded_bottom.png') no-repeat left bottom; margin:0;}
#extra_content a{color:#fff;}

#wrapper_timeline{margin:2.5em 0;}

ul#timeline li{display: inline;}
ul#timeline li a{display:block; float:left; background-repeat:no-repeat; background-position: 0 0; height:61px; text-indent: -10000px; text-decoration: none;}
ul#timeline li a:hover, ul#timeline li a.selected{background-position:0 -61px;}

ul#timeline li a#tl_oertijd{width:71px; background-image:url(../images/btns/timeline1.gif);}
ul#timeline li a#tl_egyptenaren{width:114px; background-image:url(../images/btns/timeline2.gif);}
ul#timeline li a#tl_griekenromeinen{width:171px; background-image:url(../images/btns/timeline3.gif);}
ul#timeline li a#tl_middeleeuwen{width:124px; background-image:url(../images/btns/timeline4.gif);}
ul#timeline li a#tl_19eeuw{width:69px; background-image:url(../images/btns/timeline5.gif);}
ul#timeline li a#tl_20eeuw{width:80px; background-image:url(../images/btns/timeline6.gif);}

#wrapper_museum {float:left; padding-top:1em; width:100%;}
#wrapper_museum h2{margin-bottom:1.5em;}
#wrapper_museum .left{width:100px;}
#wrapper_museum .left img{border:#d2971e 1px solid;}
#wrapper_museum .right{width:530px;}

/**
 * Van Graan tot brood
 */
#wrapper_graantotbrood{margin-top:20px;} 

#nav_steps{width:170px; margin-right:35px;}
#graantotbrood_content{width:230px;}
#graantotbrood_content dl{display:none;}

ul#nav_steps li{margin-bottom:10px;}
ul#nav_steps li a{display:block; width:170px; height:30px; overflow:hidden; text-indent:-1000px; background-repeat:no-repeat; background-position: 0 0;}
ul#nav_steps li a:hover, ul#nav_steps li a.selected{background-position: 0 -30px;}

ul#nav_steps li a#gb_zaaien{background-image: url('../images/btns/graan1.gif');}
ul#nav_steps li a#gb_oogsten{background-image: url('../images/btns/graan2.gif');}
ul#nav_steps li a#gb_wassen{background-image: url('../images/btns/graan3.gif');}
ul#nav_steps li a#gb_malen{background-image: url('../images/btns/graan4.gif');}
ul#nav_steps li a#gb_bakken{background-image: url('../images/btns/graan5.gif');}

#graantotbrood_content dt{color:#793B03; font-size:1.25em; margin-bottom:0.8em;}

/**
 * Producten en soorten
 */
#wrapper_productenensoorten{margin-top:20px;}  

#nav_list{width:154px; margin-right:20px;}
#list_a{background:url('../images/bg_products_nav.png') no-repeat 0 0; padding:28px 0 10px;}
#list_a li{margin:0 0 5px 5px;}
#list_a li a{display:block; width:145px; height:25px; overflow: hidden; text-indent:-1000px; background-position: 0 0;}
#list_a li a:hover, #list_a li a.selected{background-position: 0 -25px;}

#list_b{padding-top:0px;}
#list_b li{margin:8px 0;}
#list_b li a{display:block; width:154px; height:30px; overflow: hidden; text-indent:-1000px; background-position: 0 0;}
#list_b li a:hover, #list_b li a.selected{background-position: 0 -30px;}

#nav_list a#ps_dagelijks{background-image: url('../images/btns/product_a1.png');}
#nav_list a#ps_speciaal{background-image: url('../images/btns/product_a2.png');}
#nav_list a#ps_feest{background-image: url('../images/btns/product_a3.png');}
#nav_list a#ps_mini{background-image: url('../images/btns/product_b1.png');}
#nav_list a#ps_ontbijt{background-image: url('../images/btns/product_b2.png');}
#nav_list a#ps_taart{background-image: url('../images/btns/product_b3.png');}

#product_content{width:460px;}
#product_overview{float:left; margin:15px 0 20px;}
#product_overview dl{float:left; width:220px; margin-right:20px;}
#product_overview dl.last{margin-right:0;}
#product_overview dt{float:left; width:60px; padding-top:3px;}
#product_overview dd{float:right; width:150px;}
#product_overview dt img{border:#D2971E 1px solid;}
#product_overview dd strong{color:#023779; font-size:1.1em;}

dl#wistje{color: #023779; clear:both;}
dl#wistje dt{font-weight: normal; margin-bottom:0.75em;}

/**
 * Bewaartips
 */
 

/**
 * Met brood in balans
 */
#balans_wrapper{margin-bottom:1em;}
#balans_wrapper .left{width:450px;}
#balans_wrapper .right{width:200px;}


/**
 * Columns
 */
#column_frame{width:190px; height:240px; overflow:hidden; position:relative;}
#column_wrapper{position:relative;}

#column_frame ul.title_column{position:absolute; top:0; clear: both; width:190px; margin-top:15px;}
#column_frame ul.title_column li{background:url('../images/list_icon.gif') no-repeat 0 3px; padding-left:15px; margin-bottom:7px;}

ul#column_pagination {text-align: center;}
ul#column_pagination li{display:inline; padding:1px 5px 2px; text-align: center; line-height:1.5em; background-color:#E49C0E; margin: 0 3px; color: #fff; cursor: pointer;}
ul#column_pagination li.active{background-color:#023779; cursor: default;}

/**
 * Een dag uit het leven
 */
#eendaguithetleven_wrapper{margin-bottom:25px;}
#eendaguithetleven_wrapper .left{margin-right:25px;}
#eendaguithetleven_wrapper .right{width:260px;}

/**
 * Reclamecampagne
 */
#reclamecampagne_wrapper .left{margin-right:25px;}
#reclamecampagne_wrapper .right{width:260px;}
#reclamecampagne_wrapper .right a img{border:#E49C0E 1px solid;}
#reclamecampagne_wrapper .right a:hover img{border-color:#023779;}

/**
 * Lenteboterhammen
 */
#lenteboterham_wrapper{margin-bottom:25px;}
#lenteboterham_wrapper .player_wrapper{width:311px; height:215px; padding:0; background-color: #023779;}
#lenteboterham_wrapper .right{width:260px;}
 
.sandwich_recipe{margin:15px 0 15px; padding-bottom:10px; border-bottom:#444 1px dotted;}
.sandwich_recipe h4{margin:0; font-weight:bold; font-size:1.09em; color:#023779;}
.sandwich_recipe dl{margin:0 0 10px;}
.sandwich_recipe .preparation dd{margin-top:7px;}
.sandwich_recipe .ingredients dd{margin-top:3px;}
.sandwich_recipe .preparation{width:400px;}
.sandwich_recipe .ingredients{width:200px;}
.sandwich_recipe dt{font-weight:bold; font-size:1em; margin:10px 0 5px;}

#list_lenteboterhammen{list-style:none; margin:0 0 0 30px; padding:0;}
#list_lenteboterhammen li{list-style:none; width:62px; display:block; float:left; padding:0; margin:0 0 6px 0;}
#list_lenteboterhammen a img{border:#ba8b4c 1px solid;}

#list_lenteboterhammen li{display:inline; float:none;}



/**
 * Lekker met brood
 */
#categorie_list{width:154px; margin-right:20px;}
#recept_content{width:460px; padding-left:25px; border-left:#666 1px dotted;}

div.check_row{margin:5px 0;}

#recipe_pagination{text-align:center; margin-bottom:6px;}
#recipe_pagination a{text-decoration: none; padding-bottom:1px;}
#recipe_pagination a:hover{background-color: #023779; color:#fff;}
#recipe_pagination a.inactive{color:#F8ECD5; text-decoration: none; cursor: default; visibility: hidden;}
#recipe_pagination a.inactive:hover{background-color: #F8ECD5; text-decoration: none;}

#recipe_frame{width:460px; height:400px; overflow:hidden; margin-top:20px; position:relative;}
#recipe_wrapper{position:relative;}

.recipe_block{width:480px; position:absolute; top:0; clear:both; z-index:55;}
.recipe_block dl{float:left; width:220px; margin-right:20px; cursor: pointer;}
.recipe_block dl.last{clear:both;}
.recipe_block dt{float:left; width:60px; padding-top:3px;}
.recipe_block dd{float:right; width:150px;}
.recipe_block dt img{border:#D2971E 1px solid;}

/* Detail */
#recipe_info .left{width:242px;}
#recipe_info .left img{border:#D2971E 1px solid;}
#recipe_info .right{width:200px;}

#recipe_preparation{margin-top:1em;}


/**
 * Daar zit brood in
 */
#list_daarzitbroodin{margin-top:15px;}

/**
 * Belang van ontbijt
 */
#belangvanontbijt_wrapper{margin:20px 0; padding-right:300px; background:url('../images/belangvanontbijt.jpg') no-repeat right top;}
#list_belang{margin-bottom:15px;}
#list_belang dt{color:#023779; margin-bottom:10px; font-size:1.15em;}
#list_belang dd{background:url('../images/list_icon.gif') no-repeat 0 3px; padding-left:15px; margin-bottom:7px;}

/**
 * Onderwijs
 */
#schools dl{float:left; width:300px; clear:both; margin-bottom:25px;}
#schools dl.last{margin-left:30px; clear: none;}
#schools dl dt{color:#023779; font-size:1em;}

/**
 * Zoek je Wakkere Bakker
 */
#search_results dl{clear:both; float:left; width:320px; margin:0 15px 20px 0;}
#search_results dl.last{clear: none; margin-right: 0;}
#search_results dt{color:#023779; font-size:1em; margin-bottom:0.25em;}

/**
 * Westrijd
 */
#wedstrijd_intro{background-color:#9b5f16; margin-bottom:20px; padding:3px 0 10px; width:670px; color:#fff; position:relative;}
.wedstrijd_img{float:left; width:240px; margin-left:10px;}
.wedstrijd_img img{border:#023779 1px solid;}
.wedstrijd_content{float:right; width:400px; margin-right:10px;}
#wedstrijd_croissant{position:absolute; top:6px; left:10px; z-index:1500;}

#form_wedstrijd{margin-top:15px;}
#form_wedstrijd div.error, #form_wedstrijd span.error{display:none; color:#c00; font-weight:bold;}
#error_general{padding:3px 0 6px 106px;}
 
#form_wedstrijd fieldset{margin:10px 0; clear:both;}
form#form_wedstrijd input.error{border-color: #c00;}

.form_row{clear:both; padding:2px 0;}
.form_row label{width:100px; float:left; text-align: right; margin-right:6px;}

.form_inline{clear:none; float:left;}

#personal_data input{border:#023779 1px solid; width:250px; padding:2px;}

#personal_data input.short{width:100px;}
#personal_data label.short{width:38px;}

fieldset#wedstrijd_reglement{margin:25px 0 10px 106px;}
#wedstrijd_reglement .check_row{margin:6px 0;}
#wedstrijd_reglement .check_row input{margin-right:6px;}

fieldset#wedstrijd_vraag legend, #wedstrijd_schiftingsvraag legend{display:block; font-size:1.2em; color:#023779; font-weight: bold;}
div#vraag{margin:10px 0;}
div#vraag_opties{margin:5px 0 5px 25px;}

#wedstrijd_vraag .radio_row{margin:4px 0;}
#wedstrijd_vraag .radio_row input{margin-right:4px;}

#wedstrijd_schiftingsvraag label{margin:10px 0 6px; display:block;}
#wedstrijd_schiftingsvraag input{border:#023779 1px solid; width:250px; padding:2px;}

#form_wedstrijd input.btn{background-color:#023779; padding:2px; border:none; color:#fff; width:auto; cursor: pointer;}

.facebook{
	background-image:url(../images/facebook_bakker.jpg);
	background-repeat:no-repeat;
	padding-left:25px;
	margin-top:20px;
	background-position:0px 5px;
	display:block;
}