html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font: normal 13px/18px arial, Verdana, sans-serif; color: #444444; background: #281C13 url(images/bg-page.gif) top left; }
a img { border: 0; }

a { text-decoration: none; color: #DB3387; }

ul, ol { list-style: none; margin: 0; padding: 0; }
form, fieldset { margin: 0; padding: 0; }

h2 { font: bold 20px Georgia; }
h2 span { font: normal 12px arial; float: right; margin-top: 9px; color: #999; }
h1 { font: bold 23px Georgia; color: #DB3387; margin-bottom: 0; }
h2#h2intro { }
.subtitle { font: bold 11px arial; color: #969696; margin: 0; padding-top: 0; }
p.back { margin-top: 40px; }
img.arrows { vertical-align: middle; }
h1 .admin a { font-size: 10px; float: right; color: #555; padding: 6px 10px; border: 1px dotted #ccc; margin-right: 40px; }
h1 .admin a:hover { background-color: #ddd; }
p.gray a { color: #666; }

.ad-leader { clear: both; padding-top: 10px; }

table thead th { padding-right: 15px; text-align: left; }

hr { clear: both; display: block; color: #ccc; background-color: #ccc; border: 0; height: 1px; margin: 0; }
hr.bookhr { }

a.bullet { padding-left: 16px !important; background:url(images/bullet.gif) left 5px no-repeat; }

#container { position: relative; margin: 0 auto; width: 970px; background: url(images/bg-container.png) top left repeat-y; padding: 1px 10px 0px 10px; }
#main { clear: both; }

#menu { float: left; width: 160px; background: #E8E8E8; padding: 6px 20px; border-right: 2px dotted #dddddd; }
#menu h3 { margin-bottom: 0; padding: 3px; color: #323232; text-align: right; }
#menu ul li { font: bold 11px arial; margin: 3px 0; text-align: right; }
#menu ul li a { color: #DB3387; display: block; padding: 3px; }
#menu ul li a:hover, #menu ul li.current a { background: #DB3387; color: white; }
#menu li a span { width: 15px; display: inline-block; color: #666; font-weight: normal; }
#menu li a:hover span, #menu li.current a span { color: black; font-weight: bold; }

#content { float: right; width: 728px; padding: 6px 9px; margin-right: 20px; }
#content-left { width: 378px; float: left; }
#content-336 { width: 336px; float: right; }
#content-sky { float: right; width: 120px; }
#content-ingredients { width: 245px; float: left; padding-top: 23px; margin-bottom: 40px; }
#content-ingredients ul { border-top: 1px solid #EDECEC; }
#content-ingredients li { border-bottom: 1px solid #EDECEC; color: #808080; font: bold 11px arial; padding: 4px 6px; }
#content-ingredients li a { color: #808080; border-bottom: 1px dotted #808080; }
#content-ingredients li a:hover { color: #DB3387; }
#content-ingredients li a img { border-bottom: 0; }
#content-ingredients h2, #content-prep h2 { margin-top: 0; }
#content-prep { float: right; width: 445px; font: bold 11px arial; color: #323232; line-height: 20px; padding-top: 23px; margin-right: 10px; margin-bottom: 40px; }

#prevnext { clear: both; padding-top: 10px; }
#prevnext a#page-prev { padding-left: 23px; background: #C6C6C6 url(images/arr-left.gif) top left no-repeat; }
#prevnext a#page-next { padding-right: 23px; background: #C6C6C6 url(images/arr-right.gif) top right no-repeat; text-align: right; }
#prevnext a { display: inline-block; width: 325px; color: #666; font: bold 11px arial; }
#prevnext a span { color: #DB3387; background-color: #AEAEAE; width: 23px; display: inline-block; text-align: center; font: 9px arial; padding: 4px 0 2px; line-height: 16px; }
#prevnext a#page-prev span { margin-right: 10px; }
#prevnext a#page-next span { margin-left: 10px; }
#prevnext a:hover { color: white; background-color: #AEAEAE !important; }
#prevnext a:hover span { background-color: #C6C6C6; }
#prevnext #currpage { width: 23px; font: 9px arial; background-color: #C6C6C6; color: #999; margin: 0; text-align: center; vertical-align: top; padding: 4px 0 2px; line-height: 16px; display: inline-block; }
#prevnext .dummy320 { width: 320px; display: inline-block; }

#header { }
#footer { padding: 10px; width: 930px; background-color: #2C2C2E; clear: both; }

#headerleft { width: 475px; height: 275px; position: relative; padding: 0; margin: 0; float: left; }
#headerleft #headerfoto { padding: 0; margin: 0; }
#headerleft #headerfototext { position: absolute; left: 0; bottom: 0; width: 475px; height: 70px; background:url(images/opaque-med.png); color: white; }
#headerleft #headerfototext h2 { font: bold 20px Georgia; padding: 10px 20px 2px 20px; margin: 0; }
#headerleft #headerfototext p { font: bold 12px arial; margin: 0; padding: 2px 20px; }

#headerright { width: 475px; float: right; padding-right: 20px; }
#headerright #logo { float: left; width: 200px; }
#headerright #logo img {  }
#headerright #logo a { width: 215px; height: 67px; display: block; margin: 7px; padding: 3px; }
#headerright #logo a:hover { border: 1px dotted #333333; padding: 2px; }
#headerright #topmenu { float: right; width: 200px; padding: 10px 10px 0 0; }
#headerright #topmenu ul { text-align: right; }
#headerright #topmenu ul li a { font: bold 11px arial; color: black; padding: 2px 15px 2px 0; background:url(images/bullet10x10.gif) right 4px no-repeat; }
#headerright #topmenu ul li a:hover { border-bottom: 1px dotted black; padding-bottom: 1px; }

#search { position: absolute; top: 101px; left: 485px; width: 449px; height: 149px; background-color: #BD3684; padding: 13px; }
#search legend { display: none; }
#search fieldset { border: none; }
#search #searchtext, #search #searchsubmit { border: 0; font: bold 16px Georgia; padding: 4px 0; }
#search #searchtext { width: 349px; }
#search #searchsubmit { color: white; background-color: black; font-style: italic; width: 100px; }
#search .section110 { width: 109px; float: left; }
#search .section220 { width: 218px; float: left; }
#searchoptions { width: 436px; margin-top: 13px; padding: 6px; background-color: #E985B7; display: inline-block; }
#searchoptions h3 { color: white; font: bold 16px Georgia; padding-top: 0; margin-top: 0; }

#pageoptions { position: absolute; top: 270px; left: 910px; width: 30px; height: 30px; }
#pageoptions a { padding: 1px; display: inline-block; }
#pageoptions a:hover { border: 1px dotted #555; padding: 0; }

#bolcom { position: absolute; top: 270px; left: 835px; width: 30px; height: 30px; }
#bolcom a { padding: 1px 4px; display: inline-block; }
#bolcom a:hover { border: 1px dotted #555; padding: 0px 3px; }

.book h3 { margin-bottom: 5px; padding: 0; }
.book h3 span { font-size: 11px; }
.book p { padding-top: 4px; margin: 0 0 10px 0; }
.book p.tagline { padding: 0; margin-bottom: 10px; font: bold 11px arial; color: #666; }
.book img { margin: 0 15px 10px 0; width: 98px; float: left; }
.book span { color: #999; }
.book .bestel a { display: inline-block; background:url(images/basket-btn.gif) top left no-repeat; width: 48px; height: 21px; font: bold 11px arial; color: white; padding: 7px 0 0 37px; }
.book .bestel a:hover { color: black; }
.book .bookprice { font: bold 15px arial; float: right; display: inline-block; width: 100px; margin-top: -29px; }
.book .oldprice { font-weight: normal; color: red; padding: 0; margin: 0; font-size: 11px; text-decoration: line-through ; }

#kookboeken { position: absolute; top: 145px; left: 498px; }
#kookboeken a { border: 1px solid #BC3583; padding:  30px 0 0 170px; font: bold 11px arial; color: white; width: 278px; height: 97px; display: inline-block; background:url(images/kookboek-bg.gif) top left no-repeat; }
#kookboeken a h2 { font: bold 30px arial; margin: 0; padding: 0; }
#kookboeken a:hover { border: 1px dotted white; }

#topiclist { padding-bottom: 20px; }
#topiclist li { margin: 1px 0; }
#topiclist li a { font-weight: bold; padding: 2px 0; }
#topiclist li a:hover { border-bottom: 1px dotted #666; padding-bottom: 1px; }
#topiclist li a span { display: inline-block; width: 120px; text-align: right; font-weight: normal; color: #999; }

#recipelist { padding-bottom: 20px; }
#recipelist li { margin: 1px 0; }
#recipelist li a { font-weight: bold; padding: 2px 0; }
#recipelist li a:hover { border-bottom: 1px dotted #666; padding-bottom: 1px; }
#recipelist li a span { font-weight: normal; color: #999; }

#recipelist2 { padding-bottom: 20px; }
#recipelist2 li { margin: 1px 0; }
#recipelist2 li a span { display: inline-block; width: 20px; height: 16px; padding: 0 3px; border: 1px dotted #ccc; color: #DB3387; text-align: right; font-size: 9px; }
#recipelist2 a { color: #444; line-height: 20px; }
#recipelist2 a:hover { border-bottom: 1px dotted #666; }
#recipelist2 a:hover span { border: none; padding: 1px 4px; background-color: #ddd; }
#recipelist2 a:visited { color: #888; }
#recipelist2 a:visited span { color: #555; }


.ktsection { width: 180px; float: left; }
.kooktermen { margin-bottom: 20px; }
.kooktermen li { margin: 1px 0; }
.kooktermen li a { color: #555; padding-left: 16px !important; background:url(images/bullet.gif) left 3px no-repeat; }
.kooktermen li a:hover { border-bottom: 1px dotted #666; }

#links li { padding-left: 18px; padding-bottom: 10px; background:url(images/bullet.gif) 0 3px no-repeat; }
#links li a { display:block; }

#searchresults { margin-top: 40px; }
#searchresults p span { color: #666; font-style: italic; margin-top: 40px; }

#pagination li { font: bold 11px arial; height: 24px; width: 24px; display: inline-block; border: 1px solid #aaa; background-color: #eee; float: left; margin: 3px; text-align: center; line-height: 24px; }
#pagination li a { width: 24px; height: 24px; display: block; }
#pagination li a:hover { background-color: #ccc;  }
#pagination li.current { background-color: #BD3684; color: white; border: 1px solid black; }