@ font-face	{font-family: 'Impact Standard'; src: url('Schriftarten/impact.ttf') format('TrueType');}
@ font-face	{font-family: 'Letter Gothic Std'; src: url('Schriftarten/LetterGothicStd.otf') format('OpenType');}
@ font-face	{font-family: 'Trebuchet MS'; src: url('Schriftarten/trebuc.ttf') format('TrueType');}

body 	{
	margin-left:auto;
	margin-right:auto;
	min-width:820px;
	max-width:1080px;
	position:relative;
	}

div.box	{
	min-width:820px; max-width:1080px; height:200px;
	background-color:#252525;
	border-bottom: 2px solid #aa0022;
	}

div.logo	{
	font-family: Impact, Geneva, Arial, sans-serif;
	font-size:29px;
	line-height:120%;
		color:#dadada;
	padding:60px 0 0 300px;
	}

	span.erste	{
			font-size:85px;
			}

		a.logo	{
			text-decoration:none;
			color:#dadada;
			}

ul.navigation	{
		list-style-type:none;
		width:300px; height:800px;
		background-color:#dadada;
		margin:0; padding:0;
		float:left;
		}

ul.navigation li	{

		text-align:right;
		margin:0 20px 0 20px;
		padding:10px 0 10px 0;
		border-bottom:2px solid #bababa;
		border-box:260px;
		}

	ul.navigation li img	{
			float:right;
			margin:-4px 0 0 0;
			}

ul.navigation li.startseite	{
			font-family:Letter Gothic Std, Geneva, Arial, sans-serif;
			font-size:20px;
			line-height:120%;
			text-align:right;
			color:#aa0022;
			padding:30px 130px 30px 0;
			}

ul.navigation li a	{
		font-family:Letter Gothic Std, Geneva, Arial, sans-serif;
		font-size:20px;
		line-height:120%;
			color:#aa0022;

		width:260px; height:50px;
		margin:0 0 0 0;
		padding:10px 0 10px 0;

		text-decoration:none;
		color:#aa0022;
		}
	ul.navigation li.momentan	{background-color:#aa0022;}
	ul.navigation li a.momentan	{color:#bababa;}

	ul.navigation li:hover		{background-color:#aa0022;}

		ul.navigation li:hover a	{color:#bababa;}
		ul.navigation li.startseite:hover 	{color:#bababa;}



div.brotkruemel	{
		font-family:Trebuchet MS, Geneva, Arial, sans-serif;
		font-size:12px;
		color:#252525;
		margin:10px 0 0 330px;
		}
	div.brotkruemel a	{
			list-style-type:none;
			color:#252525;
			text-decoration:none;
			}
/* Filmseite Navigation */

ul.navigationFilm	{
		list-style-type:none;
		width:300px; height:1000px;
		background-color:#dadada;
		margin:0; padding:0;
		float:left;
		}

ul.navigationFilm li	{

		text-align:right;
		margin:0 20px 0 20px;
		padding:10px 0 10px 0;
		border-bottom:2px solid #bababa;
		border-box:260px;
		}

	ul.navigationFilm li img	{
			float:right;
			margin:-4px 0 0 0;
			}

ul.navigationFilm li.startseite	{
			font-family:Letter Gothic Std, Geneva, Arial, sans-serif;
			font-size:20px;
			line-height:120%;
			text-align:right;
			color:#aa0022;
			padding:30px 130px 30px 0;
			}

ul.navigationFilm li a	{
		font-family:Letter Gothic Std, Geneva, Arial, sans-serif;
		font-size:20px;
		line-height:120%;
			color:#aa0022;

		width:260px; height:50px;
		margin:0 0 0 0;
		padding:10px 0 10px 0;

		text-decoration:none;
		color:#aa0022;
		}
	ul.navigationFilm li.momentan	{background-color:#aa0022;}
	ul.navigationFilm li a.momentan	{color:#bababa;}

	ul.navigationFilm li:hover		{background-color:#aa0022;}

		ul.navigationFilm li:hover a	{color:#bababa;}
		ul.navigationFilm li.startseite:hover 	{color:#bababa;}


/* Filmseite Navigation Ende */




span.dick		{
		font-family: Trebuchet MS, Geneva, Arial, sans-serif;
		font-size:16px;
		font-weight:bold;
		}

span.zeilen	{
		line-height:120%;
		}


div.text		{
		font-family: Trebuchet MS, Geneva, Arial, sans-serif;
		margin:0 0 40px 330px;
		}

h1		{
		font-family: Impact, Geneva, Arial, sans-serif;
		font-size:36px;
		color:#aa0022;
		margin:40px 0 0 330px;
		}

h1.filmname	{
		min-width:480px; max-width:780px;
		margin: 20px 0 0 600px;
		}

	div.untertext	{
			font-family: Trebuchet MS, Geneva, Arial, sans-serif;
			font-size: 16px;
			width:380px;
			margin: 0 0 0 600px;
			}

	div.auszeichnung	{
			font-family: Trebuchet MS, Geneva, Arial, sans-serif;
			font-size: 16px;
			width:780px;
			margin: 0 0 0 600px;
			}
div.filmdatenbox	{
		height:345px;
		width:500px;
		margin:0 0 0 570px;
		}

		div.crew		{
				font-family: Trebuchet MS, Geneva, Arial, sans-serif;
				font-size: 16px;
				margin:0 0 0 30px;
				width:250px;
				height:330px;
				}

		div.darsteller	{
				font-family: Trebuchet MS, Geneva, Arial, sans-serif;
				font-size: 16px;
				width:250px;
				height:330px;
				float:right;
				margin:-20px 0 0 0;
				}

img.filmplakat	{
		float:left;
		}

div.spalten	{
		column-count:2;
		max-width:600px;
		column-gap:40px
		}

span.einleitung	{
		font-family: Trebuchet MS, Geneva, Arial, sans-serif;
		font-size:16px;
		color:#252525
		}

div.grau	{
	background-color:#252525;
	max-width:780px; min-width:480px;
	height:400px;
	margin:30px 0 0 300px;
	width:780px;
	}

	p.inhalt	{
		font-family: Trebuchet MS, Geneva, Arial, sans-serif;
		font-size:16px;
		color:#bababa;
		width:240px;
		padding:10px 0 0 30px;
		float:left;
		}

		iframe	{
			margin: 30px 0 0 30px;
			}

section.kontent	{
	width:780px; height:500px;
	margin:0 0 0 300px;
	position:absolute;
	left:0; top:700px;
	}

/* Slider Anfang */

ul	{padding:0;}

div.dunkirk	{
		background-image:url("Bilder/DunkirkGallerie.jpg");
		width:780px;
		height:400px;
		margin:0;
		}

div.kingsman	{
		background-image:url("Bilder/KingsmanGallerie.jpg");
		width:780px;
		height:400px;
		}

div.pulpfiction	{
		background-image:url("Bilder/PulpFictionGallerie.jpg");
		width:780px;
		height:400px;
		}

div.watchmen	{
		background-image:url("Bilder/WatchmenGallerie.jpg");
		width:780px;
		height:400px;
		}

div.scottpilgrim	{
		background-image:url("Bilder/ScottPilgrimGallerie.jpg");
		width:780px;
		height:400px;
		}

div.django		{
		background-image:url("Bilder/DjangoGallerie.jpg");
		width:780px;
		height:400px;
		}

div.eddie		{
		background-image:url("Bilder/EddieGallerie.jpg");
		width:780px;
		height:400px;
		}

div.justice		{
		background-image:url("Bilder/JusticeGallerie.jpg");
		width:780px;
		height:400px;
		}

div.interstellar	{
		background-image:url("Bilder/InterstellarGallerie.jpg");
		width:780px;
		height:400px;
		}

div.hotfuzz		{
		background-image:url("Bilder/HotFuzzGallerie.jpg");
		width:780px;
		height:400px;
		}

div.babydriver	{
		background-image:url("Bilder/BabyDriverGallerie.jpg");
		width:780px;
		height:400px;
		}

div.sucker		{
		background-image:url("Bilder/SuckerPunchGallerie.jpg");
		width:780px;
		height:400px;
		}

div.darkknight	{
		background-image:url("Bilder/DarkKnightGallerie.jpg");
		width:780px;
		height:400px;
		}

div.xmen		{
		background-image:url("Bilder/XMenGallerie.jpg");
		width:780px;
		height:400px;
		}

div.hatefuleight		{
		background-image:url("Bilder/TheHatefulGallerie.jpg");
		width:780px;
		height:400px;
		}

	h2 	{
		font-family: Letter Gothic Std, Geneva, Arial, sans-serif;
		font-size:24px;
		margin:20px 0 0 0;
		}

		h2.dieBesten	{
				font-family: Letter Gothic Std, Geneva, Arial, sans-serif;
				font-size:24px;
				margin: 0 0 10px 30px;
				}



	h3	{
		font-family:Letter Gothic Std, Geneva, Arial, sans-serif;
		font-size:24px;
		color:#bababa;
		margin:0; padding:20px 0 0 30px;
		line-height:150%;
		}

		span.titel	{
			font-size:18px;
			}

	p.text	{
		font-family: Trebuchet MS, Geneva, Arial, sans-serif;
		font-size:16px;
		color:#bababa;
		column-count:2;
		column-width:220px;
		column-gap:20px;

		width:460px;
		height:300px;
		margin:0 0 0 30px;
		line-height:120%
		float:left;
		display:block;
		}

		span.categ	{
				font-weight:bold;
				}

div.knopffilm	{
		font-family:Trebuchet MS, Geneva, Arial, sans-serif;
		font-size:16px;
		color:#bababa;
		text-align:center;

			width:216px; height:36px;
			margin:-30px 0 10px 30px; padding:10px 0 0 0;
			border:2px solid #aa0022;
			display:block;
			float:left;
		}
			div.knopffilm a	{text-decoration:none;
					color:#bababa;}


div.knopftrailer	{
		font-family:Trebuchet MS, Geneva, Arial, sans-serif;
		font-size:16px;
		text-align:center;
			width:216px; height:36px;
			margin:-30px 10px 10px 20px; padding:10px 0 0 0;
			border:2px solid #aa0022;
			display:block;
			float:left;
		}
			div.knopftrailer a	{text-decoration:none;
					color:#bababa;}



/* Slider Technik Anfang */

.sliderElements,
.sliderElements figure,
.sliderControls {
    margin: 0;
}

.sliderElements:after 	{
			content: ".";
			display: block;
			height: .1px;
			clear: both;
			visibility: hidden;
			font-size: 0;
			overflow: hidden;
			}

.cssSlider {
	overflow-x: hidden;
	}

.sliderElements 	{
		list-style: none;
		position: relative;
		left: 0;
		width: 1000%;
		margin-bottom: .8em;
		-webkit-transition: left .8s ease-in-out;
		-moz-transition: left .8s ease-in-out;
		-o-transition: left .8s ease-in-out;
		transition: left .8s ease-in-out;
		}

.sliderElements > li 	{
		float: left;
		width: 10%;
		position: relative;
		}

#slide02:checked ~ .sliderElements 	{left: -100%;}

#slide03:checked ~ .sliderElements {left: -200%;}

#slide04:checked ~ .sliderElements {left: -300%;}

#slide05:checked ~ .sliderElements {left: -400%;}

#slide06:checked ~ .sliderElements {left: -500%;}

#slide07:checked ~ .sliderElements {left: -600%;}

#slide08:checked ~ .sliderElements {left: -700%;}

#slide09:checked ~ .sliderElements {left: -800%;}

#slide10:checked ~ .sliderElements {left: -900%;}



.sliderElements img {
		width: 100%;
		height: auto;
		}



.cssSlider input 	{
		position: absolute;
		left: -99999px;
		}


.sliderControls 	{
		text-align: center;
		}


.sliderControls li 	{
		display: inline-block;
		}


.sliderControls label {
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		border-radius: 50%;
		display: block;
		cursor: pointer;
		background: #aa0022;
		color: #aa0022;
		}

.sliderControls label:hover,
#slide01:checked ~ .sliderControls label[for="slide01"],
#slide02:checked ~ .sliderControls label[for="slide02"],
#slide03:checked ~ .sliderControls label[for="slide03"],
#slide04:checked ~ .sliderControls label[for="slide04"],
#slide05:checked ~ .sliderControls label[for="slide05"],
#slide06:checked ~ .sliderControls label[for="slide06"],
#slide07:checked ~ .sliderControls label[for="slide07"],
#slide08:checked ~ .sliderControls label[for="slide08"],
#slide09:checked ~ .sliderControls label[for="slide09"],
#slide10:checked ~ .sliderControls label[for="slide10"]
	{
    	background:#252525;
    	color:#252525;
	}
/* Slider Ende */


/* Slider 	REGISSEURE   Technik Anfang */

.sliderRegi,
.sliderRegi figure,
.sliderContrlRegi {
    margin: 0;
}

.sliderRegi:after 	{
			content: ".";
			display: block;
			height: .1px;
			clear: both;
			visibility: hidden;
			font-size: 0;
			overflow: hidden;
			}

.cssRegi {
	overflow-x: hidden;
	}

.sliderRegi 	{
		list-style: none;
		position: relative;
		left: 0;
		width: 1000%;
		margin-bottom: .8em;
		-webkit-transition: left .8s ease-in-out;
		-moz-transition: left .8s ease-in-out;
		-o-transition: left .8s ease-in-out;
		transition: left .8s ease-in-out;
		}

.sliderRegi > li 	{
		float: left;
		width: 10%;
		position: relative;
		}

#slideMovie2:checked ~ .sliderRegi {left: -100%;}

#slideMovie3:checked ~ .sliderRegi {left: -200%;}



.sliderRegi img {
		width: 100%;
		height: auto;
		}



.cssRegi input 	{
		position: absolute;
		left: -99999px;
		}


.sliderContrlRegi 	{
		text-align: center;
		}


.sliderContrlRegi li 	{
		display: inline-block;
		}


.sliderContrlRegi label {
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		border-radius: 50%;
		display: block;
		cursor: pointer;
		background: #aa0022;
		color: #aa0022;
		}

.sliderContrlRegi label:hover,
#slideMovie1:checked ~ .sliderContrlRegi label[for="slideMovie1"],
#slideMovie2:checked ~ .sliderContrlRegi label[for="slideMovie2"],
#slideMovie3:checked ~ .sliderContrlRegi label[for="slideMovie3"]
	{
    	background:#252525;
    	color:#252525;
	}

/* Slider 	REGISSEURE	Ende */




/* Slider Technik Anfang */

.sliderElements,
.sliderElements figure,
.sliderControls {
    margin: 0;
}

.sliderElements:after 	{
			content: ".";
			display: block;
			height: .1px;
			clear: both;
			visibility: hidden;
			font-size: 0;
			overflow: hidden;
			}

.cssSlider {
	overflow-x: hidden;
	}

.sliderElements 	{
		list-style: none;
		position: relative;
		left: 0;
		width: 1000%;
		margin-bottom: .8em;
		-webkit-transition: left .8s ease-in-out;
		-moz-transition: left .8s ease-in-out;
		-o-transition: left .8s ease-in-out;
		transition: left .8s ease-in-out;
		}

.sliderElements > li 	{
		float: left;
		width: 10%;
		position: relative;
		}

#slide02:checked ~ .sliderElements 	{left: -100%;}

#slide03:checked ~ .sliderElements {left: -200%;}

#slide04:checked ~ .sliderElements {left: -300%;}

#slide05:checked ~ .sliderElements {left: -400%;}

#slide06:checked ~ .sliderElements {left: -500%;}

#slide07:checked ~ .sliderElements {left: -600%;}

#slide08:checked ~ .sliderElements {left: -700%;}

#slide09:checked ~ .sliderElements {left: -800%;}

#slide10:checked ~ .sliderElements {left: -900%;}



.sliderElements img {
		width: 100%;
		height: auto;
		}



.cssSlider input 	{
		position: absolute;
		left: -99999px;
		}


.sliderControls 	{
		text-align: center;
		}


.sliderControls li 	{
		display: inline-block;
		}


.sliderControls label {
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		border-radius: 50%;
		display: block;
		cursor: pointer;
		background: #aa0022;
		color: #aa0022;
		}

.sliderControls label:hover,
#slide01:checked ~ .sliderControls label[for="slide01"],
#slide02:checked ~ .sliderControls label[for="slide02"],
#slide03:checked ~ .sliderControls label[for="slide03"],
#slide04:checked ~ .sliderControls label[for="slide04"],
#slide05:checked ~ .sliderControls label[for="slide05"],
#slide06:checked ~ .sliderControls label[for="slide06"],
#slide07:checked ~ .sliderControls label[for="slide07"],
#slide08:checked ~ .sliderControls label[for="slide08"],
#slide09:checked ~ .sliderControls label[for="slide09"],
#slide10:checked ~ .sliderControls label[for="slide10"]
	{
    	background:#252525;
    	color:#252525;
	}
/* Slider Ende */


/* Kontaktinformation */
p.kontakt		{
		font-family: Trebuchet MS, Geneva, Arial, sans-serif;
		font-size:16px;
		}

div.footbox	{
		width:1080px; height:80px;
		background-color:#1f1f1f;
		border-top:2px solid #aa0022;
		clear:both;
		}

ul.fuss		{
		list-style-type:none;
		margin:0 0 0 300px; padding:0;
		}

li.fuss		{
		font-family:Letter Gothic Std, Geneva, Arial, sans-serif;
		margin:30px 200px 0 0;
		float:left;
		}

li.fuss a		{
		color:#dadada;
		text-decoration:none;
		}

li.aktiv		{
		font-family:Letter Gothic Std, Geneva, Arial, sans-serif;
		margin:30px 200px 0 0;
		float:left;
		}

li.aktiv a		{
		color:#aa0022;
		text-decoration:none;
		}