/**
 * 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; }
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, #mainnav, #breadcrumbs, #globalnav, #bannercolumn, #footerzone-2, #footerzone-3, #footer-column1, #footer-column2, #footer-column3 h2, .navbox, .submit, #addthis, #topnav, #topnavtabs, #aside, #headertitle  { display: none; }



#header { z-index:1; position: absolute; top: 10px; left: 0; height: 325px; width: 100%; border-top: 6px solid white; }
        #header.portal {height: 100px; }
            #header h2 {height:52px; width:221px; margin:0;  }
            	#header h2 a { display: block; height: 100%; text-decoration: none; }
					#header h2 a img { border:0; }

/* 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; }

#content { margin-top:100px; }
#content h1 { color:#cb0025; }

.basicform .element { clear:both; margin:0; overflow:hidden; padding:0;}
.basicform  .label { float:left; width:209px; font-weight:bold;}
.basicform .input { float:left; padding:0.2em 10px; width:278px;}
input, textarea, .printinput { width: 100%; border: 0; font-family: 'courier new', monospace; }

#content label {float:none !important; }
.radio, .radio:hover, .checkbox, .checkbox:hover {
border:0 none !important;
height:auto !important;
margin-right:10px;
width:auto !important;
}

.basicform .element .group {
border-left:4px solid white;
float:left;
padding:0.5em 10px;
width:278px;
}

/* Format links, obviously links cannot be clicked, but we do want them to be noticable */
a:link, a:visited {
color: #003384;
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.boumanggz.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.boumanggz.nl" attr(href) ")"; }