/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */






a, a:visited { color:black;  }

/* Layout
*********/

html { font-family: Georgia; }

html, body { min-height: 100%; position: relative; }

body { background: url(../img/background.jpg) center center no-repeat; background-size: cover; font-size:17px;
}

div { position: relative; }

header { position:relative; margin-top: 25px;}
.logo { border-top: 25px; height:140px; left: -12px; position: relative; background:url(../img/header.png) top center no-repeat;}

.info {
	background:url(../img/info.png) top right no-repeat;
	position: relative; top:0;  width: 100%; height:106px; z-index: 800;
}


#wrapper {
	width:720px; margin:0 auto 50px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/*#wrapper:before {
	content:" ";
	height:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/site.png) center top no-repeat;
	opacity: 0.3;
}
*/
footer {
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index: 1000;
}

footer { background:white; background:rgba(231,38,51,0.6); width:100%; left:0; height:57px; }
footer nav { color:#fff; font-size: 12px; padding:22px 0 11px 0; }
footer a.menu-item { color:#fff; }

footer a { display:inline-block; }

footer .left { padding-left: 20px; }
footer .right { padding-right: 20px; }

.left { float:left; }
.right { float:right; }
.center { width: 160px;  margin:0 auto; text-align: center;  }
.center img{position: relative; top: -15px; left: -183px; width: 530px; }
a #filmladen-link {position: absolute; width: 85px; height: 22px; left: 435px;}

/* Menu
*******/
nav { font-size: 18px; letter-spacing: 1px; text-transform: uppercase;
	font-family: Arial; }

header nav {color:#294768; margin-top: 25px; margin-left: auto; margin-right: auto; width: 380px; }
ul { padding:0; margin:0; }
nav ul li { display:inline-block; padding-left:12px; }
nav ul li:first-child { padding-left:0; }

a.menu-item { text-decoration: none; color:white; } /* .menu-item */
a.active-menu, a:hover { text-decoration:underline; }




/* Main
*******/

section.main { position: relative; overflow:hidden; width:720px; height:640px; margin-top: 7px; }

article { width: 640px; /*height: 360px;*/ padding:40px; position: absolute; top:0; background: white;
	background:rgba(255,255,255,0.9); left:800px; color:#808285; line-height:1.8; text-align: justify;
	font-family:Arial; font-size:16px; }


article > p:first-child { margin-top:0; }
.item-2 p:first-child {  }
.item-2 { padding: 0px 30px; padding-top: 20px; width: 660px;}
.item-3 { overflow:hidden; }
.item-4 { height:470px; }

.bigger { font-size: 2em; line-height:1.2;}

label.textlabel { width:70px; float:left; }
input { border:0; margin-bottom:4px; }

#gewinnspiel { width: 290px; }

#ost { position:absolute; height:220px; top:120px; right:50px; }
#ost img { display:block; }
#ost p { margin:0; font-size:12px; line-height:1.3; }
.ost-top { margin-bottom: 25px; }
.ost-bl { float:left; }
.ost-br { float:right; }