/*
* Reset
*/

* { 
	margin:0; 
	padding:0
}

/*
* Basics
*/
body {
	text-align:center;
}


#container {
	width:800px;
	margin-left: auto;
	margin-right:auto;
	text-align:left;
}
/*
* Typo
*/

body {
	font-family: "Lucida Sans Unicode", "Lucida Sans", Lucida, Verdana, sans-serif;
	font-size: 87.5%;
	line-height: 1.4em;
	color: #333;
}

#content {
	padding: 1px 30px 20px 30px;
}

p {
	width: 450px;
	margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
	margin-top:1em;
}

#branding h1 {
	text-indent:-999em;
}

h1 {
	font-size:1.15em;
	font-weight:bold;
	margin-bottom: 1em;
	margin-top: 10px;
}

.film h1 {
	margin-bottom: 0;
}

h2 {
	font-weight:bold;	
	color:#484848;
}

h3 {
	font-weight: bold;
}

ul { 
	list-style-position: inside; 
	margin-bottom: 1em;	
}

img {
	border:none;
}


/*
* Background & Color
*/



body
{
	background-color: #bfbebc;
	background-image: url(img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


#branding a
{
	display:block;
	width: 201px;
	height: 36px;
	background-image: url(img/branding.png);
	background-repeat: no-repeat;
}


#nav
{
	background-image: url(img/nav-bg.png);
	background-repeat: no-repeat;
}


#content {
	background-color: #fff;
	min-height: 460px;
}

#contentstart
{
	height: 20px;
	background-image: url(img/content-bg.png);
	background-repeat: no-repeat;
}

#contentend
{
	height: 20px;
	background-image: url(img/bottom-bg.png);
	background-repeat: no-repeat;
	margin-bottom:2em;
}

h1 {
	color: #fd8134;
}


/*
* Navigation
*/

a img { border:1px solid #fff; }

a:link img, a:visited img {}
a:hover img, a:active img {
	border:1px solid #fd8134;
}

a {
	color: #fd8134;
}

a:link, a:visited {}
a:hover, a:active {
	background-color: #fd8134;
	color:#fff;
}


#nav ul { 
	color: #908e8e;
	list-style-type: none; 
	font-size: 14px;
}

#nav li {
	display:inline;
	margin-right: 1em;
}

#nav a {
	color: #908e8e;
	text-decoration:none;
}

#nav a:link, #nav a:visited {}
#nav a:hover, #nav a:active {
	color: #fd8134;
	background-color: #fff;

}

#nav .navactive a {
	color: #fd8134;
}


#navsupp ul { 
	list-style-type: none; 
	font-size: 11px;
}

#navsupp li {
	display:inline;
	margin-right: 10px;
}

#navsupp a {
	color: #333;
	text-decoration:none;
	padding:0 2px;
}



#navsupp a:link, #navsupp a:visited {}
#navsupp a:hover, #navsupp a:active {
	background-color: #fd8134;
}

#navsupp .navactive a {
	background-color: #fd8134;
}
/*
* Layout
*/

#branding {
	position:absolute;
	top:64px;
	z-index:10;
	margin-top: 0px;
	margin-left:20px;

}


#nav {
	position:absolute;
	width:800px;
	height:80px;
	top: 64px;

}



#nav ul {
	margin:0;
	padding:0;
	position:absolute;
	left:30px;
	bottom: 6px;
}

#navsupp {
	position:absolute;
	top:42px;
	width: 800px;
	text-align:right;
}

#navsupp ul {
	margin-right:20px;
}

#contentwrapper {
	top: 160px;
	position:absolute;
	width:800px;
}



/*
* Specials
*/

.flvplayer {
	margin-top: 1em;
	background-color: #fff;
}


/*
* Filmliste
*/
#filme {
	position:absolute;
	top: 100px;
 	width: 740px;
 	height:200px;
 	overflow: scroll;
}

#filme ul{ 
	position:absolute;
	top:0;
	left:0;
	list-style-type: none; 
	height:200px;
	width:2000px;
}

#filme li {
	float:left;
	margin-right:20px;
}

#filme img {
	height: 150px;
	width:266px;
}

#filme h2 {
	position:relative;
	top: 170px;
	font-weight: normal;
	color: #908e8e;
	font-size:12px;
}

#intro {
	position:absolute;
	top: 340px;

}

#left
{
	position:absolute;
	top: 200px;
	left: 10px;
	display:block;
	width: 10px;
	height: 20px;
	background-image: url(img/pfeil-l.gif);
	background-repeat: no-repeat;
}

#right
{
	position:absolute;
	top: 200px;
	right: 10px;
	display:block;
	z-index:20;
	width: 10px;
	height: 20px;
	background-image: url(img/pfeil-r.gif);
	background-repeat: no-repeat;
}

#left:link, #left:visited {}
#left:hover, #left:active { 
	background-color:#fff;
	background-position: 0 -30; 
}

#right:link, #right:visited {}
#right:hover, #right:active { 
	background-color:#fff;
	background-position: 0 -30; 
}

#filme a {
	color: #908e8e;
	text-decoration:none;
}

#filme a:link, #filme a:visited { }
#filme a:hover, #filme a:active {color: #fd8134; background-color:#fff;}

/* 
* FILM 
*/

.links p, .rechts p {width:auto;}
.links {
width: 352px;
float:left;
}

.rechts {
width: 352px;
margin-left:382px;
}

/*
* HOME
*/

#home #nav {
	height: 40px;
}

#home img {
	width:115px;
	height: 64px;
	margin-right:10px;
}

#home #branding {
	position:absolute;
	top:150px;
	z-index:10;
	margin-top: 0;
	margin-left:20px;

}

#home #branding a
{
	display:block;
	width: 341px;
	height: 80px;
	background-image: url(img/branding-home.png);
	background-repeat: no-repeat;
}

#home #branding .en a
{
	width: 341px;
	height: 90px;
	background-image: url(img/branding-home-en.png);
	background-repeat: no-repeat;
}

#home #contentstart {
	display:none;
}

#home #contentwrapper {
	top: 100px;
	position:absolute;
	width:800px;
}

#home #content {
	padding-top: 200px;
	padding-right:0;
	min-height:310px;
}

#home .flvplayer {
	height: 200px;
	width: 740px;
	z-index:20;
	position:absolute;
	left:30px;
	top: 300px;
	background-color:#fff;
	margin-top:0;
}

#home .tx-afmarkdown-pi1 {
	height: 200px;
	z-index:10;
	position:absolute;
	left:30px;
	top: 300px;

}

#home h1 {
	font-weight:normal;
	color:#484848;
	font-size:3em;
	margin-bottom:0.5em;
}

#home em {
	font-style:normal;
	color: #fd8134;
}


/*
* AKTUELLES 
*/

h3.category {
	color: #908e8e;
	margin-bottom:-0.5em;
}

p.date {	
	color: #908e8e;
	margin-top:-1em;

}

#aktuelles h3 {
	color:#fd8134;
	font-weight:normal;
}

#culture #content {
	min-height:520px;
}

#culture .tx-afmarkdown-pi1 {
	margin-top:1em;
}

#stoerer {
	position:absolute;
	left: 410px;
	top: 84px;
}

#stoerer p {
	font-size: 80%;
	line-height: 1.2em;
	margin-bottom:0;
	float:left;
}


/* TV */
.tv img {
	width:115px;
	height: 64px;
	margin-right:10px;
}

/* Meldung kein Player*/
#flashcontent {
	width:352px;
	height:200px;
}	

