@charset "utf-8";
/* CSS Document */

body {
	background-color: #718a12;
	background-image: url(images/bg-vlf.jpg);
	background-repeat: repeat-x;
	margin: 10px auto;
	max-width: 50em;
	font-family: sans-serif;
	color: #000000;
	padding: 20px;
}

h1 {font-size: 18pt; margin-bottom: -0.6em; }
h2 {font-size: 18pt; margin-bottom: -0.3em; }
.p {}

header,
nav,
main,
article,
section,
aside,
footer {
	border-radius: 0px;
	border: 1px transparent;
	padding: 10px;
	margin: 0px;
}

header {
	background-image: url(images/backsheet-top.png);
	background-repeat: no-repeat;
	background-size: 100%;
	max-height: 16px;
	text-align: right;
	padding: 5% 5.5% 0px 0px;
}

.nav {font-size: 16pt; color: #333333; text-decoration: none; }

main {
	display: block;
	/* für IE */
	
	background-image: url(images/backsheet-body.png);
	background-repeat:repeat-y;
	background-size: 100%;
	border-color: transparent;
}

aside {
	padding: 0px 0px;
}

img {width: 97.5%; }

article {
	height: auto;
	border-color: transparent;
	padding: 0px 4% 0px 2%;
}

.description {font-size: 14pt; text-align: center; margin-bottom: -0.3em; }
.text {font-size: 12pt; text-align: left; margin-bottom: -0.5em; }


.portrait {
    width: 25%;
	height: auto;
	float: left;
	padding: 0px 4% 1% 0px;
}

section {
	height: auto;
	border-color: transparent;
	padding: 0px 40px 0px 30px;
}

.info {min-height: 190px; background-image: url(images/coffee.png); background-repeat: no-repeat; background-position: 100% 100%; background-size: 20%; font-size: 14pt; text-align: center;  margin-bottom: 1em; }

footer {
	background-image: url(images/backsheet-bottom.png);
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 40px;
}