@charset "UTF-8";

/* 	Prototyp/Template Übertragung Medienteaserformate Latin/LTR 
	Start 15.9.2011	Version 0.9 
	Letzte Änderung: 12.1.2012
	Alex Koch | wysiwyg*
*/

/* 
 _____ _____ ____  _ _____ _____ _____ _____ _____ _____ _____ 
|     |   __|    \| |  _  |_   _|   __|  _  |   __|   __| __  |
| | | |   __|  |  | |     | | | |   __|     |__   |   __|    -|
|_|_|_|_____|____/|_|__|__| |_| |_____|__|__|_____|_____|__|__| */  

/*
 __ __ __    
|  |  |  |   
|-   -|  |__ 
|__|__|_____| */

div.imgTeaserXL {
	position: relative;
	display: block;
	float: left;
	width: 940px;
	height: 529px;
	margin: 0px; }

div.imgTeaserXL div.teaserImg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 940px;
	height: 529px; 
	margin: 0px;
	padding: 0px;
	overflow: hidden; }
	
div.imgTeaserXL div.teaserContentWrap {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 11;
	width: 900px;
	margin: 0px;
	padding: 15px 20px 15px; }

div.imgTeaserXL div.teaserImg div.mediaType.play,
div.imgTeaserXL div.teaserImg div.mediaType.slideshow {
	position: absolute;
	display: block;
	width: 200px;
	height: 200px;
	top: 170px;
	left: 370px;
	z-index: 5; }

/*
 __ __ __    
|  |  |  |   
|-   -|  |__ 
|__|__|_____| CINEMASCOPE 940x411 */

div.imgTeaserXL.cinemaXL {
	height: 411px; }

div.imgTeaserXL.cinemaXL div.teaserImg {
	height: 411px; }

div.imgTeaserXL.cinemaXL div.teaserImg div.mediaType.play,
div.imgTeaserXL.cinemaXL div.teaserImg div.mediaType.slideshow {
	top: 105px; }

/*
 __    
|  |   
|  |__ 
|_____| */

div.imgTeaserL {
	position: relative;
	display: block;
	float: left;
	width: 700px;
	height: 394px; }

div.imgTeaserL.video{
	margin-bottom: 10px;}	

div.imgTeaserL.video.group{
	margin-bottom: 30px;}

div.imgTeaserL div.teaserImg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 700px;
	height: 394px; 
	margin: 0px;
	padding: 0px;
	overflow: hidden; }
	
div.imgTeaserL div.teaserImg img {
	position: absolute;
	left: -10px;
}
	
div.imgTeaserL div.teaserContentWrap {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 11;
	width: 680px;
	margin: 0px; 
	padding: 10px; }

div.imgTeaserL div.teaserImg div.mediaType.play,
div.imgTeaserL div.teaserImg div.mediaType.slideshow {
	position: absolute;
	display: block;
	width: 200px;
	height: 200px;
	top: 95px;
	left: 245px;
	z-index: 5; }

/*
 __    
|  |   
|  |__ 
|_____| KARUSSELL-VERSION */

div#headerKarussell div.imgTeaserL {
	z-index: 0;
	width: 690px;
	margin: 10px; }

div#headerKarussell div.imgTeaserL div.teaserImg {
	width: 690px;
	overflow: hidden; }
	
div#headerKarussell div.imgTeaserL div.teaserContentWrap {
	width: 670px;
	padding: 10px 10px 5px; }

div#headerKarussell div.imgTeaserL div.teaserContentWrap.vc {
	width: 690px;
	padding: 10px 0px; }


/* WRAPPER 3+2SP VIDEOTEASER IM ARTIKELTEXT */
div.standaloneWrap div.imgTeaserL,
div.standaloneWrap div.imgTeaserM {
	margin: 10px 20px 20px 0px; }
	
/*       
 _____ 
|     |
| | | |
|_|_|_| */

div.imgTeaserM {
 	position: relative; 
	display: block;
	float: left;
	width: 460px;
	height: 259px;
	margin: 0px 0px 30px 0px; }
	
/*
div.imgTeaserM.video{
	margin-bottom: 0px;}	
*/

div.imgTeaserM div.teaserImg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 460px;
	height: 259px; 
	margin: 0px;
	padding: 0px;
	overflow: hidden; }
	
div.imgTeaserM div.teaserContentWrap {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 11;
	width: 440px;
	margin: 0px;
	padding: 7px 10px 10px; }

div.imgTeaserM.big div.teaserContentWrap {
	width: 680px; }

div.imgTeaserM div.teaserImg div.mediaType.play,
div.imgTeaserM div.teaserImg div.mediaType.slideshow {
	position: absolute;
	display: block;
	width: 200px;
	height: 200px;
	top: 20px;
	left: 130px;
	z-index: 5; }

div.imgTeaserXL div.teaserImg div.mediaType.play,
div.imgTeaserL div.teaserImg div.mediaType.play,
div.imgTeaserM div.teaserImg div.mediaType.play { 
	background: url(../cssi/bigicon-play.png) 0px 0px no-repeat; }

div.imgTeaserXL div.teaserImg div.mediaType.slideshow,
div.imgTeaserL div.teaserImg div.mediaType.slideshow,
div.imgTeaserM div.teaserImg div.mediaType.slideshow { 
	background: url(../cssi/bigicon-slideshow.png) 0px 0px no-repeat; }

/*       
 _____ 
|     |
| | | |
|_|_|_| CINEMASCOPE 460x201 */

div.imgTeaserM.cinemaM {
	height: 201px !important; }

div.imgTeaserM.cinemaM.below {
	height: auto !important; }

div.imgTeaserM.cinemaM div.teaserImg {
	height: 201px !important; }

div.imgTeaserM.cinemaM div.teaserImg div.mediaType.play,
div.imgTeaserM.cinemaM div.teaserImg div.mediaType.slideshow {
	top: 0px; }


/* S L I D E S H O W */
.no-js div.imgTeaserM.slideshow.big {
	height: 100%;}

div.imgTeaserM.slideshow {
 	position: static !important; 
	display: block;
	float: left;
	width: 460px;
	height: 440px;
	margin: 0px 0px 30px 0px;
	background:  #000000;}

div.imgTeaserM.slideshow.big {
	height: 575px;
	width: 700px;}
	
div.imgTeaserM.slideshow div.teaserImg {
	position: static;
	width: 460px;
	height: 259px; 
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	cursor: pointer; }
	
div.imgTeaserM.slideshow.big div.teaserImg {
	height: 394px;
	width: 700px;}

div.imgTeaserM.slideshow div.teaserContentWrap {
	position: relative;
	display: block;
	float: left;
	height: auto;
	min-height: 70px; }

.no-js div.imgTeaserM.slideshow div.teaserNavWrap div.slidePagination {
	display: none;}	
	
div.imgTeaserM.slideshow div.teaserContentWrap div.slidePagination {
	position: absolute;
	left: 10px;
	bottom: 13px;
	width: 97%;
	overflow: hidden; }

div.imgTeaserM.slideshow span.slideshowNav {
	width: 312px;
	display: block;
	overflow: hidden; }
	
div.imgTeaserM.slideshow.big span.slideshowNav {
	width: 535px; }

/* T E A S E R B O X   M   B U N T */

/* B O X   T O P   I N  */
div.imgTeaserM.top div.teaserContentWrap {
	position: absolute;
	left: 0px;
	top: 0px !important;
	bottom: auto;
	z-index: 11;
	width: 440px;
	margin: 0px;
	padding: 10px; }

/* B O X   B O T T O M   I N  */
div.imgTeaserM.bottom div.teaserContentWrap {
	position: absolute;
	left: 0px;
	bottom: 0px !important;
	top: auto;
	z-index: 11;
	width: 440px;
	margin: 0px;
	padding: 10px; }
	
/* B O X   B E L O W  */
div.imgTeaserM.below {
 	position: static !important; 
	display: block;
	float: left;
	width: 460px;
	height: auto;
	margin: 0px;
	padding-bottom: 30px; } /* #################### IE7 wa #################### */

div.imgTeaserM.below div.teaserContentWrap {
	position: static;
	display: block;
	float: left;
	width: 440px; }

div.imgTeaserM.below div.teaserImg {
	position: static !important;
	display: block; 
	float: left;
	width: 460px;
	height: 259px; 
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	z-index: 0; }

/* T O O L S   &   D A T U M   A U S B L E N D E N  (Box content) */
div.imgTeaserM.top div.teaserContentWrap div.tools,
div.imgTeaserM.top div.teaserContentWrap h2 span.date,
div.imgTeaserM.bottom div.teaserContentWrap div.tools,
div.imgTeaserM.bottom div.teaserContentWrap h2 span.date,
div.imgTeaserM.below div.teaserContentWrap div.tools,
div.imgTeaserM.below div.teaserContentWrap h2 span.date {
	display: none; }

/*
 _____ 
|   __|
|__   |
|_____| */

div.imgTeaserS {
	position: relative;
	display: block;
	float: left;
	z-index: 1;
	width: 220px;
	height: 124px;
	margin: 0px; }

div.imgTeaserS div.teaserImg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 220px;
	height: 124px; 
	margin: 0px;
	padding: 0px;
	zoom: 100%; }
	
div.imgTeaserS div.teaserContentWrap {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 11;
	width: 210px; 
	height: auto;
	margin: 0px;
	padding: 2px 5px; }
	
/* hover headline extension 
div.imgTeaserS:hover div.teaserContentWrap,
div.imgTeaserS.cinemaS:hover div.teaserContentWrap {
	height: auto; } */

div.imgTeaserS h2 { margin: 0px; }
	
div.imgTeaserS span.label {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 12;
	margin: 0px;
	padding: 2px;
	-webkit-font-smoothing: antialiased; }

div.imgTeaserS h4, 	
div.imgTeaserS h2 span.date {
	display: none; }

div.imgTeaserS.below div.teaserContentWrap h4 {
	display: block;
	margin: 2px 0px 10px 0px !important; }
/* imgTeaserS.below **mit** h4 */

/* standalone abstände 1sp/2sp */
div.col1 div.imgTeaserS, div.col2 div.imgTeaserS {
	margin: 0px 20px 30px 0px; }

/*
 _____ 
|   __|
|__   |
|_____| CINEMASCOPE 220x96px */

div.imgTeaserS.cinemaS { height: 96px; }
div.imgTeaserS.cinemaS div.teaserImg { height: 96px; }
div.imgTeaserS.cinemaS div.teaserContentWrap { height: 17px; }


/* T E A S E R B O X   S   B U N T */

/* B O X   T O P   I N  */
div.imgTeaserS.top div.teaserContentWrap {
	position: absolute;
	left: 0px;
	top: 0px !important;
	bottom: auto;
	z-index: 11;
	width: 210px;
	margin: 0px;
	padding: 2px 5px; }

/* B O X   B O T T O M   I N  */
/* default */
	
/* B O X   B E L O W  */
div.imgTeaserS.below {
 	position: static !important; 
	display: block;
	float: left;
	width: 220px;
	height: 200px;
	margin: 0px; }

div.imgTeaserS.cinemaS.below {
	height: 171px; }

div.imgTeaserS.below div.teaserContentWrap {
	position: static;
	display: block;
	float: left;
	width: 210px;
	min-height: 72px;
	height: auto; }

div.imgTeaserS.cinemaS.below div.teaserContentWrap { height: 72px; }

div.imgTeaserS.below div.teaserImg {
	position: static !important;
	display: block; 
	float: left;
	width: 220px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	z-index: 0; }

/* T O O L S, D A T U M   A U S B L E N D E N  (Box content) */
div.imgTeaserS.top div.teaserContentWrap div.tools,
div.imgTeaserS.top div.teaserContentWrap h2 span.date,
div.imgTeaserS.bottom div.teaserContentWrap div.tools,
div.imgTeaserS.bottom div.teaserContentWrap h2 span.date,
div.imgTeaserS.below div.teaserContentWrap div.tools,
div.imgTeaserS.below div.teaserContentWrap h2 span.date,
div.imgTeaserS p,
div.imgTeaserS h3 {
	display: none; }

/*
 _____ _____ 
|  |  |   __|
|-   -|__   |
|__|__|_____| */

div.imgTeaserXS {
	position: relative;
	display: block;
	float: left;
	z-index: 1;
	width: 120px;
	height: 68px;
	margin: 0px; }

div.imgTeaserXS div.teaserImg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 120px;
	height: 68px; 
	margin: 0px;
	padding: 0px;
	zoom: 100%; }
	
div.imgTeaserXS div.teaserContentWrap {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 11;
	width: 112px; 
	height: 24px;
	margin: 0px;
	padding: 3px 4px; }
/* hover headline extension */
div.imgTeaserXS:hover div.teaserContentWrap {
	height: auto; }

div.imgTeaserXS p {
	display: none; }

div.imgTeaserXS h2 { margin: 0px; }
	
div.imgTeaserXS h4 {
	display: none; }
	
div.imgTeaserXS h2 span.date {
	display: none; }

div.imgTeaserXS span.label {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 12;
	margin: 0px;
	padding: 2px;
	-webkit-font-smoothing: antialiased; }

/* standalone abstände 1sp/2sp */
div.col1 div.imgTeaserXS, div.col2 div.imgTeaserXS {
	margin: 0px 20px 22px 0px; }
/*
 _____ _____ _____ _____ _____ _____ _____ _____ 
| __  |  |  |_   _|   __|     |  |  |   __|   | |
|    -|  |  | | | |__   |   --|     |   __| | | |
|__|__|_____| |_| |_____|_____|__|__|_____|_|___|*/

/* -------------- TOPSTORIES SLIDER aka rutsche vertikal S--------------*/

div#rutscheV {
	position: relative;
	float: left;
	width: 220px;
	height: 394px;
	margin: 10px 0px;
	display: block;
	overflow: hidden; }

div.rutscheVslider.S {
	width: 220px;
	height: 1800px; }
	
div#rutscheV div.imgTeaserS {
	margin-bottom: 11px; }

div#rutscheV.meta div.imgTeaserS {
	margin-bottom: 1px; }

div#rutscheV.meta h4 {
	margin: -1px 0px 8px 0px;
	color: #888; }

/* -------------- navi-buttons rutsche vertikal S -------------- */

div.rutscheVslider.S div.rutscheHnavMinus {
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
	width: 220px;
	height: 32px; }

div.rutscheVslider.S div.rutscheHnavMinus a {
	display: block;
	width: 220px;
	height: 32px;
	background-image: url(../cssi/rutsche-v-sprite.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	outline: none; }

div.rutscheVslider.S div.rutscheHnavMinus a.inaktiv,
div.rutscheVslider.S div.rutscheHnavMinus a.inaktiv:hover {
	background-position: -220px 0px; }
	
div.rutscheVslider.S div.rutscheHnavMinus a:hover {
	background-position: -440px 0px; }

div.rutscheVslider.S div.rutscheHnavPlus {
	position: absolute;
	z-index: 110;
	left: 0px;
	top: 362px;
	width: 220px;
	height: 32px; }

div.rutscheVslider.S div.rutscheHnavPlus a {
	display: block;
	width: 220px;
	height: 32px;
	background-image: url(../cssi/rutsche-v+sprite.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	outline: none; }

div.rutscheVslider.S div.rutscheHnavPlus a.inaktiv, 
div.rutscheHslider.S div.rutscheHnavPlus a.inaktiv:hover {
	backgroVnd-position: -220px 0px; }

div.rutscheVslider.S div.rutscheHnavPlus a:hover {
	background-position: -440px 0px; }

/* -------------- S/XS-KARUSSELL-Wrapper horizontal -------------- */

div.rutscheH {
	position: relative;
	width: auto;
	padding: 10px 0px 10px 10px;
	background-color: #000;
	overflow: hidden; }

div.rutscheH.inner {
	padding:  0 0 0 0;
	margin: 5px 0px 5px;
	background-color: transparent; }

/* Korrektur Breite für freistehende Rutsche vierspaltig */
div.col4 div.group div.rutscheH {
	margin-right: 20px; }
	
div.rutscheH.weiss {
	background-color: #f4f4f4; }

div.rutscheHslider.XS {
	width: 1800px;
	height: 68px; }

div.rutscheHslider.S {
	width: 1800px;
	height: 124px; }

div.rutscheHslider div.imgTeaserXS, 
div.rutscheHslider div.imgTeaserS {
	margin-right: 10px;
	overflow: hidden; }

.ie7 div.caroufredsel_wrapper,
.ie8 div.caroufredsel_wrapper { float: left !important; } /* ie7/8 fix */

div.caroufredsel_wrapper { overflow: visible !important; }  /* sf fix */

/* -------------- navi-buttons rutsche horizontal XS -------------- */

div.rutscheHslider.XS div.rutscheHnavMinus {
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
	width: 70px;
	height: 88px; }

div.rutscheHslider.XS div.rutscheHnavMinus a {
	display: block;
	width: 70px;
	height: 88px;
	background-image: url(../cssi/rutsche-h-sprite.png);
	background-position: 0px -32px;
	background-repeat: no-repeat;
	outline: none; }

div.rutscheHslider.XS div.rutscheHnavMinus a.inaktiv, 
div.rutscheHslider.XS div.rutscheHnavMinus a.inaktiv:hover {
	background-position: 0px -182px; }
	
div.rutscheHslider.XS div.rutscheHnavMinus a:hover {
	background-position: 0px -332px; }

div.rutscheHslider.XS div.rutscheHnavPlus {
	position: absolute;
	z-index: 110;
	right: 0px;
	top: 0px;
	width: 70px;
	height: 88px; }

div.rutscheHslider.XS div.rutscheHnavPlus a {
	display: block;
	width: 70px;
	height: 88px;
	background-image: url(../cssi/rutsche-h+sprite.png);
	background-position: 0px -32px;
	background-repeat: no-repeat;
	outline: none; }

div.rutscheHslider.XS div.rutscheHnavPlus a.inaktiv, 
div.rutscheHslider.XS div.rutscheHnavPlus a.inaktiv:hover {
	background-position: 0px -182px; }

div.rutscheHslider.XS div.rutscheHnavPlus a:hover {
	background-position: 0px -332px; }

/* buttons innerhalb eines teasers erweitert (class inner) */
div.rutscheH.inner div.rutscheHslider.XS div.rutscheHnavMinus,
div.rutscheH.inner div.rutscheHslider.XS div.rutscheHnavMinus a,
div.rutscheH.inner div.rutscheHslider.XS div.rutscheHnavPlus,
div.rutscheH.inner div.rutscheHslider.XS div.rutscheHnavPlus a {
	height: 68px;
	background-position: 0px -42px; }

div.rutscheH.inner div.rutscheHslider.XS div.rutscheHnavMinus a:hover,
div.rutscheH.inner div.rutscheHslider.XS div.rutscheHnavPlus a:hover {
	background-position: 0px -342px; }

div.rutscheH.inner div.rutscheHslider.XS div.rutscheHnavMinus a.inaktiv,
div.rutscheH.inner div.rutscheHslider.XS div.rutscheHnavMinus a.inaktiv:hover,
div.rutscheH.inner div.rutscheHslider.XS div.rutscheHnavPlus a.inaktiv,
div.rutscheH.inner div.rutscheHslider.XS div.rutscheHnavPlus a.inaktiv:hover {
	background-position: 0px -192px; }

/* -------------- navi-buttons rutsche horizontal XS weiss -------------- */

div.rutscheH.weiss div.rutscheHslider.XS div.rutscheHnavMinus a {
	background-image: url(../cssi/rutsche-h-sprite-w.png); }

div.rutscheH.weiss div.rutscheHslider.XS div.rutscheHnavPlus a {
	background-image: url(../cssi/rutsche-h+sprite-w.png); }

/* -------------- navi-buttons rutsche horizontal S -------------- */

div.rutscheHslider.S div.rutscheHnavMinus {
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
	width: 70px;
	height: 144px; }

div.rutscheHslider.S div.rutscheHnavMinus a {
	display: block;
	width: 70px;
	height: 144px;
	background-image: url(../cssi/rutsche-h-sprite.png);
	background-position: 0px -3px;
	background-repeat: no-repeat;
	outline: none; }

div.rutscheHslider.S div.rutscheHnavMinus a.inaktiv,
div.rutscheHslider.S div.rutscheHnavMinus a.inaktiv:hover {
	background-position: 0px -153px; }
	
div.rutscheHslider.S div.rutscheHnavMinus a:hover {
	background-position: 0px -303px; }

div.rutscheHslider.S div.rutscheHnavPlus {
	position: absolute;
	z-index: 110;
	right: 0px;
	top: 0px;
	width: 70px;
	height: 144px; }

div.rutscheHslider.S div.rutscheHnavPlus a {
	display: block;
	width: 70px;
	height: 144px;
	background-image: url(../cssi/rutsche-h+sprite.png);
	background-position: 0px -3px;
	background-repeat: no-repeat;
	outline: none; }

div.rutscheHslider.S div.rutscheHnavPlus a.inaktiv, 
div.rutscheHslider.S div.rutscheHnavPlus a.inaktiv:hover {
	background-position: 0px -153px; }

div.rutscheHslider.S div.rutscheHnavPlus a:hover {
	background-position: 0px -303px; }

/* buttons innerhalb eines teasers erweitert (class inner) */
div.rutscheH.inner div.rutscheHslider.S div.rutscheHnavMinus,
div.rutscheH.inner div.rutscheHslider.S div.rutscheHnavMinus a,
div.rutscheH.inner div.rutscheHslider.S div.rutscheHnavPlus,
div.rutscheH.inner div.rutscheHslider.S div.rutscheHnavPlus a {
	height: 124px;
	background-position: 0px -13px; }

div.rutscheH.inner div.rutscheHslider.S div.rutscheHnavMinus a:hover,
div.rutscheH.inner div.rutscheHslider.S div.rutscheHnavPlus a:hover {
	background-position: 0px -313px; }

div.rutscheH.inner div.rutscheHslider.S div.rutscheHnavMinus a.inaktiv,
div.rutscheH.inner div.rutscheHslider.S div.rutscheHnavMinus a.inaktiv:hover,
div.rutscheH.inner div.rutscheHslider.S div.rutscheHnavPlus a.inaktiv,
div.rutscheH.inner div.rutscheHslider.S div.rutscheHnavPlus a.inaktiv:hover {
	background-position: 0px -163px; }

/* -------------- navi-buttons rutsche horizontal S weiss -------------- */

div.rutscheH.weiss div.rutscheHslider.S div.rutscheHnavMinus a {
	background-image: url(../cssi/rutsche-h-sprite-w.png); }

div.rutscheH.weiss div.rutscheHslider.S div.rutscheHnavPlus a {
	background-image: url(../cssi/rutsche-h+sprite-w.png); }


/* 
 _____ _____ ____  _____ _____ _____ _____ _____ _____ _____ _____    _____ __ __ _____ _____ 
|     |   __|    \|     |  _  |_   _|   __|  _  |   __|   __| __  |  |_   _|  |  |  _  |     |
| | | |   __|  |  |-   -|     | | | |   __|     |__   |   __|    -|    | | |_   _|   __|  |  |
|_|_|_|_____|____/|_____|__|__| |_| |_____|__|__|_____|_____|__|__|    |_|   |_| |__|  |_____| */

/* Typo Subformate*/

div.imgTeaserXL p,
div.imgTeaserL p,
div.imgTeaserM p { margin: 0px; }

div.imgTeaserXL div.teaserContentWrap h2,
div.imgTeaserL div.teaserContentWrap h2,
div#artHead div.teaserContentWrap h2,
div#headerLarge div.teaserContentWrap h2  {
	margin: 0px; 
	-webkit-font-smoothing: antialiased; 
	padding: 0px 0px 4px 0px;
	color: #fff; }

div#headerLarge div.teaserContentWrap h2 {
	margin: 0px; 	
	-webkit-font-smoothing: antialiased; 
	padding: 0px 0px 5px 0px;
	color: #fff; }

div.imgTeaserM div.teaserContentWrap h2 {
	margin: 0px; 
	-webkit-font-smoothing: antialiased; 
	padding: 1px 0px 3px 0px;
	color: #fff; }

div.imgTeaserS h2,
div.teaserContentWrap div.imgTeaserS h2 {
	-webkit-font-smoothing: antialiased; 
	color: #fff; }

div.imgTeaserXS h2,
div.teaserContentWrap div.imgTeaserXS h2 {
	-webkit-font-smoothing: antialiased; 
	color: #fff; }

div.imgTeaserXL p,
div.imgTeaserL p,
div.standaloneWrap div.imgTeaserL p,
div.imgTeaserM p,
div.standaloneWrap div.imgTeaserM p  {
	-webkit-font-smoothing: antialiased; 
	color:  #bbb; }

div.imgTeaserXL div.teaserContentWrap h2,
div.imgTeaserL div.teaserContentWrap h2,
div.imgTeaserXL div.teaserContentWrap p,
div.imgTeaserL div.teaserContentWrap p {
	width: 80%; }

div.imgTeaserS div.teaserContentWrap h2,
div.imgTeaserXS div.teaserContentWrap h2 {
	width: 100%; }

div.imgTeaserXL h4,
div.imgTeaserL h4,
div.imgTeaserM h4,
div#artHead div.teaserContentWrap h4,
div#headerLarge div.teaserContentWrap h4 {
	margin: 0px;
	padding: 4px 0px 4px; } 

div.imgTeaserM.top div.teaserContentWrap h4,
div.imgTeaserM.bottom div.teaserContentWrap h4 {
	padding: 0px 0px 4px; }
	
div.imgTeaserXL h4,
div.imgTeaserL h4,
div.imgTeaserM h4,
div.imgTeaserXL h2 span.date,
div.imgTeaserL h2 span.date,
div.imgTeaserM h2 span.date,
div#artHead div.teaserContentWrap h4,
div#artHead div.teaserContentWrap h2 span.date,
div#headerLarge div.teaserContentWrap h4,
div#headerLarge div.teaserContentWrap h2 span.date {
	-webkit-font-smoothing: antialiased; 
	color: #fff;
	font-weight: bold; }
	
div.imgTeaserS h4 {
	-webkit-font-smoothing: antialiased; 
	color: #fff !important;
	letter-spacing: 0.1em;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	margin: 2px 0px 10px 0px; }

div.imgTeaserS.white h4 {
	color: #3e3e3e !important; }
	
div.tools a {
	display: block;
	float: right;
	margin: 0px;
	height: 15px; 
	padding: 3px 25px 3px 20px;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	color: #888; }
/* ICON-BG in dw-icons.css */

div.tools a:hover {
	color: #fff; }
/* ICON-BG in dw-icons.css */


/* #################### SLIDESHOWS #################### */
div.imgTeaserL.slideshow div.teaserContentWrap,
div.imgTeaserM.slideshow div.teaserContentWrap {background-color: black;}
	
div.imgTeaserM.slideshow h2 {
	padding: 10px 0px 3px 0px;
	color: #fff; }
	
div.imgTeaserM.slideshow h2 span.date {
	display: none; }

div.imgTeaserM.slideshow ul.slides {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 460px;
    height: 400px; }
    
div.imgTeaserM.slideshow.big ul.slides {
	height: 535px;
	width: 700px; }

div.imgTeaserM.slideshow ul.slides li {
	display: block;
	opacity: 1;
	margin: 0;
	padding: 0;
	width: 460px;
    height: 400px; }
    
div.imgTeaserM.slideshow.big ul.slides li {
	height: 535px;
	width: 700px; }

div.imgTeaserM.slideshow ul.slides li.first { display: block; opacity: 1; }

div.imgTeaserM.slideshow div.teaserNavWrap { background: #000000;  height:40px; }

div.imgTeaserM.slideshow div.teaserNavWrap div.slidePagination {
	position: relative;
	z-index: 100;
	left: 10px;
	bottom: 0;
	width: 97%;
	overflow: hidden; }

div.slidePagination a {
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	padding: 4px;
	color:  #888; }
	
div.slidePagination a:hover {
	color:  #000;
	background-color: #888;	}

div.slidePagination a.function {
	display: block;
	float: left;
	width: 16px;
	height: 12px;}

/* BLACK/STANDARD EDITION */

div.slidePagination a.function.playpause {
	background: url(../cssi/icons-pagination.png) 	0px 	-80px no-repeat; }
	
div.slidePagination a.function.playpause:hover {
	background: url(../cssi/icons-pagination.png) 	0px 	-120px no-repeat; }

div.slidePagination a.function.playpause.stopped {
	background: url(../cssi/icons-pagination.png) 	-40px 	-80px no-repeat }

div.slidePagination a.function.playpause.stopped:hover {
	background: url(../cssi/icons-pagination.png) 	-40px 	-120px no-repeat }

div.slidePagination a.function.tostart {
	background: url(../cssi/icons-pagination.png) 	-80px 	-80px no-repeat; }
	
div.slidePagination a.function.tostart:hover {
	background: url(../cssi/icons-pagination.png) 	-80px 	-120px no-repeat; }

div.slidePagination a.function.rwd {
	background: url(../cssi/icons-pagination.png) 	-120px 	-80px no-repeat; }
	
div.slidePagination a.function.rwd:hover {
	background: url(../cssi/icons-pagination.png) 	-120px 	-120px no-repeat; }

div.slidePagination a.function.fwd {
	background: url(../cssi/icons-pagination.png) 	-160px 	-80px no-repeat; }

div.slidePagination a.function.fwd:hover {
	background: url(../cssi/icons-pagination.png) 	-160px 	-120px no-repeat; }

div.slidePagination a.function.toend {
	background: url(../cssi/icons-pagination.png) 	-200px 	-80px no-repeat; }
	
div.slidePagination a.function.toend:hover {
	background: url(../cssi/icons-pagination.png) 	-200px 	-120px no-repeat; }

div.slidePagination a.ici {
	color: #fff; }

/* WHITE EDITION */

.white div.slidePagination a.function.playpause {
	background: url(../cssi/icons-pagination.png) 	0px		0px no-repeat; }
	
.white div.slidePagination a.function.playpause:hover {
	background: url(../cssi/icons-pagination.png) 	0px		-40px no-repeat; }

.white div.slidePagination a.function.playpause.stopped {
	background: url(../cssi/icons-pagination.png) 	-40px	0px no-repeat }

.white div.slidePagination a.function.playpause.stopped:hover {
	background: url(../cssi/icons-pagination.png) 	-40px	-40px no-repeat }

.white div.slidePagination a.function.tostart {
	background: url(../cssi/icons-pagination.png) 	-80px	0px no-repeat; }
	
.white div.slidePagination a.function.tostart:hover {
	background: url(../cssi/icons-pagination.png) 	-80px	-40px no-repeat; }

.white div.slidePagination a.function.rwd {
	background: url(../cssi/icons-pagination.png) 	-120px	0px no-repeat; }
	
.white div.slidePagination a.function.rwd:hover {
	background: url(../cssi/icons-pagination.png) 	-120px	-40px no-repeat; }

.white div.slidePagination a.function.fwd {
	background: url(../cssi/icons-pagination.png) 	-160px	0px no-repeat; }
	
.white div.slidePagination a.function.fwd:hover {
	background: url(../cssi/icons-pagination.png) 	-160px	-40px no-repeat; }

.white div.slidePagination a.function.toend {
	background: url(../cssi/icons-pagination.png) 	-200px	0px no-repeat; }
	
.white div.slidePagination a.function.toend:hover {
	background: url(../cssi/icons-pagination.png) 	-200px	-40px no-repeat; }

/* ICON-BG in dw-icons-ltr.css */

/* carousel teaser with slideshow */

div.imgTeaserL.slideshow ul.slides {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 690px;
    height: 394px; }

div.imgTeaserL.slideshow ul.slides li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 690px;
    height: 394px;
}

div.imgTeaserL.slideshow div.teaserContentWrap {
	background-color: transparent;
	background-color: rgba(0,0,0,0.6); }

/*div.imgTeaserL.slideshow ul.slides li.first { display: block; opacity: 1; }*/


/* T Y P O   B O X   C O N T E N T */

div.imgTeaserM div.teaserContentWrap p a,
div.imgTeaserM div.teaserContentWrap h2 a { 
	color: #fff;
	text-decoration: none; }

div.imgTeaserM div.teaserContentWrap p a:hover,
div.imgTeaserM div.teaserContentWrap h2 a:hover { 
	color: #fff;
	text-decoration: underline; }

/* ---------------- H O V E R   I M G T E A S E R --------------- */
	
div.imgTeaserXL:hover p, 
div.imgTeaserL:hover p,
div.standaloneWrap div.imgTeaserL p:hover,
div.imgTeaserM:hover p,
div.imgTeaserM.nohover p,
div.standaloneWrap div.imgTeaserM p:hover, 
div.imgTeaserS:hover p,
div.imgTeaserS:hover h2 { color: #fff; }

div.imgTeaserS.nohover:hover img {
	zoom: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=100);
	-moz-opacity: 1; } 

div.imgTeaserL img, 
div.imgTeaserS img, 
div.imgTeaserXS img,
a div.imgTeaserM img {
	transform: rotate(0);
	-moz-transform: rotate(0); }

div.imgTeaserL:hover img, 
div.imgTeaserS:hover img, 
div.imgTeaserXS:hover img,
a:hover div.imgTeaserM img {
	zoom: 1;
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9; }

a:hover div.imgTeaserM p { color: #fff; } 

div.imgTeaserM div.teaserContentWrap a {text-decoration: none; }

div.imgTeaserM.top div.teaserContentWrap p.hide,
div.imgTeaserM.bottom div.teaserContentWrap p.hide { display: none; }

div.imgTeaserM.top:hover div.teaserContentWrap p.hide,
div.imgTeaserM.bottom:hover div.teaserContentWrap p.hide { display: block;}
	
/* BLACK/STANDARD EDITION */

div.imgTeaserM:hover div.teaserContentWrap p,
div.imgTeaserM.nohover div.teaserContentWrap p {
	color: #fff;}

/* WHITE EDITION */
div.imgTeaserM.white div.teaserContentWrap h2,
div.imgTeaserS.white div.teaserContentWrap h2 { color: #3e3e3e; } 
	
div.imgTeaserM.white div.teaserContentWrap p { color: #888; }

div.imgTeaserM.white div.teaserContentWrap h4, 
div.imgTeaserM.white.nohover div.teaserContentWrap p, 
div.imgTeaserM:hover.white div.teaserContentWrap p { color: #3e3e3e; }

div.imgTeaserM.slideshow.white div.teaserNavWrap { background-color: #F4F4F4; }
div.imgTeaserM.slideshow.white { background-color: #F4F4F4; }

div.imgTeaserM.slideshow.white a.ici {
	color: #000; }

div.imgTeaserM.slideshow.white a:hover {
	color:  #fff;
	background-color: #888; }

div.imgTeaserM.white div.teaserContentWrap h4 {
	font-weight: normal; }

div.imgTeaserM.white div.tools a:hover {
	color: #000; }


/* #################### FARBIGE BOX V.2 #################### */
/* dw corporate dunkelblau #002d5a */
/* white			#f4f4f4, rgb(244,244,244) */
/* black			#000000, rgb(0,0,0)		  */
/* bluedw			#009bff, rgb(0,155,255)	  */

/* bordeaux			#82141e, rgb(130,20,30)	  */
/* rhodamin			#be232d, rgb(190,35,45)	  */
/* pinkmagenta		#dc0f6e, rgb(220,15,110)  */
/* orangedark		#e14614, rgb(225,70,20)	  */
/* orangebright		#eb6e14, rgb(235,110,20)  */
/* greengrass		#96be00, rgb(150,190,0)	  */
/* green			#82b905, rgb(130,185,5)	  */

.ie9 div.teaserContentWrap,
.ie9 div#artHead div.teaserContentWrap,
.ie9 div#headerLarge div.teaserContentWrap,
.ie9 .bluedw div.teaserContentWrap,
.ie9 .bordeaux div.teaserContentWrap,
.ie9 .greengrass div.teaserContentWrap,
.ie9 .green div.teaserContentWrap,
.ie9 .orangedark div.teaserContentWrap,
.ie9 .orangebright div.teaserContentWrap,
.ie9 .pinkmagenta div.teaserContentWrap,
.ie9 .rhodamin div.teaserContentWrap,
.ie9 .white div.teaserContentWrap {
	filter: none !important; }

/* H4 und P Hover via Transparenz funktioniert nur ohne div.tools,
   in imgTeaserS ausgeblendet */
div.imgTeaserM.bluedw div.teaserContentWrap h4, 				div.imgTeaserM.bluedw div.teaserContentWrap p,
div.imgTeaserM.bordeaux div.teaserContentWrap h4, 				div.imgTeaserM.bordeaux div.teaserContentWrap p,
div.imgTeaserM.greengrass div.teaserContentWrap h4, 			div.imgTeaserM.greengrass div.teaserContentWrap p,
div.imgTeaserM.green div.teaserContentWrap h4, 					div.imgTeaserM.green div.teaserContentWrap p,
div.imgTeaserM.orangedark div.teaserContentWrap h4, 			div.imgTeaserM.orangedark div.teaserContentWrap p, 
div.imgTeaserM.orangebright div.teaserContentWrap h4, 			div.imgTeaserM.orangebright div.teaserContentWrap p, 
div.imgTeaserM.pinkmagenta div.teaserContentWrap h4, 			div.imgTeaserM.pinkmagenta div.teaserContentWrap p, 
div.imgTeaserM.rhodamin div.teaserContentWrap h4, 				div.imgTeaserM.rhodamin div.teaserContentWrap p {
	color: #fff;
	zoom: 1;
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7; }

div.imgTeaserM:hover.bluedw div.teaserContentWrap h4, 			div.imgTeaserM:hover.bluedw div.teaserContentWrap p,
div.imgTeaserM:hover.bordeaux div.teaserContentWrap h4, 		div.imgTeaserM:hover.bordeaux div.teaserContentWrap p,
div.imgTeaserM:hover.greengrass div.teaserContentWrap h4, 		div.imgTeaserM:hover.greengrass div.teaserContentWrap p,
div.imgTeaserM:hover.green div.teaserContentWrap h4, 			div.imgTeaserM:hover.green div.teaserContentWrap p,
div.imgTeaserM:hover.orangedark div.teaserContentWrap h4, 		div.imgTeaserM:hover.orangedark div.teaserContentWrap p, 
div.imgTeaserM:hover.orangebright div.teaserContentWrap h4, 	div.imgTeaserM:hover.orangebright div.teaserContentWrap p, 
div.imgTeaserM:hover.pinkmagenta div.teaserContentWrap h4, 		div.imgTeaserM:hover.pinkmagenta div.teaserContentWrap p, 
div.imgTeaserM:hover.rhodamin div.teaserContentWrap h4, 		div.imgTeaserM:hover.rhodamin div.teaserContentWrap p, 
div.imgTeaserM.nohover.blue div.teaserContentWrap h4, 			div.imgTeaserM.nohover.blue div.teaserContentWrap p,
div.imgTeaserM.nohover.bluedw div.teaserContentWrap h4, 		div.imgTeaserM.nohover.bluedw div.teaserContentWrap p,
div.imgTeaserM.nohover.bordeaux div.teaserContentWrap h4, 		div.imgTeaserM.nohover.bordeaux div.teaserContentWrap p,
div.imgTeaserM.nohover.greengrass div.teaserContentWrap h4, 	div.imgTeaserM.nohover.greengrass div.teaserContentWrap p,
div.imgTeaserM.nohover.greeny div.teaserContentWrap h4, 		div.imgTeaserM.nohover.greeny div.teaserContentWrap p,
div.imgTeaserM.nohover.green div.teaserContentWrap h4, 			div.imgTeaserM.nohover.green div.teaserContentWrap p,
div.imgTeaserM.nohover.orangedark div.teaserContentWrap h4, 	div.imgTeaserM.nohover.orangedark div.teaserContentWrap p, 
div.imgTeaserM.nohover.orangebright div.teaserContentWrap h4, 	div.imgTeaserM.nohover.orangebright div.teaserContentWrap p, 
div.imgTeaserM.nohover.pinkmagenta div.teaserContentWrap h4, 	div.imgTeaserM.nohover.pinkmagenta div.teaserContentWrap p, 
div.imgTeaserM.nohover.rhodamin div.teaserContentWrap h4, 		div.imgTeaserM.nohover.rhodamin div.teaserContentWrap p  {
	color: #fff;
	zoom: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1; }


/* schwarz 60% Deckung/98*/
div.imgTeaserXL div.teaserContentWrap,
div.imgTeaserL div.teaserContentWrap,
div.imgTeaserM div.teaserContentWrap,
div.imgTeaserS div.teaserContentWrap,
div.imgTeaserXS div.teaserContentWrap,
div#artHead div.teaserContentWrap,
div#headerLarge div.teaserContentWrap {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#98000000,endColorStr=#98000000);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#98000000,endColorStr=#98000000);
	background-color: rgba(0,0,0,0.6); }

/* weiss 90%/e6 */
div.imgTeaserM.white div.teaserContentWrap,
div.imgTeaserS.white div.teaserContentWrap {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#e6ffffff,endColorStr=#e6ffffff);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#e6ffffff,endColorStr=#e6ffffff);
	background-color: rgba(255,255,255,0.9); }

/* bluedw */
div.imgTeaserM.bluedw div.teaserContentWrap,
div.imgTeaserS.bluedw div.teaserContentWrap {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d80098ff,endColorStr=#d80098ff);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d80098ff,endColorStr=#d80098ff);
	background-color: rgba(0,152,255,0.85); }

/* bordeaux */
div.imgTeaserM.bordeaux div.teaserContentWrap,
div.imgTeaserS.bordeaux div.teaserContentWrap {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d882141e,endColorStr=#d882141e);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d882141e,endColorStr=#d882141e);
	background-color: rgba(130,20,30,0.85); }

/* greengrass */
div.imgTeaserM.greengrass div.teaserContentWrap,
div.imgTeaserS.greengrass div.teaserContentWrap {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d896be00,endColorStr=#d896be00);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d896be00,endColorStr=#d896be00);
	background-color: rgba(150,190,0,0.85); }

/* grün */
div.imgTeaserM.green div.teaserContentWrap,
div.imgTeaserS.green div.teaserContentWrap {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d882b905,endColorStr=#d882b905);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d882b905,endColorStr=#d882b905);
	background-color: rgba(130,185,5,0.85); }

/* dunkelorange */
div.imgTeaserM.orangedark div.teaserContentWrap,
div.imgTeaserS.orangedark div.teaserContentWrap {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d8e14614,endColorStr=#d8e14614);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d8e14614,endColorStr=#d8e14614);
	background-color: rgba(225,70,20,0.85); }

/* hellorange */
div.imgTeaserM.orangebright div.teaserContentWrap,
div.imgTeaserS.orangebright div.teaserContentWrap {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d8eb6e14,endColorStr=#d8eb6e14);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d8eb6e14,endColorStr=#d8eb6e14);
	background-color: rgba(235,110,20,0.85); }

/* pinkmagenta */
div.imgTeaserM.pinkmagenta div.teaserContentWrap,
div.imgTeaserS.pinkmagenta div.teaserContentWrap {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d8dc0f6e,endColorStr=#d8dc0f6e);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d8dc0f6e,endColorStr=#d8dc0f6e);
	background-color: rgba(220,15,110,0.85); }

/* rhodamin */
div.imgTeaserM.rhodamin div.teaserContentWrap,
div.imgTeaserS.rhodamin div.teaserContentWrap {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d8be232d,endColorStr=#d8be232d);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#d8be232d,endColorStr=#d8be232d);
	background-color: rgba(190,35,45,0.85); }


/* B O X   A U S S E N */

div.imgTeaserM.below div.teaserContentWrap,
div.imgTeaserS.below div.teaserContentWrap {
	background-color: #000; }

div.imgTeaserM.below.pinkmagenta div.teaserContentWrap,
div.imgTeaserS.below.pinkmagenta div.teaserContentWrap {
	background-color: #dc0f6e !important; }

div.imgTeaserM.below.bluedw div.teaserContentWrap,
div.imgTeaserS.below.bluedw div.teaserContentWrap {
	background-color: #0098ff !important; }

div.imgTeaserM.below.greengrass div.teaserContentWrap,
div.imgTeaserS.below.greengrass div.teaserContentWrap {
	background-color: #96be00 !important; }

div.imgTeaserM.below.green div.teaserContentWrap,
div.imgTeaserS.below.green div.teaserContentWrap {
	background-color: #82b905 !important; }

div.imgTeaserM.below.bordeaux div.teaserContentWrap,
div.imgTeaserS.below.bordeaux div.teaserContentWrap {
	background-color: #82141e !important; }

div.imgTeaserM.below.rhodamin div.teaserContentWrap,
div.imgTeaserS.below.rhodamin div.teaserContentWrap {
	background-color: #be232d !important; }

div.imgTeaserM.below.orangedark div.teaserContentWrap,
div.imgTeaserS.below.orangedark div.teaserContentWrap {
	background-color: #e14614 !important; }

div.imgTeaserM.below.orangebright div.teaserContentWrap,
div.imgTeaserS.below.orangebright div.teaserContentWrap {
	background-color: #eb6e14 !important; }

div.imgTeaserM.below.white div.teaserContentWrap,
div.imgTeaserS.below.white div.teaserContentWrap,
div.imgTeaserM.slideshow.white div.teaserContentWrap {
	filter: none !important;
	-ms-filter: none !important;
	background-color: #f4f4f4 !important; }

/* picteaser below langtext ad hoc repair */

div.imgTeaserM.below div.teaserContentWrap p > b,
div.imgTeaserM.below div.teaserContentWrap p > strong,
div.imgTeaserM.below div.teaserContentWrap h3  {
	font-weight: normal;
	color: #fff;}

div.imgTeaserM.below.white div.teaserContentWrap p > b,
div.imgTeaserM.below.white div.teaserContentWrap p > strong,
div.imgTeaserM.below.white div.teaserContentWrap h3 {
	font-weight: normal;
	color: #000;}
	
/* V I D E O C O N T R O L L E R */

/* Anpassungen teaserContentWrap Videocontrols */
div.imgTeaserXL div.teaserContentWrap.vc,
div.imgTeaserL div.teaserContentWrap.vc,
div.imgTeaserM div.teaserContentWrap.vc,
div.imgTeaserS div.teaserContentWrap.vc {
	overflow: visible;
	padding: 10px 0px;
	width: 100%;
	height: 20px;
	z-index: 21;
	}

.ie div.imgTeaserXL div.teaserContentWrap.vc,
.ie div.imgTeaserL div.teaserContentWrap.vc,
.ie div.imgTeaserM div.teaserContentWrap.vc,
.ie div.imgTeaserS div.teaserContentWrap.vc {
	filter: none;
	background: transparent url(../cssi/transp-black60.png);
	overflow: visible;
	padding: 10px 0px;
	width: 100%;
	height: 20px;
	}

div.imgTeaserXL div.teaserContentWrap.vcOpen,
div.imgTeaserL div.teaserContentWrap.vcOpen,
div.imgTeaserM div.teaserContentWrap.vcOpen,
div.imgTeaserS div.teaserContentWrap.vcOpen,
div#headerKarussell div.imgTeaserL div.teaserContentWrap.vcOpen {
	bottom: 40px;
	padding-bottom: 20px;
	}

div.vcContainer {
	width: 100%;
	height: 20px;}

div.vcContainer a.function {
	display: block;
	float: left;
	width: 10px;
	height: 12px;
	padding: 4px;
	margin: 0px 6px;}

div.vcContainer a.function.playpause {
	background: url(../cssi/icons-pagination.png) 	-40px 	-160px no-repeat; }
	
div.vcContainer a.function.playpause:hover {
	background: url(../cssi/icons-pagination.png) 	-40px 	-120px no-repeat; }

div.vcContainer a.function.playpause.stopped {
	background: url(../cssi/icons-pagination.png) 	0px 	-80px no-repeat }

div.vcContainer a.function.playpause.stopped:hover {
	background: url(../cssi/icons-pagination.png) 	0px 	-120px no-repeat }

div.vcContainer a.function.info {
	background: url(../cssi/icons-pagination.png) 	-320px 	-160px no-repeat; }
	
div.vcContainer a.function.info:hover {
	background: url(../cssi/icons-pagination.png) 	-320px 	-120px no-repeat; }

div.vcContainer a.function.full {
	background: url(../cssi/icons-pagination.png) 	-360px 	-160px no-repeat; }
	
div.vcContainer a.function.full:hover {
	background: url(../cssi/icons-pagination.png) 	-360px 	-120px no-repeat; }

div.vcContainer div.volume {
	float: right;
	position: relative;
	height: 12px; 
	width: 38px;
	background: url(../cssi/vc-vol-blue.png) 0px 0px repeat-x; 
	margin: 4px 10px 4px; }

div.volume div.level {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 12px; 
	width: 55%;
	background: url(../cssi/vc-vol-blue.png) 0px -30px repeat-x; }

div.vcContainer div.gauge {
	float: left;
	position: relative;
	height: 12px; 
	width: 60%;
	background-color: #888; 
	margin: 4px 0px; }
	
div.vcContainer div.textGauge {
	background-color: transparent; 
	color: #888;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 3px 0px; }

/* Anpassung Breite Process-Bar */

.imgTeaserXL div.vcContainer div.gauge {
	width: 85%;
	margin-right: 15px; }

.imgTeaserXL div.vcContainer div.gauge.noinfo {
	width: 89%;}

.imgTeaserL div.vcContainer div.gauge {
	width: 81%;
	margin-right: 10px; }

.imgTeaserL div.vcContainer div.gauge.noinfo {
	width: 86%;}

.imgTeaserM div.vcContainer div.gauge {
	width: 72%;
	margin-right: 10px; }

.imgTeaserM div.vcContainer div.gauge.noinfo {
	width: 78%;}

.imgTeaserS div.vcContainer div.gauge {
	width: 59%; }

div.gauge div.run {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 12px; 
	width: 55%;
	background-color: #0098ff; }

div.timer {
	position: absolute;
	z-index: 30;
	bottom: 21px;
	right: -50px;
	height: 21px; 
	width: 90px;
	padding: 4px 5px 0px;
	text-align: center;
	color: #fff;
	background: transparent url(../cssi/bg-pointdwn-blue.png) center bottom; }
	
.timeLeft { color: #B3E1FF; }

span.bar {
	color: #66c3ff;
	padding: 0px 6px; }