@charset "utf-8";
@import url(screen.css);

/* cleanup background images and remove limitations of the page-width, 
* to make the content use 100% of the available space*/
body {background-image:none;background-color:white;margin:0;padding:0;}
#pageMargins, .pageWrap, #contentMargins, .bgFrame-l, .bgFrame-r, #checkoutFinished, * html #pageMargins { width:auto !important;min-width:0;max-width:none; margin:0; padding:0; background-image:none !important; background-color:white; border-width:0; }

/* hide elements that are not relevant on a printed sheet, 
* like the navigation which is useless there */
#navi, #searchBar, #loginBar, #functionBar, #footerNavi, #miniCart, .bgFrame-b, #categorySelector, #categorySelection, #sideColumn1, .checkout #topNavi, .linkBack {display:none !important;}

/* fix positioning of columns etc. */
#content, #contentMargins, #page {padding:0;clear:both;margin:0;padding:0;float:none;position:static;left:auto;top:auto;}
#content {float:left;width:100% !important;clear:both;}
#header {margin-bottom:1em;padding-bottom:1em;border-bottom:3px #004b93 solid;position:static;left:auto;top:auto;}
#sideColumn1 {float:none;margin:1em 0 0 0;padding:1em 0; border-top:1px #004b94 solid; width:auto; clear:both;}
.bannerImageBox {margin:0.5em;padding:0;display:inline;}
#breadcrumb {clear:both;float:left;width:96%;position:static;display:block;padding:0.5em 2%;margin:1em 0;border-top:1px #ccc solid;border-bottom:1px #ccc solid;}

/* fix max width of images etc */
.article h3 img, .article h4 img {max-width:100%;height:auto !important;}
* html .articleListing .article h3 img, * html .articleListing .article h4 img {width:100% !important;} /* fix for IE6 */

/* where needed, put frames around elements that by default only 
* have a background-color or alike, which might not get printed 
* due to the browsers print settings */
#footer {border-top:3px #004b93 solid;margin-top:1em;clear:both;float:left;width:100%;}
.articleTeaser .article {border-color:#AEC9FF;}
.filterBar {border:1px #D2E9FF solid;}
table.articleList tbody td, table.watchList td {border-top:1px #D2E9FF solid;}
.crossSelling h3 {border-bottom-color: #AEC9FF;}

.layout-highlight, .layout-info { border:1px solid #E7F4FF;}
.layout-boxed, .layout-boxedLarge {border:1px solid #E7F4FF;}
.layout-boxedLarge {float:left !important;}
.layout-frame-3, .layout-sectionFrame .layout-frame-3 {border-width:1px !important;}

.article {overflow:visible !important}

/* fix page breaks etc */
.row .article {height:auto !important; page-break-inside:avoid;}
.articleListing .row {clear:both;page-break-inside:avoid;page-break-before:auto;}
table.checkoutSteps {page-break-before:avoid;page-break-inside:auto;display:-moz-inline-box;display:inline;width:auto;}
table.checkoutSteps td {page-break-inside:auto;page-break-before:avoid;}