* { padding: 0; margin: 0; }



body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
  height:100%;
  margin:0;
  padding:0;
  background:#344156 url(./../pics/webseite/page-bg.gif) repeat-x;

}

p {
 padding-top: 5px;
 padding_bottom: 5px;
}

#wrapper { 
 margin: 0 auto; 
 width: 1016px;
 background-image: url(./../pics/webseite/bg.gif);
 border-left: 5px solid #242f40;
 border-right: 5px solid #242f40;
 border-bottom: 0px solid #242f40;
}

#content { 
 float: left;
 color: #f0f0f0;
 background: #222327;
 min-height: 900px;
 width: 730px;
 display: inline;
 padding: 13px 13px 13px 13px;
}
#content h1 {
 color: #c40000;
 font-size: 1.3em;
 font-weight:bold;
 padding-bottom: 7px;
 text-transform: uppercase;
 letter-spacing: 0.1em;
}
#content h2 {
 color: #494949;
 font-size: 1.0em;
 font-weight:bold;
 padding-bottom: 3px;
 text-transform: uppercase;
 letter-spacing: 0.1em;
}

#content a:link {color:#ffa903; text-decoration:none;}
#content a:visited {color:#ffa903; text-decoration:none;}
#content a:active {color:#ffa903; text-decoration:none;}
#content a:hover {color:#ffffff; text-decoration:none;}

#indexli { 
 float:left; 
 width:300px; 
 border:0px solid #ccc; 
 margin-right: 20px; 
 margin-top: 10px; 
 text-align: justify;
}
#indexre { 
 float:left;
 width:380px;
 padding-left: 30px;
 border:0px solid #fff;
 margin-top: 10px;
 text-align: justify;}

#b img {background: #ffffff; padding:8px;}

#darbox-left { 
 float:left; 
 width:366px;  
 margin-right: 14px; 
 margin-top: 10px; 
}

#darbox-right { 
 float:left;
 width:344px;
 margin-top: 10px;
 line-height: 1.5em;
}
 
#darbox-left img {background: #ffffff; padding:8px;}

#darboxfilm-left { 
 float:left; 
 width:400px; 
 border:0px solid #ccc; 
 margin-right: 14px; 
 margin-top: 10px; 
 text-align: justify;
}

#darboxfan-right { 
 float:left;
 width:310px;
 border:0px solid #fff;
 margin-top: 10px;
 text-align: justify;
 line-height: 1.5em;
}
#darboxpost-left { 
 float:left; 
 width:400px; 
 border:0px solid #ccc; 
 margin-right: 14px; 
 margin-top: 10px; 
 font-size: 9px;
}

#darboxthema-right { 
 float:left;
 width:310px;
 border:0px solid #fff;
 margin-top: 10px;
 font-size: 11px;
 line-height: 1.5em;
}
 
#darbox-left img {background: #ffffff; padding:8px;}

#header {
 color: #fff;
 width: 1016px;
 float: left;
 height: 150px;
 background: #000;
}

#footer { 
 width: 1016px;
 height: 305px;
 float: left;
 color: #a9a9a9;
 background: #000 url(./../pics/webseite/footer-bg.jpg) no-repeat;
 background-position:bottom left;
}
#footer a:link {color:#ffa903; text-decoration:none;}
#footer a:visited {color:#ffa903; text-decoration:none;}
#footer a:active {color:#ffa903; text-decoration:none;}
#footer a:hover {color:#ffffff; text-decoration:none;}

.foot1 {
 width: 245px;
 height: 290px;
 border-right: 1px dashed #000;
 font-size: 11px;
 color: #a9a9a9;
 float: left;
 padding: 4px;
}
.foot2 {
 width: 245px;
 height: 290px;
 border-left: 0px dashed #000;
 font-size: 10px;
 color: #a9a9a9;
 float: left;
 padding: 4px;
}
#footer h2 {
 color: #6e6e6e;
 font-size: 1.2em;
 font-weight:bold;
 padding-bottom: 3px;
 text-transform: uppercase;
 letter-spacing: 0.1em;
}


#navigation {
 float: left;
 width: 1016px;
 height: 41px;
 color: #333;
 background: #cc0a0a url(./../pics/webseite/nav.gif) repeat-x;
}
#rightcolumn a:link {color:#ffa903; text-decoration:none;}
#rightcolumn a:visited {color:#ffa903; text-decoration:none;}
#rightcolumn a:active {color:#ffa903; text-decoration:none;}
#rightcolumn a:hover {color:#ffffff; text-decoration:none;}

#rightcolumn { 
 color: #333;
 width: 260px;
 float: left;
 padding-top: 13px;
}
#rightcolumn h1 {
 background: #cc0a0b;
 padding: 7px 10px 7px 0px;
 text-align: right;
 color: #000;
 font-size:14px;
 font-weight:bold;
}
#rightcolumn h2 {
 background: #cc0a0a url(./../pics/webseite/box-right-bg.gif) repeat-x;
 padding: 7px 10px 7px 0px;
 text-align: right;
 color: #000;
 font-size:14px;
 text-transform: uppercase;
 letter-spacing: 1px;
 font-weight:bold;
 border-top:1px solid #7b7b7b;
 border-left:1px solid #7b7b7b;
 border-bottom:1px solid #1d1d1d;
 border-right: 0px;
 -moz-border-radius-topleft:3px;
 -moz-border-radius-bottomleft:3px;
 -khtml-border-radius-topleft:10px;
 -khtml-border-radius-bottomleft:10px;
}
.box {
 background:#222327;
 font-size: 1em;
 color: #f0f0f0;
 margin-bottom: 10px;
 padding-top: 5px;
 padding-left: 3px;
 padding-right: 7px;
}
.box2 {
 background:#222327;
 font-size: 1em;
 color: #f0f0f0;
 margin-bottom: 10px;
 padding-top: 0px;
 padding-left: 0px;
 padding-right: 0px;
}
.boxnav {
 background:#222327;
 font-size: 1em;
 letter-spacing: 0.2px;
 line-height: 1.5em;
 color: #f0f0f0;
 min-height:170px;
 margin-bottom: 10px;
 padding-top: 5px;
 padding-left: 3px;
 padding-right: 7px;
}
/* Puzzel */
.puzzel {
 background-color:#101010;
 border: 1px solid #29292a;
 padding: 10px 10px 9px 10px;
 font-size:9px; color: #f0f0f0;
 line-height:16px;
 float:left;
 margin-right:12px;
 margin-bottom: 16px;
}
.puzzel-right {
 background-color:#101010;
 border: 1px solid #29292a;
 padding: 10px 10px 9px 10px;
 font-size:9px; color: #f0f0f0;
 line-height:16px;
 float:left;
 margin-bottom: 16px;
}

/* Episoden */

#epibox-left { 
 float:left; 
 width:390px;  
 margin-right: 14px; 
 margin-top: 10px;
 line-height: 1.5em; 
}
#epibox-right { 
 float:left; 
 width:320px;  
 margin-top: 10px;
}
#epibox-right td { 
 color: #e0e0e0;
 
}
#epiboxdar-left { 
 float:left; 
 width:355px;  
 margin-right: 7px; 
 margin-top: 10px;
 line-height: 1.5em; 
}

#epiboxdar-right { 
 float:left; 
 width:355px;  
 margin-right: 7px; 
 margin-top: 10px;
 line-height: 1.5em;

 
}
#epibox-right h2 {
 color: #91939a;
 font-size: 1.0em;
 font-weight:bold;
 padding-bottom: 7px;
 padding-top: 10px;
 text-transform: uppercase;
 letter-spacing: 0.1em;
}

.epiboxtxt {
 background-color: #141414;
 color: #a3a3a3;
 font-family: Verdana;
 font-size: 0.9em;
 overflow:hidden;
 border: 1px solid #c40000;
}
.epiboxfeld1 {
 font-size: 1.0em;
 color: #a3a3a3;
 background: #0d0d0d;
 border: 1px dashed #c40000;
}
.epiboxfeld {
 font-size: 1.0em;
 color: #a3a3a3;
 background: #0d0d0d;
 border: 1px solid #c40000;
}
.epiboxbutton {
 font-size: 1.0em;
 font-weight: bold;
 color: #f0f0f0;
 background: #c40000;
 border: 3px solid #141414;
 padding: 3px;
}

#staffelbox-left { 
 float:left; 
 width:410px;  
 margin-left: 14px; 
 margin-top: 10px;  
}
#staffelbox-right { 
 float:left; 
 width:290px;  
 margin-right: 4px;
 margin-left: 10px; 
 margin-top: 10px; 
}
#staffelbox-1 { 
 float:left; 
 width:240px;  
 margin-left: 0px; 
 margin-top: 10px; 
}
#staffelbox-2 { 
 float:left; 
 width:230px;  
 margin-left: 0px;
 padding-left: 10px; 
 margin-top: 10px; 
}
#staffelbox-3 { 
 float:left; 
 width:230px;  
 margin-left: 0px;
 padding-left: 10px; 
 margin-top: 10px; 
}

#videobox1 { 
 float:left; 
 width:341px;
 margin-left: 0px; 
 margin-top: 15px;
 padding: 5px;
 padding-bottom: 10px;
 background: #292b2f;
 border: 1px solid #191a1e; 
 -moz-border-radius:6px;
 -khtml-border-radius:22px;

}
#videopic {
 width:181px;
 float: left;
}

#videotext {
 width:150px;
 margin-left: 5px;
 padding-left: 5px;
 font-size: 8pt;
 float: left;
}
#videobox2 { 
 float:left; 
 width:341px;
 margin-left: 15px; 
 margin-top: 15px;
 padding: 5px;
 padding-bottom: 10px;
 background: #292b2f;
 border: 1px solid #191a1e;
 -moz-border-radius:6px;
 -khtml-border-radius:22px;
}


td.votingbox {
width: 20px; 
BACKGROUND: #BBB790 url(./pics/v0.gif) repeat-y;
FONT-SIZE: 0.7em; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

input.votingbox {
BACKGROUND:#BBB790 url(./pics/v0.gif) repeat-y;
FONT-SIZE: 0.7em; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
td.votingbox1 {
width: 20px;
BACKGROUND: #BBB790 url(../pics/v1.gif) repeat-y;
FONT-SIZE: 0.7em; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


input.votingbox1 {
BORDER: 0px solid #000000; 
BACKGROUND: #BBB790 url(../pics/v1.gif) repeat-y;
FONT-SIZE: 0.7em; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
td.votingbox2 {
width: 20px;
height: 20px; 
BACKGROUND: #BBB790 url(../pics/v2.gif) repeat-y;
FONT-SIZE: 0.7em; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

input.votingbox2 { 
BACKGROUND: #BBB790 url(../pics/v2.gif) repeat-y;
FONT-SIZE: 0.7em; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
td.votingbox3 {
width: 20px; 
BACKGROUND: #BBB790 url(../pics/v3.gif) repeat-y;
FONT-SIZE: 0.7em; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


input.votingbox3 { 
BACKGROUND: #BBB790 url(../pics/v3.gif) repeat-y;
FONT-SIZE: 0.7em; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
td.votingbox4 {
width: 20px; 
BACKGROUND: #BBB790 url(../pics/v4.gif) repeat-y;
FONT-SIZE: 0.7em; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


input.votingbox4 { 
BACKGROUND: #BBB790 url(../pics/v4.gif) repeat-y;
FONT-SIZE: 0.7em; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
td.votingbox5 {
width: 20px;
BORDER: 0px solid #000000; 
BACKGROUND-color: #BBB790;
background-image:url(../pics/v5.gif);
background-repeat:repeat-y;
FONT-SIZE: 7pt; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
input.votingbox5 { 
BACKGROUND: #BBB790 url(../pics/v5.gif) repeat-y;
FONT-SIZE: 0.7em; font-color: #665B3E; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}



/*  */

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#000;
	font-size: 9px;
	}
.screenshot img {
	border: 1px solid silver;
	padding: 1px;
	margin: 2px;
}
.screenshot:hover img {
	border-color: #ffa903;
}

/*  */

.page-numbers {
	font-size: 10px;
	padding: 4px 6px;
	border-width: 1px;
	margin: 1px;
	border-style: solid;
	background-color: #474951;
	border-color: #ccc;
 -moz-border-radius:3px;
 -khtml-border-radius:10px;
}

.page-numbers.current {
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	background-color: #3c4b51;
	border-color: #ffa903;
	margin-right: -3px;
	color: #fff;
 -moz-border-radius:3px;
 -khtml-border-radius:10px;
}

a.page-numbers:hover {
	border-color: #ffa903;
 -moz-border-radius:3px;
 -khtml-border-radius:10px;
}
a#atvepi{
display:block;
width:48px;
height:48px;
background: transparent url(./../pics/webseite/episode-g.png) 0px 0px no-repeat;
}
a:hover#atvepi{
background: transparent url(./../pics/webseite/episode-g.png) 0px -48px no-repeat;
}
a#atvbild{
display:block;
width:48px;
height:48px;
background: transparent url(./../pics/webseite/pic-g.png) 0px 0px no-repeat;
}
a:hover#atvbild{
background: transparent url(./../pics/webseite/pic-g.png) 0px -48px no-repeat;
}
a#atvclip{
display:block;
width:48px;
height:48px;
background: transparent url(./../pics/webseite/video-g.png) 0px 0px no-repeat;
}
a:hover#atvclip{
background: transparent url(./../pics/webseite/video-g.png) 0px -48px no-repeat;
}