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

@import url(nav.css);
@import url(nav_detail.css);
@import url(typo.css);
@import url(links.css);
@import url(jflow.css);
@import url(lightbox.css);

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #fff URL(../cssimg/bg/bg_body.jpg) repeat-x 0 0;
	}
	
img {
	border: none;
	}
	
.clear {
	clear: both;
	margin: 0;
	}
	
.clear_detail {
	clear: both;
	height: 4px;
	background: #fff;
	}
	
.small {
	font-size: 0.6875em;
	}
	
#content td .small {
	font-size: 10.5px;
	}	
	
#wrapper {
	margin: 0 auto;
	padding: 0 6px;
	width: 1002px;
	position: relative;
	background: #fff;
	}
	
	.wrap_content {
		float: left;
		position: relative;
		width: 750px;
		margin-bottom: 0;
		padding: 0;
		background: #fff;
		}
		
	.wrap_right {
		float: right;
		position: relative;
		width: 246px;
		margin: 0;
		padding: 0;
		}
	
#softbox, softbox_start {
	box-shadow: 5px 5px 5px #464646;
	-webkit-box-shadow: 5px 5px 5px #464646;
	-moz-box-shadow: 5px 5px 5px #464646;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position: absolute;
	top: 75px;
	left: 30px;
	width: 660px;
	background-color: #d4dbd7;
	border-bottom: 2px solid #959595;
	border-right: 2px solid #959595;
	padding: 18px;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	z-index:10000;
	}
	
	.softbox_left {
		margin:0;
		float: left;
		width: 65%
		}
	.softbox_left_start {
		margin:0;
		float: left;
		width: 50%
		}	
		
	.softbox_right {
		margin:0;
		float: right;
		}
		
	#softbox img {
		margin-right: 5px;
		}
			
	#more_categorie {
		padding-top: 35px;
		display: none;
		text-align: right;
		}
	
	#more_text {
		padding-top: 35px;
		display: none;
		}
	
#login, #prev_right {
	background-color: #e7ede9;
	margin: 5px 0 0;
	padding: 0;
	width: 246px;
	float: right;
	position: relative;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}	

#login {
	padding: 5px;
	width: 236px;
	}

	
.login_left {
	margin: 0;
	padding: 0;
	width: 140px;
	float: left;
	}
	
	.login_left input {
		width: 120px;
		}
			
.login_right {
	margin: 5px 0;
	padding: 0;
	width: 85px;
	float: right;
	display: block;
	}
	
.detail {
	margin: 5px 4px 0 0;
	width: 246px;
	float: left;
	padding-bottom: 7px;
	position: relative;
	}
	
.detail_start_left, .detail_start_right {
	padding: 0 0 5px 0;
	margin: 0;
	width: 372px;
	height: 190px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
	
	.detail_start_left {
		float: left;
		background: #E7EDE9 url(../img/start/start_telefon.jpg) no-repeat right bottom;
		}
		
	.detail_start_right {
		float: right;
		background: #E7EDE9 url(../img/start/start_vortrag.jpg) no-repeat right bottom;
		}
	
.detail_large, .detail_large_sem, .detail_large_hl, .detail_large_head {
	padding: 0;
	margin: 5px 5px 0 0;
	width: 750px;
	position: relative;
	}
	
	.detail_large { /*background fuer anschliessende class=detail*/
		background: #fff url(../cssimg/bg/bg_detail_large.gif) no-repeat left bottom;
		overflow: visible;
		width: 100% 100%; 
		}
	
	.detail_large_sem { /*durchgaengiger gruener background*/
		background: #E8EDE9 url(../cssimg/bg/bg_detail_large_sem.gif) no-repeat left bottom;
		overflow:hidden;
		padding-bottom:7px;
		}
		
	.detail_large .detail img  {
		float:right;
		margin-left: 5px;
		}
		
		.detail_large .detail img.left  {
		float:left;
		margin-right: 5px;
		}		
		
	.detail_large img, .detail_large_sem img, .detail_large__hl img {
		float:left;
		margin-right: 5px;
		}
				
.icon {
	position: absolute;
	left: -48px;
	top: 5px;
	width: 45px;
	height: 30;
	background: transparent;
	}
	
.det_exp {
	visibility: hidden;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 230px;
	height: auto;
	padding-bottom:7px;
	background-color: #fff;
	border: 4px solid #bcbcbc;
	color: #646566;
	font-weight: normal;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	}
	
	.close {
		background-color:#FFFFFF;
		border:1px solid #BCBCBC;
		display:block;
		font-size:14px;
		margin:0;
		padding:14px 10px 5px 0;
		text-align:right;
		}

.meldung {
	background-color: #FFFFFF;
	border: 4px solid #BCBCBC;
	color: #646566;
	font-weight: normal;
	opacity: 0.9;
	position: absolute;
	margin-left: 246px;
	visibility: hidden;
	width: 238px;
	z-index: 6000;
	}



	
/* start registration form*/
.authForm { 
	font-size: 12px;
	text-align: left; 
	}	
		
.authForm #auth { 
	margin: 10px 30px;
	}
	
.authForm h3 {
	 padding-bottom: 3px; 
	 border-bottom: 1px solid #999999; 
	 margin-bottom: 15px;
	 }
	 
.authForm table th { 
	padding-right: 30px; 
	font-weight: normal;
	font-size:12px;
	text-align:left;
	}

.authForm table td {
	font-size:12px;
	text-align:left; 
	}	
	
.authForm table .submit { 
	margin-top:10px;
	}
			
.authForm p.feedback, #login  p.feedback { 
	width: 226px; 
	font-size:10px; 
	color: red; 
	padding:5px
	}
/* end registration form*/
	

/* start videos */
#pl_wrap { 
	margin: 0 auto; 
	background: url("../cssimg/bg/bg_nav_top_li.jpg") repeat-x scroll 0 0 #003979;
	}
	
#pl_wrap #player { float:left;display:block; margin-left: 20px; cursor:pointer;
	background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
	-moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
	margin-top: 10px; 
	}

a.player:hover {
	background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));
	}
	
#pl_wrap .clips {
	float:right;
	width: 350px;
	color: #ffffff;
	font-size: 12px;
	height: 300px;
	overflow-y:scroll;
	margin-top:10px
	}

.clips a {
	text-decoration: none;
	}

.clips a.paused {
	background: url('../cssimg/buttons/play_vi.jpg') no-repeat top right;
	}

.clips a.playing, .clips a.paused, .clips a.progress {
	background: #6688AE;
	}

#pl_wrap .clips .row { 
	margin: 0px 20px 10px 20px; 
	border-bottom: 1px solid #999999;
	padding-bottom:10px; 
	color:#fff;}

#pl_wrap .clips img {
	float:left;
	width:70px;
	height: 55px;
	margin: 0px 15px 0px 0px;
	}

.clips a { 
	display: block; 
	height: 55px
	}
	.clips a:link { 
		text-decoration:none
		}

#pl_wrap .clips p { 
	color: #fff;
	text-align:left
	}
	
.desc { 
	background: #E7EDE9; 
	font-size: 12px; 
	color:#5A5A5A; 
	padding: 10px 20px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;}
/*end video*/

#footer {
	margin: 20px auto 15px auto;
	width: 987px;
	border-top: 1px solid #6688ae;
	padding: 0 0 0 15px;
	}