/*
Theme Name: schwarzgrau
Author: Marc Ruehl
Author URI: http://schwarzgrau.com
Description: It's based on the twentywelve-theme 1.1
Version: 2.1
Tags: gray, white, yellow, one-column, featured-images, translation-ready
Text Domain: schwarzgrau
*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: RESET ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	background-color: #fff;
	line-height: 1;
	font-family: "Inconsolata", "Lucida Console", Monaco, monospace;
	filter:Alpha(opacity=100);
	/*-webkit-font-smoothing: none; 
	font-smooth: never; 
	-moz-font-smoothing: none;
	-o-font-smoothing: none;*/
	font-weight: lighter;
    font-style: normal;
    text-rendering: optimizeSpeed;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: uppercase;
	font-family: 'Dosis', Tahoma, Geneva, sans-serif;
	font-weight: normal;
}

html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a:focus {
	outline: none;
}

a:hover, 
a:active { 
	outline: none !important; 
}

article,
aside,
details,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

small {
	font-size: smaller;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

a {
	text-decoration: none;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: HEADER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.site-header {
	height: 200px;
	background: #2e3234 url(img/menu_back_mob.gif) no-repeat top left;
	position: relative;
	margin-bottom: 10px;
}

.site-header #homelink,
.site-header #background-box {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 200px;
}

.site-header #homelink {
	z-index: 0;
}

#background-box {
	text-indent: -999px;
	z-index: 1;
}

.site-header hgroup {
	display: none;
}

.site-header a {
	color: #b4b5b6;
}

/* ... MENUE ...........................................................................*/


.main-navigation {
	position: absolute;
	top: 69px;
	right: 110px;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.2em;
	z-index: 2;
}

.main-navigation li a {
	display: block;
	position: relative;
	height: 25px;
	overflow: hidden;
}

.main-navigation li a span {
	line-height: 25px;
	padding: 0 10px;
	display: block;
}

.l_norm {
	-webkit-transition: 250ms ease;
	-moz-transition:    250ms ease;
	-o-transition:      250ms ease;
	-ms-transition:     250ms ease;	
	transition:         250ms ease;
}

.l_hove {
	color: #2e3234;
	background-color: #f5e000;
}

.nav-menu li a span {
	text-align: right;
	width: 790px;
}

.sub-menu {
	position: absolute;
	height: 0px;
	overflow: hidden;
	text-align: left;
	margin-top: -25px;
	right: -110px;
	width: 110px;
	-webkit-transition: height 250ms ease 1s;
	-moz-transition:    height 250ms ease 1s;
	-o-transition:      height 250ms ease 1s;
	-ms-transition:     height 250ms ease 1s;	
	transition:         height 250ms ease 1s;
	text-align: left;
}

.sub-menu li a span {
	text-align: left !important;
}

.menu-item:hover .sub-menu,
.menu-item:active .sub-menu,
.main-navigation .current-menu-parent .sub-menu {
	height: 75px;
	-webkit-transition: height 250ms ease;
	-moz-transition:    height 250ms ease;
	-o-transition:      height 250ms ease;
	-ms-transition:     height 250ms ease;	
	transition:         height 250ms ease;
}

.sub-menu > li span {
	width: 110px;
}

.main-navigation a:hover .l_norm,
.main-navigation a:active .l_norm,
.main-navigation .current-menu-item > a > .l_norm,
.main-navigation .current-menu-parent > a > .l_norm {
	margin-top: -25px;
}


/* ... QTRANSLATE ......................................................................*/

#qtranslate-chooser {
	display: block;
	position: absolute;
	text-transform: uppercase;
	font-size: 15px;
	top: 0;
	right: 110px;
	z-index: 2;
}

#qtranslate-chooser li,
#qtranslate-chooser a {
	display: block;
	width: 20px;
	height: 25px;
	line-height: 25px;
}

#qtranslate-chooser li {
	float: left;
}

#qtranslate-chooser span {
	display: block;
	width: 15px;
	overflow: hidden;
	margin: 0 auto;
}

#qtranslate-chooser a {
	color: #76797a;
}

#qtranslate-chooser a:hover,
#qtranslate-chooser a:active  {
	color: #b4b5b6;
}

#qtranslate-chooser .active a,
#qtranslate-chooser .active a:hover,
#qtranslate-chooser .active a:active {
	color: #fff;
}

.site-content {
	color: #b4b5b6;
	font-size: 13px;
	line-height: 1.3em;
	position: relative;
}

.site-content a {
	color: #bab37c;
}

.site-content a:hover,
.site-content a:active {
	color: #f5e000;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: INHALT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*... BLOECKE ...........................................................................*/

article,
section,
.solid-block,
.single-box {
	background-color: #2e3234;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
}

article,
.single-box {
	padding: 20px 10%;
	position: relative;
}

a.single-box {
	padding: 20px 10% 0 10%;
}

a.single-box:hover,
a.single-box:active {
	background-color: #202324;
}

#content p {
	margin: 0;
	clear: both;
}

article p,
section p,
.single-box p {
	/*background-color: green;*/
	padding-bottom: 20px;
}

/*... TRENNER ..........................................................................*/

hr {
	background-color: #fff;
	border: 0;
	height: 1px;
	margin: 20px -20%;
	clear: both;
}


/*... UEBERSCHRIFTEN ...................................................................*/


article h2,
section h2,
.single-box h2,
article h3,
section h3,
.single-box h3 {
	font-size: 17px;
	margin-bottom: 20px;
}

#content h2 {
	color: #fff;
	float: left;
	margin-right: 5px;
}

#content b {
	font-weight: normal;
	color: #fff;
}

/*... BILDER / VIDEOS ..................................................................*/


.alignleft {
	float: left;
	margin: 5px 5px 5px 0px;
}

.alignright {
	float: right;
	margin: 5px 0px 5px 5px;
}

.aligncenter {
	display: block;
	margin: 20px auto;
	clear: both;
}

.alignleft,
.alignright,
.aligncenter,
.ngg-singlepic {
	max-width: 100%;
	height: auto;
}

.vvqbox {
	display: block;
	position: relative !important;
	padding-bottom: 56.25% !important;
	height: 0 !important;
	overflow: hidden !important;
	max-width: 100%;
	text-align: center;
	margin: 0;
}

.vvqbox iframe,
.vvqbox object,
.vvqbox embed,
.vvqbox img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-color: #2e3234;
	z-index: 1;
	color: #b4b5b6;
	text-transform: uppercase;
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: NEWS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


article blockquote {
	background-color: #202324;
	margin: 0 -15% 20px -15%;
	padding: 30px 15%;
}


/* ... FLEXSLIDER ......................................................................*/


.flexslider {
	background: #2e3234; 
	position: relative; 
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px; 
-webkit-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
        transition: all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.loading .flex-viewport {
	max-height: 360px;
}

.flexslider .slides {
	zoom: 1;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}

a .slider-desc {
	display: none;
	position: absolute;
	text-indent: 10px;
	line-height: 25px;
	height: 25px;
	width: 640px;
	z-index; 1;
	bottom: -25px;
	color: #b4b5b6;
	background-color: #2e3234;
	cursor: pointer;
	-webkit-transition: bottom 150ms ease;
	-moz-transition:    bottom 150ms ease;
	-o-transition:      bottom 150ms ease;
	-ms-transition:     bottom 150ms ease;	
	transition:         bottom 150ms ease;
}

.flexslider:hover .slider-desc {
	bottom: 0px;
}

.flex-direction-nav a {
	width: 61px; 
	height: 81px; 
	display: block; 
	background: url(img/flex_direction_nav.gif) no-repeat; 
	position: absolute; 
	top: 50%;
	margin-top: -40px;
	z-index: 10; 
	cursor: pointer; 
	text-indent: -9999px; 
	background-position: 122px 50px;
}

.flex-direction-nav .flex-next {
	right: 0px; 
	}

.flex-direction-nav .flex-prev {
	left: 0px;
}

.flexslider:hover .flex-next {
	background-position: -183px 0px;
}

.flexslider:hover .flex-prev {
	background-position: -61px 0px;
}

.flexslider:hover .flex-next:hover {
	background-position: -244px 0px;
}

.flexslider:hover .flex-prev:hover {
	background-position: 0px 0px;
}

.flex-direction-nav .flex-disabled {
	display: none;
}


/* Control Nav */
.flex-control-nav {
	width: 100%; 
	position: absolute; 
	bottom: 0px; 
	text-align: right;
	display: none;
}

.flex-control-nav li {
	margin: 0 5px 0 0; 
	display: inline-block; 
	zoom: 1; 
	*display: inline;
	text-align: left;
}

.flex-control-paging li a {
	width: 20px; 
	height: 25px; 
	display: block;  
	cursor: pointer; 
	text-indent: -9999px; 
	background: #2e3234;
	background: -moz-linear-gradient(top, #f5e000 0%, #f5e000 50%, #2e3234 50%) bottom;	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5e000), color-stop(50%,#f5e000), color-stop(50%,#2e3234), color-stop(100%,#2e3234)) bottom;
	background: -webkit-linear-gradient(top, #f5e000 0%, #f5e000 50%, #2e3234 50%) bottom;
	background: -o-linear-gradient(top, #f5e000 0%, #f5e000 50%, #2e3234 50%) bottom;
	background: -ms-linear-gradient(top, #f5e000 0%, #f5e000 50%, #2e3234 50%) bottom;
	background: linear-gradient(to bottom, #f5e000 0%, #f5e000 50%, #2e3234 50%) bottom;
	-webkit-transition: background-position 700ms ease 0s;
	-moz-transition:    background-position 700ms ease 0s;
	-o-transition:      background-position 700ms ease 0s;
	-ms-transition:     background-position 700ms ease 0s;
	transition:         background-position 700ms ease 0s;
	-webkit-background-size: 100% 200%;  
    -moz-background-size:    100% 200%; 
    background-size:         100% 200%; 
}

.flex-control-paging li a:hover {
	 background: #f5e000; 
}

.flex-control-paging li a.flex-active { 
	cursor: default; 
	background-position: top;
	background-color: #f5e000;
	-webkit-transition: background-position 0ms ease 0s;
	-moz-transition:    background-position 0ms ease 0s;
	-o-transition:      background-position 0ms ease 0s;
	-ms-transition:     background-position 0ms ease 0s;
	transition:         background-position 0ms ease 0s;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: EGO ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


.solid-block.ego {
	background-image: url(img/ego_back.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 320px;
}

.ego-box {
	padding: 20px;
}

.ego-box span {
	display: block;
	color: #828586;
	line-height: 1em;
}

/* ... SOCIAL-BOX ......................................................................*/

ul.social-box {
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

ul.social-box li,
ul.social-box a {
	display: block;
	width: 40px;
	height: 35px;
}

ul.social-box li {
	float: left;
	overflow: hidden;
}

ul.social-box a {
	text-indent: -999px;
	background-position: top;
	-webkit-transition: background-position 250ms ease;
	-moz-transition:    background-position 250ms ease;
	-o-transition:      background-position 250ms ease;
	-ms-transition:     background-position 250ms ease;
	transition:         background-position 250ms ease;
}

ul.social-box a:hover,
ul.social-box a:active {
	background-position: bottom;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: FILME ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

ul.film-liste {
	display: block;
}

ul.film-liste li,
ul.film-liste a {
	display: block;
	height: 175px;
	position: relative;
	overflow: hidden;
	background-color: #2e3234;
}

ul.film-liste li {
	margin-bottom: 10px;
}

ul.film-liste a img {
	width: 100%;
	height: auto;
	min-height: 175px;
	min-width: 640px;
	background-color: #2e3234;
	color: #b4b5b6;
	line-height: 175px;
	text-align: center;
}

a .film-info {
	position: absolute;
	z-index: 2;
	background-color: #2e3234;
	bottom: 0px;
	left: 0px;
	line-height: 11px; 
	padding: 0px 100px 10px 10px;
	color: #b4b5b6;
}

.film-info h3 {
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.1em;
	margin: 0;
}

/* ... SINGLE FILME ....................................................................*/

.video-box {
	background-color: #2e3234;
	position: relative !important;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden !important;
	max-width: 100%;
	max-height: 360px;
	text-align: center;
}

.video-box iframe,
.video-box object,
.video-box embed,
.video-box img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: #2e3234;
	z-index: 1;
	color: #b4b5b6;
	text-transform: uppercase;
}

.video-box object,
.video-box embed {
	display: none;
}

.no-js .video-box iframe {
	display: none;
}

.no-js .video-box object,
.no-js .video-box embed {
	display: block;
}

.no-flash {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	overflow: hidden;
}

.no-flash div {
	width: 235px;
	height: 80px;
	padding: 20px;
	background-color: #2e3234;
	line-height: 1.2em;
	float: right;
}

.no-flash a {
	display: block;
	padding: 10px 0;
}

.kurzinfo {
	display: block;
	position: absolute;
	top: 35px;
}

ul.reaktion {
	clear: both;
	display: block;
	margin-bottom: 20px;
}

ul.reaktion li {
	display: block;
	line-height: 25px;
}

ul.reaktion a {
	color: #b4b5b6;
	display: block;
	line-height: 25px;
	margin: 0px -65px;
	padding: 0px 65px;
	border-left: 0px solid #f5e000;
	-webkit-transition: border 250ms ease;
	-moz-transition:    border 250ms ease;
	-o-transition:      border 250ms ease;
	-ms-transition:     border 250ms ease;
	transition:         border 250ms ease;	
}

ul.reaktion a:hover {
	color: #fff;
	background-color: #202324;
	border-left: 10px solid #f5e000;
}

.single-box blockquote {
	clear: both;
}

.single-box cite {
	display: block;
	font-style: normal;
	color: #fff;
	padding: 10px 0 20px 0;
}

ul.abspann {
	display: block;
	overflow: hidden;
	clear: both;
}

ul.abspann li {
	display: block;
	width: 48%;
	float: left;
	margin-bottom: 10px;
	min-width: 220px;
}

ul.abspann li:nth-child(odd) {
	margin-right: 4%;
}

ul.abspann b {
	display: block;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: KONTAKT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.col {
	height: 360px;
	background-color: #2e3234;
	overflow: hidden;
}

.cleft {
	position: relative;
}

.cleft span {
	display: block;
	position: absolute;
	top: 50%;
	margin-left: 20%;
 	margin-top: -70px;
}

.cright {
	margin-bottom: 10px;
}

/*... INPUT ............................................................................*/

input,
textarea {
	display: block;
	border: none;
	margin: 0;
	padding: 0 5px;
	outline: none;
	width: 100%;
	background-color: #202324;
	font-family: "Inconsolata", "Lucida Console", Monaco, monospace;
	font-size: 13px;
	color: #b4b5b6;
}

input:focus,
textarea:focus {
	background-color: #000;
	color: #fff;
}

input {
	line-height: 25px;
	height: 25px;
}


input[type=text],
input[type=email],
textarea {
	margin-bottom: 5px;
}

textarea {
	line-height: 18px;
	resize: none;
	padding: 5px;
	height: 258px;
}

input[type=submit] {
	text-align: left;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: #000;
	color: #fff;
}

:valid,
:invalid,
:-moz-ui-invalid {
	outline: 0px transparent !important;
	border: 0px transparent !important;
	-moz-box-shadow: 0px transparent !important; 
	-webkit-box-shadow: transparent;
	box-shadow: 0px transparent !important; 
}

input:invalid {
	color: #ff002a;
	background: #800015;
}

input:-moz-ui-invalid {
	color: #ff002a;
	background: #800015;
}

input:focus:invalid { 
	background: #000;
	color: #fff;
}

input:focus:-moz-ui-invalid { 
	background: #000;
	color: #fff;
}

/*... Placeholder ......................................................................*/


.empty { 
	text-transform: uppercase;
	color: #b4b5b6;
}

::-webkit-input-placeholder { 
	text-transform: uppercase;
	opacity: 1;
	color: #b4b5b6;
}

::-moz-placeholder { 
	text-transform: uppercase;
	-moz-opacity: 1;
	opacity: 1;
	color: #b4b5b6;
}

:-moz-placeholder { 
	text-transform: uppercase;
	-moz-opacity: 1;
	opacity: 1;
	color: #b4b5b6;
}

:-ms-input-placeholder { 
	text-transform: uppercase;
	opacity: 1;
	color: #b4b5b6;
}


/*... Contact Form 7 ...................................................................*/

span.wpcf7-form-control-wrap {
	position: relative;
	display: block;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	z-index: 100;
	color: #ff002a;
	background-color: #800015;
	text-transform: uppercase;
	text-indent: 10px;
	line-height: 25px;
	height: 25px;
	left: 0px;
	top: 0px;
	width: 100%;
}

.your-message span.wpcf7-not-valid-tip {
	width: 100%;
	height: 268px;
}

.no-js .wpcf7-not-valid {
	color: #ff002a;
	background: #800015;
}

.no-js span.wpcf7-not-valid-tip-no-ajax {
	display: block;
	color: #ff002a;
	background: #800015 url(img/input_x.gif) no-repeat center;
	text-indent: -999px;
	line-height: 25px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	right: 0;
}

.wpcf7-display-none {
	display: none;
}

/*... WPCF7 messages ...................................................................*/

div.wpcf7-response-output {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	line-height: 14px;
}

div.wpcf7-mail-sent-ok {
	color: #fff;
	background-color: #000;
}

div.wpcf7-mail-sent-ng {
	color: #ff002a;
	background-color: #800015;
}

div.wpcf7-spam-blocked {
	color: #ff002a;
	background-color: #800015;
}

div.wpcf7-validation-errors {
	color: #ff002a;
	background-color: #800015;
}


div.wpcf7 img.ajax-loader {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 25px;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: FREUNDE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

ul.links {
	display: block;
	background-color: #2e3234;
	margin-bottom: 10px;
}

ul.links li,
ul.links a {
	height: 30px;
	line-height: 30px;
	display: block;
	min-width: 320px;
	font-size: 15px;
}

ul.links li {
}

ul.links a {
	text-indent: 10px;
	color: #b4b5b6;
	border-left: 0px solid #f5e000;
	-webkit-transition: border 250ms ease;
	-moz-transition:    border 250ms ease;
	-o-transition:      border 250ms ease;
	-ms-transition:     border 250ms ease;
	transition:         border 250ms ease;
}

ul.links a:hover,
ul.links a:active {
	color: #fff;
	border-left: 10px solid #f5e000;
	background-color: #202324;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: IMPRESSUM ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.impressum {
	padding: 0 10% 60px 10%;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: 404 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


.page404 {
	background-image: url(img/404_back.gif);
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 360px;
}

.page404 h1 {
	display: block;
	position: absolute;
	right: 40px;
	top: 40px;
	width: 140px;
	height: 88px;
	background: url(img/404_txt.gif) no-repeat center;
	text-indent: -999px;
}

.page404 p {
	position: absolute;
	background-color: #2e3234;
	right: 10px;
	top: 130px;
	width: 280px;
	padding: 10px;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: FOOTER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#colophon {
	font-size: 15px;
	text-align: right;
	padding: 10px;
	background-color: #2e3234;
	color: #b4b5b6;
}

#colophon a {
	color: #bab37c;
}

#colophon a:hover,
#colophon a:active {
	color: #f5e000;
}

#colophon span {
	font-size: 0.9em;
}

#meta-box h3 {
	display: none;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: MEDIA QUERIES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*... Minimum width of 900 pixels ......................................................*/

@media screen and (min-width: 900px) {
	html, 
	body {
		width: 100%;
		height: 100%;
		overflow: auto;	
		margin: 0;
		padding: 0;
	}
	
	body {
		background: url(img/back.gif) fixed;
	}
	
	#page {
		position: absolute;
		top: 50%;
		margin-top: -180px;
		width: 910px;
		height: 50%;
	}
	
	/*::: HEADER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
	
	.site-header {
		width: 250px;
		height: 360px;
		position: fixed;
		left: 0;
		z-index: 1;
		margin-bottom: 0;
		background: url(img/menu_back.gif) no-repeat top left;
	}
	
	.site-header #homelink,
	.site-header #background-box {
		width: 201px;
		height: 313px;
	}
	
	.site-header #homelink {
		background: #202324 url(img/flackern.gif);
		background-position: top;
		-webkit-transition: background-position 300ms ease 0s;
		-moz-transition:    background-position 300ms ease 0s;
		-o-transition:      background-position 300ms ease 0s;
		-ms-transition:     background-position 300ms ease 0s;
		transition:         background-position 300ms ease 0s;
	}
	
	.site-header #homelink:hover {
		background-position: bottom;
	}
	
	#background-box {
		background: url(img/menu_back.gif) no-repeat top left;
	}
	
	
	/* ... MENUE .......................................................................*/
	
	.main-navigation {
		top: 250px;
		right: 80px;
		font-size: 13px;
		line-height: 18px;
	}
	
	.main-navigation li a {
		height: 18px;
	}
	
	.main-navigation li a span {
		line-height: 18px;
		padding: 0 5px;
	}

	.main-navigation a:hover .l_norm,
	.main-navigation a:active .l_norm,
	.main-navigation .current-menu-item > a > .l_norm,
	.main-navigation .current-menu-parent > a > .l_norm {
		margin-top: -18px;
	}
	
	.nav-menu li a span {
		width: 165px;
	}
	
	.sub-menu {
		margin-top: -18px;
		right: -80px;
		width: 80px;
	}
	
	.menu-item:hover .sub-menu,
	.menu-item:active .sub-menu,
	.main-navigation .current-menu-parent .sub-menu {
		height: 54px;
	}

	.sub-menu > li span {
		width: 70px;
	}
	
	
	#main {
		margin-left: 260px;
		width: 650px;
	}
	
	/* ... QTRANSLATE ..................................................................*/
	
	#qtranslate-chooser {
		right: 70px;
	}
	
	/*::: INHALT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	/*... BLOECKE ......................................................................*/

	.solid-block {
		width: 640px;
		min-height: 360px;
	}

	article,
	.single-box {
		width: 510px;
		padding: 20px 65px;
	}
	
	a.single-box {
		padding: 20px 65px 0 65px;
	}
	
	
	/*... TRENNER ......................................................................*/

	hr {
		width: 640px;
		margin: 20px -65px;
		clear: both;
	}


	/*::: NEWS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	article blockquote {
		margin: 0 -65px 20px -65px;
		padding: 30px 65px;
	}
	
	/* ... FLEXSLIDER ..................................................................*/
	
	a .slider-desc {
		display: block;
		color: #b4b5b6;
	}
	
	.flex-direction-nav {
		display: none;
	}
	
	.flex-control-nav {
		display: block;
	}

	
	/*::: EGO ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	.solid-block.ego {
		padding-bottom: 0;
	}

	.ego-box {
		padding: 90px 220px 0 20px;
	}
	
	ul.social-box {
		right: 9px;
	}
	
	/*::: FILME ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	ul.film-liste li,
	ul.film-liste a {
		width: 640px;
		background-color: #2e3234;
	}

	ul.film-liste a img {
		width: 640px;
		height: 175px;
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
		-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	}

	ul.film-liste a:hover img {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		-webkit-filter: grayscale(0%);
	}
	
	a .thumb-raster {
		position: absolute;
		z-index: 1;
		width: 640px;
		height: 175px;
		top: 0px;
		left: 0px;
		background: url(img/hover_raster.gif);
	}

	a:hover .thumb-raster {
		display: none;
	}

	a .film-info {
		bottom: -44px;
		-webkit-transition: bottom 250ms ease-in-out;
		-moz-transition:    bottom 250ms ease-in-out;
		-o-transition:      bottom 250ms ease-in-out;
		-ms-transition:     bottom 250ms ease-in-out;
		transition:         bottom 250ms ease-in-out;
		height: 65px;
	}

	a:hover .film-info {
		bottom: 0px;
	}
	
	
	/* ... SINGLE FILME ................................................................*/

	.video-box {
		width: 640px;
		height: 360px;
		padding: 0;
	}
	
	.video-box iframe,
	.video-box object,
	.video-box embed {
		width: 640px;
		height: 360px;
		margin: 0;
		padding: 0;
	}
	
	.video-box img {
		line-height: 360px;
	}
	
	
	/*::: KONTAKT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	.col {
		width: 320px;
		height: 360px;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.cleft {
		float: left;
	}

	/*... INPUT ........................................................................*/

	input,
	textarea {
		width: 310px;
	}

	input[type=submit] {
		text-align: right;
		width: 320px;
	}

	input:invalid {
		background: #800015 url(img/input_x.gif) no-repeat 260px center;
	}

	input:-moz-ui-invalid {
		background: #800015 url(img/input_x.gif) no-repeat 260px center;
	}


	/*... Contact Form 7 ................................................................*/


	span.wpcf7-not-valid-tip {
		width: 320px;
	}

	.your-message span.wpcf7-not-valid-tip {
		width: 320px;
	}

	/*... WPCF7 messages ...............................................................*/

	div.wpcf7-response-output {
		width: 280px;
	}

	div.wpcf7 img.ajax-loader {
		right: 10px;
		width: 320px;
	}
	
	/*::: FREUNDE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	ul.links {
		width: 640px;
		min-height: 360px; 
		height: auto !important; 
		height: 360px;
	}

	ul.links li,
	ul.links a {
		width: 320px;
		font-size: 12px;
	}

	ul.links li {
		float: left;
		overflow: hidden;
	}
	
	
	/*::: 404 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	.page404 p {
		background-color: transparent;
	}
	
	
	
	/*::: FOOTER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

	#colophon {
		font-size: 12px;
		padding: 0px;
		margin-top: -10px;
		margin-right: 10px;
		background-color: #fff;
		color: #2e3234;
		float: right;
		width: 640px;
	}

	#colophon a {
		color: #2e3234;
	}

	#colophon a:hover,
	#colophon a:active {
		color: #000;
	}
	
	#meta-box {
		height: 100%;
		margin-top: -192px;
	}
	
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::: PRINT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media print {

	

}







/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
}
 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	margin: 0; 
	padding: 0;
}

.flexslider .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden;
	position: relative;
}
 /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%; 
	height: auto;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}


/* Clearfix for the .slides element */
.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}
 
html[xmlns] .slides {
	display: block;
}
 
* html .slides {
	height: 1%;
}


/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}


.loader {
	width: 500px;
	height: 25px;
	background: #202324;
	background: -moz-linear-gradient(left,  #202324 0%, #202324 33%, #f5e000 33%, #f5e000 66%, #202324 66%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#202324), color-stop(33%,#202324), color-stop(33%,#f5e000), color-stop(66%,#f5e000), color-stop(66%,#202324));
	background: -webkit-linear-gradient(left,  #202324 0%,#202324 33%,#f5e000 33%,#f5e000 66%,#202324 66%);
	background: -o-linear-gradient(left,  #202324 0%,#202324 33%,#f5e000 33%,#f5e000 66%,#202324 66%);
	background: -ms-linear-gradient(left,  #202324 0%,#202324 33%,#f5e000 33%,#f5e000 66%,#202324 66%);
	background: linear-gradient(to right,  #202324 0%,#202324 33%,#f5e000 33%,#f5e000 66%,#202324 66%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202324', endColorstr='#202324',GradientType=1 );
	-moz-background-size: 		300%, 100%;
	-webkit-background-size:	300%, 100%;
	background-size: 			300%, 100%;
	-webkit-animation: laden 1500ms infinite ease; /* Safari 4+ */
	-moz-animation:    laden 1500ms infinite ease; /* Fx 5+ */
	-o-animation:      laden 1500ms infinite ease; /* Opera 12+ */
	animation:         laden 1500ms infinite ease; /* IE 10+ */
}


@-webkit-keyframes laden {
	0% { background-position: right; }
	100% { background-position: left; }
}
@-moz-keyframes laden {
	0% { background-position: right; }
	100% { background-position: left; }
}
@-o-keyframes laden {
	0% { background-position: right; }
	100% { background-position: left; }
}
@keyframes laden {
	0% { background-position: right; }
	100% { background-position: left; }
}