/* CSS Document */

body{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	/* border-top:20px solid #B8BDBE; */
	color:#1A171B;
	background:#fff url(images/bg/bodyBG.png) repeat-x left 82px;
	}
	
a:link{ color:#333; }
a:visited{ color:#666; }
a:hover,
a:visited:hover{ color:#e95d0f; }
a:active{ color:#FF9933; }

#container{
	width:960px;
	margin:0 auto;
	background:#fff url(images/bg/navBG.png) repeat-y top right;
	position:relative;
	}
	
img#print_header {display:none;}	
div#print_footer {display:none;}	

div#thema, 
div#logo, 
div#content, 
div#nav, 
div#video, 
div#videoDesc, 
input#searchTerm,
input#searchSubmit{
	display:inline;
	float:left;
	}

#thema{ width:704px; height:82px; background:#fff; }

#thema h1
{
    font-family: arial narrow, Arial, helvetica;
	display:block;  
	font-size:26px;
	font-weight:lighter; 
	letter-spacing:2px;
	padding-bottom:5px; 
	color:#404040;
	margin:40px 0 0 0;}
	
#logo{ width:256px;  height:82px;  background:#fff; text-align:right}

#nowPlaying{ position:relative; background:#D0D2D3;width:710px;min-height:275px; }

#video{  z-index:1; position:relative; padding:0; margin:0; width:487px; }

#videoDesc { position:relative; padding:35px 0px 10px 0px; overflow:auto; width:223px; background:#D0D2D3; height:230px;    }
#videoDesc h1{ padding-left:10px; font-size:14px;}
#videoDesc p{ margin:10px; }

#Pic {  background:#D0D2D3;float:left;width:290px }
#Desc {  background:#D0D2D3;padding:15px 0px 30px 0px; padding:10px 10px 10px 10px;float:left; height:255px; width:400px;}
#Desc h1{ font-size:14px;margin-bottom:20px;}
#Desc p{ margin-bottom:20px }

#web20 { position:absolute;top: 8px;left:-26px;}
#web20 a { display:block; width:20px;height:20px;margin:3px 0 3px 0 }
a.rss { background:url(images/icon/s_rss.png) no-repeat; }
    a.rss:hover { background:url(images/icon/s_rss2.png) no-repeat; }   
a.fb { background:url(images/icon/s_fb.png) no-repeat; }
    a.fb:hover  { background:url(images/icon/s_fb2.png) no-repeat; }
a.mys{ background:url(images/icon/s_myspace.png) no-repeat; }
    a.mys:hover { background:url(images/icon/s_myspace2.png) no-repeat; }
a.goog { background:url(images/icon/s_google.png) no-repeat; }
    a.goog:hover  { background:url(images/icon/s_google2.png) no-repeat; }
a.twitt { background:url(images/icon/s_twitter.png) no-repeat; }
    a.twitt:hover  { background:url(images/icon/s_twitter2.png) no-repeat; }
a.techno { background:url(images/icon/s_techno.png) no-repeat; }
    a.techno:hover  { background:url(images/icon/s_techno2.png) no-repeat; }
a.del { background:url(images/icon/s_del.png) no-repeat; }
    a.del:hover  { background:url(images/icon/s_del2.png) no-repeat; }
a.digg { background:url(images/icon/s_digg.png) no-repeat; }
    a.digg:hover  { background:url(images/icon/s_digg2.png) no-repeat; }
a.wong { background:url(images/icon/s_wong.png) no-repeat; }
    a.wong:hover  { background:url(images/icon/s_wong2.png) no-repeat; }
a.mail { background:url(images/icon/s_mail.png) no-repeat; }
    a.mail:hover  { background:url(images/icon/s_mail2.png) no-repeat; }
    
#additionalcontent
{
    margin:45px 0 0 0;
	padding:0 100px 0 50px;
	width:550px;
	border-left:1px solid #888;
	}

#portal {
    border-bottom:7px #c7c8ca solid;
    height:22px;
    position:relative;
    width:680px;
    margin:14px 0 14px 12px;
    }
	
#portal a {
	padding:3px 0 0 30px;
	background:url(images/bg1.png) no-repeat;
	height:19px;
	width:51px;
	text-decoration:none;
	margin:0 7px 0 0 ;
	display:block;
	float:left;
	}
#portal a:hover, #portal a:active, #portal a.act {
	background:url(images/bg2.png) no-repeat;
	 color:#000;
	}
	
#showcase{
	padding-top:20px;
	width:700px;
	}
	
#showcase h4 { 
	display:block;  
	font-size:16px;
	font-weight:normal; 
	padding-bottom:5px; 
	border-bottom:1px solid #888; 
	margin:10px;}

#videolist { font-size:10px; line-height:13px; width:700px; height:220px; position: relative; overflow: hidden;}
#BigBox { position:  absolute; }

#videolist .artikel { display:inline; float:left; width:150px; height:220px; padding:0 11px 0 11px; border-right:1px solid #888;}

#videolist a img{ border:2px solid #fff; display:block; background:#c0c0c0; width:146px;}
#videolist a:hover img{ border:2px solid #e95d0f; }
#videolist a:visited img{ border:2px solid #888; }

.narrenkasten { position:absolute;top:2px;left:2px;background:url(images/narrenkasten.png) no-repeat;width:146px;height:98px }
*html .narrenkasten {display:none;}

#videolist h5 { font-size:11px; margin:5px 0; }
#videolist a { font-weight:bold; color:#1a171b; }
#videolist span{ display:block;color:#a0a0a0; }

#videoListNav{ width:auto; margin:10px 10px 0 0; width:690px; position:relative; }
#videoListNav #mitte { width:85px; text-align:center; position:absolute; right:52px;top:-3px;color:#c0c0c0 }
#mitte input {width:30px;border:1px solid #000;text-align:center} 
#mitte input:hover {border:1px solid #FF9933;} 

a.prevlink, a.nextlink, a.lastlink, a.firstlink{ font-size:9px;	display:inline; text-transform:uppercase; text-decoration:none; }

a.prevlink{	padding-left:10px; position:absolute; right:145px; top:0; background:url(images/icon/arr_L_grey.gif) no-repeat left center; }
a.prevlink:hover{ background: url(images/icon/arr_L_org.gif) no-repeat left center; }

a.nextlink{	padding-right:10px; position:absolute; right:13px; top:0; background: url(images/icon/arr_R_grey.gif) no-repeat right center; text-align:right; }
a.nextlink:hover{ background: url(images/icon/arr_R_org.gif) no-repeat right center; }

a.lastlink{	padding-right:10px; position:absolute; right:0; top:0; background: url(images/icon/arr_Rs_grey.gif) no-repeat right center; text-align:right; }
a.lastlink:hover{ background: url(images/icon/arr_Rs_org.gif) no-repeat right center; }

a.firstlink{ padding-right:10px; position:absolute; right:198px; top:0; background: url(images/icon/arr_Ls_grey.gif) no-repeat right center; text-align:right; }
a.firstlink:hover{ background: url(images/icon/arr_Ls_org.gif) no-repeat right center; }

#partner{ margin:30px ; }
#partner a img{ border:0; margin:5px; }

#nav{
	width:250px;
	padding:25px 0px;
	color:#fff;
	font-size:13px;
	letter-spacing:1px;
	}

#nav ul { margin:0; padding:0 20px 0 20px; }
#nav ul li{ margin:0 0 10px 0; padding:0;}
#nav ul li a.small{ font-size:10px }
#nav ul li a{ color:#fff; text-decoration:none; font-weight:bold; }
#nav ul li a:visited{ color:#CCC; }
#nav ul li a:hover,
#nav ul li a:visited:hover { color:#FF9933; }
#nav ul li a:focus{ outline:none;  }


#nav ul li ul{ margin:5px 0 0 5px; }
#nav ul li ul li{ margin:3px 0; }
#nav ul li ul li a{ color:#E95D0F; }
#nav ul li ul li a:visited{ color:#c66c3a; }
#nav ul li ul li a:hover,
#nav ul li ul li a:visited:hover,
#nav ul li ul li a:active{ color:#FF9933;}
#nav ul li ul li a:focus{ outline:none; }

#nav a.active { display:block; width:100%; background:#515153; }

#searchTerm{ 
	width:120px; 
	font-size: 13px; 
	line-height:normal;
	padding:3px; 
	color:#999999; 
	margin:0 2px 0 0;  
	border:0;
	}
#searchTerm:hover, #searchTerm:focus{
	background:#ccc;
	color:#666;
	padding:2px;
	border:1px solid #fff;
	}
	
#searchSubmit{ 
	color:#58585a;
	background:#fff url(images/icon/arr_R_grey.gif) no-repeat center center;
	width:25px; 
	height:22px;
	font-size:8px;
	line-height:normal;
	padding:5px 5px 0 0; 
	margin:0; 
	border:0;
	}
#searchSubmit:hover{ 
	color:#e95d0f;
	background:#CCC url(images/icon/arr_R_org.gif) no-repeat center center;
	}
	
#newsbereich {
    background: url(images/news.png) no-repeat;
    padding:30px 20px 0px 20px;
    }
    #newsbereich h2 {
        
        letter-spacing:1px;
        padding:3px 3px 0 3px;
        }
    #newsbereich h3 { 
        font-family: arial narrow, Arial, helvetica;
        clear:left;
        color:#000;
        background:#fff; 
        padding:0 0 2px 0;
        margin:5px 0 5px 0;
        display:inline;
        background:#fff url(images/rounded.png) no-repeat top left;
    }
    #newsbereich h3 span { 
        background:#fff url(images/rounded2.png) no-repeat top right ;
    }
    
    #newsbereich a {
        margin:0px 0 12px 2px;
        display:block;
        color:#fff;
        letter-spacing:0px;
        font-size:11px;
        }

    .cal { width:210px;border:0;}
    
    .cal_day, .cal_othermonth, .cal_weekend, .cal_sel, .cal_now
    {
        border:1px solid #a0a0a0;
	    }
	    
    .cal_day a, .cal_othermonth a, .cal_weekend a, .cal_sel a, .cal_now a
    {
        padding-top:5px;
        display:block;
        background:#fff;
        height:23px;
        width:100%;
        text-decoration:none;

	    }
    .cal_day a:hover, .cal_othermonth a:hover, .cal_weekend a:hover, .cal_sel a:hover, .cal_now a:hover
    {
        background:#e9563c;
        color:#fff;
	    }
	  
	.cal_othermonth a
    {
        background:#f0f0f0;
        color:#a0a0a0;
	    } 
	.cal_weekend a
    {
        background:#fff5f6;
	    }  
    
    .cal_sel a
    {
        color:#fff;
        background:#c0c0c0;
    }  
    
    .cal_now a
    {
        color:#fff;
        background:#e3fee3;
    }  
    
      
    .cal_dayheader
    {
        border:1px solid #a0a0a0;
        background:#a0a0a0;
        height:25px;
        vertical-align:middle;
	    padding: 1px 1px 1px 5px;
	    }

    .cal_nexprev, .cal_title
    {
        border:1px solid #c0c0c0;
        padding:9px 18px 9px 18px;
        color:#fff;
	    }
	    






/* scroller style declarations */

.tickercontainer { /* the outer div with the black border */
    border: 0;
    width: 670px; 
    height:32px;
    margin: 0 0 0 0; 
    padding: 30px 0 0 0;
    overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 0px;
    top: 0px;
    width: 670px; 
    overflow: hidden;
}
ul.newsticker { /* that's your list */
    position: relative;
    left: 370px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
    font-family: arial narrow, Arial, helvetica;
	font-size:26px;
	font-weight:lighter; 
	letter-spacing:2px;
	padding:10px 0 5px 0; 
	color:#404040;
}
ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    color: #FF9933;
    margin: 0 50px 0 0;
    text-decoration:none;
} 

ul.newsticker a:hover {
    color: #000;
} 

#tickerhover { z-index:200; position:absolute;top:20px;right:260px;width:100px;height:60px; background:url(images/scroller.png) no-repeat top right; }


















.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #d0d2d3;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #ececec url(images/drag_grab.gif) no-repeat 50% 50%;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 15px;
	background: #d0d2d3 url(images/drag_up.gif) no-repeat 0 0;

}
a.jScrollArrowUp:hover {
	background: url(images/drag_up2.gif) no-repeat 0 0;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 15px;
	background: #d0d2d3 url(images/drag_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background: url(images/drag_down2.gif) no-repeat 0 0;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



#pa_mailen { height:19px;background:url(images/bg/func.png) bottom;position:absolute;left:496px;top:17px;z-index:21;width:195px;line-height:normal;}
#pa_mailen a { font-weight:bold; background:url(images/icon/v_mail1.png) no-repeat 0 3px ;padding-left:13px; color:#e95d0f;font-size:10px;text-transform:uppercase;text-decoration:none;  }
#pa_mailen a:hover {color:#000;background:url(images/icon/v_mail2.png) no-repeat 0 3px ;  }

#pa_voting {background:#D0D2D3;position:absolute;left:496px;padding-top:4px;z-index:22;width:195px;line-height:normal;}
#pa_voting div {font-weight:bold;float:left;font-size:10px;color:#e95d0f; text-transform:uppercase; }
#pa_voting a {color:#e95d0f; }
#pa_voting a:hover {color:#000;  }
#videoRating {margin-top:0px;}
#ratinginfo { z-index:25 !important; border:7px #c7c8ca solid;position:absolute;top:20px;left:90px;width:202px;height:240px;background:#fff;color:#000 !important;padding:10px; text-transform:none !important; }
#ratinginfo span { color:#e95d0f; text-transform:uppercase; }
#ratinginfo img { vertical-align:middle; }
#ratinginfo h3 { font-size:13px; padding-bottom:5px; border-bottom:1px solid #888; margin-bottom:8px }
.ratingStar {background:url(images/icon/star1a.png) no-repeat;width:13px}
.savedRatingStar {background:url(images/icon/star2a.png) no-repeat;width:13px}
.filledRatingStar {background:url(images/icon/star3a.png) no-repeat;width:13px}
.emptyRatingStar  {background:url(images/icon/star1a.png) no-repeat;width:13px}




#UpdatePanel2 { position:absolute;display:none;z-index:1000}
#UpdatePanel2overlay { width:447px; height:255px; padding:10px 20px; background:url(images/mailbg.png);z-index:1000}
#UpdatePanel2 h2{ 
	display:block;  
	font-size:16px;
	font-weight:normal; 
	padding-bottom:5px; 
	border-bottom:1px solid #888; 
	margin:0px 0 12px 0;}
	#UpdatePanel2 input { width:230px;border:1px solid #f0f0f0 }
	#UpdatePanel2 textarea { width:270px;border:1px solid #f0f0f0  }
	#UpdatePanel2 .laerror { color:#ff0000 }
    #UpdatePanel2 .submit { margin-top:16px; width:160px;background:#fff  }
    
    
    
    
    
    
    
    
    
    
    
    
    
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}