/* ---- Styles The Tell-Tale Heart ---- */


/* ---- Standard ---- */

body 	{ 	
	background-color:#DBAF70; color:#192E19;
	font-family:'Times New Roman',Times,serif;
	margin:0; padding: 0;
	}

iframe	{
	margin: 0;
	padding: 0;
	border: 0;
	}
	
div 	{ margin:0; }

td 	{ 
	margin: 0; padding: 0;
	vertical-align:top; 
	text-align:left;
	}

p 	{ 
	margin:0; 
	font-size:11pt; line-height:16pt;
	text-align:left; word-spacing:-1px;
	}

img 	{ 
	margin:0; 
	border:0; 
	}

a 	{ margin: 0; }
a:link { color: #4E5C38; text-decoration: none } 
a:visited { color: #4E5C38; text-decoration: none }
a:active { color: #A80000; text-decoration: none }
a:hover { color: #A80000; text-decoration: none } 

/* ---- Index ---- */

.indexbody { 
	margin-top: 100px; 
	background-color: Black;
	}
.indexbody p { text-align:center; }
.indexbody img { display: inline; }
.kltext {
	font-size:11px; 
	line-height:11pt; 
	}
	
/* ---- Poe ---- */

.centerbody { text-align: center; }
.centerdiv {
	width: 799px; height: 647px; 
	margin: 10px auto 0 auto;
	}

.menuediv {
	width: 799px; height: 81px;
	border-left: 2px solid #192E19;
	border-top: 2px solid #192E19;
	border-right: 2px solid #192E19;
	}

.menuediv img { 
	height: 81px;
	float: left; 
	}

.inhaltdiv {
	width: 799px; height: 566px;
	border-left: 2px solid #192E19;
	border-bottom: 2px solid #192E19;
	border-right: 2px solid #192E19;
	}

/* ---- Home ---- */

.texthome {
	width: 400px; height: 110px;
	position: absolute;
	left: 125px; top: 440px;
	}
.texthome p {
	text-align: center;
	}

a.praedikatbt {
	display: block;
	position: absolute;
	left: 650px; top: 433px;
	background: url(../bilder/praedikat.gif) no-repeat;
	width: 116px; height: 115px;
	}
a.praedikatbt:hover { background-position: 2px 2px; }

#trickpiraten {
	width: 123px; height: 87px;
	position: absolute;
	left: 670px; top: 15px;
	}

/* ---- JavaScript ---- */

.jstext {
	position: absolute;
	left: 200px; top: 160px;
	}
.jstext p { margin-bottom: 10px; }
.jstext a { display: block; margin: 15px 0 30px 0; }

/* ---- Film ---- */

.textfilm1 {
	width: 480px; height: 200px;
	position: absolute;
	left: 50px; top: 60px;
	}

.textfilm2 {
	width: 420px; height: 200px;
	position: absolute;
	left: 260px; top: 260px;
	}

.linksfilm {
	width: 100px; height: 200px;
	position: absolute;
	left: 540px; top: 60px;
	text-align: center; 
	}

.linksfilm img { 
	margin-bottom: 4px;
	display: block; 
	cursor: pointer;
	border: 2px solid #192E19;
	}
.linksfilm span { 
	display: block;
	margin-bottom: 16px; 
	line-height: 12pt;
	}
.linksfilm a:hover img {
	border-color: #B78B53;
	}

/* ---- Player ---- */

.textplay {
	width: 400px; height: 100px;
	position: absolute;
	left: 215px; top: 420px;
	}
.textplay p { 
	font-size: 9pt;
	line-height: 13pt;
	text-align: center; 
	}

.flashlink { font-size:11px; }

#playerzelle {
	background-image:url(../bilder/film/fiplbg.jpg); 
	vertical-align: middle;
	text-align: center;
	}
#playerzelle p {
	text-align: center;
	}

#filmschieber {
        width:40px; height:39px;
        position:absolute;
        left:350px; top:375px;
	z-index: 2;
	cursor:pointer;
        }

/* ---- Crew ---- */

.textcrew {
	position: absolute;
	left: 250px; top: 65px;
	}
.textcrew span { visibility: hidden; }

a.sensanet {
	display: block; 
	position: absolute;
	cursor: default;
	width: 150px; height: 188px;
	left: 35px; top: 45px;
	background: url(../bilder/bignichts.gif) no-repeat;
	}
a.sensgregor {
	display: block; 
	position: absolute; 
	cursor: default; 
	width: 90px; height: 165px;
	left: 45px; top: 313px;
	background: url(../bilder/bignichts.gif) no-repeat;
	}
a.sensmax {
	display: block; 
	position: absolute; 
	cursor: default; 
	width: 110px; height: 150px;
	left: 202px; top: 360px;
	background: url(../bilder/bignichts.gif) no-repeat;
	}
a.sensdaniel {
	display: block; 
	position: absolute; 
	cursor: default; 
	width: 102px; height: 170px;
	left: 656px; top: 30px;
	background: url(../bilder/bignichts.gif) no-repeat;
	}
a.sensfabian {
	display: block; 
	position: absolute; 
	cursor: default; 
	width: 85px; height: 120px;
	left: 685px; top: 240px;
	background: url(../bilder/bignichts.gif) no-repeat;
	}
a.sensandreas {
	display: block; 
	position: absolute; 
	cursor: default; 
	width: 100px; height: 140px;
	left: 660px; top: 390px;
	background: url(../bilder/bignichts.gif) no-repeat;
	}
a.sensed {
	display: block; 
	position: absolute; 
	cursor: default; 
	width: 80px; height: 200px;
	left: 435px; top: 330px;
	background: url(../bilder/bignichts.gif) no-repeat;
	}
.sensitives span { display: none; }
/* nur für IE6 */
a.sensanet:hover { background-position: 0px 0px; }
a.sensgregor:hover { background-position: 0px 0px; }
a.sensmax:hover { background-position: 0px 0px; }
a.sensdaniel:hover { background-position: 0px 0px; }
a.sensfabian:hover { background-position: 0px 0px; }
a.sensandreas:hover { background-position: 0px 0px; }
a.sensed:hover { background-position: 0px 0px; }
/* ----------- */
a.sensanet:hover span { 
	display: block;
	position: absolute; 
        width:110px; height:28px;
        left:55px; top:213px;
	background: url(../bilder/crew/crnaanet.gif) no-repeat;
 	}
a.sensgregor:hover span { 
	display: block; 
	position: absolute; 
        width:131px; height:27px;
        left:-15px; top:188px;
	background: url(../bilder/crew/crnagregor.gif) no-repeat;
	}
a.sensmax:hover span {
	display: block;
	position: absolute; 
        width:99px; height:29px;
        left:132px; top:141px;
	background: url(../bilder/crew/crnamax.gif) no-repeat;
	}
a.sensdaniel:hover span {
	display: block;
	position: absolute; 
        width:141px; height:47px;
        left:-125px; top:167px;
	background: url(../bilder/crew/crnadaniel.gif) no-repeat;
	}
a.sensfabian:hover span {
	display: block;
	position: absolute; 
        width:110px; height:28px;
        left:-107px; top:100px;
	background: url(../bilder/crew/crnafabian.gif) no-repeat;
	}
a.sensandreas:hover span {
	display: block;
	position: absolute; 
        width:127px; height:28px;
        left:-145px; top:111px;
	background: url(../bilder/crew/crnaandreas.gif) no-repeat;
	}
a.sensed:hover span {
	display: block;
	position: absolute; 
        width:37px; height:27px;
        left:80px; top:70px;
	background: url(../bilder/crew/crnaed.gif) no-repeat;
	}

/* ---- Galerie ---- */

a.pfeilz {
	display: block;
        position:absolute;
        left:320px; top:430px;
	background: url(../bilder/galerie/pfeilzi.gif) no-repeat right;
        width:78px; height:31px;
	}
a.pfeilv {
	display: block;
        position:absolute;
        left:398px; top:430px;
	background: url(../bilder/galerie/pfeilvi.gif) no-repeat;
        width:92px; height:28px;
	}
a.pfeilz:hover {
	background: url(../bilder/galerie/pfeilza.gif) no-repeat;
	background-position: left;
	}
a.pfeilv:hover {
	background: url(../bilder/galerie/pfeilva.gif) no-repeat;
	background-position: right;
	}

.gathumbs {
        width:766px; height:42px;
        position:absolute;
        left:26px; top:470px;
	}
.gathumbs img {
	width: 78px; height: 42px;
	margin-right: 2px;
	}

/* ---- Download ---- */

.downsymbol {
	position: absolute;
	left: 295px; top: 50px;
	text-align: right;
	}
.downsymbol img { display: block; }
.thmov	{ margin-bottom: 15px; }
.thpdf	{ margin-bottom: 145px; }
.thstills { margin-bottom: 6px; }
.thanet	{ margin-bottom: 20px; }

.textdownload {
	position: absolute;
	left: 380px; top: 50px;
	}

.textdownload h1, h1.spacee {
	font-size: 13pt;
	line-height: 14px; 
	}
.textdownload h1 { margin: 0 0 16px 0; }
.textdownload h1.spacee { margin: 0 0 5px 0; }

.textdownload span {
	font-size: 8pt;
	font-weight: normal;
	}

.downloadhint {
	position: absolute;
	left: 40px; top: 100px;
	}

/* ---- Contact ---- */

.textcontact1 {
	position: absolute;
	left: 185px; top: 165px;
	}
.trickpiratenc {
	width: 123px; height: 87px;
	position: absolute;
	left: 145px; top: -35px;
	}

.textcontact2 {
	position: absolute;
	left: 400px; top: 300px;
	}
.hff	{
	width: 52px; height: 63px;
	position: absolute;
	left: 200px; top: 72px;
	}

.miniimpressum {
        position:absolute;
        left:5px; top:475px;
        }
.miniimpressum p {
	margin-bottom: 8px;
	font-size:11px;
	line-height:10pt;
	}
.unten	{ vertical-align: bottom; }
.rechts { 
	text-align: right; 
	padding-right: 20px;
	}