/* resets */
body, ul, ol, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; font-weight: normal; }

/* switch */
#switch { height: 40px; position: absolute; right: 0; top: 32px; font: bold 13px/36px Helvetica, Verdana, sans-serif; text-shadow: #333 0 1px 1px; }
#switch a { cursor: pointer; white-space: nowrap; display: block; padding-right: 25px; height: 40px; color: #eee; }
#switch .icon { width: 46px; height: 40px; display: inline-block; background: transparent url(/img/switch-cart.png); }
#switch .contents { white-space: nowrap; display: inline-block; text-align: left; height: 40px; padding-right: 24px; background: transparent url(/img/switch-cart.png) 100% 0; }
#switch a:hover .icon { background-position: 0 -40px; }
#switch a:hover .contents { background-position: 100% -40px; }

/* defaults */
p { padding: 0; margin: 0 0 20px 0; }
em { font-style: normal; font-weight: bold; }
ins { text-decoration: none; }
ul, ol { margin: 0 0 20px 0; padding: 0; }
body { font: 16px/24px Helvetica, Verdana, sans-serif; background: #eee url(/img/i.jpg) repeat-x; color: #000; }
h1 { margin: 0; font: bold 36px/40px Helvetica, Verdana, sans-serif; } /* Site title */
h2 { font: bold 24px/40px Helvetica, Verdana, sans-serif; }
h3 { font: bold 18px/20px Helvetica, Verdana, sans-serif; }
a { text-decoration: none; color: #191970; color: #059; }
a:hover { text-decoration: none; color: #27347c; color: #237; }
li { list-style-type: none; }
img { border: none; }
ins, del { display: inline-block; }
dl, dt, dd { margin: 0; padding: 0; }
#tail { height: 66px; }
#tail > div { width: 940px; }
#tail dt { font-weight: bold; width: 100px; text-align: right; }
#tail dt, #tail dd { display: block; float: left; margin-right: 24px; }
#tail dl { clear: both; width: 690px; display: block; font-size: 11px; }
#tail dl, #tail dl a { font-size: 11px; }

/* forms */
.textinput, .passwordinput, .text input, .textarea textarea { width: 390px; padding: 4px; background: #fff; border-radius: 4px; border: 1px solid #ccc; font: 12px/20px Helvetica, Arial, sans-serif; }
fieldset { border: 0; margin: 0; padding: 20px 0; }
legend { display:none;}
label { margin-top-invalid: 20px; display:block; font: 12px/20px Helvetica, Arial, sans-serif; }
.check label { display: inline; }
invalid a.toggle-uitleg { background: url(/img/info-arrow.png) no-repeat; padding-left: 12px; color: #000; }
invalid a.toggle-uitleg:hover { text-decoration: underline; }
.textarea, .text { padding: 10px 0; }
.uitleg { width: 90%; margin: 20px auto; background: #fff; border: 1px solid #bbb; padding: 10px; display: none; }
.uitleg p:first-child { margin: 0; }
.submit { margin-top: 20px; }
div.input { margin-bottom: 0; }

.error-message { padding: 4px; background: #88d392; color: #000; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); }

/* page-edit */
#page-edit-form .textinput, #page-edit-form .textarea, #page-edit-form .text,
#page-add-form .textinput, #page-add-form .textarea, #page-add-form .text { width: 400px; width: 100%; }
#page-edit-form .clear h3, #page-add-form .clear h3 { margin: 0; }
#page-edit-form .textinput, #page-add-form .textinput, #page-add-form .textarea textarea, #page-edit-form .textarea textarea, #page-edit-form .text input, #page-add-form .text input, td input { border: 1px solid #ccc; padding: 4px; font: 12px/20px Helvetica, Arial, sans-serif; }
#page-edit-form h3, #page-add-form h3 { margin-top: 20px; }
.text input { height: 20px; }

#page-edit-form .text.admin.specs { width: 190px; margin-right: 42px; }
#page-edit-form .last.text.admin.specs { margin-right: 0; float: right; }
#page-edit-form .text.admin.specs input{ width: 170px; }

#page-edit-form table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: 930px; overflow: hidden; }
#page-edit-form table tr td, #page-edit-form table tr th, #page-edit-form table tr { border-spacing: 0; padding: 0; margin: 0; }
#page-edit-form table tr { border-bottom: 1px solid #ccc; }
#page-edit-form table tr th, #page-edit-form .text label, #page-edit-form .textarea label { font-weight: normal; font-size: 11px; text-align: left; text-transform: uppercase; padding: 0; }
#page-edit-form table tr td { padding: 0; position: relative; }
#page-edit-form table tr td, #page-edit-form table tr, #page-edit-form table input {  }

#page-edit-form table input { width: 100%; padding: 0; margin: 0; border: 0; outline: none; height: 26px; position: relative; }

#page-edit-form table tr td div.table-cell { position: relative; }

#page-edit-form h3 { font-weight: bold; font-size: 14px; clear: both; border-bottom: 1px solid #aaa; }

div.variant { background: #ddd; margin: 10px 0; padding: 12px; }

/* user registration */
.register-form {  }
.register-form .textinput, #login-form .textinput { width: 390px; }
.register-form passwords div { width: 190px; padding: 10px 0;}
.register-form .passwordinput { width: 180px; }
s#register-form .r, #register-form .l { width: 190px; padding: 10px 0; }
.register-form .textinput, #login-form .textinput, .register-form .passwordinput { margin: 0; border: 1px solid #999; padding: 4px; font: 14px/20px Helvetica, Arial, sans-serif; }

/* user account */
.input-file { z-index: 44; position: absolute; top: 10px; left: 10px; }

/* drop shadow */
#nav, #footer, #wrapper, #footer, #tail { background: transparent url(/img/drop.png) repeat-x top left; }
#nav, #footer { background: #343434 url(/img/drop.png) repeat-x top left; }
/*#nav, #footer, #sub-nav { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }*/

/* voodoo */
#wrapper { position: relative; color: #333; }
#showtime { width: 940px; padding: 40px 0 20px 0; margin: 0 auto; }
.cake-sql-log td { z-index: 999; border: 1px solid #ccc; }
#header { position: relative; height: 60px; text-align: center; padding: 20px; } 
#content { width: 100%; margin: 0; padding: 0; }
#content_left { width: 390px; }
#content_left h3 { margin-top: 20px; font-size: 16px; }
#content_right { text-align: left; padding-bottom: 40px; width: 528px; margin: 0; }
#slide { padding: 0; margin: 0; height:  460px; background: url(../k.jpg);  } /* FIXME */
#tail { margin: 0 auto; padding: 20px 0 0 0; }
#tail, #tail a, #tail a:hover { color: #777; text-decoration: none; }
#tail p { margin-top: 0; }
#footer div, #tail div { width: 940px; margin: 0 auto; }

.view p { white-space: pre-line; }

/* nav */
#nav, #sub-nav, #nav li, #sub-nav li { white-space: nowrap; }
#nav { height: 40px; overflow: hidden; position: relative; z-index: 77; border-top:1px solid #aaa; color: #f5f4f2; margin: 0; padding: 0; text-align: center; }
#footer { position: relative; background: #343434 url(/img/drop.png) repeat-x top left; text-align: left; color: #f5f4f2; margin: 20px 0 0 0; padding: 4px 0 3px 0; padding: 0; }
#footer div { position: relative; }
#nav a, #footer a, #sub-nav a { cursor: pointer; color: #f5f4f2; text-shadow: 1px 0 1px #000; padding: 0 15px; font: 12px/40px Helvetica, Verdana, sans-serif; letter-spacing: 2px; text-transform: uppercase; }
#footer #echo { position: relative; width: 700px; }
/* #nav a:hover, #footer a:hover, #sub-nav a:hover { background-color: #000; color: #ddd; border-radius: 6px; border-bottom: none; -webkit-box-shadow: 0 0 15px #ccc; -moz-box-shadow: 0 0 15px #fff; -webkit-transition: all 300ms ease-out;  }*/
#nav a:hover, #echo a:hover { background: #000 url(/img/drop.png) repeat-x top left; color: #ddd; text-shadow: 1px 0 1px #000; }
#nav a, #footer a, #nav a span, #sub-nav a, #sub-nav a span { display: inline-block; height: 40px; }
#footer a { letter-spacing: 1px; }
#nav a span, #sub-nav a span { padding-right: 0; }
#sub-nav a:hover { background: #999 url(/img/drop.png) repeat-x top left; color: #eee; text-shadow: 1px 0 1px #000; }
#nav ul, #sub-nav ul { margin: 0 60px; }
#nav li, #footer li { display: inline; }
#sub-nav { background: #eee url(/img/drop.png) repeat-x top left; text-align: center; padding: 0;} 
#sub-nav a { color: #333; text-shadow: 1px 0 1px #ccc; }
#sub-nav li { display: inline; }
.cats a { color: #f5f4f2; text-shadow: 1px 0 1px #000; padding: 0 5px; font: 14px/28px Helvetica, Verdana, sans-serif; letter-spacing: 2px; text-transform: uppercase; }
.cats { text-align: center; padding: 0; }
.cats ul { margin: 0;}
.cats a { color: #333; padding-left: 10px; text-shadow: 1px 0 1px #ccc; }
.cats li { display: inline; }
#error-nav { margin-top: 20px; }
#error-nav li { text-transform: capitalize; margin-left: 20px; }

/* products */
#showcart { position: absolute; right: 0; text-decoration: none; padding-right: 24px; font-size: 12px; }
#showcart img { margin-bottom: -4px; }
div#product-list { margin-top: 20px; width: 980px; overflow: hidden; }
div#product-list  ul { width: 1035px; }
div#product-list li { position: relative; overflow: visible; width: 270px; height: 270px; padding: 0; text-align: center; float: left; margin-right: 65px; margin-bottom: 66px; border: 0px solid #ccc; }
div#product-list li h2 { text-transform: uppercase; font-size: 16px; }
div#product-list li p { font-size: 14px; }
div#product-list li.infobox { margin-left: 0; line-height: 20px; text-align: left; background-color: transparent; padding: 0; width: 270px; height: 270px; -webkit-box-shadow: none; }
div#product-list li span { font-size: 14px; line-height: 16px; }
div#product-list li, .gallery li a img { -webkit-box-shadow: 0 0 8px rgba(66,66,66,0.2); }
/*#product-list li a { background: #fff; padding: 10px; border: 1px solid #ccc; display: block; width: 278px; height: 218px; color: #000; -webkit-transition: all 300ms ease-out; }*/
#product-list li a { background: #fff; padding: 0; border: 1px solid #ccc; display: block; width: 268px; height: 268px; color: #000; -webkit-transition: all 300ms ease-out; }
#product-list li a:hover, .gallery li a img:hover { border: 1px solid #333; -webkit-transition: all 300ms ease-out; }
div#product-list li span.list-title { display: block; text-transform: capitalize; font-weight: normal; font-size: 16px; line-height: 16px; padding: 10px 5px 0px 5px; }
#breadcrumbs { color: #333;  display: none;}
#breadcrumbs a { color: #333; display: block; padding-right: 16px; float: left; background: transparent url(/img/chevron.png) no-repeat top right; }
/* frontpage */
ol#frontpage { display: block; clear: both; width: 100%; padding: 20px 0; }
ol#frontpage li { height: 327px; overflow: ; display: block; float: left; width: 260px; margin: 0 80px 0 0; }
ol#frontpage li.weekaanbieding, ol#frontpage li.last { margin-right: 0; }
ol#frontpage li.weekaanbieding { height: 447px; width: 600px; padding-top: 20px; }
.flavor { position: relative; float: right; width: 600px; padding-top: 20px; }
.flavor a.keurmerk { position: absolute; bottom: 10px; right: 10px; display: block; width: 63px; height: 85px; overflow: hidden; }
a.keurmerk { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -webkit-transition: all 300ms ease-out; }
a.keurmerk:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); -webkit-transition: all 300ms ease-out; }
.flavor .img { width: 600px !important; height: 400px !important; overflow:hidden; -webkit-box-shadow: 0 0 18px #eee; background: #eee; border: 1px solid #aaa; }
.flavor .img img { width: 600px; }
.flavor-label { opacity: 0.8; background: #eee; color: #000; border-radius: 3px; padding: 0 4px; box-shadow: 0 0 7px #444; font-size: 11px; line-height: 18px; position: absolute; }
.flavor-label:hover { background: #fff; }
ol#frontpage li.weekaanbieding a { width: 600px; }
ol#frontpage li.weekaanbieding div.weekaanbieding { width: 600px; height: 350px; background: #fff; position: relative; overflow: hidden; }
ol#frontpage li.weekaanbieding div.weekaanbieding img { width: 350px; left: 125px; position: relative; }
ol#frontpage li.last a { float: right; }
ol#frontpage li a { float: left; margin-right: 2px; -webkit-transition: all 300ms ease-out; color: #444; display: block; width: 250px; height: 389px; position: relative; }
ol#frontpage li.weekaanbieding a img.banner { -webkit-box-shadow: none; border: 0; position: absolute; top: 0; left: 0; z-index: 999; }
ol#frontpage li a img.banner { -webkit-box-shadow: none; border: 0; position: absolute; top: 0; left: 0; z-index: 999; }
ol#frontpage li a:hover { color: #000; -webkit-transition: all 300ms ease-out; }
ol#frontpage li a:hover img, ol#frontpage li.weekaanbieding a:hover div.weekaanbieding { -webkit-transition: all 300ms ease-out; border: 1px solid #333; }
ol#frontpage li.weekaanbieding a div.weekaanbieding img, ol#frontpage li.weekaanbieding a:hover div.weekaanbieding img { border: 0; }
ol#frontpage li a > img, ol#frontpage li.weekaanbieding div.weekaanbieding { -webkit-transition: all 300ms ease-out; border: 1px solid #ccc; -webkit-box-shadow: 0 0 5px #ddd; }
/* frontpage */
ol#latest-products { display: block; clear: both; width: 100%; height: 300px; padding: 20px 0; }
ol#latest-products li { height: 170px; display: block; float: left; width: 130px; margin: 0 31px 0 0; }
ol#latest-products li.last { margin-right: 0; }
ol#latest-products li div { white-space: nowrap; font-size: 12px; height: 24px; overflow:hidden; }
ol#latest-products li div div { display: none; white-space: nowrap; }
ol#latest-products li.last a { float: right; }
ol#latest-products li a { float: left; margin-right: 2px; -webkit-transition: all 300ms ease-out; color: #444; display: block; width: 130px; height: 154px; position: relative; }
ol#latest-products li a img.banner { -webkit-box-shadow: none; border: 0; position: absolute; top: 0; left: 0; z-index: 999; }
ol#latest-products li a:hover { color: #000; -webkit-transition: all 300ms ease-out; }
ol#latest-products li a:hover img, ol#frontpage li.weekaanbieding a:hover div.weekaanbieding { -webkit-transition: all 300ms ease-out; border: 1px solid #333; }
ol#latest-products li a > img { -webkit-transition: all 300ms ease-out; display:block;border: 1px solid #ccc; -webkit-box-shadow: 0 0 5px #ddd; width: 114px !important; height: 114px !important; background: #fff; padding: 7px; }

invalid.page.index h2 { text-transform: uppercase; font-size: 16px; }

/* books */
.project-container { margin: 12px 0; float: left; margin-right: 24px; }
.project-container a { border: 1px solid #777;display: block; width: 282px; height: 414px; overflow: hidden; color: #232323; -webkit-transition: all 300ms ease-out; -webkit-box-shadow: 0 0 5px #777; }
.project-container a:hover { background-color: #232323; color: #eee; }
.project-img { }
.project-desc { padding: 12px; width: 426px; }

.last { margin-right: 0;}
#nav ul li.last { padding: 0; }

.question { background: url('/img/bubble-top.png') left top no-repeat; display: inline; font-size: 12px; font-weight: bold; 
	height: 78px; line-height: 20px; margin-left: -120px; margin-top: -70px; padding: 9px 0 0 0; position: absolute; 
	text-align: center; text-shadow: 0px 1px 0px #fff; width: 174px; z-index: 99; }
.add-to-cart div .question {
	margin-top: -72px; right: -72px;
}
#beheer p .question { background: url('/img/bubble.png') left top no-repeat; display: inline; font-size: 12px; font-weight: bold; height: 78px; line-height: 20px; margin-left: -155px; margin-top: 21px; padding: 18px 0 0 0; position: absolute; text-align: center; text-shadow: 0px 1px 0px #fff; width: 174px; z-index: 99; }
.yes, .cancel { cursor: pointer; display: inline-block; height: 23px; margin-right: .5em; margin-top: .5em; width: 63px; }

/* col */ /* FIXME */
#col, #col li { display: block; margin: 0; padding: 0; }
#col { background: #000; height: 596px; }
#col { -webkit-box-shadow: 0 0 4px #343434;}

/* cart & checkout */
.cart-update { width: 16px; height: 16px; overflow: hidden; background: transparent url(/img/silk/add.png) no-repeat; border: 0; }
.cart-remove { float: right; }

#checkout-progress { clear: both; height: 100px; padding: 20px 0; }
#checkout-progress a { color: #555; position: relative; width: 230px; height: 60px; display: block; float: left; margin: 0 20px 0 50px; background: #bbb; border-radius: 6px; padding: 10px;  }
#checkout-progress span { position: absolute; left: -28px; font: bold 36px/24px Helvetica, sans-serif; color: #666; }
#checkout-progress ins { display: block; text-decoration: none; color: #666; font-size: 14px; line-height: 18px; }
#checkout-progress .now { background: #333; color: #fff; }
#checkout-progress .last { margin-right: 0; }
#checkout-progress .now span { color: #000; }
#checkout-progress .now ins { color: #ddd; }

table.cart { margin-bottom: 20px; width: 940px; border: 0; vertical-align: top; border-collapse: collapse; }
table.cart tr td { padding: 20px 0; vertical-align: top; border-bottom:  1px solid #bbb; }
table.cart tr th { font: normal normal 12px/20px Helvetica, sans-serif; border-bottom:  1px solid #bbb; text-align: left; vertical-align: bottom; text-transform: uppercase; }
table.cart h3 { margin: 0; font-size: 24px; font-weight: normal; padding: 10px 0; }
table.cart .image { width: 102px; } table.cart .itemname { width: 300px; } table.cart .amount { width: 150px; } table.cart .price { width: 100px; } table.cart .remove { width: 100px; }
table.cart td img { border: 1px solid #bbb; }

.checkout-address .input.text { padding-top: 0; }
.checkout-address .input.text label { display: inline-block; width: 116px; padding-right: 12px; text-align: right; }
.checkout-address .input.text input { display: inline-block; }

/*
.cart-item form, .cart-item form input, .cart-item select, .cart-item fieldset   {margin: 0; padding: 0; }
.cart-item form { margin: 0; padding: 0; height: 24px; width: 150px; overflow: ; }
.cart-item ins { text-decoration: none; width: 100px; padding: 0; margin: 0; display: inline-block; background: transparent; }
.cart-header { border-bottom: 1px solid #bbb; }
.cart-header h3, .cart-details h3 { font-size: 24px; font-weight: normal; padding: 10px 0; }
.cart-details { font-size: 14px; padding: 10px 0 20px 0; }
.cart-details div { width: 550px; overflow: ; text-overflow: ellipsis; }
.cart-details p { margin-top: 0; margin-left: 114px; line-height: 20px; }
.cart-details img { border: 1px solid #bbb; padding: 1px; margin-right: 10px; }

.cart-header .cart-switch { overflow: hidden; width: 340px; height: 40px; margin: 0; }
.cart-header .cart-switch ins { font-size: 12px; height: 40px; line-height: 50px; }

.cart-details .cart-switch { width: 340px; height: 28px; margin: 0 0 20px 10px; }
.cart-details .cart-switch ins { font-size: 14px; height: 28px; line-height: 24px; }

#checkout-total { font-weight: normal; text-align: right; padding: 20px 95px 20px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; }

.cart-item .ins input, .cart-item .ins submit, .cart-item .ins select { padding: 0; margin-top: 0; }

.add-to-cart { border-top: 1px solid #bbb; padding: 10px 0; margin: 20px 0; }
.add-to-cart del { text-decoration: none; font-size: 28px; }
.add-to-cart .ins { float: right; }
.add-to-cart div { padding-bottom: 5px; text-transform: capitalize; }

.uitverkocht { background-color: #fff; color: #333; padding: 10px; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.uitverkocht em { font-style: normal; font-weight: normal; font-size: 20px; }

ins form { display: inline; }
*/
.cart-item .ins input, .cart-item .ins submit, .cart-item .ins select { padding: 0; margin-top: 0; }

.add-to-cart { border-top: 1px solid #bbb; padding: 10px 0 0 0; margin: 10px 0; position: relative; }
.add-to-cart del, span.price { text-decoration: none; font-size: 28px; padding-top: 11px; }
.add-to-cart .ins { float: right; padding-top: 11px; }
.add-to-cart ins { padding-right: 5px; text-transform: capitalize; }
div.specs, div.specs ul { zoom: 1; margin: 0; position: relative; }
div.specs ul em { font-size: 21px; font-weight: normal; }
span.specs, a.specs { font-size: 10px; font-weight: bold; text-transform: uppercase; }
/*
div.opt { display: inline-block; }
div.opt { display: inline-block; background: #fff; padding: 5px 8px 5px 2px; cursor: pointer; margin: 0 5px 5px 0; border-radius: 4px; behavior: url(/PIE.htc); }
div.opt:hover { background: #eee; }
div.opt label { cursor: pointer; display: inline-block; height: 20px; position: relative; bottom: 2px; }
div.opt input { cursor: pointer; }
div.opts { display: block; background: #fff; padding: 5px 8px 5px 2px; cursor: pointer; margin: 0 5px 5px 0; border-radius: 4px; behavior: url(/PIE.htc); }
div.opts:hover { background: #eee; }
*/
div.opts h3 { display: block; margin-right: 12px; }
div.opts label, div.opts input { cursor: pointer; position: relative; display: inline-block; }
div.opts label { background: transparent; top: 1px; }
div.opts input { outline: none; width: 24px; }
#page-edit-form .text input, #page-edit-form .textarea textarea { outline: none; }
div.opts .opt {
	cursor: pointer;
	position: relative;
	display: inline-block;
	height: 20px;
	padding: 0 12px 7px 4px;
	margin: 0 12px 5px 0;
	border: 1px solid #bbb;
	border-radius: 5px;
	background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ffffff, #eeeeee); /* Chrome 10+, Saf6 */
	background: linear-gradient(#ffffff, #eeeeee);
	-pie-background: linear-gradient(#ffffff, #eeeeee);
	behavior: url(/PIE.htc);
}
#page-edit-form table tr { border-bottom: 1px solid #ccc; behavior: url(/PIE.htc); }
#page-edit-form table input { background: transparent; }

/* #page-edit-form table tr, #page-edit-form table tr td input, #page-edit-form .text input, #page-edit-form .textarea textarea, .box-gradient { */
#page-edit-form .table-wrapper { padding: 0 5px; }
#page-edit-form .text input, 
#page-edit-form .textarea textarea {
	width: 920px;
	margin: 0;
	padding: 5px;
	border: 0;
	border-radius: 0;
	border-top: 1px solid #bbb;
}
#page-edit-form .table-wrapper,
#page-edit-form .text input, 
#page-edit-form .textarea textarea {
	background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ffffff, #eeeeee); /* Chrome 10+, Saf6 */
	background: linear-gradient(#ffffff, #eeeeee);
	-pie-background: linear-gradient(#ffffff, #eeeeee);
	behavior: url(/PIE.htc);
}
#page-edit-form textarea:focus { }
div.opts .opt:hover, div.opts .opt.dark-gray { 
	background-color: #eeeeee;
	background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #dddddd)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#eeeeee, #dddddd); /* Chrome 10+, Saf6 */
	background: linear-gradient(top, #eeeeee, #dddddd);
	-pie-background: linear-gradient(#eeeeee, #dddddd);
	behavior: url(/PIE.htc);
}
div.opts.fixed .opt { width: 98px; padding-top: 12px; margin-top: 100px; margin-bottom: 12px; }
div.opts .opt label img { position: absolute; display: inline-block; top: -119px; left: -26px; height: 114px; width: 114px; border-radius: 5px; behavior: url(/PIE.htc); }

p#price { height: 48px; position: relative; }
p#price .price { display: none; position: absolute; top: 0; left: 0; padding-top: 0; }
form div.selector select { min-width: 110px; }
form div.selector { min-width: 100px; width: 100px; }
form div.selector span  { width: 70px; }
#CartPaymentForm div.selector select { min-width: 190px; }
#CartPaymentForm div.selector { min-width: 190px; width: 190px; bottom: 2px; }
#CartPaymentForm div.selector span { width: 140px; }
#CartPaymentForm .radio span { position: relative; bottom: 2px; }
#optAddForm > label { display: inline-block; }

.uitverkocht { background-color: #fff; color: #333; padding: 10px; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.uitverkocht em { font-style: normal; font-weight: normal; font-size: 20px; }

#checkout-shipping { font-weight: normal; text-align: left; padding: 0 10px 20px 0; border-bottom: 0 solid #bbb; }
#checkout-shipping .small, #checkout-total .small { display: inline-block; position: relative; bottom: 2px; font-size: 12px; }
#checkout-total { font-weight: normal; text-align: left; padding: 0 10px 20px 90px; border-bottom: 1px solid #bbb; }
#checkout-shipping { padding-left: 128px; }
#checkout-shipping.invalid select { position: relative; left: 2px; bottom: 2px; }
#checkout-shipping h3 { font-size: 14px; margin: 10px 0; }
#checkout-shipping label { display: inline-block; }
#checkout-shipping .euro { font-size: 18px; }
#checkout-payment label { display: inline-block; }

/* buttons */
.button { background: url(/img/button-matrix.png) 0 0 no-repeat; border: none; color: #333; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; height: 24px; overflow: visible; padding: 0 0 0 3px; text-decoration: none; text-shadow: -1px -1px 2px rgba(255,255,255,0.6); }
.button > span { white-space: nowrap; background: url(/img/button-matrix.png) 100% 0 no-repeat; display: block; height: 24px; line-height: 24px; padding: 0 10px 0 6px; }
.button.blue { background-position: 0 -30px; }
.button.blue > span { background-position: 100% -30px; color: #fff; text-shadow: -1px -1px 1px rgba(0,0,0,0.6); }
.button.blue:hover { background-position: 0 -150px; }
.button.blue:hover > span { background-position: 100% -150px; color: #fff; text-shadow: -1px -1px 1px rgba(0,0,0,0.6); }
.button.dark { background-position: 0 -180px; }
.button.dark > span { background-position: 100% -180px; color: #fff; text-shadow: -1px -1px 1px rgba(0,0,0,0.6); }
.button.dark:hover { background-position: 0 -150px; }
.button.dark:hover > span { background-position: 100% -150px; color: #fff; text-shadow: -1px -1px 1px rgba(0,0,0,0.6); }
.button:hover, a.button:focus { background-position: 0 -30px; color: #fff; text-decoration: none; text-shadow: -1px -1px 1px rgba(0,0,0,0.6); }
.button:hover > span, a.button:focus > span { background-position: 100% -30px; }
.button.grey:hover, a.button:focus { background-position: 0 -180px; color: #fff; text-decoration: none; text-shadow: -1px -1px 1px rgba(0,0,0,0.6); }
.button.grey:hover > span, a.button:focus > span { background-position: 100% -180px; }
.caution:hover { background-position: 0 -90px; }
.caution:hover span { background-position: 100% -90px; color: #fff; text-shadow: -1px -1px 1px rgba(0,0,0,0.6); }
.safe:hover { background-position: 0 -60px; }
.safe:hover span { background-position: 100% -60px; color: #fff; text-shadow: -1px -1px 1px rgba(0,0,0,0.6); }
/*.button.mousedown { background-position: 0 -60px; }
.button.mousedown span { background-position: 100% -60px; } */
.btn-download .icon { background: url(/img/button-icons.png) 0 0 no-repeat; float: left; height: 22px; margin-left: -4px; width: 18px; }
.btn-download .icon { background-position: -40px 0; }
.btn-download:hover .icon, a.btn-download:focus .icon { background-position: -40px -25px; }
.button.disabled, .button.disabled:hover .button.caution.disabled:hover { background-position: 0 -120px; color: #aaa; cursor: default; }
.button.disabled > span { background-position: 100% -120px; text-shadow: 0 0 3px rgba(0,0,0,0.2); }
.button.uitverkocht, .button.uitverkocht:hover { background-position: 0 0; color: #333; cursor: default; }
.button.uitverkocht > span { background-position: 100% 0; text-shadow: 0 0 3px rgba(0,0,0,0.2); }

.button.icon { margin-left: 2px; }
.button.icon span { font-size: 14px; width: 12px; font-weight: normal; padding: 0 4px 0 1px; }
.button.icon.delete span { padding: 0 5px 0 0; }

#PageImageAddForm, #ReferenceAddForm { position:absolute; top: 1px; left: -140px; z-index: 2; 
	height: 24px; width: 200px; border: none;
	opacity:0; filter: alpha(opacity = 0); }
#PageImageAddForm input:hover { cursor: pointer; border: none; }

#ideal { background: transparent url(/img/button-ideal.png) no-repeat 0 0; width: 240px; height: 50px; border: 0; padding: 0; }
#ideal:hover { background-position: -240px 0; cursor: pointer; }

/* grid */
#grid { background: url(/img/bg-grid-980.gif) repeat-y 0 0; left: 50%; margin-left: -490px; position: absolute; top: 0; width: 980px; }
#grid.grid-1 { background: url(/img/bg-grid-980.gif) repeat-y 0 0; }
#grid.grid-2 { background: url(/img/bg-grid-660.gif) repeat-y 160px 0; padding: 0 160px; width: 660px; }
#grid div.horiz { border-bottom: 1px dotted #aaa; height: 19px; margin: 0; padding: 0; }

/* Notices and Errors */
div#flashMessage { padding: 20px; background: #eee url(/img/i-flash.jpg) repeat-x top right; color: #000; width: 400px; }
.av ol, .av ol li { list-style-type: decimal; }
.av ol li ol, .av ol li ol li { list-style-type: lower-alpha; }
.av ul, .av ul li { list-style-type: square; }
.av li { margin-left: 2em; }
.av { width: 940px; position: relative; }

/* Cake Debug */
div#debug { overflow:hidden; background: #fff; color: #333; margin: 20px auto; font: normal 14px/24px Inconsolata; width: 900px; padding: 5px 10px 10px 10px; -webkit-box-shadow: 0 0 6px rgba(33,33,33,0.2); }
div#debug invalid { position: absolute; left: 12px; top: 12px; z-index: 888; -webkit-box-shadow: 0 0 4px rgba(66,66,66,0.5); opacity: 0.8; }
div#debug .ins { font: normal 24px/24px Helvetica; text-decoration: none; cursor: pointer; }
div#debug del { display: block; font: normal 12px/24px Helvetica; text-decoration: none; }
.debug, .cake-sql-log { width: 920px; border: 1px solid #ccc; border-collapse: collapse; margin: 0 auto; margin-bottom: 20px; font: 14px/20px Inconsolata; background-color: #fff; }
#debug, .cake-sql-log { opacity: 0.3; -webkit-transition: all 300ms ease; }
#debug:hover, .cake-sql-log:hover { opacity: 1; -webkit-transition: all 300ms ease; }
.cake-sql-log caption { font: bold 16px/20px Helvetica; color: #555; }
.cake-sql-log td { padding: 6px; min-width: 60px; }
.cake-sql-log th { font: normal 12px/16px Helvetica; color: #777; padding: 6px; background: #f4f4f4; font-weight: normal; }
.debug { overflow: hidden; }

.gallery { width: 528px; }
.gallery li img { width: 250px; padding: 0; border: 1px solid #777; float: right; margin-left: 10px; margin-bottom: 10px; }

/* fancybox */
.stalen-form { background: #fff; padding: 12px; }
/* used in many pages, so embed here rather than link to a separate sheet */
#fancybox-loading { cursor: pointer; display: none; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; overflow: hidden; position: fixed; top: 50%; width: 40px; z-index: 1104; }
* html #fancybox-loading { margin-top: 0; position: absolute; }
#fancybox-loading div { background-image: url('/js/fancybox/fancybox.png'); height: 480px; left: 0; position: absolute; top: 0; width: 40px; }
#fancybox-overlay { bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1100; }
* html #fancybox-overlay { position: absolute; width: 100%; }
#fancybox-tmp { border: 0; display: none; margin: 0; overflow: auto; padding: 0; }
#fancybox-wrap { display: none; left: 0; margin: 0; padding: 20px; position: absolute; top: 0; z-index: 1101; }
#fancybox-outer { background: transparent; height: 100%; position: relative; width: 100%; }
#fancybox-inner { height: 1px; left: 0; margin: 0; outline: none; overflow: hidden; padding: 0; position: absolute; top: 0; width: 1px; }
#fancybox-hide-sel-frame { background: transparent; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#fancybox-close { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; display: none; height: 30px; left: -15px; position: absolute; top: -15px; width: 30px; z-index: 1103; }
#fancybox_error { color: #444; font: normal 12px/20px Arial; margin: 0; padding: 7px; }
#fancybox-content { height: auto; margin: 0; padding: 0; width: auto; }
#fancybox-img { border: none; height: 100%; line-height: 0; margin: 0; ms-interpolation-mode: bicubic; outline: none; padding: 0; vertical-align: top; width: 100%; }
#fancybox-frame { border: none; display: block; height: 100%; position: relative; width: 100%; }
#fancybox-title { bottom: 0; font-family: Arial; font-size: 12px; left: 0; position: absolute; z-index: 1102; }
.fancybox-title-inside { color: #333; padding: 10px 0; text-align: center; }
.fancybox-title-outside { color: #FFF; font-weight: bold; padding-top: 5px; text-align: center; }
.fancybox-title-over { color: #FFF; text-align: left; }
#fancybox-title-over { background-image: url('/js/fancybox/fancy_title_over.png'); display: block; padding: 10px; }
#fancybox-title-wrap { display: inline-block; }
#fancybox-title-wrap span { float: left; height: 32px; }
#fancybox-title-left { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat; padding-left: 15px; }
#fancybox-title-main { background-image: url('/js/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF; font-weight: bold; line-height: 29px; }
#fancybox-title-right { background-image: url('/js/fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat; padding-left: 15px; }
#fancybox-left, #fancybox-right { background-image: url('/js/fancybox/blank.gif'); bottom: 0px; cursor: pointer; display: none; height: 100%; outline: none; position: absolute; width: 35%; z-index: 1102; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { cursor: pointer; display: block; height: 30px; left: -9999px; margin-top: -15px; position: absolute; top: 50%; width: 30px; z-index: 1102; }
#fancybox-left-ico { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancy-bg { border: 0; height: 20px; margin: 0; padding: 0; position: absolute; width: 20px; z-index: 1001; }
#fancy-bg-n { background-image: url('/js/fancybox/fancybox-x.png'); left: 0; top: -20px; width: 100%; }
#fancy-bg-ne { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -162px; right: -20px; top: -20px; }
#fancy-bg-e { background-image: url('/js/fancybox/fancybox-y.png'); background-position: -20px 0px; height: 100%; right: -20px; top: 0; }
#fancy-bg-se { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -182px; bottom: -20px; right: -20px; }
#fancy-bg-s { background-image: url('/js/fancybox/fancybox-x.png'); background-position: 0px -20px; bottom: -20px; left: 0; width: 100%; }
#fancy-bg-sw { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -142px; bottom: -20px; left: -20px; }
#fancy-bg-w { background-image: url('/js/fancybox/fancybox-y.png'); height: 100%; left: -20px; top: 0; }
#fancy-bg-nw { background-image: url('/js/fancybox/fancybox.png'); background-position: -40px -122px; left: -20px; top: -20px; }
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie .fancy-bg { background: transparent !important; }
.fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/* utility */
.l { float: left; }
.r { float: right; }
.inline-block { display: inline-block; }
.inline { display: inline; }
.block { display: block; }
.relative { position: relative; }
.clear { clear: both; }
.italic { font-style: italic; }
.shadow-light { text-shadow: #a5a4a2 0px 1px 1px; }
.shadow-dark { text-shadow: #000 1px 1px 2px; }
.hidden { display: none; }
.toggle-uitleg { cursor: pointer; }
.zero { margin: 0; }
.w_400 { width: 400px; }
.w_50 { width: 50%; }

/* experimental */
button { -moz-box-sizing: content-box; }
button::-moz-focus-inner { padding: 0; border: 0; } /* FIXME */ /* Workaround for Firefox button CSS handling, see https://bugzilla.mozilla.org/show_bug.cgi?id=140562 */
input:focus, textarea:focus { background: #fffcd9; background: #fff; }
#fG { display:none;top: -80px; left: 0px; width: 1080px; height: 1080px; opacity: 0.1; filter: alpha(opacity = 10); z-index: -1; position: fixed; }
#fG img { width: 100%; height: 100%; width: 1080px; height: 1080px; }
/* body { z-index: 12; } */
/* #nav #sub-nav #footer { opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } */
/* #nav a { -webkit-text-stroke: 1px transparent; } */ /* http://fireyy.com/doc/html/thinning-text/index.html */
body { -webkit-font-smoothing: antialiased; }
/* invalid * { text-shadow: 0 0 3px rgba(0,0,0,0.2); } */

/* #wrapper, #header, #showtime, #nav, #beheer, #footer, #fancybox-overlay { display: none; } */

/* d */
#beheer { height: 23px; padding: 8px 0 10px 0; background: transparent url(/img/bg-admin-bar.png) 0 -18px repeat-x; font-size: 12px; }
#debug-page { font-size: 12px; position: fixed; max-width: 40%; max-height: 80%; overflow: hidden; z-index: 9999; bottom: 12px; right: 12px; widsth: 26%; padding: 12px; color: #fff; text-shadow: 0 1px 1px #333; background: rgba(0,0,0,0.7); border-radius: 9px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); }
#debug-page-close { position: fixed; z-index: 99999; bottom: 24px; right: 24px; font: 11px/18px Helvetica; text-align: center; font-weight: bold; background: #aaa; color: #000; border-radius: 3px; width: 17px; text-shadow: none; height: 16px; cursor: pointer; }
#debug-page-close:hover { background: #777; color: #333; }