.gallery {
    height:108px;
	background: #525253;
    position:relative;
    width:100%;
}

.wrapper {
    min-height: 123px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 542px;
}

.wrapper ul {
    list-style:none outside none;
    width:830px;
    margin:0;
    padding:0;
    position:absolute;
    top: 5px;
}

.wrapper ul li {
    display:block;
    float:left;
    /*height:87px;*/
    width:128px;
    padding: 5px;
}

/* !important used to override the js generated styles */
.gallery > div {
    width:100% !important;
}

.gallery > div .scrollButton {
	position: absolute;
	height: 87px;
	top: 10px;
	width: 25px;
	background: url(../images/arrow.svg) no-repeat 50% 50%;
	opacity: 0.5;
	cursor: pointer;
}

.gallery .textholder {
    background-color: transparent !important;
}

.gallery ul li {
	position: relative;
}

.gallery ul li span.mediaicon {
	position: absolute;
	display: block;
	left: 90px;
	top: 5px;
	width: 33px;
	height: 34px;
}

.gallery ul li span.mediaicon.photo {
	background: url("../images/icon_photo_small.png") no-repeat;
}

.gallery ul li span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie_small.png") no-repeat;
}

.gallery ul li span.mediaicon.video {
	background: url("../images/icon_video_small.png") no-repeat;
}

.gallery ul li span.mediaicon.audio {
	background: url("../images/icon_audio_small.png") no-repeat;
}

.gallery ul li span.mediaicon.grafik {
	background: url("../images/icon_grafik_small.png") no-repeat;
}

.gallery ul li span.mediaicon.pdf {
	background: url("../images/icon_pdf_small2.png") no-repeat;
}

/**
 * Webriegel
 */
.scrollWebRiegel span.mediaicon {
	position: absolute;
	display: block;
	right: 388px;
	top: 5px;
	width: 33px;
	height: 34px;
}

.scrollWebRiegel span.mediaicon.photo {
	background: url("../images/icon_photo_small.png") no-repeat;
}

.scrollWebRiegel span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie_small.png") no-repeat;
}

.scrollWebRiegel span.mediaicon.video {
	background: url("../images/icon_video_small.png") no-repeat;
}

.scrollWebRiegel span.mediaicon.audio {
	background: url("../images/icon_audio_small.png") no-repeat;
}

.scrollWebRiegel span.mediaicon.grafik {
	background: url("../images/icon_grafik_small.png") no-repeat;
}

.scrollWebRiegel span.mediaicon.pdf {
	background: url("../images/icon_pdf_small2.png") no-repeat;
}

 
.scrollButton.right {
    right: 5px;
}
.scrollButton.left {
    left: 5px;
	transform: rotate(180deg);
}

/*
    Two-news
*/

div.two_news span.mediaicon.photo {
	background: url("../images/icon_photo.png") no-repeat;
}

div.two_news span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie.png") no-repeat;
}

div.two_news span.mediaicon.video {
	background: url("../images/icon_video.png") no-repeat;
}

div.two_news span.mediaicon.audio {
	background: url("../images/icon_audio.png") no-repeat;
}

div.two_news span.mediaicon.grafik {
	background: url("../images/icon_grafik.png") no-repeat;
}


div.two_news span.mediaicon {
	position: absolute;
	text-align:left;
	display: block;
	top: 10px;
	width: 42px;
	height: 43px;
	font-size:0px;	
}

/*
    Three-news
*/

div.three_news span.mediaicon.photo {
	background: url("../images/icon_photo.png") no-repeat;
}

div.three_news span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie.png") no-repeat;
}

div.three_news span.mediaicon.video {
	background: url("../images/icon_video.png") no-repeat;
}

div.three_news span.mediaicon.audio {
	background: url("../images/icon_audio.png") no-repeat;
}

div.three_news span.mediaicon.grafik {
	background: url("../images/icon_grafik.png") no-repeat;
}


div.three_news span.mediaicon {
	position: absolute;
	text-align:left;
	display: block;
	top: 10px;
	width: 42px;
	height: 43px;
	font-size:0px;
	
}
/*
    Einzelnews
*/


div.start_news span.mediaicon.photo {
	background: url("../images/icon_photo.png") no-repeat;
}

div.start_news span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie.png") no-repeat;
}

div.start_news span.mediaicon.video {
	background: url("../images/icon_video.png") no-repeat;
}

div.start_news span.mediaicon.audio {
	background: url("../images/icon_audio.png") no-repeat;
}

div.start_news span.mediaicon.grafik {
	background: url("../images/icon_grafik.png") no-repeat;
}

div.start_news span.mediaicon {
	position: absolute;
	text-align:left;
	display: block;
	top: 10px;
	width: 42px;
	height: 43px;
	font-size:0px;
	
}

/*
    Four 1
*/

div.shop_best_one span.mediaicon.photo {
	background: url("../images/icon_photo_small.png") no-repeat;
}

div.shop_best_one span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie_small.png") no-repeat;
}

div.shop_best_one span.mediaicon.video {
	background: url("../images/icon_video_small.png") no-repeat;
}

div.shop_best_one span.mediaicon.audio {
	background: url("../images/icon_audio_small.png") no-repeat;
}

div.shop_best_one span.mediaicon.grafik {
	background: url("../images/icon_grafik_small.png") no-repeat;
}

div.shop_best_one span.mediaicon.pdf {
	background: url("../images/icon_pdf_small2.png") no-repeat;
}

div.shop_best_one span.mediaicon {
	position: absolute;
	text-align:left;
	display: block;
	top: 0px;
	width: 33px;
	height: 34px;
	font-size:0px;	
}

div.shop_best_one span.mediaicon.play {
	background: url("../images/icon_play-video.svg") no-repeat;
	width: 53px;
	height: 53px;
	top: 17px;
}

/*
    Four 2
*/

div.shop_best_two span.mediaicon.photo {
	background: url("../images/icon_photo_small.png") no-repeat;
}

div.shop_best_two span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie_small.png") no-repeat;
}

div.shop_best_two span.mediaicon.video {
	background: url("../images/icon_video_small.png") no-repeat;
}

div.shop_best_two span.mediaicon.audio {
	background: url("../images/icon_audio_small.png") no-repeat;
}

div.shop_best_two span.mediaicon.grafik {
	background: url("../images/icon_grafik_small.png") no-repeat;
}

div.shop_best_two span.mediaicon.pdf {
	background: url("../images/icon_pdf_small2.png") no-repeat;
}

div.shop_best_two span.mediaicon {
	position: absolute;
	text-align:left;
	display: block;
	top: 0px;
	width: 33px;
	height: 34px;
	font-size:0px;	
}

div.shop_best_two span.mediaicon.play {
	background: url("../images/icon_play-video.svg") no-repeat;
	width: 53px;
	height: 53px;
	top: 17px;
}

/*
    Four 3
*/

div.shop_best_three span.mediaicon.photo {
	background: url("../images/icon_photo_small.png") no-repeat;
}

div.shop_best_three span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie_small.png") no-repeat;
}

div.shop_best_three span.mediaicon.video {
	background: url("../images/icon_video_small.png") no-repeat;
}

div.shop_best_three span.mediaicon.audio {
	background: url("../images/icon_audio_small.png") no-repeat;
}

div.shop_best_three span.mediaicon.grafik {
	background: url("../images/icon_grafik_small.png") no-repeat;
}

div.shop_best_three span.mediaicon.pdf {
	background: url("../images/icon_pdf_small2.png") no-repeat;
}

div.shop_best_three span.mediaicon {
	position: absolute;
	text-align:left;
	display: block;
	top: 0px;
	width: 33px;
	height: 34px;
	font-size:0px;	
}

div.shop_best_three span.mediaicon.play {
	background: url("../images/icon_play-video.svg") no-repeat;
	width: 53px;
	height: 53px;
	top: 17px;
}

/*
    Four 4
*/

div.shop_best_four span.mediaicon.photo {
	background: url("../images/icon_photo_small.png") no-repeat;
}

div.shop_best_four span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie_small.png") no-repeat;
}

div.shop_best_four span.mediaicon.video {
	background: url("../images/icon_video_small.png") no-repeat;
}

div.shop_best_four span.mediaicon.audio {
	background: url("../images/icon_audio_small.png") no-repeat;
}

div.shop_best_four span.mediaicon.grafik {
	background: url("../images/icon_grafik_small.png") no-repeat;
}

div.shop_best_four span.mediaicon.pdf {
	background: url("../images/icon_pdf_small2.png") no-repeat;
}


div.shop_best_four span.mediaicon.play {
	background: url("../images/icon_play-video.svg") no-repeat;
	width: 53px;
	height: 53px;
	top: 17px;
}

div.shop_best_four span.mediaicon {
	position: absolute;
	text-align:left;
	display: block;
	top: 0px;
	width: 33px;
	height: 34px;
	font-size:0px;	
	
}


/*
    portlet_study_trip_content
*/

div.portlet_study_trip_content span.mediaicon.photo {
	background: url("../images/icon_photo_small.png") no-repeat;
}

div.portlet_study_trip_content span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie_small.png") no-repeat;
}

div.portlet_study_trip_content span.mediaicon.video {
	background: url("../images/icon_video_small.png") no-repeat;
}

div.portlet_study_trip_content span.mediaicon.audio {
	background: url("../images/icon_audio_small.png") no-repeat;
}

div.portlet_study_trip_content span.mediaicon.grafik {
	background: url("../images/icon_grafik_small.png") no-repeat;
}

div.portlet_study_trip_content span.mediaicon.pdf {
	background: url("../images/icon_pdf_small2.png") no-repeat;
}


div.portlet_study_trip_content span.mediaicon.play {
	background: url("../images/icon_play-video.svg") no-repeat;
	width: 53px;
	height: 53px;
	top: 17px;
}

div.portlet_study_trip_content span.mediaicon {
	position: absolute;
	text-align:left;
	display: block;
	top: 0px;
	width: 33px;
	height: 34px;
	font-size:0px;	
	
}


/*
    prev
*/

div.prev span.mediaicon.photo {
	background: url("../images/icon_photo_small.png") no-repeat;
}

div.prev span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie_small.png") no-repeat;
}

div.prev span.mediaicon.video {
	background: url("../images/icon_video_small.png") no-repeat;
}

div.prev span.mediaicon.audio {
	background: url("../images/icon_audio_small.png") no-repeat;
}

div.prev span.mediaicon.grafik {
	background: url("../images/icon_grafik_small.png") no-repeat;
}
div.prev span.mediaicon.pdf {
	background: url("../images/icon_pdf_small2.png") no-repeat;
}

div.prev span.mediaicon.play {
	background: url("../images/icon_play-video.svg");
	width: 40px;
	height: 40px;
	top: 22px;
	left: 44px;
}

div.prev span.mediaicon {
	position: absolute;
	text-align:left;
	display: block;
	top: 0px;
	width: 33px;
	height: 34px;
	font-size:0px;	
	
}

/**
 * Einzelteaser Rechts
 */


/*
    portlet_study_trip_content
*/

/*
    Two-news
*/

div.portlet_study_trip_img span.mediaicon.photo {
	background: url("../images/icon_photo.png") no-repeat;
}

div.portlet_study_trip_img span.mediaicon.bildergalerie {
	background: url("../images/icon_bildergalerie.png") no-repeat;
}

div.portlet_study_trip_img span.mediaicon.video {
	background: url("../images/icon_video.png") no-repeat;
}

div.portlet_study_trip_img span.mediaicon.audio {
	background: url("../images/icon_audio.png") no-repeat;
}

div.portlet_study_trip_img span.mediaicon.grafik {
	background: url("../images/icon_grafik.png") no-repeat;
}


div.portlet_study_trip_img span.mediaicon {
	position: absolute;
	text-align:left;
	display: block;
	top: 10px;
	width: 42px;
	height: 43px;
	font-size:0px;	
}

/**
 * Mediathek-Gallery
 */
.media.detail-media .gallery {
	height:142px;
	background:none;
    background-color:#333;
    position:relative;
    width:940px;
}

.media.detail-media .gallery .wrapper {
    min-height:132px;
    overflow:hidden;
    position:absolute;
    top:0;
    width:880px;
}

.media.detail-media .gallery .wrapper ul {
    list-style:none outside none;
    width:840px;
    margin:0;
    padding:0;
    position:absolute;
    top:5px;
}

.media.detail-media .gallery .wrapper ul li {
    display:block;
    float:left;
    height:112px;
    width:200px;
    padding:5px;
}


.media.detail-media .gallery ul li a img {
	width: 200px;
	height: 112px;
}

/* !important used to override the js generated styles */
.media.detail-media .gallery > div {
    width:100% !important;
}

.media.detail-media .gallery > div .scrollButton {
    background-repeat:no-repeat !important;
    background-position:50% 50% !important;
    height:87px !important;
    top:10px !important;
    width:19px !important;
}

.media.detail-media .gallery .textholder {
    background-color:transparent !important;
}

.media.detail-media .gallery ul li {
	position:relative;
}

.media.detail-media .gallery ul li a img {
	width: 200px;
	height: 112px;
}

.media.detail-media .gallery > div .scrollButton {
    top:28px !important;
}