/* basics //////////////////////////////////// */

/* browser egalisieren */
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	overflow-y:scroll;
}
:focus {
	outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td {
	vertical-align: top;
}
sup {
	font-size:11px;
	vertical-align:top;
	padding-left:3px;
	padding-right:3px;
}

body {
	margin:0px;
	padding:0px;
	text-align:left;
	background:#ecaa09;
}
body, td {
	color:#000;
	font:13px/18px verdana, sans-serif;
}


/* schriften offline */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('bb-schriften/bebasneue-webfont.eot');
    src: url('bb-schriften/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bb-schriften/bebasneue-webfont.woff') format('woff'),
         url('bb-schriften/bebasneue-webfont.ttf') format('truetype'),
         url('bb-schriften/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*zentrierter container*/
.konsole {
	position:relative;
	width:680px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	text-align:left;
	z-index:2;
	padding-bottom:40px;
}

	
.logo {
	width:680px;
	margin-top:40px;
	margin-bottom:30px;
    font-family: 'BebasNeueRegular', arial, sans-serif;
	font-size:118px;
	line-height:100px;
	letter-spacing:0.02em;
	color:#fff;
	text-align:center
}
.logo .logo-byline {
	font-size:34px;
	line-height:34px;
	padding-top:4px;
	letter-spacing:0.05em;
}
.navigation {
	width:680px;
	display:block;
	position:absolute;
	z-index:101;
}

.inhalt {
	width:680px;
	clear:left;
}
.inhaltTXT {
	margin-top:0px;
	width:600px;
	padding:35px 40px 40px 40px;
	min-height:400px;
	display:block;
	background:#fff;
}
.fusszeile {
	height:80px;
	display:block;
	width:100%;
	padding:20px 0px 0px 0px;
	font-size:11px;
	line-height:14px;
	color:#fff;
}
iframe {
	border:1px solid #000;
	cursor:pointer;
}
#videocontainer {
	margin-top:80px;
	width:680px;
	height:382px;
	display:block;
	background:url(images/trailer.jpg);
	background-position:0px 0px;
	cursor:pointer;
}
#videocontainer:hover {
	background-position:0px 382px;
}
#bildcontainer {
	margin-top:80px;
	width:680px;
	height:382px;
	display:block;
	background:#bbb;
}

/*textformate */
h1 {
    font-family: 'BebasNeueRegular', arial, sans-serif;
	font-size:32px;
	line-height:32px;
	letter-spacing:0.05em;
	color:#000;
	text-transform:uppercase;
	margin:0px;
	margin-bottom:18px;
	font-weight:normal;
	letter-spacing:0.05em;
}
.titel-kurz {
	margin:0px;
}
h2 {
	font:18px/18px 'BebasNeueRegular', arial, sans-serif;
	margin-top:18px;
	margin-bottom:0px;
	font-weight:normal;
	letter-spacing:0.056em;
}
.titel-lauftext {
	font:18px/18px 'BebasNeueRegular', arial, sans-serif;
	letter-spacing:0.056em;
}

p {
	margin-bottom:18px;
}
.lauftext-kurz {
	margin-bottom:0px;
}
.lauftext-lang {
	margin-top:18px;
}
.bildklein {
	width:280px;
	height:210px;
	float:left;
	margin-right:20px;
	margin-top:3px;
}
.textrechts {
	display:table-cell;
	height:210px;
	vertical-align:top;
}
.textrechts p {
	margin-bottom:0px;
}

.textlinks {
	float:left;
	margin-bottom:18px;
}
.bildklein-rechts {
	width:280px;
	height:210px;
	float:right;
	margin-left:20px;
	margin-top:4px;
}

.trenner {
	clear:left;
	width:100%;
	display:block;
	margin:0;
	margin-bottom:12px;
}
strong {
	font:12px/18px verdana, sans-serif;
	font-weight:bold;
}
.zitat {
	font-style:italic;
	margin-bottom:9px;
}
.autor {
	margin-bottom:24px;
}


/*logos*/
.logolinks {
	width:180px;
	clear:left;
	float:left;
	text-align:left;
	margin-bottom:40px;
}
.logomitte {
	width:180px;
	float:left;
	margin-left:30px;
	text-align:left;
	margin-bottom:40px;
}
.logorechts {
	width:180px;
	float:left;
	margin-left:30px;
	text-align:left;
	margin-bottom:40px;
}
.logolinks img, .logomitte img, .logorechts img {
	max-width:180px;	
}



/*tabellen*/
.inhaltTXT td {
	padding-right:20px;
}
.inhaltTXT .crew {
	border-top:1px solid #ddd;
	margin-bottom:18px;
	width:100%;
}
.inhaltTXT .crew td {
	padding-bottom:9px;
	padding-top:3px;
	border-bottom:1px solid #ddd;
}

/*links*/
.inhaltTXT a {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}
.inhaltTXT a:hover, .inhaltTXT a:active, .inhaltTXT a:focus {
	border-bottom:1px solid #000;
}
.fusszeile a {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #fff;
}
.fusszeile a:hover {
	border-bottom:1px solid #fff;
}


/*listen*/
ul {
	margin-left:16px;
	margin-bottom:18px;
}	
ul li {
	margin-bottom:8px;
}




/*navigation /////////////////////////// */

/*hauptnav*/
.navigation {
	/*border-top:1px solid #fff;*/
	padding-top:4px;
}
.navigation ul {
	text-align:justify;
	margin:0px;
}
.navigation ul li {
	list-style:none;
	display:inline-block;
	margin:0px;
}
.navigation ul a {
    font-family: 'BebasNeueRegular', arial, sans-serif;
	font-size:26px;
	line-height:28px;
	letter-spacing:0.05em;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
.navigation ul:after {
    content: "";
    width: 100%;
    display: inline-block;
}



/*subnav*/
.navigation ul li ul {
	position:absolute;
	top:30px;
	margin-left:-10px;
	border-top:0;
	text-align:left;
	/*background:url(images/alpha-weiss.png);*/
	background:#ecaa09;
	padding:10px 10px 0px 10px;
}
.navigation ul li ul li {
	border-bottom:0;
	float:none;
	display:block;
}
.navigation ul li ul {
	display:none;
}
.navigation ul li:hover ul {
	display:block;
}


/*farben*/
.navigation ul li a:hover, .navigation ul li a:focus, .navigation ul li a:active, .navigation .linkaktiv, .navigation .subnav .linkaktiv {
	color:#000;
}

/* rest  ///////////////////////////  */
.web2 {
	border:0;
	width:20px;
	height:25px;
	display:block;
	text-decoration:none;
	background:url(images/icon-facebook-k.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
}
.web2:hover {
	background-position:-20px 5px;
}

/*pfeile*/
.toplinkpfeil {
	width:16px;
	display:block;
	float:left;
	background:url(images/pfeile.png);
	background-position:-80px 2px;
	background-repeat:no-repeat;
}	
.toplink:hover .toplinkpfeil {
	background-position:-100px 2px;
}	
.toplinkcontainer {
	margin-top:18px;
	clear:left;
}


.mehrlinkpfeil {
	width:16px;
	display:block;
	float:left;
	background:url(images/pfeile.png);
	background-position:0px 2px;
	background-repeat:no-repeat;
}	
.mehrlink:hover .mehrlinkpfeil {
	background-position:-20px 2px;
}	
		

/*warnhinweis*/
.hinweis {
	clear:left;
	border:2px solid #d00;
	padding:10px;
	margin-bottom:20px;
	text-align:center;
}
.hinweis a {
	color:#000;
}
/* ie 7 */
.lt-ie8 .navigation ul {
	margin-left:30px;
}
.lt-ie8 .navigation ul li {
	display:block;
	float:left;
	margin-left:10px;
	margin-right:10px;
}
.lt-ie8 .navigation ul li ul {
	margin-left:-100px;
}
.lt-ie8 .navigation ul li ul li {
	display:block;
	float:none;
	margin-right:0px;
}
.lt-ie8 #videocontainer {
	margin-top:50px;
}
.lt-ie8 #bildcontainer {
	margin-top:50px;
}
.lt-ie8 .playbutt {
	display:none;
}