/* CSS Document */

html, body {
	margin:0;
	padding: 0;
	background:#3D454B;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10pt;
	line-height:20pt;
	color:#ffffff;
}

h1, h3, h4, ul, li {
	margin:0;
	padding:0;
}

h3 {
	font-size:28px;
	padding:135px 0 0 0;
	font-weight:normal;
	letter-spacing:2px;
}

h4 {
	font-size:14px;
	margin:-4px 0 0 0;
	color:#dadada;
	font-weight:normal;
	letter-spacing:1.5px;
}


p {
	margin:0 0 20px 0;
	padding:0;
}

p span {
	color:#CFCFCF;
	padding-right:15px;
}

ul, li {
	list-style:none;
}



ul li a {
	color:#ffffff;
	text-decoration:none;
}

ul li.active a,
ul li a:hover {
	color:#0076C0;
}

image, img {
	border:none;
}

h1 {
	font-size:12pt;
	margin:0 0 30px 0;
}

#page-container {
	width:855px; 
	margin:auto;
	padding:0 10px;
	background:#3D454B url(../images/bck_content.jpg) top left repeat-y;
}

#header {
	height:149px; width:855px;
	background:url(../images/header.jpg) top left;
	border-top:1px solid #5A5E61;
	border-bottom:1px solid #ffffff;
}

#nav {
	height:54px; width:855px;
	margin:1px 0 2px 0;
	background:#32383D url(../images/bck_nav.gif);
}

#nav ul {
	padding:0 15px;
}

#nav ul li {
	float:left;
	padding:5px 15px;
	margin:10px 0;
	border-right:1px solid #5A5E61;
	font-size:9pt;
	line-height:14pt;
}

#main-container{
	width:855px; height:577px;
	background:#32383D;
}

#sidebar {
	position:absolute;
	margin:0 0 0 426px;
 	width:429px; height:577px;
	background:#32383D;
	z-index:5;
}

#sidebar.home {
	background:url(../images/sidebar_home.jpg) top right no-repeat;
}

#content-wrapper {
	position:absolute;
	width:426px; height:577px;
	float:left;
	z-index:100;
}

#content {
	width:100%;
	padding:50px 135px 40px 30px;
}


body#trailer #content-wrapper {
	text-align:center;
	width:800px;
}

body#trailer a:link { text-decoration:none; color:#fff; }
body#trailer a:visited { text-decoration:none; color:#fff; }
body#trailer a:hover { text-decoration:none; color:#0076C0; }
body#trailer a:active { text-decoration:none; color:#0076C0; }
body#trailer a:focus { text-decoration:none; color:#0076C0; }

body#trailer_menu #content-wrapper {
	text-align:center;
	width:800px;
}

	body#trailer_menu #content {
		text-align:center;
	}

table#trailerMenuPanel {
	margin:auto;
}

table#trailerMenuPanel td {
	padding:25px;
	padding-top:0;
}

table#trailerMenuPanel span {
	font-size:13pt;
	display:block;
}

table#trailerMenuPanel img {
	border:3px solid #3D444A;
}

table#trailerMenuPanel a:link { text-decoration:none; color:#fff; }
table#trailerMenuPanel a:visited { text-decoration:none; color:#fff; }
table#trailerMenuPanel a:hover { text-decoration:none; color:#0076C0; }
table#trailerMenuPanel a:hover img { border:3px solid #0076C0; }
table#trailerMenuPanel a:active { text-decoration:none; color:#0076C0; }
table#trailerMenuPanel a:focus { text-decoration:none; color:#0076C0; }

	body#trailer #content {
		text-align:center;
	}

		body#trailer #player {
			border:3px solid #3D444A;
			width:680px;
			margin:auto;
		}

#movie-nav {
	margin-top:25px;
	margin-left:57px;
	position:relative;
	text-align:left;
}

	#movie-nav a {
		margin-right:10px;
	}

		#movie-nav a#back {
			position:absolute;
			right:50px;
			top:10px;
		}

	#movie-nav a img {
		border:3px solid #3D444A;
	}

	#movie-nav a img.mouseOver, #movie-nav a#active img {
		border:3px solid #0076C0;
	}

#content-wrapper ul {
	margin:0 0 20px 0;
	display:table;
}


#content-wrapper h1 span {
	color:#000;
	font-style:italic;
	padding-left:15px;
}

#footer {
	width:855px; height:54px;
	background:#32383D url(../images/bck_nav.gif);
}

#footer ul {
	padding:7px 15px;
}

#footer ul li {
	float:left;
	padding:0 15px;
	margin:10px 0;
	font-size:7pt;
	line-height:14pt;
}

#footer ul li.border {
	border-right:1px solid #5A5E61;
}

#footer ul li.icon {
	float:right;
	margin-top:13px;
}

.glidecontentwrapper{
	position:relative; /* Do not change this value */
	width:429px; height:577px; /* Set height to be able to contain height of largest content shown*/
	overflow:hidden;
}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position:absolute; /* Do not change this value */
	visibility:hidden;
	width:429px;
}

form {
	display:inline;
}

label {
	float:left;
	color:#CFCFCF;
	width:100px;
}

input, textarea {
	background-color:#3D454B;
	border:1px solid #CFCFCF;	
	color:white;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10pt;
	margin-bottom:6px;
	margin-top:2px;
	padding:1px;
	width:250px;
}

textarea {
	height:70px;
}

input#subAbsenden {
	margin-left:100px;
	width:auto;
}