@import url("reset-fonts-grids.css");
@import url("common.css");


body {font-family:"Century Gothic", Arial, Verdana, Sans-Serif;padding-bottom:0;line-height:1.35em;color:#000;background:#fff url(img/Untitled-2.gif) repeat-y 205px 0;}
.skipLinks {position:absolute;top:-9999em;left:-9999em;height:0;}


/* Overall styles
-------------------------------------------------------------------------------------------------*/
/* horizontal list with visual markup */
ul.horizontal, ol.horizontal {}
ul.horizontal li, ol.horizontal li {float:left;}


/*inline is added for The IE Doubled Float-Margin Bug */
.leftFloat {float:left; display:inline;}
.rightFloat {float:right; display:inline;}

.hidden {position:absolute; top:-9999em; left:-9999em;}

/* to clear floated elements - all browsers - from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Typo */
h1 {font-size: 182%;color:#900; margin-bottom:1em;}
h2 {font-size: 108%;color:#900;}
h3 {font-size: 108%;color:#f7931e;margin-bottom:.5em}
h4 {font-size: 108%;color:#333;}
h4 a {color:#900;}
h5 {font-size: 120%; color:#6cb61a;}
h6 {font-size: 110%; color:#6cb61a;}
h7 {font-size: 110%; color:#900; font-weight:bold; }

li, ul {overflow:hidden;}
p, li, dd {margin-bottom:.75em;font-family:Arial, Verdana, Sans-Serif;}

/* links */
a {color:#900;text-decoration:none;}
a:hover {color:#900;text-decoration:underline;}
a.red:hover {color:#900;text-decoration:underline;}
a.appHelp {}
a.appLink {}
a.internal {}
a.external {}
a.download {}
a.download.pdf {}
a.download span.resourceInfo {}
a.action {display:block;border:1px solid #ccc;float:left;clear:both;padding:.5em .75em .5em 2em;background:url(/style/img/icon_expand.gif) no-repeat .5em .75em;}
a.action.print {}
a.action.change {}
a.cancel {}
span.mailto {}

/* boxes */
.box {margin-bottom:2em;}






/* General Page Template
-------------------------------------------------------------------------------------------------*/
.gridTwoLeft {padding-left:205px;}
.gridTwoLeft:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.gridTwoLeft .wrapper {}
.gridTwoLeft .fixed {float:left;width:205px; margin-left:-205px;font-family:"Century Gothic", Arial, Verdana, Sans-Serif;}
.gridTwoLeft .fixed .oneCol {padding:10px}
.gridTwoLeft .liquid {float:right; width:100%;position:relative;}
.gridTwoLeft .liquid .oneCol {margin-left:25px;}



a.logo {display:block;border:0;position:absolute;top:10px;left:10px;}
a.logo img {border:0;width:180px;height:145px;}


a.active {color:#f7931e;}

.mainNav {position:absolute;top:175px;left:20px;}
.mainNav li {margin-bottom:0.1em;padding:0em;font-family:"Century Gothic", Arial, Verdana, Sans-Serif;}
.mainNav li ul {margin-bottom:1em;margin-left:1em;}
.mainNav a {font-size:93%;line-height:1em;font-family:"Century Gothic", Arial, Verdana, Sans-Serif;}

.store {display:none;position:absolute;top:300px;left:20px;margin-bottom: 0;font-family:"Century Gothic", Arial, Verdana, Sans-Serif;}
.store a {color:#000;font-family:"Century Gothic", Arial, Verdana, Sans-Serif;}


.quicksearch {position:absolute;top:375px;left:20px;margin-bottom: 0;font-family:"Century Gothic", Arial, Verdana, Sans-Serif;}
.quicksearch a {font-family:"Century Gothic", Arial, Verdana, Sans-Serif;}
.quicksearch li {margin-bottom:0.25em;}


.legalNav {position:absolute;top:680px;left:20px;margin-bottom: 0;padding-bottom:0;font-family:"Century Gothic", Arial, Verdana, Sans-Serif;}
.legalNav li {margin-bottom:0;}
.legalNav a {padding-left:15px;background:url(img/pijltje.gif) no-repeat left 50%;color:#666;font-size:85%;line-height:1.4em;font-family:"Century Gothic", Arial, Verdana, Sans-Serif;}

.recipesincluded {position:absolute;top:460px;left:11px;}
.baplamember {position:absolute;top:1160px;left:25px;}



.welcomeBanner {height:60px;}
.welcomeBanner h1 {padding-top:25px;font-size:138.5%;color:#000;font-weight:700;text-align:center;}
.welcomeBanner strong {color:#7e2107;font-weight:700;}


.homeBanner {margin-top:15px;width:732px;height:525px;background:url(img/bg_homebanner_v2.gif) no-repeat top left;position:relative;overflow:hidden;}
.homeBanner .movie {padding:0 0 0 10px;}
.homeBanner .movie object, .homeBanner .movie embed {width:690px;height:330px;margin:10px 0 0 10px;}

.homeBanner .homeBannerSearch {padding-top:1.0em;}
#searchForm {display:block;xposition:absolute;xright:30px;x_right:20px;xbottom:32px;}
.txt {width:130px;height:22px;border:1px solid #999;padding-left:5px;font-size:108%;display:block;float:left;margin-right:5px;}
.bttn {display:block;float:left;font-weight:700;cursor:pointer;text-align:center;background:url(img/pijl_groot.gif) no-repeat 90% 65%; color:#fff;border:0px;height:24px;width:24px;line-height:0.8em;text-indent:-9999em;position:relative;vertical-align:center;}

.tagCloud {margin:0 15px 0 15px;padding:0px 15px 0;line-height:1.75em;_line-height:2em;clear:both;}
*:first-child+html .tagCloud {line-height:2em;}
.tagCloud ul {text-align:justify;}
.tagCloud li {display:inline;font-family:inherit;padding:0;border:none;word-spacing:0em;padding-right:1em;}
*:first-child+html .tagCloud li {padding-right:1em;}
.tagCloud li a {text-decoration:none;color:#900;font-family:Arial, Verdana, Sans-Serif;}
.tagCloud li a:hover {color:#f7931e;}

li.t12 {font-size:93%;}
li.t14 {font-size:108%;}
li.t16 {font-size:123.1%;}
li.t18 {font-size:138.5%;}
li.t20 {font-size:153.9%;}
li.t22 {font-size:167%;}


.homeContent {margin-top:25px; padding:0 5px;background: url(img/bg_homecontent.gif) repeat-y center;}
.homeContent .leftCol {float:left;width:340px;}
.homeContent .rightCol {float:right;width:340px;}


.madeEasy {margin-bottom:2em; background:url(img/bg_white.gif) no-repeat top left;}
.madeEasy h3 {color:#900;}
.madeEasy .wrapper {padding:15px;margin-bottom:2em; background:url(img/bg_white-bottom.gif) no-repeat bottom left;}
.madeEasy ul {margin-left:15px;}
.madeEasy li {list-style-type:disc;margin-bottom:5px;}

.categories {margin-bottom:2em;background:url(img/bg_white.gif) no-repeat top left;}
.categories .wrapper {padding:1.5em; background:url(img/bg_white-bottom.gif) no-repeat bottom left;}
.categories dt strong {color:#900;}
.categories dd {margin-bottom:1em}

.sample {background:url(img/bg_white.gif) no-repeat top left;margin-bottom:25px;}
.sample .wrapper {padding:15px;padding-bottom:10px; background:url(img/bg_white-bottom.gif) no-repeat bottom left;}
.sample img {display:block;float:left;margin:0 10px 10px 0;width:125px;height:125px;background:#ccc;}

.featured {margin-bottom:25px;padding:0px;border-bottom:1px dotted #f7931e;padding-bottom:25px;}
.featured h3 {color:#000;font-size:100%;margin-bottom:0;margin-left:5px;}
.featured h4 {color:#f7931e;margin-bottom:5px;margin-left:5px;}
.featured img {display:block;float:left;margin:0 10px 10px 0;width:125px;height:125px;background:#ccc;}
.featured p {font-size:93%;margin-left:5px;padding-top:5px;}
.featured .link {}
.featured .link a {font-family:Arial, Verdana, Sans-Serif;}

.collection img {float:none;width:340px;height:auto;margin-bottom:0;}


.box {margin-bottom:2em; background:url(img/bg_white.gif) no-repeat top left;}
.box .wrapper {padding:15px;margin-bottom:2em; background:url(img/bg_white-bottom.gif) no-repeat bottom left;}


/*-------------------------------------------------------------------------------------*/

.bodyImage {position:absolute;right:0;}
.generalcontent {padding-top:50px;margin-right:21em;}
.generalcontent h1 {color:#f7931e;}
.generalcontent h2 {margin-top:1em;}
.generalcontent p {font-size:11px;}

.generalcontent p {margin-bottom:0;font-size:93%}
.generalcontent p strong {font-weight:700;} 
.generalcontent p em {color:#000;font-size:11px} 

.generalcontent blockquote {margin-left:1.5em;}
.generalcontent ul, .main ol {padding-left:1.5em;margin-bottom:0em;}
.generalcontent ul li {list-style:disc;margin-bottom:0.2em;padding-bottom:0;clear:none;font-size:93%;}



.generalcontent .formBox {padding:1em 0.25em;border:1px solid #f7931d;margin-bottom:0;}
.generalcontent .formRow {clear:right; margin:0.3em 0em 0.3em 0em;}
.generalcontent .formRow .sizer {width:7.4em; margin-right:0.2em;float:left;}
.generalcontent .formRow .sizer label {text-align:right; position:relative; top:0.2em; padding-right: 0.8em; display:block; margin-top:0.1em;}
.generalcontent .formRow .sizer label span.required {position:absolute; right:0.1em; top:0;}
.generalcontent .formRow .positionerRight {height:100%; padding:0.2em 0em 0em 0.4em; margin-left:7.6em;}
.generalcontent .buttonGroup {padding-left:7.6em;}


.generalcontent #archive li {list-style-type:square;padding-left:0.5em;margin-left:1em;}

.generalcontent .btt {text-align:right;margin-top:2em;}


.footer {border-top:1px solid #900;padding-top:1em;margin-top:1em;}