﻿html { overflow: -moz-scrollbars-vertical; } 

body { background-color:#101010; color:white; font-family:Verdana,Arial; margin:0; padding:0; }

#page {
	position:relative;
	top:0000000px;
	width:990px;
	height:500px;
	margin: 0 auto;
}

#intro {
	width:990px;
	height: 590px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -495px;
	margin-top: -295px;
	background-image: url(/img/intro/intro.jpg);
	background-color: #101010;
}

a.intro-button {
	position:absolute;
	bottom:40px;
	right:15px;
	width:118px;
	height:34px;
	background: url(/img/intro/enter.jpg) 0 0 no-repeat;
	overflow:auto;
}

div.doku_c{
	
	clear:both;
	float:left;
	width:800px;
	height:120px;
	
	
}

div.doku_img{
	
	float: left;
	width:190px;
	height:100px;
	position:relative;
	
	}

div.doku_txt{
	float: left;
	width:500px;
	height:50px;
	position:relative;
	
		
}

#logo {
	position:absolute;
	width:320px; 
	height:120px;
	z-index:1001;
	top:7px;
	border: 0px;
}

#content {
	position:absolute;
	width:940px; 
	top:130px;
	left:25px;
	z-index:1;
	color:#CCCCCC;
	overflow:visible;
	display:table;
	table-layout:fixed;
	
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
}

#languages { 
	position:absolute;
	width:70px; 
	height:17px;
	top:50px;
	left:900px;
	z-index:1000;
}

.col25l, .col50l, .col75l, .col25r, .col50r, .col75r, .col100 { margin:12px; }
.col25l, .col50l, .col75l { float:left; }
.col25r, .col50r, .col75r { float:right; }
.col25l, .col25r { width:211px; }
.col50l, .col50r { width:446px; }
.col75l, .col75r { width:681px; }
.col100 { float:left; width:916px; }

.subcol25l, .subcol50l { float:left; }
.subcol25r, .subcol50r { float:right; }
.subcol25l, .subcol25r { width:211px;  padding-bottom:12px; }
.subcol50l, .subcol50r { width:446px;  padding-bottom:12px; }

/*
.subcol25r, .subcol25l { background-color:#404040; }
.subcol50r, .subcol50l { background-color:#404040; }
.col25l, .col25r { background-color:#505050; }
.col50l, .col50r { background-color:#607070; }
.col75l, .col75r { background-color:#303030; }
.coltabl200px { background-color:#202020; }
*/
.colcenter {text-align: center; margin: 0 auto; width: 500px; }

.coltext { padding:0px; } /* entfernen */

.coltabl200px { float:left; width:100px; margin-left: 111px;  }

.leftsep { 
	margin-left:-1px; 
	padding-left:5px; 
	background-image:url(/img/lines/content_separator.png);
	background-repeat:repeat-y;
}

.rightsep { 
	margin-right:-1px; 
	padding-right:5px; 
	background-image:url(/img/lines/content_separator.png);
	background-repeat:repeat-y;
	background-position:right;
}

p {
	margin-top:0px;
	padding-top:0px;
	text-align:justify;
}

#noten {
	float:left; width:944px;
	margin-left:-1px;
	margin-top:30px;
}

#mp3player {
	z-index:0;
}

.tablerow { margin:0px; }

h1 {
	font-size:18pt;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}
h2 {
	font-size:15pt;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}


.genre_drama { color:#A00000; }
.genre_melodrama { color:#D00000; }
.genre_action { color:orange; }
.genre_komoedie { color:green; }
.genre_thriller { color:#4040A0; }
.genre_konzertmusik { color:#c0c000; }
.genre_krimikomoedie { color:#008080; }
.genre_krimi { color:#0000ff; }
.genre_dokumentation { color:#808080; }
.genre_jazz { color:#800080; }

a.mplayer:link { color:#CCCCCC; text-decoration:none }
a.mplayer:visited { color:#CCCCCC; text-decoration:none }
a.mplayer:hover { color:white; text-decoration:none }


ol.playlist
{
	font-size:12pt;
	font-weight:normal;
	line-height:25px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

ul.legende
{
	font-size:12pt;
	font-weight:normal;
	line-height:25px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

a.player {	
	margin-top: 40px;
	display:block;
	background:url(/img/player/splash.png) no-repeat;
	width:425px;
	height:298px;
	padding:0 126px 75px 127px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

a.player.plain {
	background-position:0 0;
	padding:0px;
	margin-top:0px;
}

a.player img {
	margin-top:115px;	
}

a.player.plain img {
	margin-top:113px;	
}

div.movieplayer {
	width: 450px;
	
}

div.movieplaylist {
	position: relative;
	top: 40px;
	clear: both;
	float: left;
}

.recordlink:link {color:#CCCCCC; text-decoration:underline}
.recordlink:visited {color:#CCCCCC; text-decoration:underline}
.recordlink:active {color:#CCCCCC; text-decoration:underline}
.recordlink:hover {color:#CCCCCC; text-decoration:underline}


