html {height:100.01%;}
body {margin:0; padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:small; color:#707070; background:url(../img/bg_tile.jpg) top left repeat-x;-moz-user-select: none;-khtml-user-select: none; user-select: none;}
a img {border : none;}
a {outline: none;}

#header {width:100%; text-align:center; height:145px;}
#header div { width:990px; margin:0 auto; padding:10px 0 0 0;  text-align:left;}
#header #headerLeft {width:500px; float:left; margin:0 0 0 20px; padding:0;}
#header #headerLeft img {float:left; margin:0 20px 0 0; padding:0 0 10px 0}
#header #headerLeft h1 {margin:10px 0 0 0; padding:0; color:#E37B1A; font-size:280%;}
#header #headerLeft h2 {margin:0; padding:0; color:#A3BC00; font-size:90%; letter-spacing:1px;}
#header #headerRight {width:450px; float:right; margin:0 0 0 0; padding:0;}
#header #headerRight h3 {margin:10px 15px 0 0; padding:0; color:#A3BC00; font-family:Georgia, "Times New Roman", Times, serif;font-size:120%; font-weight:bold; text-align:right;}

#wrapper {width:990px; margin:0 auto; padding:0; text-align:left; position:relative;}
#zoekmachine {position:absolute; top:100px; right:0px; color:#fff; font-weight:bold; width:400px}
#zoekmachine form {margin:0; padding:7px 12px 15px 0; float:right;}
#zoekmachine label {margin:0; padding:0; font-weight:bold;}
#zoekmachine input {padding:0; color:#77831F; margin:0 0 0 3px; border:1px solid #fff;}
#zoekmachine select {padding:0; color:#77831F; margin:0 0 0 10px;}

#headernav {position:absolute; top:77px; right:2px;}
#headernav ul {margin:0; padding:0; list-style:none;}
#headernav li {float:left; width:100px; height:23px; background:url(../img/bg_headernav.jpg) top left no-repeat; text-align:center; margin:0 10px 0 0; padding:3px 0 0 0}
#headernav li a {color:#fff; font-size:85%; text-decoration:none; font-weight:bold;}

#nav {font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; clear:both;}
#nav ul {margin:0; padding:0 0 0 14px; list-style-type:none; font-weight:bold; font-size:90%; text-align:center;}
#nav li { float:left; padding:0; width:110px; margin:0 12px 0 0;}
#nav li a.broodjes {background:#A3BC00 url(../img/thumb_nav_broodjes.jpg) top left no-repeat; display:block; color:#fff; text-decoration:none; padding:81px 0 2px 0;}
#nav li a.soep {background:#A3BC00 url(../img/thumb_nav_soep.jpg) top left no-repeat; display:block; color:#fff; text-decoration:none; padding:81px 0 2px 0;}
#nav li a.belgisch {background:#A3BC00 url(../img/thumb_nav_belgisch.jpg) top left no-repeat; display:block; color:#fff; text-decoration:none; padding:81px 0 2px 0;}
#nav li a.rijstgerechten {background:#A3BC00 url(../img/thumb_nav_rijstgerechten.jpg) top left no-repeat; display:block; color:#fff; text-decoration:none; padding:81px 0 2px 0;}
#nav li a.dipsauzen {background:#A3BC00 url(../img/thumb_nav_dipsauzen.jpg) top left no-repeat; display:block; color:#fff; text-decoration:none; padding:81px 0 2px 0;}
#nav li a.ovenschotels {background:#A3BC00 url(../img/thumb_nav_ovenschotels.jpg) top left no-repeat; display:block; color:#fff; text-decoration:none; padding:81px 0 2px 0;}
#nav li a.eenpansgerechten {background:#A3BC00 url(../img/thumb_nav_eenpansgerechten.jpg) top left no-repeat; display:block; color:#fff; text-decoration:none; padding:81px 0 2px 0;}
#nav li a.pastas {background:#A3BC00 url(../img/thumb_nav_pastas.jpg) top left no-repeat; display:block; color:#fff; text-decoration:none; padding:81px 0 2px 0;}
#nav li a.zuiders {background:#A3BC00 url(../img/thumb_nav_zuiders.jpg) top left no-repeat; display:block; color:#fff; text-decoration:none; padding:81px 0 2px 0;}

#main {padding:30px 13px 20px 15px; margin:0; clear:both; float:left;} /*positionering voor pagina's met breadcrumb*/

#left {width:230px; float:left; padding:30px 0 0 15px; margin:0 15px 0 0;}
#left h1 {color:#9AB000; font-weight:bold; font-size:13px; margin:0 0 5px 0; padding:0;}
#left h2 {font-size:80%; border-bottom:1px solid #B0A28C; padding-bottom:5px; margin:0 0 10px 0;}
#left a {}
#left dl {margin:0 0 0px 0; padding:0; list-style:none;}
#left dt {color:#9AB000; font-weight:bold; margin:0 0 2px 0;}
#left dt a {display:block; color:#9AB000; text-decoration:none; font-weight:bold; margin:10px 0;}
#left dt a:hover {text-decoration:underline;}
#left dd {margin:0; padding:2px 0 2px 5px;}
#left dd a {background:url(../img/bullet.jpg) 0 5px no-repeat; padding-left:10px; display:block; font-size:90%; color:#707070; text-decoration:none; font-weight:normal;}
#left dd a.last {margin-bottom:5px;}
#left dd a:hover {background:url(../img/bullet_hover.jpg) 0 5px no-repeat; text-decoration:underline;}
#left ul {margin:0 0 15px 0;padding:0;list-style:none;}
#left li {}
#left li a {color:#E37B1A}

#center {width:525px; float:left; margin:0 0 0 0; padding:30px 13px 20px 0; text-align:left;}/*padding right 45px bijgevoegd voor positionering in Safari*/
#center #ingezonden_recept {padding:0;}
#center h1,h2,h3,h4 {font-family:Georgia, "Times New Roman", Times, serif;}
#center h1 {font-size:120%;margin:0 0 10px 0; color:#8DA101; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
#center h2 {font-size:100%; margin:0 0 10px 0; color:#E27B18;}
#center h2 a { color:#E27B18; text-decoration:none;}
#center h3 {font-size:90%; margin:0; padding:0;}
#center h4 {font-size:100%; padding:15px 0 0 0; margin:0;/* color:#A3BC00;*/}
#center p {margin:5px 0; padding:0;}
#center dl {margin:0; padding:0;}
#center dt {font-weight:bold; margin:15px 0 2px 0}
#center dd {margin:0 0 5px 0;}
#center a {color:#9AB000; font-weight:bold;}
#center ul {padding:0; margin:10px 0;}
#center li {margin:0 0 0 20px}
#center p.ing {font-family:Georgia, "Times New Roman", Times, serif; font-size:90%; margin:0; padding:0; font-weight:bold}
#center p.ber {font-family:Georgia, "Times New Roman", Times, serif; font-size:90%; margin:0; padding:15px 0 0 0; font-weight:bold}
#center form {}
#center input {border:1px solid #8D8D8D;}
#center textarea {border:1px solid #8D8D8D;}

#center #tipbox {background:url(../img/tipBottombox.jpg) bottom left no-repeat; float:right; padding:0 0 15px 0; margin:0 0 10px 10px; width:194px; font-family:Arial, Helvetica, sans-serif; font-size:90%;}
#center #tipBottombox {background:url(../img/tipTopbox.jpg) top left no-repeat;min-height:140px; height:auto!important; height:140px;}
#center #tipbox h3 {color:#B4C82F; font-family:Georgia, "Times New Roman", Times, serif; font-size:150%; padding:12px 10px 10px 15px;}
#center #tipbox p {padding:0 20px; margin:0 0 3px 0; color:#707070;}
#center #tipbox a {color:#006397;}

/*opmaak tabellen*/
table {border-collapse:collapse}
#alternate tbody td .selected {background-color:#fff;} /*prijslijsten per winkel/nodig voor de uppijltjes zo staan ze altijd op een witte bg*/
#groentenkalender table {margin-top:15px}
#groentenkalender tr {}
#groentenkalender td {border:1px solid #707070}
#groentenkalender .month {background:transparent url(../img/icon_check.jpg) center center no-repeat;}
/*opmaak tabellen*/

#center #ads_top {margin:5px 0 15px -5px;}
#center #ads_pict {margin:5px 0 10px 10px}
#center #adMaster {margin:20px 0;}
#center #beeldadv300 {float:right;margin:15px 0 15px 15px}
#center .ads_vierkant {float:left;}

#center .plaatsreactie {margin-top:10px; clear:both;}
#center .plaatsreactie h4 {padding:0 0 5px 0; margin:0; color:#E27B18;}
#center .plaatsreactie a {color:#707070; margin-right:20px; font-weight:bold;}

/*opmaak geplaatste reacties*/
#center .reacties {background:url(../img/line_dotted.jpg) top left repeat-x; padding:10px 0 0 0; clear:both;}
#center .reacties h5 {font-size:100%; margin:0; padding:0;}
#center .reacties h6 {font-size:100%; margin:0; padding:0;}
#center .reacties p {margin:0;padding:0; clear:both;}
#center .reactieTitle {float:left;background-color:#A3BC00; margin:20px 0 5px 0; color:white; padding:2px 10px}
#center .reactieTitle .reactieNaam {float:left; width:250px;}
#center .reactieTitle .datum {float:right; width:190px; font-weight:bold; text-align:right;}
#center .reactieTitle .datum a {color:#fff; margin-left:10px; font-size:10px; text-decoration:none}
/*einde opmaak geplaatste reacties*/

#center .addthis {margin:10px 0 0 0; height:18px; width:240px}
#center .addthisindex {position:absolute; top:265px; right:0;}

#center .tags {padding:10px 0 0 0; clear:both;}

#center #suggestie_wrapper {width:525px; float:left; margin:0 0 20px 0;}
#center #suggestie_wrapper  p.title {font-family:Georgia, "Times New Roman", Times, serif; font-size:120%;margin:10px 0 10px 0; color:#8DA101; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
#center #suggestie_wrapper img {margin:0 15px 10px 0; width:110px; float:left;border:2px solid #8DA101}

/*opmaak overzicht recepten*/
#lijst_recepten {}
#lijst_recepten a:hover {text-decoration:underline;}
#lijst_recepten dl {}
#lijst_recepten dt {margin:0; clear:both;}
#lijst_recepten dt a {color:#707070; font-weight:bold; /*padding:0 25px 0 0 ; background:url(../img/leesmeer.jpg) center right no-repeat; */}
#lijst_recepten dt img {float:left; padding:2px; border:1px solid #F1B885; margin:0 10px 10px 0;}
#lijst_recepten dd {padding:0; margin:0 0 0 125px;}
/*einde opmaak overzicht recepten*/

/*lijst budgettips*/
#center .tip {clear:both}
#center .tip img {float:left; margin:0 10px 20px 0}
#center .tip h2 {margin:0; padding:0; font-size:16px;}
#center .tip h2 a {font-weight:normal}
#center .tip a {text-decoration:none; color:#E27B18; font-weight:normal}
#pict_tip {float:left; margin-bottom:15px}

/*opmaak previous next*/
#previousNext {text-align:center; padding:0 0 10px 0; clear:both;} /*padding bottom nodig om de previous next buttons goed weer te geven in IE*/
#previousNext a {background-color:#A3BC00; color:#fff; text-decoration:none; padding:2px 7px 4px 7px; font-weight:bold; margin:0 5px;}
#previousNext a:hover {padding:7px 7px 4px 7px}
body#een #t_een, body#twee #t_twee, body#drie #t_drie, body#vier #t_vier, body#vijf #t_vijf, body#zes #t_zes, body#zeven #t_zeven, body#acht #t_acht, body#negen #t_negen, body#tien #t_tien {text-decoration:underline;padding:2px 7px 4px 7px}
/*einde opmaak previous next*/

#right {width:180px; float:left; padding:30px 0 0 0; margin:130px 0 0 5px;}
#right #google_zoek {padding:10px 0 10px 10px}

.boxorangeTop {background:url(../img/boxorangeBottom.jpg) bottom left no-repeat; width:170px; margin:0 0 15px 10px;clear:both;}
.boxorangeBottom {background:url(../img/boxorangeTop.jpg) top left no-repeat; padding:0 0 10px 0}
.boxorangeTop h1 {font-size:80%; text-align:center; padding: 7px 0 10px 0; margin:0; color:#fff; text-transform:uppercase;}
.boxorangeTop p.lh1 {font-size:80%; text-align:center; padding: 7px 0 10px 0; margin:0; color:#fff; text-transform:uppercase;}
.boxorangeTop p {padding:0px; margin:5px 7px 0 7px;}
.boxorangeTop p.btn {text-align:right; margin:0 5px 0 0;}
.boxorangeTop a {text-decoration:underline; color:#707070;}
.boxorangeTop ul {margin:0 5px 0 5px; padding:0; list-style:none;}
.boxorangeTop li {padding:2px 0}
.boxorangeTop li a {background:url(../img/bullet.jpg) 0 5px no-repeat; padding-left:10px; display:block; font-size:90%; color:#707070; text-decoration:none; font-weight:normal;}
.boxorangeTop li a:hover {background:url(../img/bullet_hover.jpg) 0 5px no-repeat; text-decoration:underline;}
a.btnSendRecept {color:#E17B26; margin:0 0 0 45px; font-weight:bold; text-decoration:none;}

.boxgreenTop {background:url(../img/boxgreenBottom.jpg) bottom left no-repeat; width:170px; margin:0 0 15px 10px; clear:both;}
.boxgreenBottom {background:url(../img/boxgreenTop.jpg) top left no-repeat; padding:0 0 10px 0;}
.boxgreenTop h1 {font-size:80%; text-align:center; padding: 7px 0 10px 0; margin:0; color:#fff; text-transform:uppercase;}
.boxgreenTop p.lh1 {font-size:80%; text-align:center; padding: 7px 0 10px 0; margin:0; color:#fff; text-transform:uppercase;}
.boxgreenTop p {padding:0px; margin:5px 7px 5px 7px;}
.boxgreenTop p.btn {text-align:right; margin:0 5px 0 0;}
.boxgreenTop a {text-decoration:underline; color:#707070;}
.boxgreenTop ul {margin:0 5px 0 5px; padding:0; list-style:none;}
.boxgreenTop li {padding:2px 0}
.boxgreenTop li a {background:url(../img/bulletGreen.jpg) 0 5px no-repeat; padding-left:10px; display:block; font-size:90%; color:#707070; text-decoration:none; font-weight:bold;}
.boxgreenTop li a:hover {background:url(../img/bulletGreen_hover.jpg) 0 5px no-repeat; text-decoration:underline;}


#footer {clear:both; margin-top:50px; font-size:80%; text-align:center; width:990px;}
#footer a {color:#A3BC00; font-weight:bold;}
#footer #tagscloud {font-size:14px; text-align:left; line-height:20px; margin:50px 25px 50px 45px; color:#E37B1A;}
#footer #tagscloud a {color:#E37B1A; text-decoration:none; font-weight:normal; padding:0 5px 0 5px}
#footer #tagscloud a:hover {text-decoration:underline;}

#footer_test {clear:both; float:left; width:990px;border-top:1px solid #D8D8D8}
#footer_test #footer_menu {font-size:100%; margin:20px 0 50px 0; float:left;}
#footer_test #footer_menu .footer_menu_block {width:200px;float:left;margin:0 43px 0 0 ;padding:0;}
#footer_test #footer_menu .footer_menu_block ul {margin:0; padding:0;list-style:none;}
#footer_test #footer_menu .footer_menu_block li {margin:0; padding:0 0 10px 0;}
#footer_test #footer_menu .footer_menu_block li a {color:#707070}
#footer_test #footer_menu .footer_menu_block h1 {font-size:120%;margin:0 0 10px 0; color:#E37B1A; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
#footer_test #abs_bottom {font-size:80%; clear:both; text-align:center; width:990px;}
#footer_test #abs_bottom a {color:#A3BC00;}

/*colors*/
.orange {color:#E58712;}
.bgorange {background-color:#E58712;}
.green {color:#A3BC00;}
.white {color:#fff;}
.vet {font-weight:bold;}

/*classes*/
.big {font-size:180%;}
.notbold {font-weight:normal;}
.extrapadding {margin:10px 0 0 0; font-weight:bold;}
.print {float:right; padding:20px 5px 0 20px;}
.pict_rec {float:right; padding:10px 0 0 10px}
p.bron {font-style:italic;}
/*
#cc {position:relative; margin-bottom:20px;}
#cc img {position:absolute; top:0; left:0; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; height:100%; width:100%;}
*/

/*css zoekvak google*/
.cse-branding-bottom,
.cse-branding-right {margin:0;padding:0}
.cse-branding-bottom,
.cse-branding-right {zoom: 1;}
.cse-branding-bottom:after,
.cse-branding-right:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.cse-branding-text { font: 10px Arial;}
.cse-branding-form form {margin-bottom: 0;padding-bottom: 0;}
/* Bottom-specific selectors */
.cse-branding-bottom .cse-branding-logo, 
.cse-branding-bottom .cse-branding-text {display: block; float: left}
.cse-branding-bottom .cse-branding-form {margin-bottom: 3px;}
.cse-branding-bottom .cse-branding-logo {padding: 0}
.cse-branding-bottom .cse-branding-text {padding-top: 4px}
.cse-branding-right .cse-branding-form {float: left;}
/* Right-specific selectors */
.cse-branding-right .cse-branding-logo, 
.cse-branding-right .cse-branding-text {margin-left: 4px;}
.cse-branding-right .cse-branding-form {float: left;margin-right: 4px;}
.cse-branding-right .cse-branding-logo {padding: 0}
.cse-branding-right .cse-branding-text {margin-top: -4px}
