/* CSS Document Budgetkoken*/

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;}
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;}
#zoekmachine #container {padding:0; color:#fff; width:990px; margin:0 auto;}
#zoekmachine #container form {margin:0; padding:7px 12px 15px 0; float:right;}
#zoekmachine #container form.prijs {margin:0; padding:7px 12px 15px 0;}
#zoekmachine #container label {margin:0; padding:0; font-weight:bold;}
#zoekmachine #container input {padding:0; color:#77831F; margin:0 0 0 3px; border:1px solid #fff;}
#zoekmachine #container 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:10px 13px 20px 15px; margin:0; clear:both; float:left;} /*positionering voor pagina's met breadcrumb*/

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

#home {}
#home h1 {}
#home p {}
#home a {/*color:#9AB000; font-weight:bold;*/}

#breadcrumb {padding:0 0 8px 245px; font-size:80%; font-weight:bold;}
#breadcrumb a {color:#9AB000;}

#left {width:230px; float:left; padding:0; 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:485px; float:left; margin:0 0 0 0; padding:0 45px 0 0; text-align:left;}/*padding right 45px bijgevoegd voor positionering in Safari*/
#center h1,h2,h3,h4 {font-family:Georgia, "Times New Roman", Times, serif;}
#center h1 {font-size:120%;margin:0 0 10px 0; color:#E27B18; font-weight:normal;}
#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 ul {padding:0; margin:10px 0; list-style:url(../img/bullet.jpg) inside}
#center li {margin:0 0 0 0; background:url(../img/line_dotted.jpg) bottom left repeat-x; padding:4px 0} Controleren of ul ook nog in andere pagina's voorkomt zonder ingredienten*/

#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*/

/*opmaak advertentie alle pagina's middelste kolom*/
#center .adMaster {font-family:Georgia, "Times New Roman", Times, serif; color:#404040; margin:25px 0 20px 0; font-size:100%; background:url(../img/line_dotted.jpg) top left repeat-x; clear:both;}
#center .adMaster h1 { padding:15px 0 3px 0; margin:0; }
#center .adMaster h1 a {font-size:80%; font-weight:bold; color:#E27B18;}
#center .adMaster p {margin:0; padding:0; }
#center .adMaster p a {color:#9AB000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
/*einde opmaak advertentie alle pagina's van de website middelste kolom*/

#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*/

/*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;}
#lijst_recepten ul {margin:0 15px 0 0; padding:0; list-style:none; width:215px; float:left;}
#lijst_recepten li {padding:0 0 5px 0; margin:0}
#lijst_recepten li a {color:#707070; text-decoration:none;}
#lijst_recepten h2 {}
/*einde opmaak overzicht recepten*/

/*opmaak overzicht ingezonden recepten*/
#ingezonden-recepten {}

/*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 {text-decoration:underline;padding:2px 7px 4px 7px}
/*einde opmaak previous next*/

#right {width:180px; float:left; padding:0; margin:0 0 0 5px;}

.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 {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 0 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 {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;}


/*VERSIE RSS MET KERSTBOOM*/
/*#rss dl {margin:0 0 20px 0;padding:0; background:url(../img/icon_RSS_kerst.jpg) bottom right no-repeat; width:170px; float:right;}
#rss dt {color:#9AB000; font-weight:bold; margin:0 50px 2px 0;}
#rss dt a {display:block; color:#9AB000; text-decoration:none; font-weight:bold; margin:10px 0 10px 0;}
#rss dt a:hover {text-decoration:underline;}
#rss dd {margin:0; padding:2px 50px 2px 0;}
#rss 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;}
#rss dd a.last {margin-bottom:5px;}
#rss dd a:hover {background:url(../img/bullet_hover.jpg) 0 5px no-repeat; text-decoration:underline;}
*/
#rss dl {margin:0;padding:0;width:170px; float:right;}
#rss dt {color:#9AB000; font-weight:bold; margin:0;}
#rss dt a {display:block; color:#9AB000; text-decoration:none; font-weight:bold; margin:10px 0 10px 0;}
#rss dt a:hover {text-decoration:underline;}
#rss dd {margin:0; padding:2px 0 2px 0;}
#rss 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;}
#rss dd a.last {margin-bottom:5px;}
#rss dd a:hover {background:url(../img/bullet_hover.jpg) 0 5px no-repeat; text-decoration:underline;}


/*box gebruikt op pagina recepten dips en hapjes*/
.boxLargeTop {background:url(../img/boxLargeBottom.jpg) bottom left no-repeat; width:454px; margin:0 0 15px 5px; padding:0; color:#fff; font-weight:bold}
.boxLargeBottom {background:url(../img/boxLargeTop.jpg) top left no-repeat;  padding:0;}
.boxLargeBottom div {padding:7px 20px 15px 20px;}
.boxLargeTop p {padding:0; margin:0;}

/*box gebruikt op pagina prijslijst + sendReceptForm*/
.boxWhiteTop {background:url(../img/boxWhiteBottom.jpg) bottom left no-repeat; width:450px; margin:0 0 15px 0; padding:0; color:#707070;}
.boxWhiteBottom {background:url(../img/boxWhiteTop.jpg) top left no-repeat;  padding:0; margin:0}
.boxWhiteBottom div {padding:7px 20px 15px 20px; margin:0;}
.boxWhiteTop p {margin:0; padding:0;}
.boxWhiteTop ul {margin:0; padding:0;}
.boxWhiteTop li {padding:2px 0;}

#right #nieuwsbrief {width:168px; border:1px solid #A3BC00; margin-left:6px}
#right #nieuwsbrief h1 {background-color:#A3BC00; font-size:90%; text-align:center; padding: 5px 0; margin:0; color:#fff; text-transform:uppercase;}
#right #nieuwsbrief form {margin:10px;}
#right #nieuwsbrief input {margin:5px 0; width:140px;}

/*opmaak resultatenpagina per trefwoord en op prijs*/
#mainhomepage #resultSearch {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#mainhomepage #resultSearch p {margin:10px 0; padding:0;}
#mainhomepage #resultSearch ul {margin:0; padding:0; list-style:none;}
#mainhomepage #resultSearch li {margin:10px 0; padding:0;}
#mainhomepage #resultSearch li a {color:#9AB000 /*#7A8EA7 blauw*/; font-weight:bold; background:url(../img/bullet.jpg) 0 5px no-repeat; padding:0 0 0 12px; margin:0; display:block;}
#mainhomepage #resultSearch a:hover {background:url(../img/bullet_hover.jpg) 0 5px no-repeat; color:#E58712;}
#mainhomepage #resultSearch li a:visited {color:#E58712 /*#7A8EA7 blauw*/; font-weight:bold; background:url(../img/bullet_hover.jpg) 0 5px no-repeat; padding:0 0 0 12px; margin:0; display:block;}

/*einde opmaak resultatenpagina per trefwoord en op prijs*/

/*#footer {clear:both; text-align:right; margin-right:15px; margin-top:50px; font-size:80%}
#footer a {color:#9AB000; font-weight:bold; margin-right:15px;}*/

#footer {clear:both; margin-top:50px; font-size:80%; text-align:left; width:990px;}
#footer a {color:#A3BC00; font-weight:bold;}

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

/*classes*/
.big {font-size:180%;}
.notbold {font-weight:normal;}
.extrapadding {margin:10px 0 0 0; font-weight:bold;}
.paddingright a {padding-right:20px;} /*gebruikt op de prijslijst.php op de links van de winkels*/
.print {float:right; padding:0 5px 0 20px;}
.pict_rec {float:right; padding:10px 0 0 10px}
p.bron {font-style:italic;}