@charset "utf-8";

body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #fff;  /*alter wert #fff  */
    	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: #000000;
    }
.oneColFixCtr #container {
    	width: 680px;  /* 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. */
    	background: #fff;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border: 0px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
.oneColFixCtr #mainContent {
    	padding: 0 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    }
#oben {
	width:680px;
	height:438px;
	z-index:1;
	background-color: #fff;
	}
#oben2 {
	position:absolute;
	width:680px;
	top: 380px;
	z-index:20;
}
#unten {
	width:460px;
	height:369px;
	z-index:1;
	background-color: #CC0066;
	margin-left:110px;
	background-image:url(images/bg_unten.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:0px;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration: none;
	font-weight:bold;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration: none;
	font-weight:bold;
}
.stand {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration: none;
	font-weight:bold;
	font-size: 9px;
}
#textfeld {
	position:absolute;
	margin-left:60px;
	margin-top:25px;
	width:380px;
	height:280px;
	z-index:2;
	padding-right:10px;

}.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 15px;
}
.copyBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	font-style: normal;
}







    #encFilmMain
    {
	width:325px; /* Max widht of the container */
    }
    #encFilm 
    {
	height:300px;
	padding:5px 5px 5px 5px;
    }
    #encFilmInner
    {
	position:relative;
	padding:5px 5px 5px 5px;
	height:260px; /* Inner films height. It will be -10 from Max height */
	width:330px; /* this will be -20px from full width of #encFilmMain*/
	overflow:hidden;
    }
    #encScrollBarTop
    {           
      background:url('img/bg-1.jpg') left center repeat-x #333;
      text-align:center;
      color:#fff;
    }
    #encScrollBarBottom
    {    
      background:url('img/bg-1.jpg') left center repeat-x #333;
      text-align:center;
      color:#fff;
    }
    #encScrollBarTop a, #encScrollBarBottom a
    {
      line-height:20px;
      padding:2px;
      color:#fff;
      display:block;
      text-decoration:none;
    }
    #encNav
    {
	position:relative;
	color:#000;
	top:0px;
	width: 330px;
    }
	#knopf_oben {
	position:absolute;
	left:360px;
	top:40px;
	width:30px;
	height:80px;
	z-index:30;
}
	#knopf_unten {
	position:absolute;
	left:360px;
	top:170px;
	width:30px;
	height:80px;
	z-index:30;
}