@media screen, projection {

/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}

/* http://komodomedia.com/blog/index.php/2006/10/02/css-trickery-part-5-inheritance/ */
input, select, textarea { font:inherit; }

/* Skip links */
.skip { position:absolute; top:-9999px; left:-9999px; font-size:1px; }

/* Wrapper */
html { background:#d0d5db url(../img/layout/trendy-gray.jpg) no-repeat 0 0 fixed; }
body { margin-left:320px; width:640px; font-family:verdana,sans-serif; font-size:14px; color:#162f4c; }

/* Global elements */
strong { font-weight:bold; }
a { color:#0062d3; }
a:visited { color:#3f85d7; }
a:hover { text-decoration:none; }
table { width:100%; border-bottom:1px solid #fff; }
table th { padding:0 0 1em; }
table td { padding:1em 0; border-top:1px solid #fff; }
.quiet { color:#8794a3; }

/* Fietsen Kris */
h1 { position:fixed; top:60px; left:0; width:320px; height:80px; background:#162f4c url(../img/layout/fietsen-kris.png) no-repeat 0 0; }
h1 a { display:block; height:80px; text-indent:-9999px; }

/* Navigation */
#navigation { position:fixed; top:180px; left:0; z-index:2; width:250px; }
#navigation li a { display:block; height:20px; background:url(../img/layout/text-navigation.png) no-repeat 50px 0; text-indent:-9999px; }
#navigation li a:hover { background-position:-170px 0; }
#navigation li#nav_openingsuren a { background-position:50px -20px; }
#navigation li#nav_openingsuren a:hover { background-position:-170px -20px; }
#navigation li#nav_fietsen a { background-position:50px -40px; }
#navigation li#nav_fietsen a:hover { background-position:-170px -40px; }
#navigation li#nav_promoties a { background-position:50px -60px; }
#navigation li#nav_promoties a:hover { background-position:-170px -60px; }
#navigation li#nav_fotos a { background-position:50px -80px; }
#navigation li#nav_fotos a:hover { background-position:-170px -80px; }

/* Content */
#content { padding:0 50px; line-height:1.5; }
#content > li { clear:both; padding:60px 0; }
#content > li:last-child { min-height:600px; } /* Overridden by jQuery with viewport height */
div#content { padding:60px 50px; } /* Some pages (e.g. error) don't use ul#content */

/* Subheadings */
h2 { margin:0 0 40px -50px; padding:27px 0 0 50px; width:590px; height:53px; background:#f1b600 url(../img/layout/trendy-orange.png) no-repeat 0 0; }
h2 span { display:block; width:550px; height:27px; background:url(../img/layout/text-headings.png) no-repeat 0 0; text-indent:-9999px; }
#adres h2 span { background-position:0 -27px; }
#openingsuren h2 span { background-position:0 -54px; }
#fietsen h2 span { background-position:0 -81px; }
#promoties h2 span { background-position:0 -108px; }
#fotos h2 span { background-position:0 -135px; }

/* General content */
#content .leftcol { clear:left; float:left; width:245px; }
#content .rightcol { clear:right; float:right; width:245px; }
#content h3 { font-weight:bold; }
#content p, #content ul { margin-bottom:1.5em; }
#content ul { padding-left:1.5em; list-style-image:url(../img/layout/icon-tick.png); }
#content table p, #content table ul { margin-bottom:0; }

/* Slideshow */
#slideshow p + p { display:none; } /* Only show first photo in case javascript is disabled */
#slideshow img { width:245px; height:205px; }
#slideshow small { display:block; margin-top:0.5em;/*5px*/ padding-left:15px; background:url(../img/layout/triangle-up.png) no-repeat 2px 50%; font-size:0.714em;/*10px*/ }

/* Opening hours */
#openingsuren ul { padding:34px 0 0; background:url(../img/layout/opening-labels.png) no-repeat 100% 0; list-style-image:none; }
#openingsuren ul li strong { clear:left; float:left; width:138px; font-weight:normal; }
#openingsuren ul li span { float:right; margin:6px 5px 0 0; width:397px; height:12px; background:url(../img/layout/opening-hours.png) no-repeat 0 0; text-indent:-9999px; }
#openingsuren ul li#za span { background-position:0 -12px; }
#openingsuren ul li#do span, #openingsuren ul li#zo span { background-position:0 -24px; }

/* Bicycles */
#fietsen table th { display:none; }
#fietsen table td { padding-right:25px; width:50%; }
#fietsen table td + td { padding-right:0; padding-left:25px; }

/* Promotions */
#promoties table th { display:none; }
#promoties table td + td { width:20%; text-align:right; text-decoration:line-through; } /* Normal price */
#promoties table td + td + td { text-decoration:none; } /* Promotion price */

/* Footer */
#footer { position:fixed; bottom:40px; left:50px; z-index:1; width:220px; font-size:0.714em;/*10px*/ color:#8794a3; }
#footer p:first-child { margin-bottom:1.5em; }
#footer a { color:#8794a3; }
#footer a:hover { color:#3c5168; text-decoration:underline; }

/* NatuurlijkeWijnen.be */
#wijn { position:fixed; top:60px; right:0; width:80px; height:80px; }
#wijn a { display:block; width:80px; height:80px; background:url(../img/layout/natuurlijkewijnen.png); text-indent:-9999px; }

/* Error page */
h2#error { background:#640008 url(../img/layout/trendy-red.png); }
h2#error span { background-position:0 -162px; }

/* Clear stuff */
.clear { clear:both; }
.clearfix:after, #content li:after { content:' '; display:block; height:0; clear:both; visibility:hidden; }

} /* End screen styles */



@media print {

/* Global font */
body { font-family:sans-serif; }

/* Don't print */
#navigation, #slideshow, #footer, #wijn, .skip { display:none; }

/* Avoid page breaks */
h2, h3, th { page-break-after:avoid; }

/* Style tables */
table { width:100%; }
th { text-align:left; }
td, th { border-bottom:1px solid #808080; }

} /* End print styles */