/* Aenderung von bestehenden HTML Tags */

html{
	height: 100%;
	margin-bottom: 1px;
	}


/* Hintergrundfarbe der Seite und Scrollbars, damit Seite nicht Springt */
body{
	background-color:#ffffff;
	background-image:url(../Bilder/bgimage.gif);
	background-repeat:repeat-x;
	height: 101%;
	}

/* Kein Rahmen um Bilder, vor allem bei Bilder als Links, da IE sonst einen Rahmen anzeigt */
img{
	border: 0px;
	}

/* Anpassen der vordefinierten Ueberschrift-Tags*/
h1{
	color:#DB2B36;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	margin-bottom:30px;
	}
h2{
	color:#DB2B36;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	margin-top:30px;
	margin-bottom:20px;
	font-weight:normal;
	}
h3{
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	}


/* Anpassen des Paragraphen-Tags */
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height: 18px;
	}

/* Schrift innerhalb von Tabelle festlegen */
table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height: 18px;
	}

/* Abstandbestimmung des Listen-Tags */ 
ul{
	margin:0 0 0 0;
	}


/* Definition des Verhaltens der Links */

/* Aussehen eines Links */ 
a:link {
	color:#DB2B36;
	font-variant: normal;
	text-decoration:none;
	}

/* Aussehen eines bereits besuchten Links */
a:visited {
	color:#DB2B36;
	font-variant: normal;
	text-decoration:none;
	}

/* Aussehen beim Mouseover */
a:hover {
	color:#666666;
	font-variant: normal;
	text-decoration:none;
	}

/* Aussehen eines aktiven Links */
a:active {
	color:#666666;
	font-variant: normal;
	font-weight: lighter;
	}

/* Aussehen eine Links, wenn er ueber die Tastatur den Focus erhält */
a:focus{
	color:#666666;
	font-variant: normal;
	text-decoration:none;
	}





/* Ids fuer div zum layouten */ 

/* div, der die komplette Seite beinhaltet */
#parent{
	height:auto;
	width:1000px;
	margin-top:30px;
	margin-left:auto;
	margin-bottom:auto;
	margin-right:auto;
	position:relative;
	background-color:#FFFFFF;
	border-top: 1.5px solid #DB2B36;
	border-bottom: 1.5px solid #DB2B36;
	}

/* graues Gestaltungselement mit roten Linien am oberen Rand der Seite */
#grayTop{
	height: 8px;
	width: 1000px;
	background-color:#CCCCCC;
	border-bottom: 1.5px solid #DB2B36;
	margin-top:9px;
	}

/* graues Gestaltungselement mit roten Linien am unteren Rand der Seite */
#grayBottom{
	height: 18px;
	width: 1000px;
	background-color:#CCCCCC;
	border-top:1.5px solid #DB2B36;
	margin-bottom: 8px;
	}

/* Textstil des Paragraphen-Tags im grauen Gestaltungselement am unteren Rand der Seite (Copyright) */
#grayBottom p {
	margin:0 0 0 0;
	padding-left:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	}

/* Verlauf im Hintergrun des Content-Bereiches */
#contentBG{
	width: 1000px;
	height: 100%;
	background-image:url(../Bilder/bgcontent.gif);
	background-repeat:repeat-y;
	background-color:#ffffff;
	}

/* Wasserzeichen am unteren Ende des Content-Bereiches */
#contentWM{
	width: 1000px;
	height: 100%;
	background-image:url(../Bilder/logo_wasserzeichen.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	z-index:1;
	}


/* Groesse, Innen- und Aussenabstand des div, der den eigentlichen Content beinhaltet mit variabler Groesse */
#content{
	width: 590px;
	height:auto;
	margin-left:205px;
	margin-right:205px;
	padding-top:30px;
	padding-bottom:50px;
	z-index:2;
	}

/* Groesse und Aussenabstand von Tabellen innerhalb des Content-div */
#content table{
	width:590px;
	margin-bottom:60px;
	}

/* Breite und Ausrichtung der einzelnen Tabellenzellen im Content-div */
#content td {
	valign: top;
	width: 196px;
	}

/* Textstil, Aussenabstand und Registerzeichen fuer Listenelemente innerhalb des Content-div */
#content li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	list-style-image:url(../Bilder/ul.gif);
	line-height:18px;
	margin-left:20px;
	}

/* Groesse, Innen- und Aussenabstand des div, der den eigentlichen Content beinhaltet mit fester Groesse */ 
#contentHeight{
	width: 590px;
	height: 300px;
	margin-left:205px;
	margin-right:205px;
	padding-top:30px;
	padding-bottom:50px;
	z-index:2;
	}

/* Textstil, Aussenabstand und Registerzeichen fuer Listenelemente innerhalb des ContentHeight-div */
#contentHeight li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	list-style-image:url(../Bilder/ul.gif);
	line-height:18px;
	margin-left:20px;
	}

/* Breite, Rahmen, Farbe und Innenabstand der Navigationszeile */
#navigation{
	width:838px;
	border-top:1.5px solid #DB2B36;
	border-bottom:1.5px solid #DB2B36;
	background-color:#FFFFFF;
	padding-top:6px;
	padding-bottom:4px;
	padding-left:162px;
	}

/* Aussenabstand und Registerzeichen fuer Listenelemente innerhalb des navigation-div */
#navigation li{
	margin-right:60px;
	list-style:none;
	display:inline;
	}

/* Groesse des Banners */
#top{
	width:1000px;
	height:112px;
	}

/* Tabellenmaße nochmals extra festgelegt, da IE sonst rowspan falsch interpretiert*/
#top table{
	width:1000px;
	height:112px;
	}


/* Klassen zum Bestimmen von einzelnen Bildern oder Textabschnitten */ 

/* Stil der Navigation-Links */
.navigation{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	text-decoration: none;
	color:#DB2B36;
	font-weight:normal;
	}

/* Stil fuer einen aktiven Link der Navigation. Muss leider manuell festgelegt und in html gesetzt werden, da a:active nicht fkt. */
.naviActive{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	}


/* Groesse und Rahmen fuer Film-Vorschaubilder */
.image_preview_film{
	border:0px;
	width:170px;
	height:96px;
	}

/* Groesse der kleinen Bilder innerhalb des Banners */
.image_small{
	width:100px;
	height:56px;
	}

/* Groesse des mittleren Bildes innerhalb des Banners */
.image_medium{
	width:100px;
	height:112px;
	}

/* Groesse des grossen Bildes und Logos innerhalb des Banners */
.image_large{
	width:200px;
	height:112px;
	}

/* Ausrichtung der Schrift fuer die Filmbeschriftungen */
.film_beschriftung{
	padding-top:5px;
	padding-bottom:20px;
	valign:top;
	}