@charset "UTF-8";
/* CSS Document */

body{ background-color: #CCCCCC; background-image:url(../img/bg.png); background-position:top; background-repeat:repeat-x;}

.menulink { text-decoration:none; border:0 none;}
.menulink:link, .menulink:visited { color: #000000; border:0 none;}
.menulink:link:hover, .menulink:visited:hover { color: #666666;	border:0 none;}

.b { text-decoration:none; border-bottom:1px dotted #A98861;}
.b:link, .b:visited { color: #A98861; border-bottom:1px dotted #A98861;}
.b:link:hover, .b:visited:hover { color: #666666;	border:0 none;}

a { text-decoration:none; border:0 none;}
a:link, a:visited { color: #A98861; border:0 none;}
a:link:hover, a:visited:hover { color: #666666;	border:0 none;}

#enterbutton{
	position:absolute; 
	top:100px; 
	left:30px; 
	border:0;
	width:150px;
	height:100px;
	text-align:center;
	z-index:6;
}
#twitterbutton{
	position:absolute; 
	top:200px; 
	left:40px; 
	border:0;
	width:150px;
	height:100px;
	text-align:center;
	z-index:6;
}
#webcambutton{
	position:absolute; 
	top:300px; 
	left:40px; 
	border:0;
	width:150px;
	height:100px;
	text-align:center;
	z-index:6;
}
#facebookbutton{
	position:absolute; 
	top:400px; 
	left:40px; 
	border:0;
	width:150px;
	height:100px;
	text-align:center;
	z-index:6;
}
#mapsbutton{
	position:absolute; 
	top:500px; 
	left:40px; 
	border:0;
	width:150px;
	height:100px;
	text-align:center;
	z-index:6;
}
#center{
	top:30px; 
	left:50%; 
	margin-left:-350px;  
	position:absolute;
}
#contentbox{
	width:700px;
	height:550px;
	position:absolute;
	background:#FFFFFF;
	z-index:2;
}
#titel{
	height:24px;
	width:700px;
}
.title1{
	background-image: url(../img/titel1.png);
	height:24px;
	width:677px;
	float:left;
}
.title2{
	background-image: url(../img/titel2.png);
	height:24px;
	width:23px;
	float:left;
}
.menu{
	background-image: url(../img/menu.png);
	height:17px;
	padding-left:8px; 
	padding-bottom:2px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}
.mitte{
	height: 501px;
	width: 700px;
}
.mittelinks{
	width: 6px; 
	height:501px;
	float:left;
	background-image: url(../img/links.png);
	background-repeat: repeat-y;
}
.mittetext{
	width: 688px; 
	height:501px;
	float:left;
	background-color: #FFFFFF;
	
}
.mitterechts{
	width: 6px; 
	height:501px;
	float:left;
	background-image: url(../img/rechts.png);
	background-repeat: repeat-y;
}
.footer{
	height:6px;
	background-image: url(../img/footer.png);
}
.closebutton{
	width:23px; 
	height:24px; 
	background:none; 
	cursor: pointer; 
	border:none;
}
.text{
	margin: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/* twitterbox */

#twitterbox{
	width:250px;
	height: 300px;
	position:absolute;
	background:#FFFFFF;
	z-index:4;
	op:30px;
	top:100px; 
	right:2%; 
	margin-left:-350px;  
}

#twittertitel{
	height:26px;
	width:250px;
}
.twittertitle1{
	background-image: url(../img/twitter.png);
	height:26px;
	width:226px;
	float:left;
}
.twittertitle2{
	background-image: url(../img/twitterclose.png);
	height:26px;
	width:24px;
	float:left;
}

.twittermitte{
	height:100%;
	width:250px;
}
.twittermittelinks{
	width: 6px; 
	height:100%;
	float:left;
	background-image: url(../img/links.png);
	background-repeat: repeat-y;
}
.twittermittetext{
	width: 238px; 
	height:100%;
	float:left;
	background-color: #cccccc;
}
.twittermitterechts{
	width: 6px; 
	height:100%;
	float:left;
	background-image: url(../img/rechts.png);
	background-repeat: repeat-y;
}
.twitterfooter{
	height:6px;
	background-image: url(../img/twitterfooter.png);
}

.contenttitle{
	 color:#000000;
	 width:230px; 
	 height:auto; 
	 left:50%;
	 margin-left:90px; 
	 top:50px; 
	 background-image:url(../img/bgtitel.png); 
	 text-align:right; 
	 position: absolute; 
	 font-weight:bold; 
	 font-family:Arial, Helvetica, sans-serif; 
	 font-size:36px;
	 z-index:5;
	/* font-weight: normal;*/
}
/*.contenttitle_weiss{
	 color:#ffffff;
	 position:relative;
	 margin-top:-45px;
	 font-weight: bold;
}*/
.programmzeit{
	float:left; 
	width:45px; 
	padding-top:5px; 
	padding-left:5px; 
	color:#FFFFFF; 
	background-image:url(../img/bgzeit.png); 
	height:25px;
}
.programmzeit2{ 
	width:120px; 
	padding-top:5px; 
	padding-left:5px; 
	color:#FFFFFF; 
	background-image:url(../img/bgzeit1.png); 
	height:25px;
}
.programmredner{
	float:left; 
	font-weight:bold;
	 height:25; 
	 padding-top:5px; 
	 margin-left:10px;
	 
}
.programmrednerinfo{
	margin-bottom:20px;
	clear:both; 
	margin-left:90px;
	font-size:12px;
}

.mediaheadline{
	width:55px; 
	padding-top:5px; 
	padding-left:5px; 
	color:#FFFFFF; 
	background-image:url(../img/bgmedia.png); 
	height:25px;
	margin-top:30px;
}
.blickheadline{
	width:80px; 
	padding-top:5px; 
	padding-left:5px; 
	color:#FFFFFF; 
	background-image:url(../img/bgblick.png); 
	height:25px;
	margin-top:30px;
}
.kontaktheadline{
	width:100px; 
	padding-top:5px; 
	padding-left:5px; 
	color:#FFFFFF; 
	background-image:url(../img/bgkontakt.png); 
	height:25px;
	margin-top:30px;
}


/* webcambox */

#webcambox{
	width:400px;
	height:280px;
	position:absolute;
	background:#FFFFFF;
	z-index:3;
	
	top:200px; 
	right:50%; 
	margin-right:-200px;  
}

#webcamtitel{
	height:26px;
	width:400px;
}
.webcamtitle1{
	background-image: url(../img/webcam.png);
	height:26px;
	width:377px;
	float:left;
}
.webcamtitle2{
	background-image: url(../img/webcamclose.png);
	height:26px;
	width:23px;
	float:left;
}

.webcammitte{
	height:100%;
	width:400px;
}
.webcammittelinks{
	width: 6px; 
	height:100%;
	float:left;
	background-image: url(../img/links.png);
	background-repeat: repeat-y;
}
.webcammittetext{
	width: 388px; 
	height:270px;
	float:left;
	background-color: #cccccc;
	padding-top:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.webcammitterechts{
	width: 6px; 
	height:100%;
	float:left;
	background-image: url(../img/rechts.png);
	background-repeat: repeat-y;
}
.webcamfooter{
	height:6px;
	background-image: url(../img/webcamfooter.png);
}

/* details */

#details01{	width:400px; height:300px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:380px;}
#details02{	width:400px; height:280px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:390px;}
#details03{	width:400px; height:310px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:400px;}
#details04{	width:400px; height:200px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:410px;}
#details05{	width:400px; height:480px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:420px;}
#details06{	width:400px; height:300px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:430px;}
#details07{	width:400px; height:480px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:440px;}
#details08{	width:400px; height:240px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:430px;}
#details09{	width:400px; height:250px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:420px;}
#details10{	width:400px; height:380px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:410px;}
#details11{	width:400px; height:400px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:400px;}
#details12{	width:400px; height:300px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:390px;}
#details13{	width:400px; height:300px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:380px;}
#details14{	width:400px; height:300px; position:absolute; background:#FFFFFF; z-index:6; top:200px; left:400px;}

.detailstitel{
	height:26px;
	width:400px;
}
.detailstitle1{
	background-image: url(../img/details.png);
	height:26px;
	width:377px;
	float:left;
}
.detailstitle2{
	background-image: url(../img/webcamclose.png);
	height:26px;
	width:23px;
	float:left;
}

.detailsmitte{
	height:100%;
	width:400px;
	background:#CCCCCC;
}
.detailsmittelinks{
	width: 6px; 
	height:100%;
	float:left;
	background-image: url(../img/links.png);
	background-repeat: repeat-y;
}
.detailsmittetext{
	width: 378px; 
	height: auto;
	float:left;
	background-color: #cccccc;
	padding-top:10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	font-size:14px;
}
.detailsmitterechts{
	width: 6px; 
	height:100%;
	float:left;
	background-image: url(../img/rechts.png);
	background-repeat: repeat-y;
}
.detailsfooter{
	height:6px;
	background-image: url(../img/webcamfooter.png);
}


/* for scroller */

a.jScrollArrowUp {
	background: url(../img/arrow-top.png); height:16px;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../img/arrow-bottom.png); height:16px;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	float: left;
	margin: 20px;
}

.scroll-pane {
	width: 688px;
	height: 501px;
	overflow: auto;
	float: left;
	
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}


#pane2 {
	height: 501px;
}
#streamcenter{
	top:50%; 
	left:50%; 
	margin-top:-250px; 
	margin-left:-330px;  
	position:absolute;
}
#streambox{
	width:660px;
	height:500px;
	position:absolute;
	z-index:2;
	vertical-align:middle;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}