/* voodoo */
body, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
p, blockquote, h1, h2, h3, h4, h5, h6 { margin: 0 0 24px 0; font-weight: normal; }
li, dt, dd { line-height: 24px; margin: 0; padding: 0; list-style-type: none; }
body, label { font: normal 14px/24px 'Helvetica Neue', Helvetica, Verdana, serif; } /* 24px gridline */
body { padding: 24px; }
body { -webkit-text-stroke: 1px transparent; } /* http://fireyy.com/doc/html/thinning-text/index.html */
@media only screen and (max-device-width:480px) { body { -webkit-text-stroke:0 black; } }

/* apply default styles */
body { background: #333 url(/img/bg-dark.png) repeat-x fixed; color: #c3c3c3; text-align: left; position: relative; }
em { font-style: normal; }

/* stylesheet switch */
.light { background: #ccc url(/img/bg-light.png) repeat-x fixed; color: #333; text-align: left; }
.light a, .light table td a { color: #000; }
.light a:hover { color: #000; }
.light #content > img { -webkit-box-shadow: 0 0 15px rgba(199,199,199,1); -moz-box-shadow: 0 0 15px #ccc; }
.light table td, .light #nav a { color: #333; }

h1 { font-size:48px; line-height: 48px; height: 48px; width: 777px; margin: 48px auto; } /* site headline */
h2 { font-size: 24px; line-height: 24px; letter-spacing: 1px; } /* page title */
h3 { font-size: 21px; }
h4, h5, h6 { font-size: 18px; }
a { position: relative; text-decoration: underline; color: #8d2b1d; color: #fff; }
a:hover { color: #fff; text-decoration: underline; }
a img { border: 0; }
blockquote { width: 450px; border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 11px 12px; }
blockquote { font: normal 18px/24px 'NewBaskervilleFSItalic', Georgia, serif; }
blockquote p:first-child { margin: 0; }
em { font-weight: normal; font-style: italic; }
strong { font-weight: bold; font-style: normal; }
address { display: block; font-style: normal; } /* WebKit makes 'em italic */

/* utility */
.l { float: left; }
.r { float: right; }
.clear { clear: both; }
.inline-block { display: inline-block; }

#switch { position: absolute; top: 24px; right: 48px; cursor: pointer; font-size: 24px; color: rgba(155,155,155,0.5); }

/* scaffolding */
#header { width: 777px; margin: 0 auto; }
#content { clear: both; width: 777px; margin: 0 auto; border-bottom: 1px solid #333; padding-bottom: 23px; margin: 48px auto; }
#content { min-height: 466px; height: auto !important; height: 466px; }
#content p, #content ul { width: 450px; }
#content ul { margin: 24px 0; }
#content li { margin: 0 48px; list-style-type: square; }
#content > img { float: right; }
p#tail { width: 777px; margin: 0 auto; font-size: 12px; color: #aaa; }

/* nav */
ul#nav { display: block; width: 777px; height: 46px; margin: 0 auto; clear: both; }
ul#nav li { display: block; float: left; text-align: left; }
ul#nav li a { display: block; text-decoration: none; width: 102px; padding: 12px 0 12px 8px; border-top: 1px solid #333; border-bottom: 1px solid #333; color: #ddd; text-transform: uppercase; font-size: 12px; }
ul#nav li a:hover { background: #393939; color: #fafafa; text-decoration: none; }

/* collection */
#content .coll-thumbs, #content .coll-thumbs li { width: 777px; list-style-type: none; margin: 0; }
#collectie #content p { width: 777px; }
.fancybox-title-inside { font-size: 1.2em !important; }
#fancybox-title-left, #fancybox-title-right { display: none !important; }
#fancybox-title-main { padding: 6px 8px 0 8px; background: #000 !important; font-size: 1.5em; font-weight: normal !important; }
.coll { display: block; float:left; padding: 13px; width: 125px; height: 188px; }
.x4 { width: 942px; height: 343px; }
.x3 { width: 704px; height: 343px; }
.x2 { width: 466px; height: 343px; }
.x4 img, .x3 img, .x2 img { margin-right: 10px; }
.x4 img.last, .x3 img.last, .x2 img.last, #product-gallery img.last { margin-right: 0; }

.size { margin-left: 12px; text-transform: uppercase; }
.price { font-size: 18px; font-style: normal; font-weight: bold; }
.price.sale {
	font-weight: normal; text-decoration: line-through;
}
.smallcaps { font-size: 12px; text-transform: uppercase; }

#product-gallery img { widsth: 186px; margin-right: 10px;}

/* tables */
.stripe { cursor: pointer; background: transparent url(/img/png25-white.png); }
table, table tr, table td, table th { margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; }
table { width: 100%; margin: 24px 0; font-family: Helvetica; }
table td { border-bottom: 1px solid #444; padding: 4px; }
table th { font-weight: normal; font-size: 12px; text-transform: uppercase; color: #777; }
table.subscribers tr th a { display: block; color: #ccc; padding-left: 5px; text-decoration: none; }
table th a:hover { background-color: #e9e6e0; background: transparent url(/img/png5.png); color: #fff; text-decoration: none; }
table td, table td a, table td a { font-size: 13px; color: #ddd; text-decoration: none; }
table tr td a { font-size: inherit; }
table tr td a:hover { text-decoration: none; color: #ddd; }
.form input, .form textarea { font: 18px/24px Baskerville, serif; padding: 3px 0; border: 0px solid #666; margin: 0; background: rgba(255,255,255,0.5); }
.form label { font: 12px/24px Helvetica, sans-serif; display: block; margin-top: 16px;  }
.form input, .form textarea { width: 333px; }
.form .input { border-bottom: 1px solid #ccc; }
.tasks-major input, .form textarea { width: 100%; }
.nowrap { white-space: nowrap; }
tr.prio td.subscriber-email a  { color: pink !important; }

/* subs */
.subscriber-email { width: 300px; }
.subscriber-name { width: 200px; }
.subscriber-used { width: 30px; }
.subscriber-created { width: 100px; }
.subscriber-ip { width: 100px; }
.subscriber-ip { width: 40px; }

/* agenda */
.event { padding: 0 0 24px 0; margin-bottom: 34px; border-bottom: 1px solid #333; width: 450px; }
.flags { margin-left: -70px; float: left; width: 50px; height: 167px; text-align: center; }
.cal { width: 50px; height: 67px; margin-top: 12px; text-align: center; border: 1px solid #555; }
.dag { width: 50px; height: 18px; background: #343434; padding: 0; margin: 0; font-size: 14px; line-height: 18px; color: #fff; border-bottom: 1px solid #000; }
.date { background-color: #dedede; color: #171717;
	background-image: -moz-linear-gradient(top, #eeeeee, #aaaaaa); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #aaaaaa)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#aaaaaa'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#aaaaaa')"; /* IE8 */ }
.d { font-size: 30px; font-weight: bold; display: block; height: 30px; line-height: 30px; background-color: ; }
.m { text-transform: uppercase; font-weight: bold; display: block; height: 18px; font-size: 14px; line-height: 16px;}
.event dt { font-size: 18px; text-transform: uppercase; margin-bottom: 11px; }
dd ul, dd ul li { list-style-type: none; margin: 0; padding: 0; }
dd ul { margin-top: 12px; }

/* form */
fieldset { border: 0; margin: 24px 0 0 0; padding: 0; }
legend { margin: 0; padding: 0; color: #c3c3c3; }
form { width: 450px; }
label { width: 450px; }
.text, textarea { background-color: #fafafa; border: 1px solid #666; width: 450px; padding: 4px; font: 16px/24px Helvetica, sans-serif; }
.text:focus, textarea:focus { background-color: #ffffdd; }
.field { margin-top: 10px; }
#hostess-fields { display: none; }
.voorstel, .voorstel .text { width: 250px; }
.voorstel-start, .voorstel-start .text, .voorstel-end, .voorstel-end .text { width: 75px; }
.voorstel, .voorstel-start { margin-right: 20px; }


/* stuff */
.b2 { border-bottom: 1px solid #333; padding-bottom: 24px; margin-bottom: 24px; }
.t2 { border-top: 1px solid #333; padding-top: 24px; margin-top: 24px; }
#content > img { -webkit-box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; }
ul.coll-thumbs li img, .text, textarea { -webkit-box-shadow: 0 0 6px rgba(99,99,99,0.5); -moz-box-shadow: 0 0 6px rgba(99,99,99,0.5); }
.cal { -webkit-box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; }

ul#nav li a { -webkit-transition: all 300ms ease-out; }
ul#nav li a:hover { -webkit-transition: all 300ms ease-out; }

/* messages */
#flashMessage { margin-bottom: 24px; background: #333; color: #fff; border: 1px solid #666; padding: 11px; -webkit-box-shadow: 0 0 9px rgba(255,255,255,0.3); }
.light #content #flashMessage { background: #fff; color: #333; }
.error-message { color: lime; padding: 4px 0; }
.light #content .error-message { color: red; }

/* buttons */
.button { background: url(/img/button-matrix.png) 0 0 no-repeat; border: none; color: #eee; 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(0,0,0,0.6); }
.button > span { 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.grey { background-position: 0 -120px; }
.button.grey > span { background-position: 100% -120px; 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: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; }
.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 { -moz-box-sizing: content-box; white-space: nowrap; }
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 */

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

body { -webkit-font-smoothing: antialiased; }

/* cake */ .cake-sql-log { width: 777px; margin: 24px auto; font-size: 12px; border: 1px solid #444; border-collapse: collapse; } .cake-sql-log td { padding: 2px; }