/* Allgemeine StyleSheet Angaben */
body{
	background-color:#000000;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}

*{
	font-family:Verdana;
	font-size: 9pt;
	margin:0px;
	padding:0px;
}

h1,h2,h3,p,ul,li,a,div{
	color: #999999;
}

ul {
	list-style-type:none;
}

img {
 border-width:0px;
 border-style:none;
}

a{text-decoration:none;color:#FFFFFF;}
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
a:focus { text-decoration:none;}

/* StyleSheet fuer Menu */
#menu{
	position:absolute;
	top:6px;
	left:200px;
	width:800px;
	height:15px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-color:#999999;
}


input{
	
	color:#999999;
}

input:hover{
	text-decoration:underline;
}

.logo {
    position:absolute;
	top:0px;
	left:00px;
	
	width:200px;
	height:30px;
	text-align:right;
}

.logo h1{
	font-size:14pt;
}
#menu * ul{
	margin-top:0px;
	margin-left:160px;
}

#menu * a{
	padding:2px;
	margin-right:60px;
	color:#999999;
}

#menu * a.active{
	color:#000000;
	background-color:#999999;

}

#menu * a:hover { 
	color:#000000;
	background-color:#CCCCCC;
	text-decoration:none;
}

.active{
	color:#000000;
	background-color:#999999;
}

#menu * input{
	background-color: #000000; 
	border-style:dotted;
	border-width:1px;
	border-bottom-style:none;
	border-bottom-width:1px;
	border-color:#999999;
	color:#999999;
	width:100px;
	margin-left:5px;
}

#menu * input.send{
	width:40px;
	border-style:none;
	border-width:1px;
	border-color:#000000;
	height:14px;
}

#menu ul li, #content ul li{
	display:inline; 
}

/* StyleSheet fuer Serien und Weltweit */

#series{
	position:absolute;
	top:78px;
	left:200px;
	width:800px;
	text-align:right;
}

#series ul li{
	clear:left;
	padding-top:30px;
}

#series * .image{
float:left;
width:152px;
}

#series *  .desc{
	text-align:left;
	padding-left:165px;
}


#series * .image a{
	display:block;
	padding:1px;
	width:152px;
	margin-right:10px;
}

#series * .image a span{
display:block;
}

#series * .image a:hover { 
	color:#000000;
	background-color:#CCCCCC;
	text-decoration:none;
}

#series * img {
 width:150px;
 height:80px;
}


/* StyleSheet fuer den Content */

#content,#tumbnails{
	position:absolute;
	top:78px;
	left:200px;
	width:800px;
	text-align:center;
}

#page{
	position:absolute;
	top:78px;
	left:200px;
	width:800px;
	text-align:left;
}

#page img.imageFloat{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:150px;
	height:68px;
}

#page ul {
	list-style-type:none;
	margin-top:20px;
	margin-bottom:20px;
}

#page h1{
	margin-top:0px;
	margin-bottom:10px;
	font-size:20px;
}


#nav2{
	position:absolute;
	top:70px;
	left:10px;
	width:180px;
	text-align:right;

}


#tumbnails{
display:none;
}


#content h1,#tumbnails h1,#serieninfo h1,#nav2 h1{
	color:#FFFFFF;
	font-size:14pt;
	margin-bottom:20px;
	font-variant:small-caps;
}

.info{
	width:800px;
	text-align:center;
	height:15px;
	margin-bottom:10px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-color:#999999;
	
}

.info2{
	width:800px;
	text-align:center;
	height:15px;
	margin-bottom:20px;
	border-top-style:dotted;
	border-top-width:1px;
	border-color:#999999;
	text-align:right;
	clear:left;
}

#serieninfo{
	
	position:absolute;
	top:80px;
	left:420px;
	
	width:590px;
	margin-bottom:20px;
	text-align:justify;
}

.info .spalte1{
	width:266px;
	text-align:left;
	float:left;
}
.info .spalte2{
	width:266px;
	text-align:center;
	float:left;
}
.info .spalte3{
	width:266px;
	text-align:right;
	float:left;
}

.info  * img{
width:500px;
height:540px;
}

#content h2{
	font-size:14pt;
	margin-top:10px;
	margin-bottom:20px;
	font-variant:small-caps;
}

#content p.spalte1,#serieninfo p.spalte1{
	width:390px;
	text-align:left;
	float:left;
    margin-right:15px;
	margin-bottom:20px;
	margin-top:20px;
}

#content p.spalte2,#serieninfo p.spalte2{
	width:390px;
	text-align:left;
	float:left;
	margin-bottom:20px;
	margin-top:20px;
}

/* StyleSheet für den Filmstreifen*/

.strip {
	float:left;
	padding-top:5px;
    border-top-style:dotted;
	border-top-width:1px;
	
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-color:#999999;
	
	height:77px;
}

.strip  ul{
	width:734px;
	height:77px;
	overflow:hidden;
	float:left;
}
.strip * img{
	width:100px;
	height:68px;
}

.strip * a{
	float:left;
	padding:1px;
	margin:1px;
}

.strip * a:hover{
	background-color:#999999;
}

.strip * a.active{
	background-color:#00FF00;
}

.strip .button{
	display:block;
	width:30px;
	height:69px;
	line-height:65px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	float:left;
	margin-right:1px;
	margin-top:2px;
}

.strip a.button:hover{
	color:#000000;
	background-color:#CCCCCC;
	text-decoration:none;
}

.tumbnailContainer{
	width:800px;
	display:block;
	margin-top:10px;
	margin-bottom:20px;
	clear:left;
}

/* StyleSheets für die Tumbnail-Ansicht */
.tumbnail{
	text-align:left;
	width:260px;
	float:left;
	padding:1px;
	margin-bottom:10px;
	
	border-style:dotted;
	border-width:1px;
	border-color:#000000;
}
.tumbnail:hover{
	border-style:dotted;
	border-width:1px;
	border-color:#999999;
}

.tumbnail * img{
	width:100px;
	height:68px;
}

.tumbnail div{
	float:left;
	background-color:#000000;
}

.tumbnail .image{
	width:100px;
}

.tumbnail .title{
	padding-left:3px;
	width:140px;
	height:68px;
}

.tumbnail .check{
	padding-top:55px;
	width:15px;
}


.overview{
	height:14px;
	width:800px;
	text-align:left;
	margin-top:100px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-color:#999999;
	clear:left;
}

#index{
	position:absolute;
	top:200px;
	left:100px;
	width:900px;
	border-top-style:dotted;
	border-top-width:1px;
	border-color:#999999;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding-top:15px;
}

#index div.spalte1{
width:500px;
float:left;
height:300px;
margin-bottom:20px;
}

#index h1{
margin-bottom:20px;
font-size:30px;
text-align:right;
font-weight:normal;
}

#index h2{
margin-bottom:100px;
text-align:left;
font-weight:normal;
}

#index h3{
margin-bottom:10px;
}

#index div.spalte2{
margin-left:20px;
width:380px;
float:left;
height:300px;
margin-bottom:20px;
text-align:right;

}

.footer{
	margin-top:50px;
	padding-top:10px;
	border-top-style:dotted;
	border-top-width:1px;
	border-color:#999999;
	text-align:left;
	height:50px;
}

#footer{
	position:absolute;
	top:550px;
	left:100px;
	text-align:right;
	
}

.merkliste{
margin-top:20px;
margin-bottom:20px;
}

.merklistInfo{
clear:left;
width:800px;
text-align:left;
height:200px;
}