/***************************************************/
/******              BILDUNGSTV                *****/
/***************************************************/

/****************************************/
/***               HTML               ***/
/****************************************/
html {
	margin: 0;
	padding: 0;
	min-height: 100%;
}
	* html{
		height: 100%;
	}
	*+html{
		height: 100%;
	}

/****************************************/
/***               BODY               ***/
/****************************************/
body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
	* html body{
		height: 100%;
		font-size: 100.1%; /* to fix IE6 bug */
	}
	*+html body{
		height: 100%;
	}
	body *{
		margin: 0;
		padding: 0;
		font-family: arial, helvetica, verdana, "trebuchet ms", geneva, sans-serif;
		border: none;
		list-style: none;
	}
	/* html body img {
		behavior: url(/content/scripts/iepngfix/iepngfix.htc);
	}*/

	/************************************/
	/***           DOCUMENT           ***/
	/************************************/
	#document {
		min-height: 100%;
		width: 946px;
		margin: 0 auto 0 auto;
		font-size: 13px;
		text-align: left;
	}
		/********************************/
		/***     ELEMENT STYLING      ***/
		/********************************/
		#document a{
			color: #3894f2;
			text-decoration: none;
		}
			#document a:hover{
				text-decoration: underline;
			}
		#document button, #document .button{
			display: block;
			width: 201px;
			height: 31px;	
			font-size: 13px;
			color: #000000;
			font-weight: normal;
			text-align: center;
			cursor: pointer;
			background: url(../images/bg_button_header.png) no-repeat;
		}
			* html #document button, * html #document .button {
				behavior: url(/content/scripts/iepngfix/iepngfix.htc); /* to fix pngs in IE6 */
			}
			#document button:hover, #document .button:hover{
				color: #FFFFFF;
				text-decoration: none;
				background-image: url(../images/bg_button_header_over.png);
			}
			#document button span, #document .button span{
				display: block;
				height: 31px;
				line-height: 31px;
			}
		#document dl {
		}
			#document dl dt {
				width: 100px;
				float: left;
			}
			#document dl dd {
				margin: 5px 0 5px 100px;
				min-height: 16px;
			}
		#document input, #document textarea{
			font-size: 13px;
		}
			
			
		/********************************/
		/***      OVERLAY SCREEN      ***/
		/********************************/
		#overlay_screen {
		}
			
			
		/********************************/
		/***          HEADER          ***/
		/********************************/
		#header {
		}
	
				
		/********************************/
		/***           BODY           ***/
		/********************************/
		#body {
			margin: 30px 0 0 0;
		}
		
		
			/****************************/
			/***       BODY LEFT      ***/
			/****************************/
			#body_left {
				width: 738px;
				float: left;
				padding: 0 0 40px 0;
				border-right: 1px solid #CCCCCC;
				overflow: hidden;
			}

				
			/****************************/
			/***       BODY RIGHT     ***/
			/****************************/
			#body_right {
				position: relative;
				width: 200px;
				padding: 0 0 70px 5px;
				float: right;
				overflow: hidden;
			}
			
			
		/********************************/
		/***          FOOTER          ***/
		/********************************/
		#footer {
			min-height: 20px; /* to fix IE bug - border disappeared */
			position: relative; /* to fix IE bug - border disappeared */
			margin: 20px 0 10px 0;
			font-size: 11px;
			color: #7f7f7f;
			border-top: 1px solid #CCCCCC;
		}
			* html #footer {
				height: 20px;  /* to fix IE bug - border disappeared */
			}


			
/****************************************/
/***         EVERYDAY CLASSES         ***/
/****************************************/
.clearer{
	display: block;
	clear: both;
	height: 0px;
	font-size: 0px !important;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}
.clearafter:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.hidden {
	position: absolute;
	top: 0em;
	left: 0em;
	width: 0em;
	height: 0em;
	overflow: hidden;
	border: none;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.width60 {
	width: 60px !important;
}
.width70 {
	width: 70px !important;
}
.width80 {
	width: 80px !important;
}
.width300 {
	width: 300px !important;
}
.width398 {
	width: 398px !important;
}

/****************************/
/***        DIALOG        ***/
/****************************/
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000 url(../images/bg_dialog.png) 50% 50% repeat;
	opacity: .50;
	filter:Alpha(Opacity=50);
}
.ui-dialog {
	position: relative;
	padding: .2em;
	background: #eff5f8;
	border: 1px solid #9db4bf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	font-size: 13px;
}
	.ui-dialog .ui-dialog-titlebar {
		height: 32px;
		position: relative;
		left: -3px;
		top: -3px;
		background: url(../images/bg_dialog_titlebar.png) no-repeat;
	}
		.ui-dialog .ui-dialog-title {
			height: 32px;
			padding: 0 0 0 10px;
			font-size: 12px;
			font-weight: bold;
			line-height: 32px;
			color: #FFFFFF;
		} 
		.ui-dialog .ui-dialog-titlebar-close {
			display: block;
			width: 27px;
			height: 32px;
			position: absolute;
			top: 0;
			right: -6px;
			background: #eff5f8 url(../images/bg_dialog_titlebar_right.png) no-repeat;
		}
			.ui-dialog .ui-dialog-titlebar-close span {
				width: 16px;
				height: 16px;
				overflow: hidden;
				display: block;
				position: absolute;
				top: 8px;
				left: 3px;
				text-indent: -9999px;
				background: url(../images/bg_dialog_close.png) no-repeat 0 0;
			}
				.ui-dialog .ui-dialog-titlebar-close span:hover {
					background: url(../images/bg_dialog_close.png) no-repeat -16px 0;
				}
	.ui-dialog .ui-dialog-content {
		padding: 0 10px 10px 10px;
	}
		#dialogEmbedTermsOfUse.ui-dialog-content {
			font-size: 11px;
			line-height: 15px;
		}
		.ui-dialog-content a {
			color: #017c92;
		}
		    .ui-dialog-content a.hasIcon 
		    {
		        padding-left: 20px;
		        background-position: left middle;
		        background-repeat: no-repeat;
		    }
		        .ui-dialog-content a.icon-user-add 
		        {
		            background-image: url("../images/icon_user_add.png");
		        }
		        .ui-dialog-content a.icon-help 
		        {
		            background-image: url("../images/icon_help.png");
		        }
		.ui-dialog-content h2 {
			margin: 15px 0 5px 0;
			font-size: 14px;
		}
			.ui-dialog-content h2 span.info {
				font-weight: normal;
			}
		.ui-dialog-content p {
			margin: 10px 0;
		}
			#dialogEmbedTermsOfUse.ui-dialog-content p {
				line-height: normal;
			}
		.ui-dialog-content ol {
			list-style-type: decimal;
		}
			.ui-dialog-content ol li {
				list-style-type: decimal;
				margin: 8px 0 8px 25px;
			}
		.ui-dialog-content form {
		}
			.ui-dialog-content form div.containerFieldset {
				position: relative;
			}
			.ui-dialog-content form fieldset {
				padding: 25px 10px 0 10px;
			}
				.ui-dialog-content form fieldset legend {
				}
					.ui-dialog-content form fieldset legend span {
						display: block;
						position: absolute;
						top: 10px;
						left: 0;
						font-weight: bold;
					}
			.ui-dialog-content form img[src$='/'], .ui-dialog-content form img[src=''] {
				display: none;
			}
			.ui-dialog-content form input {
			}
			.ui-dialog-content form input[type="file"], .ui-dialog-content form input[type="text"], .ui-dialog-content form input[type="password"], .ui-dialog-content form select, .ui-dialog-content form textarea {
				width: 97%;
				border: 1px solid #CCCCCC;
				padding: 3px 4px;
				background: #FFFFFF;
			}
				.ui-dialog-content form input[disabled="disabled"] {
					background: #EEEEEE;
				}
				.ui-dialog-content form input[type="file"] {
					width: auto;
				}
			.ui-dialog-content form input[type="text"]:focus, .ui-dialog-content form input[type="password"]:focus, .ui-dialog-content form select:focus, .ui-dialog-content form textarea:focus, .ui-dialog-content form input[type="file"]:focus {
				border-color: #057EC4;
			}
			.ui-dialog-content form input[type="text"], .ui-dialog-content form input[type="password"], .ui-dialog-content form select, .ui-dialog-content form textarea {
				-moz-border-radius: 4px;
				-khtml-border-radius: 4px;
				border-radius: 4px;
			}
			.ui-dialog-content form label {
				display: block;
				margin: 10px 0 5px 0;
				font-weight: bold;
			}
				.ui-dialog-content form label span.info {
					font-weight: normal;
				}
				.ui-dialog-content form label.markAsRequired {
					color: red;
				}
			.ui-dialog-content form p {
				padding: 5px 0;
			}
				.ui-dialog-content form p.infoRequired {
					font-size: 11px;
					margin: 10px 0 10px 0;
				}
				.ui-dialog-content form p.markAsRequired {
					color: red;
				}
			.ui-dialog-content form span.errors {
				display: block;
				color: red;
				margin: 10px 0 10px 0;
			}
			.ui-dialog-content form textarea {
				width: 98%;
				font-size: 13px;
			}
			.ui-dialog-content form input.default-value, .ui-dialog-content form textarea.default-value {
				font-style: italic;
				color: #AAAAAA;
			}
	.ui-dialog .ui-dialog-buttonpane {
		padding: 0 10px 10px 10px; 
	}
		.ui-dialog .ui-dialog-buttonpane:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		.ui-dialog .ui-dialog-buttonpane button {
			float: right;
			margin: 0 0 0 6px;
			padding: 4px 10px;
			cursor: pointer;
			color: #4B8496;
			font-weight: bold;
			border: 1px solid #CCCCCC;
			-moz-border-radius: 4px;
			-khtml-border-radius: 4px;
			border-radius: 4px;
			background: #F7FAFB;
		}
			.ui-dialog .ui-dialog-buttonpane button:hover {
				background: #A0C5D6;
				color: #FFFFFF;
			}
			

/********************************/
/***          HEADER          ***/
/********************************/

	/****************************/
	/***     HEADER LOGO      ***/
	/****************************/
	#header_logo{
		float: left;
		margin: 12px 0 0 0;
	}

/****************************/
/***      MENU HEADER     ***/
/****************************/
ul#menu_header {
	margin: 15px 0 0 0;
	float: right;
	color: #3894f2;
}
	ul#menu_header li {
		display: inline;
	}
		ul#menu_header li:before {
			content: ' | ';
		}
			ul#menu_header li:first-child:before {
				content: '';
			}
		ul#menu_header li a {
			font-size: 12px;
		}
			ul#menu_header li a.active {
				text-decoration: underline;
			}

/****************************/
/***       MENU MAIN      ***/
/****************************/
ul#menu_main {
	clear: both;
	height: 46px;
	margin: 12px 0 0 0;
	/*background: url(../images/bg_menu_main_left.png) no-repeat left top;*/
}
	ul#menu_main > li {
		height: 46px;
		line-height: 46px;
	}
		* html ul#menu_main li {
			height: 46px;
			line-height: 46px;
		}
		ul#menu_main > li > a {
			float: left;
			width: 92px;
			height: 46px;
			line-height: 46px;
			font-size: 14px;
			color: #FFFFFF;
			text-decoration: none !important;
			text-align: center;
			background: url(../images/bg_menu_main_left.png) no-repeat left top;
		}
			* html ul#menu_main li a {
				float: left;
				width: 92px;
				height: 46px;
				line-height: 46px;
				font-size: 14px;
				color: #FFFFFF;
				text-decoration: none !important;
				text-align: center;
				background: url(../images/bg_menu_main_left.png) no-repeat left top;
			}
		ul#menu_main li ul {
			height: 46px;
		}
			* html ul#menu_main li ul {
				position: absolute;
				margin: 0 0 0 -3px;
			}
			ul#menu_main li ul li {
				float: left;
				/*background: url(../images/bg_menu_main_mid.png) no-repeat left top;*/
			}
				ul#menu_main li ul li a {
					display: block;
					width: 190px;
					height: 46px;
					font-size: 14px;
					line-height: 46px;
					color: #000000;
					text-align: center;
					text-decoration: none !important;
					background: url(../images/bg_menu_main_mid.png) no-repeat left top;
				}
					* html ul#menu_main li ul li a {
						float: none;
						width: 190px;
						color: #000000;
					}
					ul#menu_main li ul li a:hover {
						color: #FFFFFF;
						background-image: url(../images/bg_menu_main_mid_over.png);
					}
						* html ul#menu_main li ul li a:hover {
							color: #FFFFFF;
						}
					ul#menu_main li ul li a.active {
						color: #FFFFFF;
						background-image: url(../images/bg_menu_main_mid_act.png);
					}
						* html ul#menu_main li ul li a.active {
							color: #FFFFFF;
						}
					ul#menu_main li ul li:first-child a , ul#menu_main li ul li.first-child a {
						width: 189px;
						background: url(../images/bg_menu_main_first.png) no-repeat left top;
					}
						* html ul#menu_main li ul li.first-child a {
							width: 189px;
						}
						ul#menu_main li ul li:first-child a:hover , ul#menu_main li ul li.first-child a:hover {
							background-image: url(../images/bg_menu_main_first_over.png);
						}
						ul#menu_main li ul li:first-child a.active , ul#menu_main li ul li.first-child a.active {
							background-image: url(../images/bg_menu_main_first_act.png);
						}
					ul#menu_main li ul li:last-child a{
						width: 95px !important; /* important is important because of IE8 bug */
						color: #FFFFFF !important; /* important is important because of IE8 bug */
						background-image: url(../images/bg_menu_main_last.png) !important; /* important is important because of IE8 bug */
					}
					ul#menu_main li ul li.last-child a { /* extra definition because IE8 would ignore it if :last-child would be found */
						width: 95px !important; /* important is important because of IE8 bug */
						color: #FFFFFF !important; /* important is important because of IE8 bug */
						background-image: url(../images/bg_menu_main_last.png) !important; /* important is important because of IE8 bug */
					}
					ul#menu_main li ul li:last-child a:hover {
						background-image: url(../images/bg_menu_main_last_over.png) !important;
					}
					ul#menu_main li ul li.last-child a:hover { /* extra definition because IE8 would ignore it if :last-child would be found */
						background-image: url(../images/bg_menu_main_last_over.png) !important; /* important is important because of IE8 bug */
					}
					ul#menu_main li ul li:last-child a.active {
						background-image: url(../images/bg_menu_main_last_act.png) !important;
					}
					ul#menu_main li ul li.last-child a.active {/* extra definition because IE8 would ignore it if :last-child would be found */
						background-image: url(../images/bg_menu_main_last_act.png) !important; /* important is important because of IE8 bug */
					}

/********************************/
/***      OVERLAY SCREEN      ***/
/********************************/

	#overlay_screen {
		display: none;
	}

/****************************/
/*** MENU PREBOOKSCHULSCREEN ***/
/****************************/
ul#menu_prebookschulscreen {
	height: 31px;
	margin: 10px 0 10px 0;
	background: url(../images/bg_menu_formprogress_first.png) no-repeat;
}
	ul#menu_prebookschulscreen.markAsRequired {
		background-image: url(../images/bg_menu_formprogress_first_error.png);
	}
	ul#menu_prebookschulscreen.layer-contactperson {
		background-image: url(../images/bg_menu_formprogress_second.png);
	}
		ul#menu_prebookschulscreen.layer-contactperson.markAsRequired {
			background-image: url(../images/bg_menu_formprogress_second_error.png);
		}
	ul#menu_prebookschulscreen.layer-submit {
		background-image: url(../images/bg_menu_formprogress_third.png);
	}
	ul#menu_prebookschulscreen.layer-datasent {
		background-image: url(../images/bg_menu_formprogress_last.png);
	}
	ul#menu_prebookschulscreen li {
		width: 122px;
		float: left;
		text-align: center;
	}
		ul#menu_prebookschulscreen li span {
			font-size: 12px;
			color: #000000;
			line-height: 31px;
		}

/****************************/
/***   FORM EMBED LINK    ***/
/****************************/
form#form_embed_link {
}
	#form_embed_link_preview {
		float: right;
		width: 208px;
	}
	#form_embed_link_infos {
		float: left;
		width: 250px;
	}
		#form_embed_link_infos input, #form_embed_link_infos label {
			vertical-align: middle;
			line-height: 20px;
		}
		#form_embed_link_infos label {
			display: inline !important;
			margin: 0 !important;
			font-weight: normal !important;
			line-height: 20px;
		}
		
	h2#form_embed_link_source_title {
		clear: both;
	}

/****************************/
/***   FORM EMBED VIDEO   ***/
/****************************/
form#form_embed_video {
}
	#form_embed_video_playersizes {
		margin: 10px 0 0 0;
	}
		#form_embed_video_playersizes a {
			float: left;
			padding: 2px;
			text-align: center;
			border: 1px solid #b1b1b1;
			cursor: pointer;
			color: #000000;
			text-decoration: none !important;
			background: #FFFFFF;
		}
			#form_embed_video_playersizes a:hover, #form_embed_video_playersizes a.active {
				border: 3px solid #057EC4;
				padding: 0;
			}
			#form_embed_video_playersizes a.small {
				width: 60px;
				height: 40px;
				margin-left: 10px;
				line-height: 40px;
			}
			#form_embed_video_playersizes a.normal {
				width: 100px;
				height: 62px;
				margin-left: 50px;
				line-height: 62px;
			}
			#form_embed_video_playersizes a.big {
				width: 170px;
				height: 100px;
				margin-left: 50px;
				line-height: 100px;
			}

/*********************************/
/***  FORM PREBOOKSCHULSCREEN  ***/
/*********************************/
form#form_prebookschulscreen {
}
	form#form_prebookschulscreen a.button, form#form_prebookschulscreen button {
		float: right;
		margin: 0 0 10px 6px;
		padding: 4px 10px;
		cursor: pointer;
		color: #4B8496;
		font-weight: bold;
		border: 1px solid #CCCCCC;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		background: #F7FAFB;
		text-decoration: none;
	}
		form#form_prebookschulscreen a.button:hover, form#form_prebookschulscreen button:hover {
			background: #A0C5D6;
			color: #FFFFFF;
		}

/****************************/
/***     FORM PROFILE     ***/
/****************************/
form#form_profile {
}
	form#form_profile .profileImageContainer {
		width: 100px;
		height: 100px;
		padding: 1px;
		border: 1px solid #CCCCCC;
	}
		form#form_profile img.profileImage {
			max-width: 100px;
			max-height: 100px;
		}

/****************************/
/***   FORM REGISTRATION  ***/
/****************************/
form#form_registration {
}

#form_registration_success 
{
	display : none;
}/**************************************/
/***   FORM FORGOTUSERNAMEPASSWORD  ***/
/**************************************/
form#form_forgotusername {
}

#form_forgotusername_success 
{
	display : none;
}

/********************************/
/***         BODY LEFT        ***/
/********************************/

	/************************/
	/***      GENERAL     ***/
	/************************/
	#body_left table {
		margin: 20px 0 0 0;
		border-collapse: collapse;
		line-height: 20px;
		font-size: 13px;
		background: no-repeat top left;
	}
		#body_left table thead {
		}
			#body_left table thead tr {
			}
				#body_left table thead tr th {
					padding:  0 0 2px 10px;
					font-size: 12px;
					font-weight: normal;
					line-height: 29px;
					text-align: left;
					background: url(../images/bg_table_th.png) no-repeat top left;
				}
					#body_left table thead tr th:first-child, #body_left table thead tr th.first-child {
						background-image: none;
					}
					#body_left table thead tr th span {
						display: block;
					}
						#body_left table thead tr th:last-child span {
							margin: 0 5px 0 0;
						}
						#body_left table thead tr th.last-child span { /* extra definition because IE8 would ignore it if :last-child would be found */
							margin: 0 5px 0 0;
						}
		#body_left table tbody {
		}
			#body_left table tbody tr {
			}
				#body_left table tbody tr td {
					border-top: 1px solid #CCCCCC;
					padding:  0 6px 0 6px;
					font-size: 12px;
					height: 20px;
				}
					#body_left table tbody tr:first-child td, #body_left table tbody tr.first-child td {
						border-top: none;
					}
					#body_left table tbody tr td * {
						vertical-align: middle;
					}
					#body_left table tbody tr td a{
						font-weight: bold;
					}
					#body_left table tbody tr td span{
					}

/************************/
/***       BANNER     ***/
/************************/
#body_left .banner {
	width: 725px;
	height: 106px;
	overflow: hidden;
	position: relative;
	padding: 4px 0 0 5px;
	background: url(../images/bg_banner.png) no-repeat;
}
	#body_left .banner .button {
		position: absolute;
		right: 10px;
		bottom: 11px;
		font-size: 13px;
	}
	
#container_flash {
	width: 720px;
	height: 375px;
	margin: 0 0 0 4px;
}

/************************/
/***     HEADERBOX    ***/
/************************/
#body_left div.headerbox{
	width: 730px;
	height: 110px;
	position: relative;
}
	#body_left .headerbox-news{
		background: url(../images/bg_header_news.png) no-repeat;
	}
	#body_left .headerbox-schulscreen{
		background: url(../images/bg_header_schulscreen.png) no-repeat;
	}
	#body_left .headerbox-searchresults{
		background: url(../images/bg_header_searchresults.png) no-repeat;
	}
	#body_left .headerbox-service{
		background: url(../images/bg_header_service.png) no-repeat;
	}
	#body_left .headerbox-topic{
		background: url(../images/bg_header_topics.png) no-repeat;
	}
	#body_left .headerbox-topicteacher{
		background: url(../images/bg_header_topicsteacher.png) no-repeat;
	}
	#body_left .headerbox-info{
		position: absolute;
		top: 15px;
		left: 20px;
		width: 470px;
		height: 80px;
		overflow: hidden;
	}
		#body_left .headerbox-info p{
			margin: 5px 0;
		}
	#body_left div.headerbox button, #body_left div.headerbox .button {
		position: absolute;
		right: 10px;
		bottom: 11px;
	}
	#body_left div.headerbox input {
		border: 1px solid #adadad;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 4px 5px;
	}
		#body_left .headerbox-searchresults input.searchword {
			position: absolute;
			left: 10px;
			bottom: 13px;
			width: 490px;
		}
	#body_left div.headerbox p {
	}
		#body_left div.headerbox p.numberofsearchresults {
			position: absolute;
			top: 15px;
			left: 15px;
		}
			#body_left div.headerbox p.numberofsearchresults span.searchword {
				font-style: italic;
			}
			#body_left div.headerbox p.numberofsearchresults span.searchword:before {
				content: '"';
			}
			#body_left div.headerbox p.numberofsearchresults span.searchword:after {
				content: '"';
			}

/************************/
/***       PLAYER     ***/
/************************/
#body_left #player{
	margin: 10px 0 0 0;
	padding: 0 0 0 3px;
}
#player, #bigplayer 
{
    color: White;
}

/************************/
/***        BOX       ***/
/************************/
#body_left .box {
	width: 235px;
	height: 281px;
	position: relative;
	float: left;
	margin: 0 11px 0 0;
	overflow: hidden;
	background: no-repeat;
}
	* html #body_left .box {
		display: inline; /* to fix IE double margin bug */
	}
	#body_left #format .box {
		float: right;
	}
	#body_left .box-news, #body_left .box-news-entry {
		background-image: url(../images/bg_box_news.png);
	}
		#body_left .box-news.stamp-new, #body_left .box-news-entry.stamp-new {
			background-image: url(../images/bg_box_news_new.png);
		}
		#body_left .box-news.stamp-newepisode, #body_left .box-news-entry.stamp-newepisode {
			background-image: url(../images/bg_box_news_newepisode.png);
		}
		#body_left .box-news.stamp-newmovie, #body_left .box-news-entry.stamp-newmovie {
			background-image: url(../images/bg_box_news_newmovie.png);
		}
	#body_left .box-schulscreen, #body_left .box-schulscreen-entry {
		background-image: url(../images/bg_box_schulscreen.png);
	}
		#body_left .box-schulscreen.stamp-new, #body_left .box-schulscreen-entry.stamp-new {
			background-image: url(../images/bg_box_schulscreen_new.png);
		}
		#body_left .box-schulscreen.stamp-newepisode, #body_left .box-schulscreen-entry.stamp-newepisode {
			background-image: url(../images/bg_box_schulscreen_newepisode.png);
		}
		#body_left .box-schulscreen.stamp-newmovie, #body_left .box-schulscreen-entry.stamp-newmovie {
			background-image: url(../images/bg_box_schulscreen_newmovie.png);
		}
	#body_left .box-service, #body_left .box-service-entry {
		background-image: url(../images/bg_box_service.png);
	}
		#body_left .box-service.stamp-new, #body_left .box-service-entry.stamp-new {
			background-image: url(../images/bg_box_service_new.png);
		}
		#body_left .box-service.stamp-newepisode, #body_left .box-service-entry.stamp-newepisode {
			background-image: url(../images/bg_box_service_newepisode.png);
		}
		#body_left .box-service.stamp-newmovie, #body_left .box-service-entry.stamp-newmovie {
			background-image: url(../images/bg_box_service_newmovie.png);
		}
	#body_left .box-topic {
		height: 211px;
		background-image: url(../images/bg_box_topic.png);
	}
		#body_left .box-topic.stamp-new {
			background-image: url(../images/bg_box_topic_new.png);
		}
		#body_left .box-topic.stamp-newepisode {
			background-image: url(../images/bg_box_topic_newepisode.png);
		}
		#body_left .box-topic.stamp-newmovie {
			background-image: url(../images/bg_box_topic_newmovie.png);
		}
	#body_left .box-topic-entry, #body_left .box-jugendthemen-entry {
		background-image: url(../images/bg_box_topic_entry.png);
	}
		#body_left .box-topic-entry.stamp-new, #body_left .box-jugendthemen-entry.stamp-new {
			background-image: url(../images/bg_box_topic_entry_new.png);
		}
		#body_left .box-topic-entry.stamp-newepisode, #body_left .box-jugendthemen-entry.stamp-newepisode {
			background-image: url(../images/bg_box_topic_entry_newepisode.png);
		}
		#body_left .box-topic-entry.stamp-newmovie, #body_left .box-jugendthemen-entry.stamp-newmovie {
			background-image: url(../images/bg_box_topic_entry_newmovie.png);
		}
	#body_left .box-topicteacher {
		height: 211px;
		background-image: url(../images/bg_box_topicteacher.png);
	}
		#body_left .box-topicteacher.stamp-new {
			background-image: url(../images/bg_box_topicteacher_new.png);
		}
		#body_left .box-topicteacher.stamp-newepisode {
			background-image: url(../images/bg_box_topicteacher_newepisode.png);
		}
		#body_left .box-topicteacher.stamp-newmovie {
			background-image: url(../images/bg_box_topicteacher_newmovie.png);
		}
	#body_left .box-topicteacher-entry, #body_left .box-bildungsthemen-entry {
		background-image: url(../images/bg_box_topicteacher_entry.png);
	}
		#body_left .box-topicteacher-entry.stamp-new, #body_left .box-bildungsthemen-entry.stamp-new {
			background-image: url(../images/bg_box_topicteacher_entry_new.png);
		}
		#body_left .box-topicteacher-entry.stamp-newepisode, #body_left .box-bildungsthemen-entry.stamp-newepisode {
			background-image: url(../images/bg_box_topicteacher_entry_newepisode.png);
		}
		#body_left .box-topicteacher-entry.stamp-newmovie, #body_left .box-bildungsthemen-entry.stamp-newmovie {
			background-image: url(../images/bg_box_topicteacher_entry_newmovie.png);
		}
	#body_left .box img.box-stamp-info{
		position: absolute;
		top: 19px;
		right: 23px;
	}
	#body_left .box .box-header{
		width: 215px;
		position: absolute;
		top: 19px;
		left: 10px;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}
		#body_left .box-news .box-header{
			color: #786411;
		}
		#body_left .box-schulscreen .box-header{
			color: #566c11;
		}
		#body_left .box-topic .box-header, #body_left .box-topic-entry .box-header{
			color: #11457a;
		}
		#body_left .box-service .box-header {
			color: #6a6a6a;
		}
		#body_left .box-topicteacher .box-header, #body_left .box-topicteacher-entry .box-header{
			color: #795507;
		}
			#body_left .box .box-header img.box-icon{
				position: absolute;
				top: 1px;
				right: 0;
			}
	#body_left .box img.box-image, #body_left .box img.box-image-overlay{
		width: 208px;
		height: 117px;
		position: absolute;
		top: 42px;
		left: 13px;
	}
		#body_left .box img.box-image-overlay{
			display: none;
			z-index: 5;
		}
			#body_left .box a:hover img.box-image-overlay{
				display: block;
			}
	#body_left .box h2{
		width: 208px;
		position: absolute;
		top: 164px;
		left: 13px;
		font-size: 13px;
		font-weight: bold;
	}
		#body_left .box h2 a{ 
			color: inherit;
		}
			* html #body_left .box h2 a {
				color: #000000; /* to simulate inherit support */
			}
			*+html #body_left .box h2 a { 
				color: #000000; /* to simulate inherit support */
			}						
	#body_left .box p{
		width: 208px;
		position: absolute;
		top: 185px;
		left: 13px;
	}
		#body_left .box-topic p, #body_left .box-topicteacher p{
			display: none;
		}
		#body_left .box p a{
			color: inherit;
		}
			* html #body_left .box p a {
				color: #000000; /* to simulate inherit support */
			}
			*+html #body_left .box p a { 
				color: #000000; /* to simulate inherit support */
			}
	#body_left .box .box-footer{
		width: 208px;
		position: absolute;
		bottom: 11px;
		left: 13px;
		font-size: 11px;
	}
		#body_left .box-news .box-footer, #body_left .box-schulscreen .box-footer, #body_left .box-service .box-footer {
			display: none;
		}

/************************/
/***   SEARCHRESULTS  ***/
/************************/
#searchresults {
	padding: 10px 0 0 0;
	width: 715px;
}
	#searchresults .searchresult {
		padding: 10px 0 10px 5px;
		border-bottom: 1px solid #CCCCCC;
	}
		#searchresults .searchresult:last-child {
			border: none;
		}
		#searchresults .searchresult a.searchresult-url {
			font-size: 11px;
			color: #999999;
		}
		#searchresults .searchresult h1 {
			font-size: 13px;
		}
		#searchresults .searchresult p {
		}
			#searchresults .searchresult p.searchresult-foundtext {
				padding: 4px 0;
			}


/************************/
/***      ARTICLE     ***/
/************************/
#articleContainer {
}
#article{
	margin: 20px 0 0 0;
}
	#article.left{
		width: 490px;
		float: left;
	}
	#article p{
		margin: 5px 0;
	}
	.article-info {
		width: 475px;
		float: left;
		margin: 0 0 0 3px;
	}
		.article-info a {
			display: block;
			margin: 5px 0;
			padding: 0 0 0 20px;
			font-weight: bold;
			background: url(../images/icon_link.png) no-repeat left center;
		}
			.article-info .links a {
				display: inline;
				background-image: none;
				padding: 0 0 0 0;
			}
		.article-info h1, .article-info h2, .article-info h3, .article-info h4, .article-info h5, .article-info h6 {
			clear: both;
			margin: 20px 0 5px 0;
			font-weight: bold;
		}
			.article-info h1 {
				font-size: 18px;
				margin: 0px 0 5px 0;
			}
			.article-info h2 {
				font-size: 16px;
			}
			.article-info h3 {
				font-size: 15px;
			}
			.article-info h4 {
				font-size: 14px;
			}
			.article-info h5 {
				font-size: 13px;
			}
			.article-info h6 {
				font-size: 12px;
			}
		.article-info div.imagebox {
			border: 1px solid #CCCCCC;
		}
			.article-info div.imagebox.left {
				margin: 5px 5px 5px 0;
				float: left;
			}
			.article-info div.imagebox.right {
				margin: 5px 0 5px 5px;
				float: left;
			}
			.article-info div.imagebox img {
				padding: 1px;
			}
			.article-info div.imagebox div.imagebox-source {
				padding: 2px 3px;
				font-size: 10px;
				text-align: center;
			}
		.article-info img {
		}
			.article-info img.center {
				display: block;
				text-align: center;
				margin: 5px auto 5px auto;
				padding: 1px;
				border: 1px solid #CCCCCC;
			}
			.article-info img.left {
				float: left;
				margin: 5px 5px 5px 0;
				padding: 1px;
				border: 1px solid #CCCCCC;
			}
			.article-info img.right {
				float: right;
				margin: 5px 0 5px 5px;
				padding: 1px;
				border: 1px solid #CCCCCC;
			}
		.article-info p {
			line-height: 1.4em;
		}
		.article-info ul {
			margin: 0 0 0 0;
			list-style: disc outside;
			padding: 0 0 0 20px;
		}
			.article-info ul li{
				list-style: disc outside;
			}
	.article-details {
		width: 200px;
		float: right;
		margin: 0 15px 0 0;
		font-size: 11px;
	}
		* html .article-details {
			display: inline; /* to fix IE double margin bug */
		}
		.article-details h3 {
			margin: 0 0 5px 0;
			font-size: 11px;
			line-height: 20px;
		}
		.article-details dl {
			line-height: 17px;
		}
			.article-details dl dt {
				width: 70px !important;
				border-top: 1px solid #CCCCCC;
			}
			.article-details dl dd {
				margin: 0px 0 0px 70px !important;
				border-top: 1px solid #CCCCCC;
			}
		.article-details button, .article-details a.button{
			width: 200px;
			margin: 10px 0 0 0;
			text-decoration: none !important;
		}
		
#articleStartdate {
	width: 244px;
	clear: right;
	float: right;
	margin: 5px 0 0 0;
}
	#articleStartdate span {
		font-size: 11px;
	}

/****************************/
/***      SHAREBOX        ***/
/****************************/
#share_box {
	float: right;
	width: 227px;
	height: 148px;
	margin: 10px 12px 10px 0;
	padding: 4px 4px 0 4px;
	background: url(../images/bg_box_share.png) no-repeat;
}
	#share_box.small {
		background: url(../images/bg_box_share_small.png) no-repeat;
		height: 118px;
	}
	.shareBoxTitle {
		height: 27px;
		overflow: hidden;
		padding: 0 5px;
		line-height: 27px;
		font-size: 13px;
		font-weight: bold;
		color: #5b5b5b;
	}
	.shareBoxContent {
		height: 30px;
		overflow: hidden;
		padding: 0 5px;
		line-height: 30px;
	}
		.shareBoxContent .addthis_toolbox {
			padding: 6px 0 0 5px;
			line-height: normal;
		}
		.shareBoxContent a {
			cursor: pointer;
		}
			.shareBoxContent a:before {
				content: "> ";
			}
				.shareBoxContent .addthis_toolbox a:before {
					content: "";
				}

/**********************/
/*** TABLE EPISODES ***/
/**********************/
#body_left table.episodes {
	clear: both;
	width: 475px;
	background-image: url(../images/bg_table_475px_thead.png);
}
			#body_left table.episodes thead tr th {
				background-image: url(../images/bg_table_th.png);
			}
				#body_left table.episodes thead tr th:first-child , #body_left table.episodes thead tr th.first-child {
					background-image: none;
				}

/*******************/
/*** TABLE LINKS ***/
/*******************/
#body_left table.links {
	clear: both;
	margin: 20px 0 0 0;
	width: 475px;
	background-image: url(../images/bg_table_475px_thead.png);
}
			#body_left table.links thead tr th {
				background-image: url(../images/bg_table_th.png);
			}
				#body_left table.links thead tr th:first-child , #body_left table.links thead tr th.first-child {
					background-image: none;
				}

/************************/
/***      COMMENTS    ***/
/************************/
#comments{
	clear: both;
	margin: 20px 0 0 0;
}
	#comments h3 {
		width: 465px;
		margin: 0 0 0 3px;
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		font-size: 12px;
		font-weight: normal;
		background: url(../images/bg_table_475px_thead.png) no-repeat bottom;
	}
		#comments h3 button, #comments h3 a.button {
			float: right;
			width: 135px;
			color: white;
			font-size: 12px;
			background-image: url(../images/bg_button_comments.png);
		}
			#comments h3 button:hover, #comments h3 a.button:hover {
				background-image: url(../images/bg_button_comments_over.png);
			}
		#comments h3 span {
			line-height: 28px;
		}
	#comments p {
		clear: both;
		padding: 10px 0 0 0;
	}
	.comment {
		position: relative;
		margin: 8px 0;
		background: url(../images/bg_comment_top.png) no-repeat top left;
	}
		.comment-balloon {
			width: 452px;
			min-height: 106px;
			padding: 10px 53px 10px 10px;
			background: url(../images/bg_comment_bottom.png) no-repeat bottom left;
		}
			.comment-user {
				font-size: 11px;
			}
		.comment-userimagebox {
			position: absolute;
			top: 4px;
			left: 515px;
			width: 100px;
			height: 100px;
			padding: 1px;
			border: 1px solid #CCCCCC;
		}
			.wrapToCenter {
				display: table-cell;
				height: 100px;
				width: 100px;
				vertical-align: middle;
				text-align: center;
			}
			.comment-userimagebox *{
				vertical-align: middle;
			}
			*+html .comment-userimagebox span {
				display: inline-block;
				height: 100%;
			}
			* html .comment-userimagebox span {
				display: inline-block;
				height: 100%;
			}
			img.comment-userimage {
				max-width: 100px;
				max-height: 100px;
			}

/********************/
/*** TABLE TOPICS ***/
/********************/
#body_left table.topics {
	width: 724px;
	background-image: url(../images/bg_table_thead.png);
}
	#body_left table.topics thead {
	}
		#body_left table.topics thead tr {
		}
			#body_left table.topics thead tr th {
				cursor: pointer;
				background: url(../images/bg_table_th.png) no-repeat left top;
			}
				#body_left table.topics thead tr th:first-child , #body_left table.topics thead tr th.first-child {
					background-image: none;
				}
				#body_left table.topics thead tr th:last-child , #body_left table.topics thead tr th.last-child {
					/*padding: 0 5px 0 0;*/
				}
				#body_left table.topics thead tr th span {
					background: url(../images/bg_table_sort.png) no-repeat right center;
					padding: 0 5px 0 0;
				}
					#body_left table.topics thead tr th.headerSortUp span {
						background-image: url(../images/bg_table_sort-up.png);
					}
					#body_left table.topics thead tr th.headerSortDown span {
						background-image: url(../images/bg_table_sort-down.png);
					}
	#body_left table.topics tbody {
	}
					#body_left table.topics tbody tr td span.newTopic {
						display: block;
						font-size: 11px;
						text-transform: uppercase;
						color: #e35023;
						text-align: center;
					}
					#body_left table.topics tbody tr td span.newEpisode {
						font-size: 11px;
						text-transform: uppercase;
						color: #8d0064;
					}
					#body_left table.topics tbody tr td span.number {
						display: block;
						text-align: center;
					}

/************************/
/***      FORMAT      ***/
/************************/
#format {
}
	#format p.description {
		position: relative;
		width: 475px;
		min-height: 137px;
		padding: 15px 0 125px 0;
		text-align: justify;
		line-height: 1.5em;
	}
		* html #format p.description {
			height: 137px; /* to simulate min-height */
		}
	#format img.description-image-left, #format img.description-image-right {
		position: absolute;
	}
		#format img.description-image-left {
			bottom: 0px;
			left: 0px;
		}
		#format img.description-image-right {
			bottom: 0px;
			right: 0px;
		}

/********************************************************************
*		     				Video-Overlay                           *
********************************************************************/

div.overlay, div#bigoverlay {	
	background:url(../images/px.gif) no-repeat;
	width:782px;
	height: 526px;
	top: 0px;
	left: 0px;
	display: none;
}

div.overlay_inner {
	background:url(../images/bg_player_normal.png) 0 0 no-repeat;
	width:782px;
	height: 526px;
	position: absolute;
	top:0px;
	left: 0px;
}

div.overlay_inner #player_overlay {
	position: absolute;
	top: 66px;
	left: 32px;
	width: 720px;
	height: 404px;
	border: 1px solid green;
	z-index: 5;
}

div.overlay_sign, div#bigoverlay{
	width: 1012px;
}


div.overlay_inner.overlay_sign {
	background-image: url(../images/bg_player_sign.png) !important;
	width: 1012px ;
}

div.overlay a.close {
	display: block;
	background:url(../images/button_close.png) no-repeat;
	position:absolute;
	top:23px;
	right:25px; 
	width:18px;
	height:18px;
	cursor:pointer;
}

div.overlay a.close:hover {
	background-position: right;
}	

div.video_title {
	margin-top: 30px;
	margin-left: 32px;
	height: 20px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}

div#player, div#bigplayer {
	display: block;
	position: absolute;
	top: 65px;
	left: 31px;
	width: 720px;
	height: 404px;
}

div#bigplayer {
	width: 950px;
}

/********************************************************************
*								Vorschlagslisten									  *	
********************************************************************/
div#videolist_wrapper {
	width: 730px;
	height: 185px;
	background: url(../images/bg_videonav.png) no-repeat;
	position: relative;
}
	#document.news div#videolist_wrapper {
		background-image: url(../images/bg_videonav_news.png);
	}
	#document.bildungsthemen div#videolist_wrapper {
		background-image: url(../images/bg_videonav_bildungsthemen.png);
	}
	#document.jugendthemen div#videolist_wrapper {
		background-image: url(../images/bg_videonav_jugendthemen.png);
	}
	#document.schulscreen div#videolist_wrapper {
		background-image: url(../images/bg_videonav_schulscreen.png);
	}
	#document.service div#videolist_wrapper {
		background-image: url(../images/bg_videonav_service.png);
	}

div#videolist {
	width: 730px;
	height: 185px;
	color: #C1C8CD;
	position: relative;
}

div#video_navbar_left, div#video_navbar_right {
	width: 60px;
	height: 185px;
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 1;
	background: url(../images/bg_videonav_navbar_left.png) no-repeat;
}
	#document.news div#video_navbar_left {
		background-image: url(../images/bg_videonav_navbar_news_left.png);
	}
	#document.bildungsthemen div#video_navbar_left {
		background-image: url(../images/bg_videonav_navbar_bildungsthemen_left.png);
	}
	#document.jugendthemen div#video_navbar_left {
		background-image: url(../images/bg_videonav_navbar_jugendthemen_left.png);
	}
	#document.schulscreen div#video_navbar_left {
		background-image: url(../images/bg_videonav_navbar_schulscreen_left.png);
	}
	#document.service div#video_navbar_left {
		background-image: url(../images/bg_videonav_navbar_service_left.png);
	}

div#video_navbar_right {
	left: 670px;
	background: url(../images/bg_videonav_navbar_right.png) no-repeat;
}
	#document.news div#video_navbar_right {
		background-image: url(../images/bg_videonav_navbar_news_right.png);
	}
	#document.bildungsthemen div#video_navbar_right {
		background-image: url(../images/bg_videonav_navbar_bildungsthemen_right.png);
	}
	#document.jugendthemen div#video_navbar_right {
		background-image: url(../images/bg_videonav_navbar_jugendthemen_right.png);
	}
	#document.schulscreen div#video_navbar_right {
		background-image: url(../images/bg_videonav_navbar_schulscreen_right.png);
	}
	#document.service div#video_navbar_right {
		background-image: url(../images/bg_videonav_navbar_service_right.png);
	}

div#suggestion {
	overflow: hidden;
	height: 405px;
	width: 720px;
	z-index: 100000;
	background-color: black;
	position: absolute;
}
	div#suggestion a {
		cursor: pointer !important;
	}

div#suggestion_inner {
	background: url(../images/background_overlay.jpg) repeat-x;
	height: 405px;
	text-align: center;
}

div#suggestion.overlay_sign, div#suggestion_inner.overlay_sign {
	width: 950px;
}

div#suggestion_scroller, div#video_scroller {
	text-align: left;
	margin-left: 26px;
	height: 250px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow:hidden;
	width: 654px;
}

div#suggestion_scroller {
	margin-top: 20px;
}

div#video_scroller {
	width: 665px;
}

div#suggestion_scroller.overlay_sign {
	width: 875px;
}

div.spacer{
	height: 1px;
}

div#suggestion div.close {
	display: none;
}

div#thumbs, div#video_thumbs {
	height: 250px;
	position:absolute;	
	width:20000em;
	clear:both;
}

div#video_thumbs {
	height: 186px;
}

/* single item */ 
#thumbs div.suggestion_scroller_item, #video_thumbs a.video_scroller_item {
	display: block;
	float: left;
	width: 208px;
	height: 200px;
	color: #ddd;
	cursor: pointer;
	padding: 0px 8px 0px 8px;
	border-right: 1px solid #7a7a7a;
}
	* html #thumbs div.suggestion_scroller_item, * html #video_thumbs a.video_scroller_item {
		display: inline; /* to fix IE6 double margin bug */
	}
	#thumbs div.suggestion_scroller_item {
		padding: 0px 6px 0px 6px;
	}
	#document.news #video_thumbs a.video_scroller_item {
		border-right: 1px solid #958a5e;
	}
	#document.bildungsthemen #video_thumbs a.video_scroller_item {
		border-right: 1px solid #948157;
	}
	#document.jugendthemen #video_thumbs a.video_scroller_item {
		border-right: 1px solid #6f889b;
	}
	#document.schulscreen #video_thumbs a.video_scroller_item {
		border-right: 1px solid #818d5d;
	}
 
#video_thumbs a.video_scroller_item {
	display: block;
	height: 160px;
	margin: 14px 0 0 0;
}

div.suggestion_scroller_item div.suggestion_image, a.video_scroller_item .video_image {
	display: block;
	width: 208px;
	height: 117px;
	position: relative;
}
	.video_image {
		margin-right: 18px;
	}

div.suggestion_scroller_item div.suggestion_image img, a.video_scroller_item .video_image img, 
div.suggestion_scroller_item .mouseover_img, a.video_scroller_item .mouseover_img  {
	display: block;
	width: 208px;
	height: 117px;
	position: absolute;
	top: 0px;
	left: 0px;
}
 
div.suggestion_scroller_item .mouseover_img, a.video_scroller_item .mouseover_img {
	width: 208px;
	height: 117px;
	background-image: url("../images/symbol_play.png");
	display: none;
} 

div.suggestion_scroller_item div.cur_mouseover_img {
	background-image: url("../images/symbol_replay.png");
}

a.video_scroller_item .mouseover_img {
	background-image: url("../images/symbol_videobeitrag.png");
}


/* style when mouse is over the item */ 
#thumbs div.hover .mouseover_img, a.video_scroller_item:hover .mouseover_img{
	display: block;
} 


div.video_scroller_title, span.video_scroller_title, div.video_scroller_overtitle {
	display: block;
	width: 205px;
	font-weight: bold;
	padding-top: 5px;
	font-size: 13px;
}

div.video_scroller_overtitle {
	margin-bottom: 10px;
}

div.video_scroller_num, span.video_scroller_time, div.video_scroller_time {
	display: block;
	padding-top: 5px;
	font-size: 11px;
}

/*********** navigator ***********/

div#navidiv {
	height: 26px;
	text-align: center;
}

/* position and dimensions of the navigator */
div.navi {
	height: 26px;
	width: 122px;
	margin: 0px auto 13px auto;
}

/* items inside navigator */
div.navi a {
	width: 13px;
	height: 13px;
	margin: 13px 3px 3px 3px;
	background: url(../images/suggestion_navigator.png) 0 0 no-repeat;
	float: left;
	display: block;
	font-size: 1px;
}
	* html div.navi a {
		display: inline; /* to fix IE6 double margin bug */
	}

/* mouseover state */
div.navi a:hover {
	background-position:right;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:right;     
} 

div#play_again{
	position: absolute;
	top: 250px;
	width: 100%;
	left: 0px;
	height: 137px;
	background: url(../images/bg_activevideo.png) center no-repeat;
	text-align: center;
}

div#play_again_text {
	text-align: left;
	color: white;
	position: absolute;
	left: 255px;
	top: 5px;
}

div#suggestion.overlay_sign div#play_again{
	background: url(../images/bg_activevideo_big.png) center no-repeat;
}

a#play_again_button, a#infopage_button, a#button_switch_to_pseudostreaming {
	position: absolute;
	top: 7px;
	right: 10px;
	display: block;
	width: 250px;
	height: 26px;
	text-decoration: none !important;
	color: #000000 !important;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/button_replay.png) no-repeat;
	background-position: 0px -8px;
	padding-top: 7px;
	vertical-align: middle;
}

a#infopage_button {
	background-image: url(../images/button_infopage.png);
	top: 42px;
}

a#button_switch_to_pseudostreaming{
	position: static;
	top: auto;
	left: auto;
	margin-left: 200px;
	background-image: url(../images/button_blank.png);
	padding: 7px 5px 0 5px;
	text-align: center;
}

a#play_again_button:hover, a#infopage_button:hover, a#button_switch_to_pseudostreaming:hover {
	background-position: 0px -58px;
	color: white;
}
	
#warning_streaming_malfunction{
	padding: 20px 20px;
	color: white;
	text-align: left;
}


#play_again div.addthis_toolbox{
	width: 190px !important;
	position: absolute;
	bottom: 10px;
	right: 35px;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	background: #FFFFFF;
}

img#current_article_img {
	position: absolute;
	top: 10px;
	left: 35px;
}

a.prev, a.next {
	display:block;
	width:13px;
	height:25px;
	position: absolute;
	z-index: 100001;
	top: 135px;	
	background:url(../images/button_previousvideos.png) no-repeat;
	cursor:pointer;
	font-size:1px;
	border: none;
}

a.prev {
	top: 65px;
	left: 15px;
}	

a.next {
	background:url(../images/button_nextvideos.png) no-repeat;
	top: 65px;
	right: 15px;
}


a#videonext{
	background:url(../images/videolist_nextlink.png) no-repeat;
	top: 69px;
	left: 680px;
	width:44px;
	height:44px;
	z-index: 2;
}

a#videoprev {
	background:url(../images/videolist_prevlink.png) no-repeat;
	width:44px;
	height:44px;	
	top: 69px;
	left: 8px;
	z-index: 2;
}

a.prev:hover, a.next:hover, a.prev:active, a.next:active {
	background-position: right !important;
}

a.disabled {
	visibility:hidden !important;		
}

/*********** Einzel-Video-Box ***********/
div#video_box {
	width: 235px;
	float: left;
	/*background: url(../images/bg_box_video_body.png) repeat-y;*/
}
	* html div#video_box {
		display: inline; /* to fix IE double margin bug */
	}

div#video_box_head {
	height: 162px;
	width: 235px;
	background: url(../images/bg_box_video_top.png) no-repeat;
	position: relative;
}
	#document.news #video_box_head {
		background-image: url(../images/bg_box_news_video_top.png);
	}
	#document.bildungsthemen #video_box_head {
		background-image: url(../images/bg_box_topicteacher_video_top.png);
	}
	#document.jugendthemen #video_box_head {
		background-image: url(../images/bg_box_topic_video_top.png);
	}
	#document.schulscreen #video_box_head {
		background-image: url(../images/bg_box_schulscreen_video_top.png);
	}
	#document.service #video_box_head {
		background-image: url(../images/bg_box_service_video_top.png);
	}


div#video_box_title {
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	left: 10px;
	top: 18px;
	height: 16px;
}

div#video_box_length {
	font-size: 11px;
	position: absolute;
	right: 10px;
	top: 18px; 
	height: 16px;
}


img#video_box_pic, div#video_box_head a.videolink, div#video_box_head a.videolink_iphone {
	display: block;	
	position: absolute;
	top: 41px;
	left: 13px;
	width: 208px;
	height: 117px;
}

div#video_box_bottom {
	width: 235px;
	height: 8px;
	background: url(../images/bg_box_video_bottom.png) no-repeat;
}
	#document.news #video_box_bottom {
		background-image: url(../images/bg_box_news_video_bottom.png);
	}
	#document.bildungsthemen #video_box_bottom {
		background-image: url(../images/bg_box_topicteacher_video_bottom.png);
	}
	#document.jugendthemen #video_box_bottom {
		background-image: url(../images/bg_box_topic_video_bottom.png);
	}
	#document.schulscreen #video_box_bottom {
		background-image: url(../images/bg_box_schulscreen_video_bottom.png);
	}
	#document.service #video_box_bottom {
		background-image: url(../images/bg_box_service_video_bottom.png);
	}

div#video_box_body {
	width: 235px;
	background: url(../images/bg_box_video_body.png) repeat-y;
	padding: 5px 0px 5px 0;
}
	#document.news #video_box_body {
		background-image: url(../images/bg_box_news_video_body.png);
	}
	#document.bildungsthemen #video_box_body {
		background-image: url(../images/bg_box_topicteacher_video_body.png);
	}
	#document.jugendthemen #video_box_body {
		background-image: url(../images/bg_box_topic_video_body.png);
	}
	#document.schulscreen #video_box_body {
		background-image: url(../images/bg_box_schulscreen_video_body.png);
	}
	#document.service #video_box_body {
		background-image: url(../images/bg_box_service_video_body.png);
	}

a.video_box_button {
	display: block;
	height: 18px;
	width: 200px;
	background-color: green;
	margin: 0px auto 5px auto;
	padding: 5px 0px;
	text-align: center;
	color: black !important;
	text-decoration: none !important;
	background: url(../images/button_play.png) no-repeat;
}

a.video_box_button:hover {
	background-position: bottom;
	color: #B0B6BC !important;
}

a.video_box_link {
	display: block;
	/*height: 16px;*/
	margin: 5px 0px 0px 10px;
	border-top: 1px solid #3D8CCA;
	width: 192px;
	background: url(../images/icon_download_18x18.png) 0px 3px no-repeat;
	padding: 5px 0px 0px 24px;
	color: white !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 12px;
}
	#document.news a.video_box_link {
		border-top: 1px solid #cca91c;
		color: #66540e !important;
	}
	#document.bildungsthemen a.video_box_link {
		border-top: 1px solid #cc8f0c;
		color: #664806 !important;
	}
	#document.jugendthemen a.video_box_link {
		border-top: 1px solid #3D8CCA;
		color: #FFFFFF !important;
	}
	#document.schulscreen a.video_box_link {
		border-top: 1px solid #90b61c;
		color: #485b0e !important;
	}
	#document.service a.video_box_link {
		border-top: 1px solid #aaaaaa;
		color: #555555 !important;
	}

	a.video_box_link:hover {
		text-decoration: underline !important;
	}
	
	a.video_box_link:first-child {
		border-top: none !important;
	}

/********************************/
/***        BODY RIGHT        ***/
/********************************/

	/************************/
	/***      GENERAL     ***/
	/************************/
	#body_right h1{
		padding: 0 5px;
		margin: 0;
		font-size: 15px;
	}
	#body_right h2 {
		padding: 0 5px;
		font-size: 13px;
		color: #000000;
	}
	#body_right > h2{
		margin: 10px 0 0 0;
	}

/************************/
/***       SEARCH     ***/
/************************/
#search {
	position: relative;
	height: 58px;
	margin: 0 0 14px 0;
	background: url(../images/bg_search.png) no-repeat;
}
	#document.home #search {
		margin: 0 0 0 0;
	}
	label#searchbox_label{
		position: absolute;
		top: 10px;
		left: 10px;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
	}
	input#searchbox {
		width: 120px;
		height: 17px;
		position: absolute;
		top: 28px;
		left: 10px;
		padding: 3px 4px 0 4px;
		font-size: 11px;
		background: url(../images/bg_searchbox.png) no-repeat;
	}
		* html input#searchbox {
			behavior: url(content/scripts/iepngfix/iepngfix.htc); /* to fix pngs in IE6 */
		}
	#document button#search_start {
		width: 50px;
		height: 20px;	
		position: absolute;
		top: 28px;
		left: 140px;
		font-size: 11px;
		line-height: 20px;
		color: #FFFFFF;
		background: url(../images/bg_searchbutton.png) no-repeat;
	}
		#document button#search_start:hover {
			background-image: url(../images/bg_searchbutton_over.png);
		}
		#document button#search_start span {
			height: 20px;
			line-height: 20px;
		}

/************************/
/***        BOX       ***/
/************************/
#body_right .box {
	position: relative;
	margin: 5px 0 0 0;
	padding: 5px 10px 0 10px;
}
	#body_right .box a {
	}
	#body_right .box p {
		margin: 5px 0 5px 0;
		font-size: 12px;
		line-height: 1.4em;
	}
	#body_right .box h2 {
		margin: 5px 0 5px 0;
		padding: 0;
		color: #5b5b5b;
	}
		#body_right .box h2 a {
			margin: 0;
			display: inline;
		}
	#body_right .box img {
	}
		#body_right .box img.box-stamp-transparent{
			position: absolute;
			top: 0;
			right: 5px;
		}
			#body_right .box.stamp-new img.box-stamp-transparent {
				background: url(../images/box_stamp_new.png) no-repeat top left;
			}
			#body_right .box.stamp-newepisode img.box-stamp-transparent {
				background: url(../images/box_stamp_newepisode.png) no-repeat top left;
			}
			#body_right .box.stamp-newmovie img.box-stamp-transparent {
				background: url(../images/box_stamp_newmovie.png) no-repeat top left;
			}
	/************************/
	/***   BOX ARTICLES   ***/
	/************************/
	#body_right .box-articles, #body_right .box-formats, #body_right .box-topics{
		margin: 0 0 0 0;
		padding: 15px 5px 10px 5px;
		border-bottom: 1px solid #CCCCCC;
	}
		* html #body_right .box-articles, * html #body_right .box-formats, * html #body_right .box-topics {
			height: 200px;
		}
		#body_right .box-articles img.box-image, #body_right .box-formats img.box-image, #body_right .box-topics img.box-image{
			width: 188px;
			height: 105px;
			border: 1px solid #CCCCCC;
		}
	/************************/
	/***    BOX FORMATS   ***/
	/************************/
	#body_right .box-formats {
	}
		#body_right .box-formats p a {
			color: inherit;
		}
			* html #body_right .box-formats p a {
				color: #000000; /* to simulate inherit support */
			}
			*+html #body_right .box-formats p a {
				color: #000000; /* to simulate inherit support */
			}
	/************************/
	/***     BOX INFO     ***/
	/************************/
	#body_right .box-info {
		padding: 0 0 5px 0;
		margin: 10px 0 10px 0;
		min-height: 130px;
		overflow: hidden;
		background: url(../images/bg_box_info_bottom_long.png) bottom left no-repeat;
	}
		#body_right .box-info a {
			display: block;
			margin: 5px 0 5px 10px;
		}
			#body_right .box-info p a {
				margin: 5px 0 5px 0px;
				}
			#body_right .box-info a:before {
				content: '> ';
			}
		#body_right .box-info h2 {
			height: 29px;
			margin: 0;
			padding: 2px 0 0 10px;
			line-height: 29px;
			background: url(../images/bg_box_info_top.png) top left no-repeat;
		}
		#body_right .box-info img {
			margin: 10px 0 0 10px;
		}
		#body_right .box-info p {
			padding: 0 10px;
		}
	/************************/
	/***   BOX LINKS   ***/
	/************************/
	#body_right .box-links {
		margin: 10px 0 15px 0;
	}
		#body_right .box-links a {
			display: block;
			padding: 0 0 0 5px;
			line-height: 20px;
			border-bottom: 1px solid #CCCCCC;
		}
	/************************/
	/***     BOX LOGO     ***/
	/************************/
	#body_right .box-logo {
		position: absolute;
		bottom: 0px;
		padding: 5px 6px 2px 6px;
	}
		#body_right .box-logo a {
			display: inline;
		}
		#body_right .box-logo p {
			padding: 0 0 5px 0;
			font-size: 10px;
			color: #999999;
		}
	/************************/
	/***    BOX TOPICS   ***/
	/************************/
	#body_right .box-topics {
	}
		#body_right .box-topics p a {
			color: inherit;
		}
			* html #body_right .box-topics p a {
				color: #000000; /* to simulate inherit support */
			}
			*+html #body_right .box-topics p a {
				color: #000000; /* to simulate inherit support */
			}
	/************************/
	/***  BOX VIDEOBANNER ***/
	/************************/
	#body_right .box-videobanner {
		height: 68px;
		position: relative;
		margin: 10px 0 10px 0;
		padding: 5px 0px 0px 5px;
		overflow: hidden;
		background: url(../images/bg_box_videobanner.png) no-repeat;
	}
		#body_right .box-videobanner a {
		}
		#body_right .box-videobanner h2 {
			position: absolute;
			top: 0;
			left: 0;
			padding: 0 0 0 9px;
			font-size: 11px;
			color: #CCCCCC;
			z-index: 100;
		}
		#body_right .box-videobanner img {
			opacity: 1;
			filter: alpha(opacity = 100);
		}
			#body_right .box-videobanner img:hover {
				opacity: 0.7;
				filter: alpha(opacity = 70);
			}

/********************************/
/***          FOOTER          ***/
/********************************/


/****************************/
/***    LOGOBOX BOTTOM    ***/
/****************************/
#logobox_bottom {
	width: 120px;
	height: 26px;
	position: absolute;
	top: -30px;
}

/****************************/
/***       COPYRIGHT      ***/
/****************************/
#copyright {
	float: left;
}
	#copyright a {
		color: #7f7f7f !important;
	}

/****************************/
/***      MENU FOOTER     ***/
/****************************/
ul#menu_footer {
	float: right;
}
	ul#menu_footer li {
		display: inline;
	}
		ul#menu_footer li:before {
			content: ' | ';
		}
			ul#menu_footer li:first-child:before {
				content: '';
			}
		ul#menu_footer li a {
			color: #7f7f7f;
		}/*******************************/
/***   FORM RESET PASSWORD   ***/
/*******************************/
form#form_resetpassword
{

}