@charset "UTF-8";
body {
	font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serifVerdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #ffffff;
	line-height:16pt;
}
#container {
	width: 910px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */

	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
#header {
	
	background-image:url(bilder/titel.gif);
	background-repeat:no-repeat;
	height:383px;
	margin-bottom:20px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
}
#header img {
	padding-top:136px;
}
#menu {width: 890px;
height:35px;
background-color:#000;
background-image:url(bilder/hg_menu.gif);
background-repeat:no-repeat;
margin-bottom:20px; 
color:#FFF;
text-transform:uppercase;
font-size:12pt;
padding-left:20px;
line-height:35px;
}
#menu a:link, #menu a:visited, .textblock a:link, .textblock a:visited, .rechts a:link, .rechts a:visited  {color:#aeaeae;
text-decoration:none;}
#menu a:hover, #menu a:active, .textblock a:hover, .textblock a:active, .rechts a:hover, .rechts a:active {color:#fff;
text-decoration:underline;}
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {margin-left:15px;}
.textblock a:link, .textblock a:visited, .textblock a:hover, .textblock a:active, .textblock_nopict a:link, .textblock_nopict a:visited, .textblock_nopict a:hover, .textblock_nopictk a:active {font-weight:bold;}


.main {margin-bottom:20px;width:910px;overflow: hidden}
.textblock {
	width: 610px;
	background-color:#000;
	padding: 25px 270px 25px 30px;
	/* overflow: hidden;
	height:317px; */
	background-image:url(bilder/map-dummy.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.textblock_nopict {
	width: 855px;
	background-color:#000;
	padding: 25px 25px 25px 30px;
	/* overflow: hidden;
	height:317px; */
}

h1 {font-size: 20pt; font-weight:normal; margin-bottom:-10px; padding-bottom:0px;}
h2 {font-size: 16pt; font-weight:normal; margin-bottom:-10px; padding-bottom:0px;}
h3 {font-size: 12pt; font-weight:normal; margin-bottom:-10px; padding-bottom:0px;}

.video {
	width: 640px;
	height:390px;
	background-color:#000;
	float:left;
	margin-right:20px;
}

.rechts {
width: 210px;
	height:370px;
	background-color:#000;
	float:left;
	padding: 25px 20px 0px 20px;
}
.hl {margin-bottom:10px;}

.main .one {
	padding: 0 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background: #FFFFFF;
}

.moviestills {
width:885px;
height:75px;
background-color: #000;
background-image:url(bilder/hg_moviestills.gif);
background-repeat:no-repeat;
background-position: right center;
padding-bottom: 25px;
padding-left: 25px;

overflow: hidden;
}

.moviestills img {padding-right:23px; padding-top:15px;}
#footer {
	text-align:right; color:#000; font-size:9pt; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */

}
#footer a:link, #footer a:visited {color:#000;
text-decoration:none;}
#footer a:hover, #footer a:active {color:#9f0808;
text-decoration:underline;}