/* CSS Document Budgetkoken*/

html {height:100.01%;}
body {font-size:20px}
a img {border : none;}
a {outline: none;}
form {}
input {border:1px solid #8D8D8D;}
textarea {border:1px solid #8D8D8D;}

#header {width:100%; text-align:center;}
#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; display:none;visibility:hidden;}
#header #headerLeft h1 {margin:10px 0 0 0; padding:0; color:#A3BC00; font-size:280%;}
#header #headerLeft h2 {margin:0; padding:0; color:#A3BC00; font-size:90%; letter-spacing:1px;}
#header #headerRight {display:none;visibility:collapse}
#header #headerRight h3 {margin:20px 0 0 0; padding:0; color:#E27B18; font-family:Georgia, "Times New Roman", Times, serif;font-size:120%; font-weight:bold;}
/*#header #headerRight p {margin:0; padding:0;}
#header #headerRight ul {margin:0; padding:0; list-style:none;}
#header #headerRight li img {padding-right:10px;display:inline;}
.titleHeader {color:#E27B18; font-family:Georgia, "Times New Roman", Times, serif; font-size:120%; font-weight:bold;}
*/
#zoekmachine {display:none;visibility:collapse}
#zoekmachine #container {padding:0; color:#fff; width:990px; margin:0 auto;}
#zoekmachine #container form {margin:0; padding:10px 12px 15px 0; float:right;}
#zoekmachine #container form.prijs {margin:0; padding:10px 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;}
#zoekmachine #container select {padding:0; color:#77831F; border:1px solid #fff; margin:0 0 0 10px;}

#headernav {display:none;visibility:collapse}
#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;}


#wrapper {width:990px; margin:0 auto; padding:0; text-align:left;}

#nav {display:none;visibility:collapse}
#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.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*/
#mainhomepage a {color:#9AB000; font-weight:bold;}


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

/*opmaak voor eerste versie indexpagina*/
#homepage div {margin-bottom:30px;}
#homepage h1 {font-size:120%;margin:0 0 5px 150px; color:#E27B18; font-weight:bold;}
#homepage p {margin:0 0 5px 150px;}
#homepage img {float:left; margin:0;}
#homepage ul {margin:0 0 30px 150px; padding:0; list-style:none;}
#homepage li {padding:0 0 3px 0}
#homepage li a {color:#9AB000; font-weight:bold;}
/*einde opmaak eerste versie indexpagina*/

#breadcrumb {display:none;visibility:collapse}
#breadcrumb a {color:#9AB000;}

#left {display:none;visibility:collapse}
#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 10px 0; padding:0; list-style:none;}
#left dt {color:#9AB000; font-weight:bold; margin:0 0 5px 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) center left no-repeat; padding-left:10px; display:block; font-size:90%; color:#707070; text-decoration:none; font-weight:normal;}
#left dd a.last {margin-bottom:15px;}
#left dd a:hover {background:url(../img/bullet_hover.jpg) center left no-repeat; text-decoration:underline;}

/*opmaak box sendRecept*/
.boxredTop {background:url(../img/boxredBottom.jpg) bottom left no-repeat; width:170px; margin:0 0 0 10px}
.boxredBottom {background:url(../img/boxredTop.jpg) top left no-repeat; padding-bottom:10px;}
.boxredTop h1 {font-size:90%; text-align:center; padding: 5px 0 10px 0; margin:0; color:#fff; text-transform:uppercase;}
.boxredTop p {padding:0px; margin:5px 7px;}
.boxredTop p.btn {text-align:right; margin:0 5px 0 0;}
.boxredTop a {color:#9AB000; text-decoration:none; font-weight:bold;}
/*einde opmaak box sendRecept*/

/*opmaak advertenties per rubriek linkerkolom*/
#left .adLeft h1 {color:#000; font-size:100%} /*ergens een conflict, zie kleur van de h1 in de browser !!!*/
/*einde opmaak advertenties per rubriek linkerkolom*/

#center {width:470px; float:left; margin:0 60px 0 0; padding:0; text-align:left;}/*margin right 60px 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 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 {}
#center dt {font-weight:bold; margin:0 0 2px 0}
#center dd {margin:0 0 15px 0;}
#center a {color:#9AB000; font-weight:bold;}
#center ul {padding:0; margin:10px 0;}
#center li {margin:0 0 0 20px}


#center #tipbox {display:none;visibility:collapse}
#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; width:700px; }
table td {border:1px solid black}
#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 ADVERTENTIES IN MIDDELSTE KOLOM*/

/*opmaak advertentie alle pagina's middelste kolom*/
#center .adMaster {display:none;visibility:collapse}
#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*/

/*opmaak advertenties per rubriek middelste kolom*/
.adCenter {}
/*einde opmaak advertenties per rubriek middelste kolom*/

/*EINDE OPMAAK ADVERTENTIES IN MIDDELSTE KOLOM*/

#center .plaatsreactie {display:none;visibility:collapse}
#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 {display:none;visibility:collapse}
#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:5px 10px}
#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 dl {}
#lijst_recepten dt a {color:#707070; font-weight:bold}
#lijst_recepten dt img {margin-left:10px;}
#lijst_recepten dd {padding:0 0 10px 0; margin:0;}
/*einde opmaak overzicht recepten*/

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


#right {display:none;visibility:collapse} /*margin right 60px op #center gezet anders problemen Safari*/
#right .box {background:url(../img/bg_Title_box.jpg) top left repeat-x; margin:0 0 25px 0; border:1px solid #EDA358; padding:0 0 10px 0;}
#right .box h1 {background:url(../img/bg_Title_boxH1.jpg) 5px 0 no-repeat; font-size:90%; padding:5px 5px 5px 25px; margin:0; color:#fff;}
#right .box p {margin:5px 10px; padding:0;}
#right .box p.btn {text-align:right; margin:0 5px 0 0;color:#A3BC00}
#right .box a {color:#9AB000; font-size:90%; font-weight:bold; text-decoration:none}
#right ul {margin:0 0 0 10px; padding:0; list-style:none;}
#right li a {display:block; color:#9AB000; text-decoration:none; font-weight:bold; margin:10px 0;}
#right li a:hover {text-decoration:underline;}

/*opmaak newsbox*/
#newstopbox {margin:0 0 0 10px; padding:0; background:url(../img/newstopbox.jpg) top left no-repeat;height:36px;}
#newsboxBorder {border:1px solid #FB9D46; border-top:none; width:168px; height:140px; margin:0 0 0 10px; padding:0}
#newsbox {height:100px; width:160px; margin:0; padding:0 5px;}
#newsbox p {margin:0; padding:0;}
#newsbox dl {margin:0; padding:0;}
#newsbox dt {margin:0; padding:0; font-weight:bold;}
#newsbox dd {margin:0 0 0 0; padding:0 0 10px 0}
#newsbox dd a {color:#9AB000; text-decoration:none; font-weight:bold; float:right;}
#newsbox a {color:#9AB000; text-decoration:none; font-weight:bold;}
#scrolldiv {width:160px; padding:20px 0 0 0; margin:0;}
a#scroll_up {background:url(../img/scroll_up.jpg) no-repeat; background-position: top left; width:12px; height:12px; padding:0; margin:0; float:right;}
a#scroll_down {background:url(../img/scroll_down.jpg) no-repeat; background-position: top left; width:12px; height:12px; padding:0; margin:0;float:right}
/*einde opmaak newsbox*/

.boxorangeTop {background:url(../img/boxorangeBottom.jpg) bottom left no-repeat; width:170px; margin:0 0 20px 10px}
.boxorangeBottom {background:url(../img/boxorangeTop.jpg) top left no-repeat; padding-bottom:10px;}
.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 {color:#9AB000; text-decoration:none; font-weight:bold;}


.adMasterRight {display:none;visibility:collapse}
.adMasterRight h1 {background-color:#A3BC00; font-size:90%; text-align:center; padding: 5px 0; margin:0; color:#fff; text-transform:uppercase;}
.adMasterRight p {padding:0 5px;}
.adMasterRight p.btn {text-align:right; margin:0 5px 0 0;color:#A3BC00}
.adMasterRight a {color:#A3BC00; text-decoration:none; font-weight:bold;}

/*opmaak advertentie per rubriek rechter kolom*/
.adRight {display:none;visibility:collapse}
.adRight h1 {font-size:10px;}
/*einde opmaak advertentie per rubriek rechter kolom*/

#right #nieuwsbrief {display:none;visibility:collapse}
#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*/
#resultSearch {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#resultSearch p {margin:10px 0; padding:0;}
#resultSearch a {color:#9AB000 /*#7A8EA7 blauw*/; font-weight:bold; background:url(../img/bullet.jpg) 0 50% no-repeat; padding:0 0 0 12px;}
#resultSearch a:hover {background:url(../img/bullet_hover.jpg) 0 50% no-repeat;}
/*einde opmaak resultatenpagina per trefwoord en op prijs*/

#footer {height:42px; clear:both; display:none;visibility:collapse}

/*colors*/
.orange {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 {display:none;visibility:collapse}