@page { 
	/* auto is the initial value */ 
    size: auto;   
    /* this affects the margin in the printer settings */ 
    margin: 20mm 10mm 20mm 10mm;  
} 
body { 
    /* this affects the margin on the content before sending to printer */ 
    margin: 0px;  
}

header {
    padding: 1px 0;
    position: relative;
	box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

main {
	padding-top: 0px;
}
main #headlines {
	margin-bottom: 45px;
}
#main h5 {
	vertical-align: middle;
	line-height: 1.2em;
}

footer {
	margin-top: 85px;
}
footer [class^="grid_"] { 
	padding-left: 0;
	width: 50%;
}

.grid_1 { width: 8.33333333%; }
.grid_2 { width: 16.66666667%; }
.grid_3 { width: 25%; }
.grid_4 { width: 33.33333333%; }
.grid_5 { width: 41.66666667%; }
.grid_6 { width: 50%; }
.grid_7 { width: 66.66666666%; }
.grid_8 { width: 66.66666667%; }
.grid_9 { width: 75%; }
.grid_10 { width: 83.33333333%; }
.grid_11 { width: 91.66666667%; }
.grid_12 { width: 100%; }
.grid_13 { width: 20%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13 {
	float: left;
	display: block;
}
.grid_1 {
	display: none;
}

div.large_space {
    height: 20px;
    width: 100%;
}

.single_column .row {
    margin-left: 15px;
    margin-right: 15px;
}

a {
	text-decoration: none;
}

p {
	text-align: justify;
	text-justify: inter-word;
}

.info-box {
	background-color: #efefef !important;
    -webkit-print-color-adjust: exact;
    padding: 1px 8px 6px 8px;
	color: black;
}
.info-box h1, 
.info-box h2, 
.info-box h3, 
.info-box h4, 
.info-box h5, 
.info-box h6, 
.info-box a, 
.info-box a:visited, 
.info-box a:active, 
.info-box a:focus, 
.info-box a:hover {
    color: black !important;
}

/* @TODO change id to class, a page can contains multiple video-sections */
section#video {
	display: none;
}

/* @TODO !!!remove <div ... style="height: XXXpx;"></div>, incompatible with responsive design!!! */
section.three_columns .grid_4.product {
	height: auto !important;
	display: inline-block;
	float: none;
	width: 32%;
	vertical-align: top;
}