/**
 * Stylesheet for print media
 * Based on: default.css
 */


/* Set the font for all common elements, with a serif face, 11pt (pt is prefered here) size and black color, which is best suitable for print media */
body {
font: normal 11pt/14pt serif;
color: black;
background: transparent; }


/* Set the background color white */
html, body { background: white; }

/* display definition lists as tables (dt: dd) */
dl dt, dl dd { margin: 0; padding: 0; }
dl dt { clear: both; float: left; width: 25%; }
    dl dt:after { content: ': '; }
dl dd { float: left; width: 75%; }


/* style tables */
table { border-collapse: collapse; page-break-before: always; }
table, table td, table th { border: 1px solid black; font-size: 1em; text-align: left; }
table caption { text-align: left; margin-bottom: .5em; }


/* Hide all abundant elements */
.hide, .nodisplay, .noprint, #header, #mainnav, #breadcrumbs, #globalnav, #bannercolumn, #footer, .navbox, .submit { display: none; }


/* Format all visible elements to no-floating, border-margin-paddingless and transparent */
#body, #main, #container, #content, #semicolumn, .block {
float: none !important;
border: 0;
width: auto;
margin: 0; padding: 0; }

input, textarea, .printinput { width: 100%; border: 0; border-bottom: 1px dotted black; font-family: 'courier new', monospace; }
.radio, .checkbox { width: auto; border: 1px solid black; }

/* Format links, obviously links cannot be clicked, but we do want them to be noticable */
a:link, a:visited {
color: #f60;
background: transparent;
font-weight: bold;
border: 0; text-decoration: none; }

    /* Display the URL's for links, so they are useful when printed */
    #content a:link:after, #content a:visited:after {
    content: " (http://www.natuurlijkleasen.nl/" attr(href) ")";
    font-style: italic;
    font-size: 80%;
    font-family: monospace; }

    /* External links have their own prefix, just display the href attribute here. */
    a[href^="[a-z]+://"]:after, a[href^="mailto:"]:after, a[rel="external"]:after { content: " (" attr(href) ")"; }

    /* Rooted URL's, ie: /home/, should have the current URL as prefix */
    #content a[href^="/"]:after { content: " (http://www.natuurlijkleasen.nl" attr(href) ")"; }

/* Specific styles for cardetail-template */
#cardetail { font: normal 10pt/14pt sans-serif; }
    #cardetail .logo { border-bottom: 25px solid #ff5e00; }
        #cardetail .logo img { padding: 0; margin-bottom: 20px; }
    #cardetail h1 { font-size: 1.5em; margin: 0; padding: 0; padding: 20px 0; vertical-align: middle; }
    #cardetail .photocolumn { height: 100%; width: 216px; }
        #cardetail .photocolumn .visual { width: 194px; height: 142px; border: 1px solid #d1d3d4; }
            #cardetail .photocolumn .visual img { border: 2px solid white; }
    #cardetail #carinfo { padding-left: 216px; }
        #cardetail #carinfo .subheader { display: block; font-weight: bold; height: 20px; padding: 0 10px; margin-bottom: 10px; border: 1px solid #ff5e00; }
        #cardetail #carinfo p { margin-left: 10px; }
    #cardetail #cardetails { float: left; width: 100%; }
        #cardetail #cardetails dt { width: 97%; margin-top: 20px; }
        #cardetail #cardetails dd { margin-left: 10px; }
#cardetail_footer { border-top: 10px solid #ff5e00; }

    .daihatsulease #cardetail .logo { border-bottom: 0; }
        .daihatsulease #cardetail .logo img { padding: 0; margin-bottom: 0; }
    .daihatsulease #cardetail h1 { color: #c41e1f; font-size: 1.5em; }
.daihatsulease #cardetail_footer { border-top: 0; }
.daihatsulease #cardetail #carinfo .subheader { color: #c41e1f; font-size: 1.5em; border: 0; }

    .nihamlease #cardetail .logo { border-bottom: 0; }
        .nihamlease #cardetail .logo img { padding: 0; margin-bottom: 0; }
    .nihamlease #cardetail h1 { color: #273588; font-size: 1.5em; }
.nihamlease #cardetail_footer { border-top: 0; }
.nihamlease #cardetail #carinfo .subheader { color: #273588; font-size: 1.5em; border: 0; }

    .naturalleasing #cardetail h1 { color: #90a934; }
    .naturalleasing #cardetail .logo { border-color: #90a934; }
        .naturalleasing #cardetail #carinfo .subheader { border-color: #90a934; }
.naturalleasing #cardetail_footer { border-color: #90a934; }

/* force options to be visible when printed */
#options, #cardetails dd { display: block !important; }

/* additional style for printed visuals */
body#print { margin: 1em; font-family: Verdana, Helvetica, sans-serif; }
body#print h1 { font-size: 1em; color: #ff5e00; }
body#print h2 { font-size: .9em; color: black; }

/* */
.clear-both { clear: both; }
.float-left { float: left; }