html, body, #container
{
	min-height:100%;
	width:100%;
	height:100%;
	font-size:10px;
}

html>body, html>body #container 
{
	height:auto;
}



body
{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	background-color:#fff;
}

#container
{
	text-align:center;
	height:auto;
	padding:0px;
	margin:0px;
}

a
{
	text-decoration:none;
	color:#fff;
}

a:hover
{
	color:#ddd;
	text-decoration:underline;
}

#foot a
{
	color:#555;
	text-decoration:none;
}

#foot a:hover
{
	color:#555;
	text-decoration:underline;
}

img
{
	border:0px;
}

/* -------------------------- head -------------------------- */

#head
{ 
	text-align:center;
	width:100%;
	margin:0px;
	padding:0px;
}

#kopfbanner
{
	height:40px;
	margin:auto;
	background:url(../images/logo.gif) 15px 1px no-repeat;
}

/* -------------------------- center -------------------------- */

#ContentContainer
{
	width:790px;
	text-align:left;
	padding:0px;
	margin:0px auto 0px auto;
	clear:both;
}

#ContentContainer #CCleft
{
	width:395px;
	float:left;
}
#ContentContainer #CCright
{
	width:395px;
	float:right;
}

#ContentContainer #SOHbreak
{
	width:790px;
	height:221px;
	padding:0px;
	margin:0px;
	clear:both;
}

/* -------------------------- footer -------------------------- */

#ContentContainer #foot
{
	clear:both;
	height:15px;
	width:790px;
	margin:0px;
	padding:0px;
	text-align:right;
	color:#555;
	border-top:5px solid #fff;
}

.cast div
{
	float:left;
	font-size:10px;
	text-transform:uppercase;
	position:relative;
	display:none;
}

.cast
{
	width:640px;
	position:relative;
	left:90px;
}

.mainnav
{
	position:absolute;
	left:20px;
	top:20px;
	width:145px;
	height:145px;
	display:none;
}

.hovert div
{
	overflow:hidden;
	margin:0px;
	position:absolute;
	left:20px;
	top:13px;
	height:170px;
	width:160px;
	color:#fff;
	padding:0px;
	display:block;
	font-family:verdana, sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}

.hovert div h1, .hover h1, .hoverb h1, h1
{
	color:#fff;
	display:block;
	font-family:verdana, sans-serif;
	font-size:10px;
	text-transform:uppercase;
}


.hover, .hoverb, .hoverc, .hoverv, .hovert, .hoverq
{
	width:195px;
	height:195px;
  border:0px solid #f00;
	position:absolute;
	left:-5px;
}

.hover div
{
	overflow:hidden;
	margin:0px;
	position:absolute;
	left:10px;
	height:165px;
	width:165px;
	vertical-align:middle;
	color:#fff;
	padding:0px;
	display:none;
	font-weight:normal;
}

.hoverv div
{
	overflow:hidden;
	margin:0px;
	position:relative;
	left:10px;
	height:165px;
	width:165px;
	vertical-align:middle;
	color:#fff;
	padding:0px;
	display:block;
}

.hoverb div
{

	overflow:hidden;
	border:0px solid #f00;
	margin:0px;
	position:relative;
	left:10px;
	height:165px;
	width:165px;
	vertical-align:middle;
	color:#fff;
	padding:0px;
	display:none;
	font-family: sans-serif;
	font-size:150px;
	text-align:center;
}

.hover img, .hover2 img, .hoverv img
{
	position:relative;
}

.BC1G
{
	width:25px;
	float:left;
	padding-bottom:12px;
}

.BC2G
{
	width:25px;
	float:left;
	padding-top:12px;
}

/*fuer alle Butons gleich*/
.BC1G a.rot, .BC2G a.rot, .BC1G a.play, .BC2G a.play, .BC1G a.stop, .BC2G a.stop, .BC2G .blau, .BC1G .blau, .BC1G div, .BC2G div
{
	display:block;
	width:25px;
	height:25px;
    /*Firefox Focus hide*
    text-indent:25px;*/
    font-size:0px;
    line-height:0px;
    text-decoration:none;
    overflow:hidden;
}

.BC1G a.rot, .BC2G a.rot
{
	background:url(../images/button_r.jpg) no-repeat;
}
.BC1G a.rot:hover, .BC2G a.rot:hover
{
	background:url(../images/button_r.jpg) no-repeat -25px 0px;
    text-decoration:none;
}
.BC1G a.play, .BC2G a.play
{
	background:url(../images/play_s.gif) no-repeat;
}
.BC1G a.play:hover, .BC2G a.play:hover
{
	background:url(../images/play_s.gif) no-repeat -25px 0px;
    text-decoration:none;
}
.BC1G a.stop, .BC2G a.stop
{
	background:url(../images/play_s.gif) no-repeat -50px 0px;
}
.BC1G a.stop:hover, .BC2G a.stop:hover
{
	background:url(../images/play_s.gif) no-repeat -75px 0px;
    text-decoration:none;
}

.BC2G .blau, .BC1G .blau
{
	background:url(../images/button_b.jpg) no-repeat;
}
.BC1G a.blau:hover, .BC2G a.blau:hover
{
	background:url(../images/button_b.jpg) no-repeat -25px 0px;
}

.BC1G div, .BC2G div
{
	background:url(../images/button_g.gif) no-repeat;
}

#buttons
{
	width:200px;
	height:200px;
	position:absolute;
	left:195px;
	top:7px;
}

#right
{
	width:200px;
	height:200px;
	position:absolute;
	left:195px;
	top:0px;

}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:900;
	color:#fff;
	margin:3px 0px 10px 0px; 
	Text-transform:uppercase;
	letter-spacing:1px;
}

pre
{
	display:block;
	margin:0px;
}

#subfoot
{
	position:absolute;
	left:420px;
	top:10px;
	width:200px;
	text-align:left; 
}

#subfoot a
{
	color:#0093d1;
}

div.vposition
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 790px;
	height: 670px;
	margin-left: -395px;
	margin-top: -335px;
}

#help
{
	float:left;
	padding-left:10px;
	font-size:10px;
	white-space:nowrap;
	width:450px;
	text-align:left;
}
 #help a,  #help a:hover 
{
	text-decoration:none;
} 

#helpC
{
	font-size:10px;
	white-space:nowrap;
	display:none;
}

#help #helpC img
{
	vertical-align:middle;
	border-left:5px solid #fff;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	height:14px;
	width:auto;
}

#help img
{
	vertical-align:middle;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	width:1px;
	height:14px;
}

#help #helpC #thema
{
	width:40px;
}

#copyright
{
	float:right;
	width:250px;
}

#nFocus
{
	width:0px;
	height:0px;
	font-size:0px;
	position:absolute;
	left:-10px;
	top:-10px;
	z-index:0;
	color:#f00;
}

.vAlign
{
width:200px;
height:200px;
}