/* HASH-TAG */
@import url('css/hashtag.css?v=20200704');
@import url('fonts/Anton/stylesheet.css?v=25090201');

/*
 Template Name: Karma
 Template URL: http://themeforest.net/item/karma-clean-and-modern-wordpress-theme/168737?ref=TrueThemes
 Author: TrueThemes
 Version: 2.1
 */

/* ----------------------
 Stylesheet Guide
 -------------------------

 01. GLOBAL STYLES

 02. LAYOUT
 1. GENERAL STRUCTURE
 2. CONTENT AREA
 3. PORTFOLIO PAGES
 4. FOOTER
 5. MULTI COLUMNS
 6. SIDEBAR
 7. HOMEPAGE
 8. SITEMAP
 9. VIDEO + 3D THUMBS
 10. Popup

 03. NAVIGATION
 1. MAIN NAVIGATION
 2. VERTICAL SUB NAVIGATION
 3. HORIZONTAL SUB NAVIGATION
 4. BREADCRUMBS

 04. LINKS
 1. GENERAL LINKS
 2. TOP LINK
 3. CUSTOM BUTTONS
 4. DOKU-FILM Links

 05. LISTS
 1. GENERAL LISTS
 2. CUSTOM LIST BULLETS
 3. ACCORDION
 4. TABS

 06. TYPOGRAPHY
 1. GENERAL TYPOGRAPHY
 2. @FONT-FACE
 3. MESSAGE BOXES
 4. FOOTER
 5. CALLOUTS

 07. BLOG

 08. FORMS

 09. IMAGES
 1. GENERAL
 2. MODERN FRAME
 3. SHADOW FRAME

 10. MISCELLANEOUS

 11. WORDPRESS
 1. KARMA Pagenavi
 2. MAILCHIMP
 3. DEFAULTS
 4. 404 ERROR PAGE
 5. CONSTANT CONTACT

 12. WIDGETS + SHORTCODES
 1. DEFAULT STYLES
 2. BLOGROLL - FOOTER
 3. CALENDAR
 4. RECENT POSTS - SIDEBAR
 5. BLOGROLL - SIDEBAR
 6. SEARCH - SIDEBAR
 7. SOCIAL MEDIA
 8. LATEST TWEETS
 9. TESTIMONIALS SLIDER

 13. PROGRESSIVE CSS ENHANCEMENTS

 14. PRETTY PHOTO

 15. IE SPECIFIC

 16.BUTTON STARTSEITE
 */

/* *********************************************************************************** */
/* 01. GLOBAL
 /* *********************************************************************************** */

html {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}
body {
	margin: 0;

	font: 1.2em/19px 'Open sans', sans-serif;
	color: #000;
	min-width: 1003px;
}

.capitalize {
	text-transform: uppercase;
}

.menu_lang_icon{
	cursor: pointer;
}
.menu_lang_icon:hover{
	color: white !important;
}


/* *********************************************************************************** */
/* 02. LAYOUT
 /* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. GENERAL LAYOUT
 /*---------------------------------------------------------------*/
#wrapper {
	width: 100%;
	display: table;
}
#wrapper #header {
	display: table-header-group;
}
.top-block .top-holder {
	width: 980px;
	margin: 0 auto;
	font-size: 10px;
	padding: 0px 0 0 0;
	min-height: 4px;
	height: 111px;
}
.top-block .top-holder:after {
	clear: both;
	display: block;
	content: "";
}
#header .rays {
	background: url(images/_global/rays.png) 50% 0 no-repeat;
}
#header .header-area {
	width: 980px;
	margin: 0 auto;/*padding:35px 0 0px 0;*/
}
#header .header-area:after {
	clear: both;
	display: block;
	content: "";
}
#main {
	/*background: url(images/_global/bg-main.gif) repeat-x;*/
	display: table-footer-group;
	position: relative;
	width: 100%;
}
#main .main-area {
	width: 976px;
	margin: 0 auto;
	padding: 43px 0 5px 0;
}
#main .main-area-zero {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 5px 0;
}
.tools .place {
	float: right;
}
.carousel-holder {
	width: 315px !important;
}

/*---------------------------------------------------------------*/
/* 2. CONTENT AREA
 /*---------------------------------------------------------------*/
#content {
	width: 720px;
	float: left;
	margin-left: 11px;
}
.content_left_sidebar {
	float: right !important;
}
.content_right_sidebar {
	width: 510px !important;
}
.content_right_sidebar2 {
	width: 726px !important;
	position: relative;
}

.video-left-banner {
    position: absolute;
    left: -200px;
    top: 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,2,8,0.7);
	box-shadow: 0px 0px 10px 0px rgba(0,2,8,0.7);
}

.video-right-banner {
    position: absolute;
    right: -200px;
    top: 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,2,8,0.7);
	box-shadow: 0px 0px 10px 0px rgba(0,2,8,0.7);
}

.clickhere {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.clickhere:hover {
    color: #999;
}

.color-klatv-blue {
	color: #00325d;
}

/*Themenblock Contentänderung*/
.content_right_sidebar3 {
	width: 620px !important;
}

.content_full_width {
	width: 940px !important;
	padding: 0 20px 0 2px;
	/*float: left;*/
	margin-left: 0 !important;
}

.content-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
}

.content-row.video-title {
	margin-bottom: 10px;
	line-height: 24px;
}

.content-row.title .video-subtitle {
	width: 70%;
	line-height: 24px;
}

.content-row.title .video-date {
	width: 58%;
	height: 20px;
	text-align: right;
}

.content-row.title .hashtag-small {
	width: 58%;
	height: 20px;
	text-align: left;
}

.hashtag-popularstar-bar {
	margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}

.hashtag-popularstar-bar > div {
	margin: 0px;
	padding: 0px;
}

.portfolio_full_width {
	margin-left: 0 !important;
	width: 980px !important;
}
/*THEMENBLOCK Playlist Syle */
#themeblock-playlist {
	width: 181px;
	height: 80px;
	float: right;
	margin-top: 10px;
	margin-right: -2px;
	font-size: 0.95em;
}
/*Sprachen*/
#sprachen_showstart {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	    transform: rotate(270deg);
	width: 730px;
	letter-spacing: 0.03em;
	font-size: 22px;
	color: black;
	text-align: left;
	position: absolute;
	left: -394px;
	top: -70px;
}



/*---------------------------------------------------------------*/
/* 3. PORTFOLIO PAGES
 /*---------------------------------------------------------------*/
.portfolio_wrap {
	width: 100%;
	float: left;
	padding-bottom: 30px;
}
.portfolio_content {
	clear: left;
	padding-top: 8px;
	padding-bottom: 40px;
	height: 60px
}
.port_sep {
	width: 100%;
	margin-bottom: 30px;
	float: left;
}
.portfolio_layout .one_fourth, .portfolio_layout .one_fourth_last, .portfolio_layout .one_third, .portfolio_layout .one_third_last, .portfolio_layout .one_half, .portfolio_layout .one_half_last {
	position: relative;
}

/* Preloading */
.preload_one {
	width: 703px;
	height: 563px;
	background: url(images/_global/preload.gif) center center no-repeat;
}
.preload_two {
	min-width: 32px;
	min-height: 32px;
	background: url(images/_global/preload.gif) center center no-repeat;

	/* themeblock - prepare for hover effect */
	opacity: 1;
	-webkit-transition: opacity .2s ease-in;
	-ms-transition: opacity .2s ease-in;
	-mox-transition: opacity .2s ease-in;
	-o-transition: opacity .2s ease-in;
}

/* themeblock - image hover effect */
.portfolio_content_top:hover .preload_two{
	opacity: 0.7;
}

.preload_three {
	width: 275px;
	height: 170px;
	background: url(images/_global/preload-small.gif) center center no-repeat;
	overflow: hidden;
}
.preload_four {
	width: 190px;
	height: 111px;
	background: url(images/_global/preload-small.gif) center center no-repeat;
}

/* 1 column */
.portfolio_one_column {
	width: 191px;
	float: left;
}
.portfolio_one_column_last {
	float: right;
	width: 722px;
	height: 602px;
	background: url(images/_global/global-sprite.png) 0 -31px no-repeat;
	position: relative;
}
.port_img_one {
	width: 703px;
	height: 563px;
	float: left;
	position: absolute;
	top: 8px;
	left: 9px;
}

/* 2 columns */
.port_img_two {
	width: 437px;
	height: 234px;
	float: left;
	position: absolute;
	top: 8px;
	left: 9px;
}
.portfolio_content_top {
	float: left;
	width: 455px;
	height: 272px;
	background: url(images/_global/image-frame-sprite.png) 0px 0px no-repeat;
}

/* 3 columns */
.port_img_three {
	width: 275px;
	/*height: 145px;*/
	float: left;
	position: absolute;
	/*top: 8px;*/
}
.portfolio_content_top_three {
	float: left;
	/*height: 179px;*/
	/*background: url(images/_global/image-frame-sprite.png) -1px -279px no-repeat;*/
	position: relative;
}

/* 4 columns */
.port_img_four {
	width: 208px;
	height: 146px;
	float: left;
	position: absolute;
	top: 8px;
	left: 9px;
}
.portfolio_content_top_four {
	float: left;
	height: 146px;
	width: 208px;
	background: url(images/_global/image-frame-sprite.png) -2px -465px no-repeat;
}

/*---------------------------------------------------------------*/
/* 4. FOOTER
 /*---------------------------------------------------------------*/
#footer {
	width: 100%;
	position: relative;
	padding-top: 40px;
}
#footer .footer-area {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#footer .footer-wrapper {
	width: 980px;
	overflow: hidden;
}
#footer .footer-holder {
	width: 100%;
	overflow: hidden;
	padding: 35px 0 10px 6px;
}
#footer .box {
	width: 333px;
	float: left;
}
#footer_bottom {
	width: 100%;
	min-height: 89px;
	height: auto;
}
#foot_left {
	float: left;
	width: 440px;
}
#foot_left .textwidget {
	margin-top: -18px;
}
#foot_right {
	float: right;
	width: 520px;
	text-align: right;
}
.footer_bottom_list {
	left: 20%;
}
.info {
	width: 980px;
	margin: 0 auto;
	font-size: 11px;
	overflow: hidden;
	padding: 34px 0 0 8px;
	position: relative;
}
#footer .footer_post {
	padding: 2px 0 16px 0;
}

/*---------------------------------------------------------------*/
/* 5. MULTI COLUMNS
 /*---------------------------------------------------------------*/
.clear {
	clear: both;
}
.one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .one_sixth, .one_sixth_last, .two_thirds, .two_thirds_last {
	padding-bottom: 20px;
}

#content .one_half {
	float: left;
	width: 342px;
	margin-right: 10px;
}
#content .one_half_last {
	float: right;
	width: 342px;
	margin: 0;
}
#content .one_third {
	float: left;
	width: 220px;
	margin-right: 30px;
}
#content .one_third_last {
	float: right;
	width: 220px;
	margin: 0;
}
#content .one_fourth {
	float: left;
	width: 180px;
	margin-right: 36px;
}
#content .one_fourth_last {
	float: right;
	width: 180px;
	margin: 0;
}
#content .one_fifth {
	float: left;
	width: 124px;
	margin-right: 23px;
}
#content .one_fifth_last {
	float: right;
	width: 124px;
	margin: 0;
}
#content .one_sixth {
	float: left;
	width: 100px;
	margin-right: 20px;
}
#content .one_sixth_last {
	float: right;
	width: 100px;
	margin: 0;
}
#content .two_thirds {
	float: left;
	width: 470px;
	margin: 0;
}
#content .two_thirds_last {
	float: right;
	width: 470px;
	margin: 0;
}
#content .three_fourth {
	float: left;
	width: 550px;
	margin: 0;
}
#content .three_fourth_last {
	float: right;
	width: 530px;
	margin: 0;
}

.content_full_width .one_half {
	float: left;
	width: 455px !important;
	margin-right: 30px !important;
}
.content_full_width .one_half_last {
	float: right;
	width: 455px !important;
	margin: 0 !important;
}
.content_full_width .one_third {
	float: left;
	width: 293px !important;
	margin-right: 30px !important;
}
.content_full_width .one_third_last {
	float: right;
	width: 293px !important;
	margin: 0 !important;
}
.content_full_width .one_fourth {
	float: left;
	width: 208px !important;
	margin-right: 36px !important;
}
.content_full_width .one_fourth_last {
	float: right;
	width: 208px !important;
	margin: 0 !important;
}
.content_full_width .one_fifth {
	float: left;
	width: 168px !important;
	margin-right: 23px !important;
}
.content_full_width .one_fifth_last {
	float: right;
	width: 168px !important;
	margin: 0 !important;
}
.content_full_width .one_sixth {
	float: left;
	width: 140px !important;
	margin-right: 20px !important;
}
.content_full_width .one_sixth_last {
	float: right;
	width: 140px !important;
	margin: 0 !important;
}
.content_full_width .two_thirds {
	float: left;
	width: 595px !important;
	margin: 0 !important;
}
.content_full_width .two_thirds_last {
	float: right;
	width: 595px !important;
	margin: 0 !important;
}
.content_full_width .three_fourth {
	float: left;
	width: 690px !important;
	margin: 0 !important;
}
.content_full_width .three_fourth_last {
	float: right;
	width: 685px !important;
	margin: 0 !important;
}

.content_full_width .two_thirds_last .one_third, .content_full_width .two_thirds_last .one_third_last, .content_full_width .two_thirds .one_third, .content_full_width .two_thirds .one_third_last {
	width: 280px !important;
}

.content_sidebar .one_fourth, .content_sidebar .one_fourth_last {
	width: 105px !important;
}
.content_sidebar .one_third, .content_sidebar .one_third_last {
	width: 145px !important;
}
.content_sidebar .one_half, .content_sidebar .one_half_last {
	width: 235px !important;
}
.content_sidebar .two_thirds, .content_sidebar .two_thirds_last {
	width: 325px !important;
}

#footer .one_half {
	float: left;
	width: 455px !important;
	margin-right: 30px !important;
}
#footer .one_half_last {
	float: right;
	width: 455px !important;
	margin: 0 !important;
}
#footer .one_third {
	float: left;
	width: 305px !important;
	margin-right: 30px !important;
}
#footer .one_third_last {
	float: right;
	width: 305px !important;
	margin: 0 !important;
}
#footer .one_fourth, #footer .one_fourth_last {
	float: left !important;
	width: 227px !important;
	margin-right: 23px !important;
}
#footer .one_fourth_last {
	margin-right: 0px !important;
	float: right !important;
}
#footer .one_fifth {
	float: left;
	width: 177px !important;
	margin-right: 23px !important;
}
#footer .one_fifth_last {
	float: right;
	width: 177px !important;
	margin: 0 !important;
}
#footer .one_sixth {
	float: left;
	width: 146px !important;
	margin-right: 20px !important;
}
#footer .one_sixth_last {
	float: right;
	width: 146px !important;
	margin: 0 !important;
}

#content .tabs-area .one_half, #content .slide .one_half {
	float: left;
	width: 310px;
	margin-right: 30px;
}
#content .tabs-area .one_half_last, #content .slide .one_half_last {
	float: right;
	width: 310px;
	margin: 0;
}
#content .tabs-area .one_third, #content .slide .one_third {
	float: left;
	width: 194px;
	margin-right: 35px;
}
#content .tabs-area .one_third_last, #content .slide .one_third_last {
	float: right;
	width: 194px;
	margin: 0;
}
#content .tabs-area .one_fourth, #content .slide .one_fourth {
	float: left;
	width: 141px;
	margin-right: 30px;
}
#content .tabs-area .one_fourth_last, #content .slide .one_fourth_last {
	float: right;
	width: 141px;
	margin: 0;
}
#content .tabs-area .one_fifth, #content .slide .one_fifth {
	float: left;
	width: 108px;
	margin-right: 28px;
}
#content .tabs-area .one_fifth_last, #content .slide .one_fifth_last {
	float: right;
	width: 108px;
	margin: 0;
}
#content .tabs-area .one_sixth, #content .slide .one_sixth {
	float: left;
	width: 92px;
	margin-right: 20px;
}
#content .tabs-area .one_sixth_last, #content .slide .one_sixth_last {
	float: right;
	width: 92px;
	margin: 0;
}
#content .tabs-area .two_thirds, #content .slide .two_thirds {
	float: left;
	width: 425px;
	margin: 0;
}
#content .tabs-area .two_thirds_last, #content .slide .two_thirds_last {
	float: right;
	width: 425px;
	margin: 0;
}
#content .tabs-area .three_fourth, #content .slide .three_fourth {
	float: left;
	width: 485px;
	margin: 0;
}
#content .tabs-area .three_fourth_last, #content .slide .three_fourth_last {
	float: right;
	width: 485px;
	margin: 0;
}

.content_full_width .tabs-area .one_half, .content_full_width .slide .one_half {
	float: left;
	width: 420px !important;
	margin-right: 30px !important;
}
.content_full_width .tabs-area .one_half_last, .content_full_width .slide .one_half_last {
	float: right;
	width: 420px !important;
	margin: 0 !important;
}
.content_full_width .tabs-area .one_third, .content_full_width .slide .one_third {
	float: left;
	width: 267px !important;
	margin-right: 30px !important;
}
.content_full_width .tabs-area .one_third_last, .content_full_width .slide .one_third_last {
	float: right;
	width: 267px !important;
	margin: 0 !important;
}
.content_full_width .tabs-area .one_fourth, .content_full_width .slide .one_fourth {
	float: left;
	width: 190px !important;
	margin-right: 36px !important;
}
.content_full_width .tabs-area .one_fourth_last, .content_full_width .slide .one_fourth_last {
	float: right;
	width: 190px !important;
	margin: 0 !important;
}
.content_full_width .tabs-area .one_fifth, .content_full_width .slide .one_fifth {
	float: left;
	width: 155px !important;
	margin-right: 23px !important;
}
.content_full_width .tabs-area .one_fifth_last, .content_full_width .slide .one_fifth_last {
	float: right;
	width: 155px !important;
	margin: 0 !important;
}
.content_full_width .tabs-area .one_sixth, .content_full_width .slide .one_sixth {
	float: left;
	width: 127px !important;
	margin-right: 20px !important;
}
.content_full_width .tabs-area .one_sixth_last, .content_full_width .slide .one_sixth_last {
	float: right;
	width: 127px !important;
	margin: 0 !important;
}
.content_full_width .tabs-area .two_thirds, .content_full_width .slide .two_thirds {
	float: left;
	width: 575px !important;
	margin: 0 !important;
}
.content_full_width .tabs-area .two_thirds_last, .content_full_width .slide .two_thirds_last {
	float: right;
	width: 575px !important;
	margin: 0 !important;
}
.content_full_width .tabs-area .three_fourth, .content_full_width .slide .three_fourth {
	float: left;
	width: 650px !important;
	margin: 0 !important;
}
.content_full_width .tabs-area .three_fourth_last, .content_full_width .slide .three_fourth_last {
	float: right;
	width: 650px !important;
	margin: 0 !important;
}

.content_sidebar .tabs-area .one_half, .content_sidebar .slide .one_half {
	float: left;
	width: 205px !important;
}
.content_sidebar .tabs-area .one_half_last, .content_sidebar .slide .one_half_last {
	float: right;
	width: 205px !important;
}
.content_sidebar .tabs-area .one_third, .content_sidebar .slide .one_third {
	float: left;
	width: 125px !important;
}
.content_sidebar .tabs-area .one_third_last, .content_sidebar .slide .one_third_last {
	float: right;
	width: 125px !important;
}
.content_sidebar .tabs-area .one_fourth, .content_sidebar .slide .one_fourth {
	float: left;
	width: 88px !important;
	margin-right: 28px !important;
}
.content_sidebar .tabs-area .one_fourth_last, .content_sidebar .slide .one_fourth_last {
	float: right;
	width: 88px !important;
}
.content_sidebar .tabs-area .one_fifth, .content_sidebar .slide .one_fifth {
	float: left;
	width: 66px !important;
}
.content_sidebar .tabs-area .one_fifth_last, .content_sidebar .slide .one_fifth_last {
	float: right;
	width: 66px !important;
}
.content_sidebar .tabs-area .one_sixth, .content_sidebar .slide .one_sixth {
	float: left;
	width: 56px !important;
}
.content_sidebar .tabs-area .one_sixth_last, .content_sidebar .slide .one_sixth_last {
	float: right;
	width: 56px !important;
}
.content_sidebar .tabs-area .two_thirds, .content_sidebar .slide .two_thirds {
	float: left;
	width: 280px !important;
}
.content_sidebar .tabs-area .two_thirds_last, .content_sidebar .slide .two_thirds_last {
	float: right;
	width: 280px !important;
}
.content_sidebar .tabs-area .three_fourth, .content_sidebar .slide .three_fourth {
	float: left;
	width: 320px !important;
}
.content_sidebar .tabs-area .three_fourth_last, .content_sidebar .slide .three_fourth_last {
	float: right;
	width: 320px !important;
}
.tab_icon {
	margin: 0 5px 0 0;
}

/* iphone template */
.contact_iphone_content .two_thirds {
}

.contact_iphone_content .two_thirds .one_half {
	float: left;
	width: 280px !important;
	margin-right: 30px !important;
}
.contact_iphone_content .two_thirds .one_half_last {
	float: right;
	width: 280px !important;
	margin: 0 !important;
}
.contact_iphone_content .two_thirds .one_third {
	float: left;
	width: 175px !important;
	margin-right: 30px !important;
}
.contact_iphone_content .two_thirds .one_third_last {
	float: right;
	width: 175px !important;
	margin: 0 !important;
}
.contact_iphone_content .two_thirds .one_fourth {
	float: left;
	width: 121px !important;
	margin-right: 36px !important;
}
.contact_iphone_content .two_thirds .one_fourth_last {
	float: right;
	width: 121px !important;
	margin: 0 !important;
}
.contact_iphone_content .two_thirds .two_thirds {
	float: left;
	width: 376px !important;
	margin: 0 !important;
}
.contact_iphone_content .two_thirds .two_thirds_last {
	float: right;
	width: 376px !important;
	margin: 0 !important;
}
.contact_iphone_content .two_thirds .three_fourth {
	float: left;
	width: 417px !important;
	margin: 0 !important;
}
.contact_iphone_content .two_thirds .three_fourth_last {
	float: right;
	width: 417px !important;
	margin: 0 !important;
}

/*---------------------------------------------------------------*/
/* 6. SIDEBAR
 /*---------------------------------------------------------------*/
#sidebar {
	background: url(images/_global/bg-sidebar.gif) 0 0 repeat-y;
	padding-bottom: 65px;
	float: right;
	width: 173px;
	padding: 0 0 0 25px;
}
.left_sidebar {
	float: left !important;
	background: url(images/_global/bg-sidebar.gif) top right repeat-y !important;
	padding: 0 25px 0 0 !important;
	margin: 0 0 0 25px;
}
.contact_iphone {
	background: url(images/_global/bg-iphone-sidebar.png) 100% 0 no-repeat;
	height: 594px;
	position: relative;
}
.contact_iphone .sidebar-iphone, .contact_iphone .sidebar-widget {
	width: 180px !important;
}
.iphone-wrap {
	margin: 110px 0 0 75px;
	background: none !important;
	padding-top: 5px;
}
.sidebar-iphone .social_icons {
	margin: 0;
	padding: 3px 0 0 0;
	float: none !important;
}
#main .contact_iphone .sidebar-widget {
	width: 180px !important;
	margin: 0 !important;
	background: none !important;
	padding-bottom: 15px !important;
}
#main .contact_iphone .iphone-header {
	padding-bottom: 10px;
	color: #000;
	font-weight: normal !important;
}
#main .contact_iphone p {
	color: #444;
}

/*---------------------------------------------------------------*/
/* 7. HOMEPAGE
 /*---------------------------------------------------------------*/
.flash_wrap {
	min-height: 400px;
	height: auto;
}
.port-wrap {
	height: 650px;
}
.home-holder {
	padding: 0;
}
.home-flash-slider {
	width: 940px;
	height: 400px;
	margin: 95px auto 0 auto;
}




.home-banner-wrap {
	float: left;
	width: 965px;
	height: 580px;
	margin: 30px auto 0 auto;
	background: url(images/_global/bg-home-banner.png) 0px 0px no-repeat;
	position: relative;
	padding-top: 10px;
}
.home-banner-wrap-medium {
	float: right;
	width: 773px;
	min-height:460px;
	position: relative;
	padding: 0 0 0 8px;
}






.anythingSlider{
	margin-bottom: 50px;
}


.home-banner-category {
	width: 166px;
	height: 426px;
	float: left;
	padding: 0;
	position: relative;
}



.big-banner .content_full_width {
	padding-top: 0px !important;
}
.home-banner-main {
	width: 350px;
	top: 32px;
	left: 45px;
	position: absolute;
}
.home-banner-sub {
	width: 456px;
	height: 309px;
	background: url(images/_global/shadowBG.jpg) 0px 0px no-repeat;
	top: 40px;
	right: 40px;
	position: absolute;
}
.home-banner-sub-content {
	width: 436px;
	height: 270px;
	margin: 10px 0 0 10px;
}
.home-banner-sub-full {
	width: 860px;
	height: 304px;
	background: url(images/_global/shadowBG-full.jpg) 0px 0px no-repeat;
	top: 40px;
	right: 40px;
	position: absolute;
}
.home-banner-sub-content-full {
	width: 840px;
	height: 270px;
	margin: 10px 0 0 10px;
}
.home-bnr-jquery {
	position: relative;
}

ul#dirlink_head {
	/*list-style-image: url("images/_global/linkicon_white.png");*/
	list-style-type: none;
	font-weight: thin;
	float: left;
	margin: -15px 0 15px 0;
	vertical-align: top;
	padding-left: 0px;
}

ul#dirlink_head li {
	float: left;
	color: #dee3ea;
	font-size: 15px;
	margin: 0;
	padding: 0 18px 0 0;
}

ul#dirlink_head li:hover {
	color: white;
	text-shadow: 2px 2px 2px #010101;
}

#txt_numlanguages {
	float: left;
	margin: 84px 0 0 -61px;
}

ul#flaglist {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
        clear: both;
}

ul#flaglist li {
	margin: 0 7px 0 0;
	padding: 0;
        float: left;
}

div.link_separator {
	border-left: 1px solid #8A98AB;
	display: inline;
	float: right;
	height: 32px;
	margin: 5px -11px 0 0;
	width: 1px;
}

ul.dirlinks {
	list-style-image: url("images/_global/linkicon.png");
}

.self-icon {
	background-image: url("images/icons/ui-icons_222222_256x240.png");
	height: 16px;
	width: 16px;
}

.self-icon-download {
	background-position: -224px -48px;
}



/* jQuery 2 */

.jquery-pager {
	text-align: center;
	padding-top: 20px;
}
.jquery-pager a {
	display: inline-block;
	width: 15px;
	height: 15px;
	text-indent: -9999em;
	outline: none;
	background: url(images/_global/global-sprite.png) -740px -179px no-repeat;
	margin-right: 12px;
}
.jquery-pager .activeSlide {
	background: url(images/_global/global-sprite.png) -725px -179px no-repeat;
}
.home_video_preload {
	width: 100%;
	height: 100%;
	background: url(images/_global/preload-white.gif) center center no-repeat;
}
.big-banner .content_home_video {
	padding-top: 80px !important;
}

/* jQuery */
.home-bnr-jquery {
	margin: 0 auto;
	width: 940px;
	height: 283px;
}
.home-bnr-jquery ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 940px;
	height: 283px;
}
.home-bnr-jquery ul li {
	width: 940px;
	height: 283px;
}
.home-bnr-jquery ul li.jqslider {
	display: none;
}
.home-jquery-content {
	padding-top: 45px;
}
.home-bnr-jquery .home-banner-sub {
	width: 432px;
	height: 270px;
	background: url(images/_global/global-sprite.png) 0 -1188px no-repeat;
	top: 13px;
	right: 35px;
	position: absolute;
}
.home-bnr-jquery .home-banner-sub-content {
	width: 404px;
	height: 256px;
	margin: 14px 0 0 14px;
}
.home-banner-bottom {
	width: 404px;
	height: 7px;
	background: url(images/_global/jquery-btm-shdw.png) 0 0 no-repeat;
	top: 263px;
	right: 14px;
	position: absolute;
	z-index: 4;
}
.home-bnr-jquery .home-banner-main {
	width: 375px;
	top: 40px;
	left: 45px;
	position: absolute;
}
.home-jquery-content {
	padding-top: 45px;
}
.home-bnr-jquery .home-banner-sub-full {
	width: 940px;
	height: 283px;
	top: 0px;
	left: 0px;
	position: absolute;
	margin: 0;
	padding: 0;
	background: none;
}
.home-bnr-jquery .home-banner-sub-full p {
	top: 0px;
	left: 0px;
	position: absolute;
	margin: 0;
	padding: 0;
	background: none;
}

/*---------------------------------------------------------------*/
/* 8. SITEMAP
 /*---------------------------------------------------------------*/
#main .sitemap_with_child, #main .sitemap_without_child {
	float: left;
	width: 200px;
	margin-right: 20px;
}
#main .sitemap_with_child a, #main .sitemap_without_child a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
#main .sitemap_with_child .page_item a, #main .sitemap_without_child .page_item a {
	font-weight: normal;
	text-decoration: underline;
}
#main .sitemap_with_child ul, #main .sitemap_without_child ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0 0;
}
#main .sitemap_with_child ul {
	padding: 0;
}
#main .sitemap_with_child ul a {
	text-decoration: none !important;
}
#main .sitemap_with_child a:hover, #main .sitemap_without_child a:hover {
	text-decoration: underline !important;
}

/*---------------------------------------------------------------*/
/* 9. VIDEO + 3D THUMBS
 /*---------------------------------------------------------------*/

.klaTVPlayer.video-js{
    width: 100%;
    height: 100%;
}

.klatv-player-wrapper{
	width: 100%;
	position: relative;
}
.klatv-player-wrapper-size-helper{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.video-js .vjs-big-play-button {
	border-radius: 50% !important;
	width: 1.4em !important;
	background-color: rgba(0, 0, 0, .3);
	opacity: 1;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,.16),0 0 8px 0 rgba(0,0,0,.08);
}

.video-js .vjs-big-play-button:before {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
	border-radius: 50%;
}


/* Dynamic 16:6 height to dynamic width*/
.klatv-player-wrapper:after{
	content: " ";
	display: block;
	padding-bottom: 56.25%;
}

.vjs-overlay .overlay-content {
    background-color: #00499b;
}

.vjs-overlay .overlay-content a {
    font-size: 16px;
    line-height: 1.2;
    color: #fff !important; /* Force overwritting of "#content a" rule (css/secondary-royal-blue.css:9) */
}

.vjs-fullscreen .vjs-overlay .overlay-content a {
    font-size: 24px;
}

a.vjs-icon-cancel{
	color: white  !important; /* Force overwritting of "#content a" rule (css/secondary-royal-blue.css:9) */
}

a.vjs-icon-cancel:hover{
	text-decoration: none;
}

.vjs-subtitles-button[aria-expanded="true"]::before {
	color: #13a2df;
}

.vjs-subtitles-button .vjs-menu .vjs-menu-content {
	width: auto !important;
	padding-left: .75rem !important;
	padding-top: 1.75rem !important;
}

.vjs-subtitles-button .vjs-menu .vjs-menu-content .vjs-menu-item {
	white-space: nowrap;
}

.vjs-subtitles-button .vjs-menu-content {
	padding-left: 1rem;
	padding-top: 2rem;
}

#videoInfoPopupAutoTranslation {
	background: #000;
}


.klaTVPlayer[id^="klaTVPlayer"] .vjs-playback-rate {
	font-size: 1.1rem;
}

.klaTVPlayer[id^="klaTVPlayer"] .vjs-playback-rate .vjs-playback-rate-value {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 3px;
}

.klaTVPlayer[id^="klaTVPlayer"] .vjs-playback-rate .vjs-menu-item.vjs-menu-item {
	font-size: 1.5rem;
}


.video-main {
	margin-right: 10px;
	padding-left: 10px;
	padding-top: 12px;
	position: relative;
	width: 705px;
	border: 1px solid #DFE0DF;
	background: #fff;
	padding-bottom: 12px;
	padding-right: 10px;
}

.video-player-shadow{
	background: url("images/_global/bg-video3.png") no-repeat scroll 0 -412px rgba(0, 0, 0, 0);
	padding: 0px;
	height: 38px;
	width: 728px;
	border: none;
}
.video-player-shadow.small{
	height: 38px;
	width: 728px;
	background: url("images/_global/bg-video2.png") no-repeat scroll 0 -345px rgba(0, 0, 0, 0);
}
.video-main-block {
	width: 590px;
	/* min-height: 382px; */
	margin-right: auto;
	/* background: url(images/_global/bg-video2.png) 0 0 no-repeat; */
	position: relative;
	padding-top: 9px;
	padding-left: 9px;
	border: 1px solid #DFE0DF;
	background: #fff;
	padding-bottom: 9px;
	padding-right: 10px;
	/* height: auto; */
}
.video-main-block #mediaplayer{
	min-height: 320px; /*fix jumping of site, before jwplayer is initialized */
}
/*.video-main {width: 610px;height: 382px;float: left;background:url(images/_global/bg-video2.png) 0 0 no-repeat;position:relative; padding-top:12px;}*/
/*.video-main {width: 592px;height: 371px;float: left;background:url(images/_global/bg-video.png) 0 0 no-repeat;position:relative;}*/
.video-frame {
	width: 572px;
	height: 312px;
	position: absolute;
	top: 10px;
	left: 10px;
	background: url(images/_global/preload-white.gif) center center no-repeat;
}
.video-sub {
	width: 305px;
	float: right;
	padding-top: 15px;
}
.three-d-main {
	width: 527px;
	height: 475px;
	float: left;
}
.three-d-sub {
	width: 380px;
	float: right;
	padding-top: 15px;
}
.three-d-wrap {
	padding-bottom: 12px;
}
.video_right .video-main, .video_right .two-d-main, .video_right .three-d-main {
	float: right !important;
}
.video_right .video-sub, .video_right .two-d-sub, .video_right .three-d-sub {
	float: left !important;
}
/*#vid_desc {*/
	/*/!*width: 737px;*!/*/
	/*height: 210px;*/
/*}*/
/*#vid_desc .tab-box{*/
	/*overflow-y: auto;*/
/*}*/

.vid_desc_quellen-afterfirst {
	margin-left: 81px;
}

/*---------------------------------------------------------------*/
/* 9. VIDEO + 3D THUMBS
 /*---------------------------------------------------------------*/
#overlay, #overlay2, #overlay3 {
	position: fixed;
	z-index: 199;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: none;
}
* html #overlay, *html #overlay2, *html #overlay3 {/* ie6 hack */
	position: absolute;
}
.overlayBG {
	background-color: #000;
	-ms-filter: "Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#lightBox {
	position: fixed;
	top: 25%;
	left: 25%;
	margin-left: -100px;
	margin-top: -100px;
	z-index: 200;
	width: 1000px;
	height: 600px;
	background-color: #fff;
	text-align: center;
	display: none;
}
#lightBox2 {
	position: fixed;
	top: 15%;
	left: 25%;
	margin-left: -100px;
	margin-top: -100px;
	z-index: 200;
	width: 870px;
	height: 470px;
	background-color: #fff;
	text-align: center;
	display: none;
}
#lightBox3 {
	position: fixed;
	top: 30%;
	left: 40%;
	margin-left: -100px;
	margin-top: -100px;
	z-index: 200;
	width: 380px;
	background-color: #fff;
	text-align: center;
	display: none;
	padding-bottom: 10px;
}
* html #lightBox, * html #lightBox2, * html #lightBox3 {/* ie6 hack */
	position: absolute;
}

/* *********************************************************************************** */
/* 03. NAVIGATION
 /* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. MAIN NAVIGATION
 /*---------------------------------------------------------------*/
#menu-main-nav {
	list-style: none;
	margin: -18px 0 0 0;
	padding: 0;
	list-style: none;
	float: right;
}
#menu-main-nav a {
	outline: none;
}
#menu-main-nav li {
	float: left;
	padding: 5px 30px 12px 3px;
	position: relative;
	vertical-align: top;
	height: 1%;
	width: 65px;
	height: 90px;
}
#menu-main-nav li.small {
	float: left;
	padding: 5px 30px 12px 3px;
	position: relative;
	vertical-align: top;
	height: 1%;
	width: 50px;
	height: 90px;
}

#menu-main-nav ul li {
	background: none !important;
}
#menu-main-nav li.parent:hover {
	position: relative;
}
#menu-main-nav li.parent li.parent:hover {
	background: none !important;
}
#menu-main-nav li.parent li.parent li.parent:hover {
	background: none !important;
}
#menu-main-nav li.parent {
	letter-spacing: 0.2px;
}
#menu-main-nav li strong {
	font-size: 13px;
}
#menu-main-nav a {
	display: block;
}
#menu-main-nav a:hover {
	background-position: 0 0;
	text-decoration: none;
}
#menu-main-nav .drop {
	width: 236px;
	padding: 0 1px 0 1px;
	position: absolute;
	left: -1px;
	top: 52px;
	display: none;
	z-index: 999;
}
#menu-main-nav .sub-menu {
	display: none;
}
#menu-main-nav .drop li.current-menu-item, #menu-main-nav .drop li.current_page_ancestor, #menu-main-nav .drop li.hover {
	z-index: 10;
}
/*#menu-main-nav .drop .t,
 #menu-main-nav .drop .b {height:10px;overflow:hidden;}*/
#menu-main-nav .drop .c {
	width: 100%;
}
#menu-main-nav .drop ul {
	margin: 45px 0 0 0;
	padding: 5px 0 8px;
	width: 236px;
	list-style: none;
}
#menu-main-nav .drop ul li {
	float: none;
	padding: 0;
	position: relative;
	height: 1%;
	padding: 0 8px;
	background: none;
}
#menu-main-nav .drop ul a {
	display: block;
	height: 1%;
	width: 220px;
}
#menu-main-nav .drop ul a span {
	display: block;
	padding: 7px 13px;
	height: 1%;
	cursor: pointer;
}
#menu-main-nav .drop ul .drop {
	top: 0;
	left: 236px;
}
#menu-main-nav .drop ul .drop ul a {
	background: none;
}
#menu-main-nav .drop ul .drop ul a span {
	background: none;
}
#menu-main-nav .drop ul .drop ul .drop a, #menu-main-nav .drop ul .drop ul .drop a span {
	background: none !important;
}
#menu-main-nav li:hover .drop, #menu-main-nav li.hover .drop {
	display: block;
}
#menu-main-nav li:hover .drop ul .drop, #menu-main-nav li.hover .drop ul .drop {
	display: none;
}
#menu-main-nav li:hover .drop ul li:hover .drop, #menu-main-nav li.hover .drop ul li.hover .drop {
	display: block;
}
#menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span {
	text-decoration: none;
	color: #999;
}
#menu-main-nav .drop ul li.current-menu-item ul li a, #menu-main-nav .drop ul li.current-menu-item ul li a span, #menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {
	background: none !important;
}

/*---------------------------------------------------------------*/
/* 2. VERTICAL SUB NAVIGATION
 /*---------------------------------------------------------------*/
#sub_nav {
	float: left;
	width: 220px;
	float: left;
	background: url(images/_global/bg-sidebar.gif) 206px 0 repeat-y;
	padding-bottom: 65px;
	overflow: hidden;
}
#sub_nav_right {
	float: right;
	width: 220px;
	background: url(images/_global/bg-sidebar.gif) 206px 0 repeat-y;
	padding-bottom: 65px;
	overflow: hidden;
}
#sub_nav_tb_div {
	padding: 0 3px;
	width: 140px;
}
#sub_nav ul a {
	display: block;
	background: url(images/_global/separator3.gif) 0 100% repeat-x;
	padding: 4px 0 8px 20px;
	height: 1%;
	position: relative;
	margin: 0 13px 0 0;
}
#sub_nav ul a:hover, #sub_nav ul li.current_page_item a {
	margin-right: 0;
	color: #fff;
	text-decoration: none;
}
#sub_nav ul ul a {
	background: url(images/_global/bullet1.gif) 0 9px no-repeat;
	padding: 4px 0 1px 14px;
}
#sub_nav ul ul a:hover {
	text-decoration: underline;
	color: #666;
}
#sub_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sub_nav ul li {
	vertical-align: top;
	height: 1%;
}
#sub_nav ul ul {
	list-style: none;
	margin: 0;
	padding: 9px 0 6px 31px;
}
#sub_nav ul ul ul {
	padding: 5px 0 9px 23px;
}

/*---------------------------------------------------------------*/
/* 2. VERTICAL SUB NAVIGATION für die Startseite
 /*---------------------------------------------------------------*/

#sub_nav_start {
	float: left;
	width: 147px;
	float: left;
	background: url(images/_global/bg-sidebar.gif) 206px 0 repeat-y;
	padding-bottom: 65px;
	overflow: hidden;
}
#sub_nav_start ul a {
	display: block;
	padding: 4px 0 8px 20px;
	height: 1%;
	position: relative;
	margin: 0 13px 0 -18px;
	color: #222222;
}
#sub_nav_start ul a:hover, #sub_nav_start ul li.current_page_item a {
	margin-right: 0;
	color: #fff;
	text-decoration: none;
}
#sub_nav_start ul ul a {
	background: url(images/_global/bullet1.gif) 0 9px no-repeat;
	padding: 4px 0 1px 14px;
}
#sub_nav_start ul ul a:hover {
	text-decoration: underline;
	color: #222222;
}
#sub_nav_start ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sub_nav_start ul li {
	vertical-align: top;
	height: 1%;
}
#sub_nav_start ul ul {
	list-style: none;
	margin: 0;
	padding: 9px 0 6px 31px;
}
#sub_nav_start ul ul ul {
	padding: 5px 0 9px 23px;
}

.nav_right_sub_nav ul li.current_page_item ul li a, .nav_right_sub_nav ul li.current_page_item ul li a:hover, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, .nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a:hover, .nav_right_sub_nav ul li ul li a, .nav_right_sub_nav ul li ul li a:hover {
	padding-left: 15px !important;
	margin: 0 0 0 13px !important;
}
.nav_right_sub_nav ul li.current-menu-parent ul li.current_page_item a, #sub_nav li.current-menu-parent ul li.current_page_item a {
	font-weight: bold;
}
#sub_nav_start li.current-menu-parent ul li.current_page_item a {
	font-weight: bold;
}
.nav_right_sub_nav ul li.current_page_item ul li.current_page_item ul li a {
	font-weight: normal !important;
}
.nav_right_sub_nav {
	float: right !important;
	background: url(images/_global/bg-sidebar.gif) 12px 0 repeat-y !important;
}
.nav_right_sub_nav ul a {
	margin: 0 0 0 13px !important;
}
.nav_right_sub_nav ul li.current_page_item a, .nav_right_sub_nav ul a:hover {
	margin-left: 0 !important;
	padding-left: 33px !important;
}
#sub_nav ul li ul li.current_page_item ul li a {
	font-weight: normal !important;
}
#sub_nav_start ul li ul li.current_page_item ul li a {
	font-weight: normal !important;
}
.title_themeblock_side {
	padding-top: 4px;
	display: block;
	margin-bottom: -5px;
	font-size: 12pt;
}

/*---------------------------------------------------------------*/
/* 3. HORIZONTAL SUB NAVIGATION
 /*---------------------------------------------------------------*/
#horizontal_nav {
	width: 100%;
	float: left;
	background: url(images/_global/separator3.gif) 0 100% repeat-x;
	padding-bottom: 20px;
	margin: -20px 0 30px 0;
}
#horizontal_nav ul {
	margin: 0 0 0 -25px;
	padding: 0;
	list-style: none;
	height: 1%;
	overflow: hidden;
}
#horizontal_nav ul li {
	float: left;
	margin-left: 25px;
}
#horizontal_nav ul {
	float: left;
}
#horizontal_nav ul a {
	float: left;
	padding: 0 11px 0 0;
	outline: none;
	color: #474747;
	text-decoration: none;
}
#horizontal_nav ul a:hover, #horizontal_nav ul .current_page_item {
	background: url(images/_global/bg-horz-active.jpg) 100% 0 no-repeat;
	text-decoration: none;
}
#horizontal_nav ul .current_page_item a, #horizontal_nav ul a:hover {
	color: #fff !important;
}
#horizontal_nav ul a span {
	float: left;
	padding: 4px 0 4px 13px;
	cursor: pointer;
}
#horizontal_nav ul .current_page_item span, #horizontal_nav ul a:hover span {
	background: url(images/_global/bg-horz-active.jpg) no-repeat;
}

/*---------------------------------------------------------------*/
/* 4. BREADCRUMBS
 /*---------------------------------------------------------------*/
.tools .breadcrumb {
	margin: 0;
	padding: 4px 0 19px 0;
	float: right;
	overflow: hidden;
	font-size: .9em;
}
.tools .breadcrumb a {
	padding: 0 15px 0 7px;
	background: url(images/_global/arrow-right-black.png) 100% 50% no-repeat;
	margin: 0 0 0 6px;
	color: #13223c;
	outline: none;
}
.tools .breadcrumb a:hover {
	color: #CCC;
}
.tools .breadcrumb .current_crumb {
	background: url(images/_global/arrow-up.png) 50% 100% no-repeat;
	padding: 0 5px 23px 7px;
	font-weight: bold;
}

/* *********************************************************************************** */
/* 04. LINKS
 /* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. GENERAL LINKS
 /*---------------------------------------------------------------*/
a {
	/*color: #033e4e;*/
	color: #044faa;
	outline: none;
}

.ktv-link-blue {
	color: #044faa;
}

#menu-main-nav a, #sub_nav a, #sub_nav_start a, #wrapper .tabset a, .linkvideo {
	text-decoration: none;
}
a:hover {
	/* text-decoration: underline; */
}
#header .logo {
	float: left;
	margin-left: 22px;
	outline: none;
	margin-bottom: 3px
}
#klage_logo {
	margin: -45px 0 0 -335px;
	float: left;
	height: 140px
}
#header .sub-nav a, #header .sub-nav2 a {
	color: #575C60;
	text-decoration: none;
}
#header .sub-nav a:hover, #header .sub-nav2 a:hover {
	color: #8B949A;
}
#header .sub-nav li, #header .sub-nav2 li {
	color: #575C60;
}
.footer-holder a, #footer_bottom a {
	text-decoration: none;
	color: #575C60;
}
.footer-holder a:hover, #footer_bottom a:hover {
	color: #8B949A;
}
#footer_bottom a {
	text-decoration: underline;
}
#footer_bottom a {
	text-decoration: none;
}
.callout_button {
	border: 0;
	margin: 0;
	padding: 6px 10px !important;
	background: #999 url(images/_global/bg-input-button-footer.jpg) 0 0 repeat-x;
	cursor: pointer;
	letter-spacing: 0.8px;
	color: #333;
	outline: none;
	border: 1px solid #999;
	display: inline-block;
	font-size: 12px !important;
	text-decoration: none;
}
.callout_button:hover {
	text-decoration: none;
}
#footer h3 a {
	color: #FFF !important;
}
.post_title h1 a {
	color: #222 !important;
	text-decoration: none !important;
}

/*---------------------------------------------------------------*/
/* 2. TOP LINK
 /*---------------------------------------------------------------*/
.link-top {
	padding: 3px 0 0 17px;
	background: url(images/_global/bg-link-top.gif) 0 7px no-repeat;
	color: #333;
	font-size: 11px;
	outline: none;
	margin: -9px 2px 15px 0;
	float: right;
}
.link-top:hover {
	color: #E34801;
}
#footer_bottom .link-top {
	background: url(images/_global/arrow-up-footer.png) 0 8px no-repeat;
	font-weight: bold;
}
#footer_bottom .link-top, #footer_bottom .link-top:hover {
	color: #FFF !important;
	text-decoration: none !important;
}
#footer_bottom .top-footer {
	float: right;
	padding: 8px 0 0 12px;
}
.link {
	float: left;
	margin: 4px 5px 0 0;
	cursor: pointer;
}

/*---------------------------------------------------------------*/
/* 3. CUSTOM BUTTONS
 /*---------------------------------------------------------------*/
.ka_button, .ka_button:hover {
	text-decoration: none;
	border: 0;
	display: inline-block;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #DDD !important;
}
.ka_button span {
	display: block;
}
.small_button {
	margin: 5px 10px 5px 0;
	padding: 0 21px 0 0 !important;
	font-size: .9em;
	background: transparent url(images/_global/bg-buttons-sprite.png) 100% -43px no-repeat scroll;
	color: #F4F4F2;
}
.small_button span {
	margin: 0;
	padding: 16px 0 17px 21px;
	line-height: 10px;
	background: transparent url(images/_global/bg-buttons-sprite.png) 0 0 no-repeat scroll;
}

.medium_button {
	margin: 5px 10px 5px 0;
	padding: 0 23px 0 0;
	font-size: 1em;
	background: transparent url(images/_global/bg-buttons-sprite.png) 100% -136px no-repeat scroll;
	color: #F4F4F2;
}
.medium_button span {
	margin: 0;
	padding: 19px 0 19px 23px;
	line-height: 12px;
	background: transparent url(images/_global/bg-buttons-sprite.png) 0 -86px no-repeat scroll;
}

.large_button {
	padding: 0 34px 0 0;
	font-size: 1.1em;
	background: transparent url(images/_global/bg-buttons-sprite.png) 100% -261px no-repeat scroll;
	color: #F4F4F2;
	border: 0;
	outline: none;
	cursor: pointer;
}
.large_button span {
	margin: 0;
	padding: 28px 0 33px 33px;
	line-height: 16px;
	background: transparent url(images/_global/bg-buttons-sprite.png) 0 -186px no-repeat scroll;
	border: 0;
	outline: none;
	cursor: pointer;
}

/*Diese Klasse ermöglicht es, einen großen Button mit 2 Zeilen schön darzustellen*/
.large_twolines {
	text-align: center !important;
	width: 120px;
	padding: 22px 0 33px 33px !important;
}
.medium_btn_twolines {
	margin: 5px 1px 5px 0;
	padding: 0 23px 0 0;
	font-size: 1em;
	background: transparent url(images/_global/bg-buttons-sprite.png) 100% -136px no-repeat scroll;
	color: #F4F4F2;
}
.medium_btn_twolines span {
	margin: 0;
	padding: 9px 0 9px 24px;
	line-height: 16px;
	background: transparent url(images/_global/bg-buttons-sprite.png) 0 -86px no-repeat scroll;
}
#loadMoreVideos {
	float: right;
}
#btn_abonnieren_load {
	float: left;
}

#btn_abonnieren {
	float: left;
}

/* FIRE */
.small_fire, .small_fire span, .medium_fire, .medium_fire span, .large_fire, .large_fire span {
	background-image: url(images/_global/bg-buttons-sprite-fire.png) !important;
}

/* AUTUMN */
.small_autumn, .small_autumn span, .medium_autumn, .medium_autumn span, .large_autumn, .large_autumn span {
	background-image: url(images/_global/bg-buttons-sprite-autumn.png) !important;
}

/* CHERRY */
.small_cherry, .small_cherry span, .medium_cherry, .medium_cherry span, .large_cherry, .large_cherry span {
	background-image: url(images/_global/bg-buttons-sprite-cherry.png) !important;
}

/* COFFEE */
.small_coffee, .small_coffee span, .medium_coffee, .medium_coffee span, .large_coffee, .large_coffee span {
	background-image: url(images/_global/bg-buttons-sprite-coffee.png) !important;
}

/* GOLDEN */
.small_golden, .small_golden span, .medium_golden, .medium_golden span, .large_golden, .large_golden span {
	background-image: url(images/_global/bg-buttons-sprite-golden.png) !important;
}

/* PINK */
.small_pink, .small_pink span, .medium_pink, .medium_pink span, .large_pink, .large_pink span {
	background-image: url(images/_global/bg-buttons-sprite-pink.png) !important;
}

/* PURPLE */
.small_purple, .small_purple span, .medium_purple, .medium_purple span, .large_purple, .large_purple span {
	background-image: url(images/_global/bg-buttons-sprite-purple.png) !important;
}

/* PERIWINKLE */
.small_periwinkle, .small_periwinkle span, .medium_periwinkle, .medium_periwinkle span, .large_periwinkle, .large_periwinkle span {
	background-image: url(images/_global/bg-buttons-sprite-periwinkle.png) !important;
}

/* VIOLET */
.small_violet, .small_violet span, .medium_violet, .medium_violet span, .large_violet, .large_violet span {
	background-image: url(images/_global/bg-buttons-sprite-violet.png) !important;
}

/* SKY BLUE */
.small_skyblue, .small_skyblue span, .medium_skyblue, .medium_skyblue span, .large_skyblue, .large_skyblue span {
	background-image: url(images/_global/bg-buttons-sprite-skyblue.png) !important;
}

/* COOL BLUE */
.small_coolblue, .small_coolblue span, .medium_coolblue, .medium_coolblue span, .large_coolblue, .large_coolblue span {
	background-image: url(images/_global/bg-buttons-sprite-coolblue.png) !important;
}

/* ROYAL BLUE */
.small_royalblue, .small_royalblue span, .medium_royalblue, .medium_royalblue span, .large_royalblue, .large_royalblue span {
	background-image: url(images/_global/bg-buttons-sprite-royalblue.png) !important;
}

/* ROYAL LIGHT BLUE */
.small_royallightblue, .small_royallightblue span {
	background-image: url(images/_global/bg-buttons-sprite-royallightblue.png) !important;
}

/* BLUE GREY */
.small_bluegrey, .small_bluegrey span, .medium_bluegrey, .medium_bluegrey span, .large_bluegrey, .large_bluegrey span {
	background-image: url(images/_global/bg-buttons-sprite-bluegrey.png) !important;
}

/* LIME GREEN */
.small_limegreen, .small_limegreen span, .medium_limegreen, .medium_limegreen span, .large_limegreen, .large_limegreen span {
	background-image: url(images/_global/bg-buttons-sprite-limegreen.png) !important;
}

/* FOREST GREEN */
.small_forestgreen, .small_forestgreen span, .medium_forestgreen, .medium_forestgreen span, .large_forestgreen, .large_forestgreen span {
	background-image: url(images/_global/bg-buttons-sprite-forestgreen.png) !important;
}

/* TEAL */
.small_teal, .small_teal span, .medium_teal, .medium_teal span, .large_teal, .large_teal span {
	background-image: url(images/_global/bg-buttons-sprite-teal.png) !important;
}

/* TEAL GREY */
.small_tealgrey, .small_tealgrey span, .medium_tealgrey, .medium_tealgrey span, .large_tealgrey, .large_tealgrey span {
	background-image: url(images/_global/bg-buttons-sprite-tealgrey.png) !important;
}

/* GREY */
.small_grey, .small_grey span, .medium_grey, .medium_grey span, .large_grey, .large_grey span {
	background-image: url(images/_global/bg-buttons-sprite-grey.png) !important;
}

/* SILVER */
.small_silver, .small_silver span, .medium_silver, .medium_silver span, .large_silver, .large_silver span {
	background-image: url(images/_global/bg-buttons-sprite-silver.png) !important;
	color: #555 !important;
}

/*---------------------------------------------------------------*/
/* 4. DOKU-FILM Links
 /*---------------------------------------------------------------*/

.vidmemo {
	background: url("images/_global/vidmemo_background.png");
	padding: 15px;
	height: 85px;
	clear: both;
	margin-top: 20px;
}

.vidmemo .language {
	float: left;
	height: 30px;
	width: 25%;
	text-decoration: none;
	color: #000000
}

.vidmemo .language:hover {
	text-decoration: underline;
}

.vidmemo .language .img {
	height: 100%;
	padding: 1px;
	background: #000000;
}

.vidmemo .language .description, .vidmemo .text {
	margin: 0px;
	padding: 0px;
}

.vidmemo .text {
	color: #314c72;
	font-size: 14px;
	font-weight: bold;
}

/* *********************************************************************************** */
/* 05. LISTS
 /* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. GENERAL LISTS
 /*---------------------------------------------------------------*/
.top-block .sub-nav {
	margin: 0 29px 0 0;
	padding: 0;
	float: right;
}
.sub-nav {
	font-size: 15px;
	float: left;
}

.sub-nav > ul > li {
	margin: 0 2px;
}

.top-block .sub-nav2 {
	margin: 0;
	padding: 0;
	float: right;
	width: 980px;
	position: relative;
}
.top-block .sub-nav2  ul {
	width: 690px;
}
/*.top-block .sub-nav ul, .top-block .sub-nav2 ul, #footer_bottom ul {margin:0;padding:5px 0 0 0;list-style:none;float:right;overflow:hidden;} ALT*/
.top-block .sub-nav ul, .top-block .sub-nav2 ul, #footer_bottom ul {
	margin: 0;
	padding: 5px 0 0 12px;
	list-style: none;
	float: right;
	overflow: hidden;
}
/*Flaggen(LI)*/
/*.top-block .sub-nav ul li, .top-block .sub-nav2 ul li, #footer_bottom ul li{float:right; margin:2 4px 0 -4px;padding:0 9px;} ALT*/
/*.top-block .sub-nav ul li, .top-block .sub-nav2 ul li, #footer_bottom ul li{float:left; margin:2 4px 0 -4px;padding:0 9px;}*/
.top-block .sub-nav ul li, .top-block .sub-nav2 ul li, #footer_bottom ul li {
	float: left;
	margin: 2 4px 0 -4px;
	padding: 0 5px;
}
.top-block .sub-nav2 ul, #footer_bottom #foot_right ul {
	float: left;
	margin-top: -27px;
	width: 665px;
}

.footer-holder ul {
	margin: 0;
	padding: 0;
	color: #999;
	list-style: none;
}
.footer-holder li {
	margin-bottom: 8px;
}
.search-list {
	margin: 0 0 0 15px;
	padding: 0;
}
.search-list li {
	margin-bottom: 20px;
}
.sitemap-list .sub-menu {
	list-style: none;
	margin-left: 10px;
	padding: 10px 0 5px 0;
}
.sitemap-list .sub-menu li .sub-menu {
	list-style: none;
	margin-left: 15px;
	padding: 10px 0 0 0;
}

.Themelist-Text-Item #Over {
    opacity: 0.5;
}

.Themelist-Text-Item:hover #Over {
    opacity: 1;
}

.Themelist-Text-Item:hover .Description {
    color: #000;
}

.Themelist-Text-Item .Container-Description:hover {
	text-decoration: underline;
}

.Themelist-Text-Item .Description, .Themelist-Text-Item #Over {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

/*---------------------------------------------------------------*/
/* 2. CUSTOM LIST BULLETS
 /*---------------------------------------------------------------*/
.list {
	margin: 0;
	list-style: none;
	padding: 0 0 20px 0;
}
.list li {
	padding: 5px 0 0 15px;
	background: url(images/_global/bullet2.gif) 0 11px no-repeat;
	margin-bottom: 5px;
}
.list2 li {
	background: url(images/_global/bullet3.gif) 0 11px no-repeat;
}
.list3 li {
	background: url(images/_global/bullet4.gif) 0 11px no-repeat;
}
.list4 li {
	background: url(images/_global/bullet5.gif) 0 11px no-repeat;
	padding-left: 20px;
}

/*---------------------------------------------------------------*/
/* 3. ACCORDION
 /*---------------------------------------------------------------*/
.accordion {
	width: 100%;
	padding: 0 0 20px 0;
	background: none;
}
.accordion a {
	text-decoration: none;
}
.opener {
	background: #FFF url(images/_global/bg-accordion-opener.jpg) left bottom repeat-x;
	display: block;
	font-size: 13px;
	padding: 8px 9px;
	outline: none;
	color: #676767;
	border: 1px solid #C3C3C3;
	margin-bottom: 3px;
}
.opener:hover {
	color: #222;
	text-decoration: none;
}
.opener strong {
	background: url(images/_global/bg-accordion-close.png) 2px 3px no-repeat;
	display: block;
	padding: 2px 0 2px 32px;
	height: 1%;
	cursor: pointer;
	text-shadow: 1px 1px 1px #FFF;
}
.accordion .slide-holder {
	width: 100%;
	overflow: hidden;
}
.accordion {
	list-style: none;
}
.accordion .ui-state-active strong {
	background: url(images/_global/bg-accordion-open.png) 2px 3px no-repeat !important;
	color: #222;
}
.accordion .slide {
	padding: 20px 27px 0 27px;
}

/*---------------------------------------------------------------*/
/* 4. TABS
 /*---------------------------------------------------------------*/
#wrapper .tabs-area {
	padding: 20px 0 0 0;

}

#wrapper .tabset, .linkvideo {
	margin: 0;
	padding: 0 0 0px 1px;
	margin-top: -19px;
	list-style: none;
	height: 1%;
	overflow: hidden;
}
#wrapper .tabset li, .linkvideo li {
	float: left;
	margin-right: 0px;
	margin-left: -1px;


}
#wrapper .tabset a, .linkvideo a {
	color: #666;
}
#wrapper .tabset a:hover, .linkvideo:hover {
	color: #304c73;
}
#wrapper .tabset .tab, .linkvideo .tab {
	float: left;
	padding: 10px;
	outline: none;
	color: #474747;
	font-weight: bold;
	border-color: #d3d3d3;
    -webkit-border-image: none;
         -o-border-image: none;
            border-image: none;
    border-style: solid solid solid none;
    border-width: 2px 2px 2px;
	border-bottom: 0px;
}
#wrapper .tabset .tab, .linkvideo .tab:first-child{
	border-style: solid solid solid solid;
}
#wrapper .tabset .active, .tabset a:hover, .linkvideo a:hover, .linkvideo .active {
	text-decoration: none;

}
#wrapper .tabset .active, .linkvideo .active {
	border-color: #304C73;
    -webkit-border-image: none;
         -o-border-image: none;
            border-image: none;
    border-style: solid solid none;
    border-width: 2px 2px medium;
}

#wrapper .tabset .tab span, .linkvideo .tab span {
	float: left;
	cursor: pointer;
}
#wrapper .tab-box {
	background: white;
	padding: 15px 15px 0;

}
#wrapper .tab-box #directCode > div {
	margin: 0px 0px 10px 0px;
}
/*#wrapper .tab-box #directCode > div span {
	font-size: 1.2em;
	display: inline-block;
	height: 25px;
	padding: 0px 10px 0px 0px;
}*/
.share-video-desc-title {
	font-size: 1.2em;
	display: inline-block;
	height: 25px;
	padding: 0px 10px 0px 0px;
}
#copy-playlist-link, #copy-video-link, #btnBroadcastTextToCopy {
	height: 43.2px;
	position: inherit;
	width: 43.2px; 
	background-color: #e9ecef;
	border-color: #bfbfbf; 
	border-style: solid; 
	border-width: thin; 
	color: #365581;
	float: right;
	cursor: pointer;
	margin-top: -43.2px;
	
}
#copy-playlist-link > span > i, #copy-video-link > span > i, #copy-embed-code > span > i, #btnBroadcastTextToCopy > i {
	padding: 11px; 
	font-size: 21px;
}
#copy-playlist-link:hover, #copy-video-link:hover{
	background: gray;
	border-radius: 1px;
}
#label-select-video-link-with-time {
	margin-top: 5px;
}
.video-link-with-time-or-not {
	margin-top: -4px;
}
.video-link-time-area {
	float: left; 
	margin: 0px 0px 0px 0px !important;
	width: 280px;
}
.playlist-link-area {
	/* float: right;  */
	margin: 0px 0px 0px 0px !important;
	/* width: 280px; */
}
.select-link-with-videostarttime {
	font-size: 1em !important;
}
#copy-embed-code {
	height: 43.2px;
	position: inherit;
	width: 43.2px; 
	background-color: #e9ecef;
	border-color: #bfbfbf; 
	border-style: solid; 
	border-width: thin; 
	/* padding-left: 4px;  */
	color: #365581;
	float: right;
	margin-top: -43.2px;
	/* margin-right: 1px; */
	margin-left: auto;
	cursor: pointer;
}
/* #copy-embed-code > span > i {
	padding: 4.5px; 
	font-size: 20px;
} */
.link-to-copy {
	width: 100%;
	background-color: #ffffff;
	border-color: #bfbfbf;
	border-style: solid;
	border-width: thin;
	color: #000000;
	font-size: 1.2em;
	height: 3em;
	padding: 10px 50px 10px 10px;
}
/* #wrapper .tab-box #directCode input[type=text] {
	width: 155px;
} */
.embed-textarea{
	width: 100%; 
	background-color: #ffffff; 
	border-color:#bfbfbf; 
	border-style: solid; 
	border-width: thin; 
	color: #000000; 
	font-size: 1.2em; 
	font-family: 'Courier New', Courier, monospace;
	height: 80px; 
	padding: 10px 50px 10px 10px;
}
#wrapper .tab-box-red {
	background: url(images/_global/bg-tab-box-red.gif) repeat-x;
	margin: 0 9px 0 0;
	padding: 15px 27px 0;
}
#wrapper .blog-tab-box {
	margin: 0 9px 0 0;
	padding: 0 0 20px 0;
	width: 100%;
}
#wrapper #blog-tabs .tabset {
	padding: 0 0 15px 0;
	float: right;
}
.tab-dashboard {
	background-image: url(images/_global/dashboard2.png);
	background-repeat: no-repeat;
	width: 112px;
	height: 17px;
	float: left;
	margin: 3px 5px 0 0;
	padding: 0 0 0 -10px;
	float: left;
	text-align: right;
}
.tab-dashboard:hover {
	background-image: url(images/_global/dashboard-hover.png);
}
.tab-textmat {
	background-image: url(images/_global/editor.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 17px;
	float: left;
	margin: 3px 5px 0 0;
	padding: 0 0 0 -10px;
	float: left;
	text-align: right;
}
.tab-textmat:hover {
	background-image: url(images/_global/editor-hover.png);
}


.tab-item_right {
    float: right;
    padding-left: 7px;
	font-size: 100%;
}

.tab-item_right .title {
	padding-bottom: 2px;
    font-weight: normal;
    font-size: 1.65em;
}

.tab-item_left {
    float: left;
    padding: 12px 2px;
}

/* *********************************************************************************** */
/* 06. TYPOGRAPHY
 /* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. GENERAL TYPOGRAPHY
 /*---------------------------------------------------------------*/
#main .frame h1 {
	padding-bottom: 15px !important;
	font-size: 24px !important;
	float: left;
	margin: 3px 0 0 0 !important;
	color: #13223C;
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	padding-bottom: 3px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	margin: 0;
}
h1 {
	font-size: 2.1em;
}
h2 {
	font-size: 1.75em;
}
h3 {
	font-size: 1.7em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.1em;
	color: #222;
	font-weight: 600;
	letter-spacing: 1px;
	padding-bottom: 5px !important;
}

#sidebar h2 {
	padding-bottom: 5px;
	font-size: 10px;
}

.search-title {
	color: #000;
	font-size: 1.9em;
}
#main .portfolio_full_width h3 {
	color: #000;
}
#content p {
	margin: 17px 0 0 0;
	padding: 0 0 20px 0;
}
p strong {
	color: #555;
}
.sitemap-last p {
	line-height: 25px;
}
#content .sub-box3 .cols-holder {
	padding: 41px 0 0;
}
#main .video-sub h2, #main .two-d-sub h2, #main .three-d-sub h2 {
	padding-bottom: 10px !important;
}
.home-banner-main h2 {
	color: #222 !important;
	font-size: 2em !important;
	padding-bottom: 5px !important;
	font-weight: normal !important;
}
.home-banner-main p {
	font-size: 1.1em;
	line-height: 21px;
}
.home-bnr-jquery .home-banner-main h2 {
	color: #FFF !important;
}

#content h3 {
	margin: -30px 63px 0 0;
	float: right;
}

/*---------------------------------------------------------------*/
/* 2. @FONT-FACE
 /*---------------------------------------------------------------*/

/*---------------------------------------------------------------*/
/* 3. MESSAGE BOXES
 /*---------------------------------------------------------------*/
#content .message_green, #content .message_red, #content .message_blue, #content .message_yellow, .content_full_width .message_green, .content_full_width .message_red, .content_full_width .message_blue, .content_full_width .message_yellow {
	color: #333;
	padding: 20px 20px 20px 60px;
	margin: -14px 12px -7px;
}
#content .message_green, .content_full_width .message_green {
	background: #DFE9B7 url(images/_global/ico1.gif) 20px center no-repeat;
	border: 1px solid #BAC398;
	margin: 60px 10px 10px 4px;
}
#content .message_red, .content_full_width .message_red {
	background: #F5DCD8 url(images/_global/ico2.gif) 20px center no-repeat;
	border: 1px solid #CDBFBE;
	margin: 60px 10px 10px 4px;
}
#content .message_blue, .content_full_width .message_blue, .header-holder .message_blue {
	background: #DAE6F2 url(images/_global/ico3.gif) 20px center no-repeat;
	border: 1px solid #BDC4CA;
}
#content .message_yellow, .content_full_width .message_yellow {
	background: #F8F2B6 url(images/_global/ico4.gif) 20px center no-repeat;
	border: 1px solid #D8D4B7;
}

#content .message_green a, .content_full_width .message_green a {
	font-weight: bold;
	color: #66B500;
}
#content .message_red a, .content_full_width .message_red a {
	font-weight: bold;
	color: #CB2A19;
}
#content .message_blue a, .content_full_width .message_blue a {
	font-weight: bold;
	color: #0092F5;
}
#content .message_yellow a, .content_full_width .message_yellow a {
	font-weight: bold;
	color: #A58100;
}

/*---------------------------------------------------------------*/
/* 4. FOOTER
 /*---------------------------------------------------------------*/
#footer p, #footer_bottom p {
	margin: 0;
}
#footer, #footer_bottom {
	color: #575C60;
}
#footer h3 {
	color: #fff;
	display: block;
	font-size: 13px;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #3E4055;
	padding-bottom: 7px;
	margin-bottom: 16px;
	font-weight: bold;
}
#footer .footer_post h4, #footer .footer_post h4 a {
	text-transform: uppercase;
	color: #fff;
	display: block;
	font-size: 11px;
	letter-spacing: 0.5px;
}
#footer .footer_post h4 {
	padding-bottom: 3px;
}

/*---------------------------------------------------------------*/
/* 5. CALLOUTS
 /*---------------------------------------------------------------*/
.callout-wrap {
	float: left;
	padding-top: 7px;
	background: url(images/_global/separatortop.png) 0 0 repeat-x;
	margin: 0 0 0 15px;
	width: 938px;
	text-align: center;
	height: 70px;
}
.callout-wrap span {
	background: url("images/_global/separatortop.png") repeat-x scroll left bottom transparent;
	color: #b5b4b4;
	font-size: 1.6em;
	line-height: 28px;
	display: block;
	margin: 0 0 1px 0;
}

.home-banner-category span.directlink {
	color: #13223c;
	font-size: 1.3em;
	line-height: 17px;
	display: block;
	font-weight: normal;
}
.home-banner-category ul {
	padding: 0 0 0 15px;
}
.home-banner-category ul a {
	text-decoration: none;
	list-style-image: url(images/_global/linkicon.png)
}
.home-banner-category span.directlink:hover {
	color: #605538;
}
.callout2 {
	color: #222;
	font-size: 1.5em;
	line-height: 28px;
}

/* *********************************************************************************** */
/* 07. BLOG
 /* *********************************************************************************** */
.content_blog {
	width: 660px !important;
	padding-left: 20px;
}
.sidebar_blog {
	width: 225px !important;
}
.blog_wrap, .single_blog_wrap {
	width: 660px;/* background: url(images/_global/bg-post-blog-wrap.jpg) left bottom no-repeat; padding-bottom: 70px; */
	float: left;
	margin-bottom: 70px;
}
.single_blog_wrap {
	background: none !important;
	padding-bottom: 30px;
}
.post_title, .post_content, .post_footer {
	float: left;
	width: 660px;
}
.post_content {
	width: 660px;
	position: relative;
	background: url(images/_global/bg-post-content.png) 577px 0 no-repeat;
	margin: -5px 0 0 0;
	min-height: 170px;
	padding-bottom: 15px;
}
#main .post_content p {
	padding: 0 102px 25px 0;
}
.post_footer {
	height: 56px;
	background: url(images/_global/bg-post-footer.jpg) 0 0 repeat-x;
	margin-bottom: 18px;
}
.single_blog_wrap .post_footer {
	margin-bottom: 28px;
}
.post_cats, .post_tags {
	float: left;
	width: 330px;
}
.post_tags {
	float: right;
}
.post_title span, .post_cats span, .post_tags span {
	color: #4C4C4C;
	font-weight: bold;
}
.post_cats span {
	padding: 10px 3px 10px 24px;
	background: url(images/_global/bg-post-footer-categories.png) 0 50% no-repeat;
}
.post_tags span {
	padding: 10px 3px 10px 24px;
	background: url(images/_global/bg-post-footer-tags.png) 0 50% no-repeat;
}
.post_cats p, .post_tags p {
	margin: 17px 0 0 4px !important;
}
.post_tags p {
	margin: 17px 4px 0 0 !important;
	float: right !important;
}
.post_date {
	width: 65px;
	height: 65px;
	position: absolute;
	top: 0px;
	right: 18px;
}
.post_date .day {
	font-weight: bold;
	color: #FFF;
	font-size: 30px;
	margin: 12px 0 0 0;
	display: block;
	text-align: center;
}
.post_date .month {
	color: #A2A3A4;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	margin: -14px 0 0 0;
	text-align: center;
}
.post_comments {
	width: 36px;
	height: 32px;
	position: absolute;
	top: 71px;
	right: 48px;
}
.post_comments span {
	display: block;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 1px 0 0;
	text-align: right;
}
.sharelink_small {
	width: 65px;
	height: 30px;
	position: absolute;
	top: 115px;
	right: 18px;
	text-indent: -9999em;
	outline: none;
	display: block;
	background: url(images/_global/global-sprite.png) 0 0 no-repeat;
}
.sharelink_big {
	width: 92px;
	height: 30px;
	text-indent: -9999em;
	outline: none;
	display: block;
	background: url(images/_global/global-sprite.png) -66px 0 no-repeat;
}
.shareme {
	float: left;
	padding: 0 0 30px 0;
}
.post_content .small_button {
	margin-bottom: 15px;
}
.post_thumb {
	width: 556px;
	height: 255px;
	background: url(images/_global/global-sprite.png) -1px -921px no-repeat;
	margin: 0 0 7px 0;
	position: relative;
}
.post_thumb_load {
	width: 556px;
	height: 255px;
	background: url(images/_global/preload.gif) center center no-repeat;
}
.post_thumb img {
	margin: 8px 0 0 9px;
}
.comment-wrap {
	float: left;
	padding-top: 10px;
	margin-bottom: 3px;
	width: 100%;
}
.comment-content {
	float: left;
	width: 610px;
	padding: 20px 0px 20px;
}
.comment-content-block {
	float: left;
	width: 905px;
	background: #FFF url(images/_global/bg-blog-comments-content.jpg) 0 0 repeat-x;
	border: 1px solid #D8D8D6;
	padding: 20px 20px 30px 20px;
}
.comment-content-red {
	float: left;
	width: 610px;
	background: #ffcbc8 url(images/_global/bg-blog-comments-content.jpg) 0 0 repeat-x;
	border: 1px solid #D8D8D6;
	padding: 20px 20px 30px 20px;
}
.comment-content-orange{
	float: left;
	width: 610px;
	background: #ffcf88 url(images/_global/bg-blog-comments-content.jpg) 0 0 repeat-x;
	border: 1px solid #D8D8D6;
	padding: 20px 20px 30px 20px;
}
.comment-gravatar {
	background: url(images/_global/global-sprite.png) -731px -529px no-repeat;
	width: 80px;
	height: 80px;
	float: left;
	margin: 15px 0 0 15px;
}
.comment-gravatar img {
	margin: 10px 0 0 10px;
}
#about-author-wrap .comment-content, .bypostauthor .comment-content {
	background: #E8E9E7 url(images/_global/bg-blog-comments-content-author.jpg) 0 0 repeat-x;
	border: 1px solid #C6C7C4;
	color: #555;
}
#about-author-wrap .comment-gravatar {
	background: url(images/_global/global-sprite.png) -821px -530px no-repeat;
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 0 0 15px;
}
.comment-text {
	width: 100%;
	float: left;
	margin: 6px 0 0 20px;
	padding: 0 0 15px 10px;
}
.comment-text-block {
	width: 850px;
	float: left;
	margin: 6px 0 0 20px;
	padding: 0 0 15px 10px;
}
.comment-text p {
	padding-top: 10px !important;
}
.vid_desc .comment-author a, .vid_desc .comment-author {
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.comment-author-about {
	font-size: 12px;
	letter-spacing: 0.5px;
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
}
#content .comment-text .comment-author-about {
	padding: 0 0 10px 0;
}
.comment-date {
	color: #999;
	font-style: italic;
	font-size: 11px;
}
.comment-ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comments-rss {
	clear: left;
	height: 90px;
}
.comments-rss a {
	padding: 25px 0 25px 20px;
	background: url(images/_global/feed.png) 0 50% no-repeat;
	float: right;
}
.blog-tab-box .children {
	list-style: none;
}
.comment-ol li ul {
	padding: 0;
	margin: 0;
}
.comment-ol li ul li .comment-wrap {
	background: url(images/_global/bg-blog-comments-wrap.gif) 0 -5px no-repeat;
}
.comment-ol li ul li ul li .comment-wrap {
	background-position: 35px 0;
}
.comment-ol li ul li ul li ul li .comment-wrap {
	background-position: 70px 0;
}
.comment-ol li ul li ul li ul li ul li .comment-wrap {
	background-position: 105px 0;
}
.comment-ol li ul li .comment-content {
	float: left;
	width: 585px;
	margin: 0 0 0 35px;
}
.comment-ol li ul li ul li .comment-content {
	float: left;
	width: 550px;
	margin: 0 0 0 70px;
}
.comment-ol li ul li ul li ul li .comment-content {
	float: left;
	width: 515px;
	margin: 0 0 0 105px;
}
.comment-ol li ul li ul li ul li ul li .comment-content {
	float: left;
	width: 480px;
	margin: 0 0 0 140px;
}
.comment-ol li ul li .comment-content .comment-text {
	width: 590px;
}
.comment-ol li ul li ul li .comment-content .comment-text {
	width: 590px;
}
.comment-ol li ul li ul li ul li .comment-content .comment-text {
	width: 590px;
}

#respond {
	clear: left;
}
#main .comment-title {
	color: #222;
	font-size: 2.1em;
	padding-bottom: 20px;
}
#main .discussion-title {
	color: #222;
	font-size: 3.1em;
	padding-bottom: 20px;
}
#commentform {
	padding-top: 10px;
}
.comment-input-wrap {
	float: left;
}
.pad {
	width: 225px;
}
.comment-label {
	display: block;
	padding: 0 0 3px 3px;
}
.comment-input, .comment-textarea {
	width: 164px;
	height: 39px;
	background: url(images/_global/global-sprite.png) 0 -669px no-repeat;
	border: 0;
	padding: 0 12px 0 30px;
	font-size: 12px;
}
.comment-email {
	background-position: -223px -669px;
}
.comment-website {
	background-position: -454px -669px;
}
.comment-textarea {
	width: 630px;
	height: 169px;
	background-position: 0 -709px;
	border: 0;
	padding: 15px;
	line-height: 20px;
}
.comment-textarea-wrap {
	margin-top: 15px;
}
.related_posts {
	padding: 0 0 40px 0;
}
.related_posts ul {
	margin: 0;
	padding: 0;
}
.comment-textarea {
	resize: none;
}
.post_title h1 {
	padding-bottom: 25px !important;
}
.posted-by-text {
	margin-top: -12px !important;
}
.comment_quellen {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.comment_quellen-afterfirst {
	margin-left: 81px;
}
.comment-author2 {
	float: right;
}

.width100p {
	width: 100% !important;
	/* margin-left: -4px; /*margin-left: -26px; */
	margin-top: -28px;
}

.comment-text-extend {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
}

#textwrappercomment > p {
	margin: 7px 0 0;
	padding: 0 !important;
}

/* *********************************************************************************** */
/* 08. FORMS
 /* *********************************************************************************** */

input, textarea, select {
	vertical-align: middle;
	font-size: 100%;
}
textarea, input {
	font-size: 1em;
}
.tools input, .tools textarea, .tools select {
	color: #fff;
}
form {
	margin: 0;
	padding: 0;
	border-style: none;
}
.tools .search-form {
	float: right;
	width: 168px;
	margin: -2px 0 0 35px;
}
.search-form .text {
	display: block;
	overflow: hidden;
	height: 20px;
	padding: 8px 0 0 7px;
}
.search-form .text input {
	width: 120px;
	background: none;
	border: 0;
	padding: 0;
	margin: -2px 8px 0 0;
	float: left;
}
.search-form .text .submit {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	width: 15px;
	height: 17px;
	margin: 0 8px 0 0;
	cursor: pointer;
}

.contact-form input, .contact-form textarea {
	padding: 8px !important;
}
.textwidget input[type='text'], .textwidget textarea {
	width: 100% !important;
}
.contact-form {
	padding-top: 15px;
}
.contact-form .clear-form {
	clear: both;
}
.contact-form input[type='text'] {
	width: 300px;
	margin-bottom: 13px;
}
.contact-form select {
	margin-bottom: 13px;
}
.contact-form textarea {
	width: 430px;
	height: 150px;
	float: none;
	margin-bottom: 13px;
}
.contact-form input[type='radio'], .contact-form input[type='checkbox'] {
	float: none;
	margin-bottom: 13px;
}
.contact-form label {
	margin-bottom: 3px;
	float: none;
	font-weight: bold;
	display: block;
	font-weight: bold;
	color: #555;
}
.contact-form label.checkbox, .contact-form label.radio {
	margin-bottom: 3px;
	float: none;
	font-weight: bold;
	display: inline-block;
}
.contact-form label span {
	font-size: 11px;
	color: #999;
	font-weight: normal;
	font-style: italic;
}

.contact-form label.checkbox, .contact-form label.radio {
	font-weight: normal;
	margin-bottom: 8px;
}

#ka-submit, .ka-form-submit, .contact-form .ka-form-submit {
	border: 0;
	margin: 0;
	padding: 10px 15px !important;
	background: #040404 url(images/_global/bg-input-comment.jpg) 0 0 repeat-x;
	cursor: pointer;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #DDD;
	outline: none;
	border: 1px solid #000;
	display: block;
}

/* *********************************************************************************** */
/* 09. IMAGES
 /* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. GENERAL
 /*---------------------------------------------------------------*/
img, img a {
	border: 0;
}
.attachment-fadeIn, .attachment-post-thumbnail {
	display: none;
}
img a, a img {
	cursor: pointer;
}

/*---------------------------------------------------------------*/
/* 2. MODERN FRAME
 /*---------------------------------------------------------------*/
/* preloading */
.preload_full, .preload_regular, .preload_small, .preload_two_col_large, .preload_two_col_small, .preload_three_col_large, .preload_three_col_small, .preload_single_large_square, .preload_two_col_large_square, .preload_three_col_large_square, .preload_four_col_large_square {
	background: url(images/_global/preload.gif) center center no-repeat;
	margin: 8px 0 0 9px;
	float: left;
}
.preload_four_col_large_disable {
	margin: 8px 0 0 9px;
	float: left;
}
.linkpreload_bg {
	background: url(images/_global/linkbg_marketing.jpg) center center repeat-x
}

.preload_full {
	width: 922px;
	height: 201px;
}
.preload_regular {
	width: 703px;
	height: 201px;
}
.preload_small {
	width: 493px;
	height: 201px;
}
.preload_two_col_large {
	width: 437px;
	height: 234px;
}
.preload_two_col_small {
	width: 324px;
	height: 180px;
}
.preload_three_col_large {
	width: 275px;
	height: 145px;
}
.preload_three_col_small {
	width: 202px;
	height: 113px;
}
.preload_four_col_large {
	/*width: 190px;
	height: 111px;*/
}
.preload_four_col_small {
	width: 135px;
	height: 76px;
}

.preload_single_large_square {
	width: 704px;
	height: 682px;
}
.preload_two_col_large_square {
	width: 437px;
	height: 416px;
}
.preload_three_col_large_square {
	width: 275px;
	height: 262px;
}
.preload_four_col_large_square {
	width: 190px;
	height: 180px;
}

.modern_banner_full iframe {
	margin: 8px 0 0 9px;
	float: left;
}

.modern_img_frame {
	margin-bottom: 6px;
}
.modern_img_frame-red {
	background: url(images/_global/image-frame-sprite-red.png) 0px 0px no-repeat;
	margin-bottom: 6px;

}
.modern_frame-orange {
	background: #ffcf88;
	margin-bottom: 6px;

}
.square_img_frame {
	background: url(images/_global/image-frame-sprite-square.png) 0px 0px no-repeat;
	margin-bottom: 6px;
}

/* banners */
.modern_banner_full {
	width: 940px;
	height: 245px;
	background-position: -3px -857px !important;
}
.modern_banner_regular {
	width: 720px;
	height: 240px;
	background-position: 0px -1354px !important;
}
.modern_banner_small {
	width: 510px;
	height: 240px;
	background-position: -5px -1844px !important;
}

/* 2 cols */
.modern_two_col_large {
	width: 455px;
	height: 272px;
	background-position: 0px 0px !important;
}
.modern_two_col_small {
	width: 342px;
	height: 217px;
	background-position: -5px -630px !important;
}

/* 3 cols */
.modern_three_col_large {
	width: 293px;
	height: 179px;
	background-position: -1px -279px !important;
}
.modern_three_col_small {
	width: 220px;
	height: 144px;
	background-position: -224px -465px !important;
}

/* 4 cols */
.modern_four_col_large {
	height: 140px;
	background-position: -2px -465px !important;
	margin: -8px 33px 0 0;
}
.modern_four_col_small {
	width: 152px;
	height: 102px;
	background-position: -302px -300px !important;
}

/* square */
.modern_single_large_square {
	width: 722px;
	height: 722px;
	background-position: 0 0 !important;
}
.modern_two_col_large_square {
	width: 455px;
	height: 455px;
	background-position: -725px 0 !important;
}
.modern_three_col_large_square {
	width: 293px;
	height: 293px;
	background-position: -1182px 0 !important;
}
.modern_four_col_large_square {
	width: 208px;
	height: 208px;
	background-position: -1478px 0 !important;
}

/*---------------------------------------------------------------*/
/* 3. SHADOW FRAME
 /*---------------------------------------------------------------*/
/* preloading */
.shadow_preload_full, .shadow_preload_regular, .shadow_preload_small, .shadow_preload_two_col_large, .shadow_preload_two_col_small, .shadow_preload_three_col_large, .shadow_preload_three_col_small {
	background: url(images/_global/preload-white.gif) center center no-repeat;
	margin: 6px 0 0 6px;
	float: left;
}
.shadow_preload_four_col_small, .shadow_preload_four_col_large {
	background: url(images/_global/preload-small-white.gif) center center no-repeat !important;
	margin: 6px 0 0 6px;
	float: left;
}

.shadow_preload_full {
	width: 928px;
	height: 208px;
}
.shadow_preload_regular {
	width: 708px;
	height: 208px;
}
.shadow_preload_small {
	width: 498px;
	height: 208px;
}
.shadow_preload_two_col_large {
	width: 443px;
	height: 241px;
}
.shadow_preload_two_col_small {
	width: 330px;
	height: 186px;
}
.shadow_preload_three_col_large {
	width: 281px;
	height: 152px;
}
.shadow_preload_three_col_small {
	width: 208px;
	height: 120px;
}
.shadow_preload_four_col_large {
	width: 196px;
	height: 118px;
}
.shadow_preload_four_col_small {
	width: 140px;
	height: 83px;
}

.shadow_img_frame {
	background: url(images/_global/image-frame-sprite.png) 0px 0px no-repeat;
	margin-bottom: 6px;
}
/* .shadow_img_frame img {margin: 6px 0 0 6px;} */

/* banners */
.shadow_banner_full {
	width: 940px;
	height: 250px;
	background-position: -1px -1103px !important;
}
.shadow_banner_regular {
	width: 720px;
	height: 250px;
	background-position: -1px -1594px !important;
}
.shadow_banner_small {
	width: 510px;
	height: 250px;
	background-position: -754px -1355px !important;
}

/* 2 cols */
.shadow_two_col_large {
	width: 455px;
	height: 283px;
	background-position: -460px 0px !important;
}
.shadow_two_col_small {
	width: 342px;
	height: 226px;
	background-position: -347px -631px !important;
}

/* 3 cols */
.shadow_three_col_large {
	width: 293px;
	height: 191px;
	background-position: -461px -283px !important;
}
.shadow_three_col_small {
	width: 220px;
	height: 158px;
	background-position: -695px -476px !important;
}

/* 4 cols */
.shadow_four_col_large {
	width: 208px;
	height: 155px;
	background-position: -461px -475px !important;
}
.shadow_four_col_small {
	width: 152px;
	height: 118px;
	background-position: -764px -283px !important;
}

/* *********************************************************************************** */
/* 10. MISCELLANEOUS
 /* *********************************************************************************** */

.hr, .hr_top_link {
	border: 0;
	height: 2px;
	width: 100%;
	background: url(images/_global/separator3.gif) 0 0 repeat-x;
	margin: 1.6em 0;
}
.hr_top_link {
	margin-bottom: 1em;
}
.hr_shadow {
	border: 0;
	height: 20px;
	width: 100%;
	background: url(images/_global/separator-shadow-small.jpg) top center no-repeat;
	margin: 15px 0 22px 0;
}
.content_full_width .hr_shadow {
	background: url(images/_global/separator-shadow.jpg) top center no-repeat !important;
}
.content_sidebar .hr_shadow {
	clear: both;
	background: url(images/_global/separator-shadow-xtra-small.jpg) top center no-repeat !important;
}
table {
	font-size: 1.2em;
}
table td, table th {
	padding: 6px;
}
.flash-wrap {
	min-height: 400px;
}

/* *********************************************************************************** */
/* 11. WORDPRESS
 /* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. KARMA Pagenavi
 /*---------------------------------------------------------------*/
.karma-pages, .wp-pagenavi {
	clear: both;
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: 1.6px;
	padding: 25px 0 0 0;
	height: 40px;
	text-align: left;
}
.karma-pages .pages, .wp-pagenavi .pages {
	margin-right: 6px;
}
#main .karma-pages a, #main .karma-pages a:link, #main .karma-pages a:visited
#main .wp-pagenavi a, #main .wp-pagenavi a:link, #main .wp-pagenavi a:visited {
	text-decoration: none;
	outline: none;
	padding: 5px 11px;
	display: inline-block;
	color: #666;
	background: url(images/_global/global-sprite.png) -556px -639px no-repeat;
	margin-right: 6px;
}
#main .karma-pages a:hover, #main .wp-pagenavi a:hover {
	background: url(images/_global/global-sprite.png) -585px -639px no-repeat;
	margin-right: 6px;
}
.karma-pages a:active, .karma-pages span.current, .wp-pagenavi a:active, .wp-pagenavi span.current {
	text-decoration: none;
	padding: 5px 11px;
	color: #FFF;
	background: url(images/_global/bg-wp-navi-current.png) 0 0 no-repeat;
	margin-right: 6px;
	display: inline-block;
}
.wp-pagenavi a, .wp-pagenavi span {
	border: 0;
}

/*---------------------------------------------------------------*/
/* 2. MAILCHIMP
 /*---------------------------------------------------------------*/
#mc_signup .mc_input {
	width: 201px;
	padding: 5px;
	color: #222;
}
#mc_signup .mc_merge_var {
	margin-bottom: 10px;
}
#mc_signup .mc_required, #mc-indicates-required {
	color: #4BA196;
}
#mc_signup .mc_required {
	font-size: 14px;
}
#mc-indicates-required {
	font-size: 11px;
}
#mc_signup .mc_signup_submit {
	clear: left;
	text-align: left;
	padding: 10px 0 0 0;
}
#mc_signup .mc_var_label {
	color: #8B949A;
}
#mc_signup #mc_signup_submit {
	border: 0;
	margin: 0;
	padding: 6px 10px !important;
	background: #999 url(images/_global/bg-input-button-footer.jpg) 0 0 repeat-x;
	cursor: pointer;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: #333;
	outline: none;
	border: 1px solid #999;
	display: block;
	font-size: 11px !important;
}

/*---------------------------------------------------------------*/
/* 3. DEFAULTS
 /*---------------------------------------------------------------*/
.entry-content img {
	margin: 0 0 10px 0;
}
.alignleft, img.alignleft {
	margin-right: 10px;
	display: inline;
	float: left;
}
.alignright, img.alignright {
	margin-left: 10px;
	display: inline;
	float: right;
}
.aligncenter, img.aligncenter {
	margin: 0 auto;
	display: block;
	clear: both;
}
.wp-caption {
	margin-bottom: 10px;
	text-align: center;
	padding-top: 5px;
}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
}
.sticky {
}
.gallery-caption {
}

/*---------------------------------------------------------------*/
/* 4. 404 ERROR PAGE
 /*---------------------------------------------------------------*/
.four_error {
	width: 100%;
	min-height: 222px;
	background: url(images/_global/404_error.png) left center no-repeat;
	padding: 40px 30px 0 280px;
	margin: 0 0 0 80px;
}
.four_message {
	width: 460px;
}
#main .four_message ul {
	padding: 10px 0 0 14px;
}
#main .four_o_four {
	color: #222;
	font-size: 1.9em;
	padding-bottom: 12px;
}

/*---------------------------------------------------------------*/
/* 5. Constant Contact
 /*---------------------------------------------------------------*/
#constant-contact-signup input {
	width: 201px;
	padding: 5px;
	color: #222;
}
#constant-contact-signup .checkbox {
	width: 15px;
	font-size: 13px;
}
#constant-contact-signup .button {
	border: 0;
	margin: 0;
	padding: 6px 10px !important;
	background: #999 url(images/_global/bg-input-button-footer.jpg) 0 0 repeat-x;
	cursor: pointer;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: #333;
	outline: none;
	border: 1px solid #999;
	display: block;
	font-size: 11px !important;
	width: 90px;
}

/* *********************************************************************************** */
/* 12. WIDGETS + SHORTCODES
 /* *********************************************************************************** */

/*---------------------------------------------------------------*/
/* 1. DEFAULT STYLES
 /*---------------------------------------------------------------*/
#sidebar h3 {
	color: #222;
	font-size: 1.8em;
	padding-bottom: 10px;
}
.sidebar-widget {
	margin-bottom: 34px;
	padding-bottom: 34px;
	background: url(images/_global/separator3.gif) 0 100% repeat-x;
	width: 100%;
	float: left;
}
#sidebar ul {
	margin: -7px 0 0 0;
	padding: 0;
	list-style: none;
}
#sidebar a {
	text-decoration: none;
}
#sidebar a:hover {
	text-decoration: underline;
}
#sidebar li {
	padding-bottom: 2px;
}
#sidebar ul li {
	padding: 5px 0 0 15px;
	background: url(images/_global/bullet2.gif) 0 11px no-repeat;
}

/*---------------------------------------------------------------*/
/* 2. BLOGROLL - FOOTER
 /*---------------------------------------------------------------*/
.blogroll img {
	width: 52px;
	height: 52px;
	float: left;
	padding: 0 15px 5px 0;
}
.blogroll li {
	width: 100%;
	float: left;
}
.blogroll li {
	margin-bottom: 10px;
}

/*---------------------------------------------------------------*/
/* 3. CALENDAR
 /*---------------------------------------------------------------*/
table#wp-calendar {
	width: 100%;
}
table#wp-calendar td {
	width: 14%;
	text-align: center;
}
td#today {
	font-weight: bold;
}
.widget_calendar tfoot td {
	background-image: none;
}
.widget_calendar td a {
	text-decoration: underline;
}

/*---------------------------------------------------------------*/
/* 4. RECENT POSTS - SIDEBAR
 /*---------------------------------------------------------------*/
#sidebar .footer_post h4 {
	font-size: 1.2em;
	padding-bottom: 0px;
	font-weight: bold;
	color: #222 !important;
}
#sidebar .footer_post h4 a {
	text-decoration: none;
	color: #222 !important;
}
#sidebar .footer_post p {
	margin: 0 0 15px 0;
	line-height: 19px;
}
#sidebar .footer_post p a {
	text-decoration: none;
}
#sidebar .footer_post a:hover {
	text-decoration: underline;
}

/*---------------------------------------------------------------*/
/* 5. BLOGROLL - SIDEBAR
 /*---------------------------------------------------------------*/
#sidebar .blogroll {
	list-style: none !important;
	margin: 0 !important;
	padding: 10px 0 0 0 !important;
}
#sidebar .blogroll li {
	width: 100% !important;
	background: none !important;
	padding: 0 !important;
	color: #666 !important;
}
#sidebar .blogroll li {
	margin-bottom: 18px !important;
	padding: 0 !important;
}

/*---------------------------------------------------------------*/
/* 6. SEARCH - SIDEBAR
 /*---------------------------------------------------------------*/
#sidebar #searchsubmit {
	border: 0;
	margin: 0;
	padding: 8px 12px;
	background: url(images/_global/bg-input-comment.jpg) 0 0 repeat-x;
	cursor: pointer;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #DDD;
	outline: none;
	border: 1px solid #000;
	display: block;/* margin-left: 132px; */
}
#sidebar #searchform #s {
	margin-bottom: 7px;
	width: 90%;
	padding: 3px;
}
#sidebar #searchform label {
	color: #4C4C4C;
	font-weight: bold;
	display: none;
}

#searchsubmit_start {
	border: none;
	margin: 0;
	cursor: pointer;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #DDD;
	outline: none;
	display: block;
}
.searchform_start .searchinput {
	font-size: 17px;
	padding: 3px;
	height: 32px;
	float: left;
	border: none;
	background: none;
	margin-top: 2px;
	padding-left: 7px;
}
.searchform_start input.searchinput:focus{
	outline: none;
}
.searchform_start .searchbar,
.sticky .searchform_start.searchfullwidth .searchbar,
.select2-container .select2-selection--single,
#select2-select-filter-hashtag-container
{
	height: 33px;
}
.searchform_start {
	width: 140px;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
.searchform_start.searchfullwidth {
	width: 755px;
	position: absolute;
	right: 0;
	/*top: -8px;*/
	transition: width .3s ease-in-out;
	-webkit-transition: width .3s ease-in-out;
	-ms-transition: width .3s ease-in-out;
	-mox-transition: width .3s ease-in-out;
	-o-transition: width .3s ease-in-out;
}
.searchform_start.searchfullwidth .searchbar {
	height: 40px;
}
.searchform_start.searchfullwidth .searchinput {
	font-size: 25px;
}
#searchform_start label {
	color: #4C4C4C;
	font-weight: bold;
	display: none;
}

#trailer_btn {
	font-size: 1.5em;
	margin: 7px 0 0 7px;
	float: left;
	color: black;
}

#btn_klage-einreichen {

	background: url(images/_global/klage-einreichen.png);
	width: 171px;
	height: 65px;
	float: right;
	margin: 7px 33px 0 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#btn_klage-einreichen:hover {

	background: url(images/_global/klage-einreichen-hover.png);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#btn_klage-einreichen_icon{
	font-size: 39px;
	margin-left: -53px;
	top: 0px;
	position: relative;
}
#btn_klage-einreichen_text {
	top: -1px;
	display: inline-block;
	position: relative;
	left: 2px;
	text-align: right;
}
#grp_newletumfrage {
	width: 171px;
	height: 64px;
	float: right;
	margin: 10px 10px 0 0;
}

#btn_newsletter {
	background: url(images/_global/newsletter.png);
	width: 171px;
	height: 32px;
	float: right;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#btn_newsletter:hover {
	background: url(images/_global/newsletter-hover.png);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#btn_umfrage {
	background: url(images/_global/umfrage.png);
	width: 171px;
	height: 32px;
	float: right;
	margin: 2px 0 0 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

#btn_umfrage:hover {
	background: url(images/_global/umfrage-hover.png);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

/* Newsletter Abmelden*/
.newsletter_abbestellen_tab{
	margin-left: -459px;
	margin-top: -15px;
	font-size: 20px;
	display: inline-block;
	width: 476px;
	height: 42px;
}
.newsletter_abbestellen_arr{
	margin-top: 0px;
}
p#newsletter_abbestellen_text{
	font-size:18px;
	line-height: 26px;
}
b#newsletter_abbestellen_bold{
	font-size:22px;
}

/*---------------------------------------------------------------*/
/* 7. SOCIAL MEDIA
 /*---------------------------------------------------------------*/

.social_icons {
	list-style: none;
	float: right;
}
.social_icons li {
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 12px 12px 0;
	padding: 0;
}
.social_icons a {
	float: left;
	width: 32px;
	height: 32px;
	display: block;
	border: 0;
	text-decoration: none;
	outline: none;
	text-indent: -9999em;
}
.social_icons .rss {
	background: url(images/_global/social-icons/rss.png) 0 0 no-repeat;
}
.social_icons .twitter {
	background: url(images/_global/social-icons/twitter.png) 0 0 no-repeat;
}
.social_icons .facebook {
	background: url(images/_global/social-icons/facebook.png) 0 0 no-repeat;
}
.social_icons .googleplus {
	background: url(images/_global/social-icons/googleplus.png) 0 0 no-repeat;
}
.social_icons .flickr {
	background: url(images/_global/social-icons/flickr.png) 0 0 no-repeat;
}
.social_icons .youtube {
	background: url(images/_global/social-icons/youtube.png) 0 0 no-repeat;
}
.social_icons .vimeo {
	background: url(images/_global/social-icons/vimeo.png) 0 0 no-repeat;
}
.social_icons .linkedin {
	background: url(images/_global/social-icons/linkedin.png) 0 0 no-repeat;
}
.social_icons .foursquare {
	background: url(images/_global/social-icons/foursquare.png) 0 0 no-repeat;
}
.social_icons .delicious {
	background: url(images/_global/social-icons/delicious.png) 0 0 no-repeat;
}
.social_icons .digg {
	background: url(images/_global/social-icons/digg.png) 0 0 no-repeat;
}

#sidebar .sidebar-widget .social_icons, #sidebar .social_icons {
	float: none !important;
	padding-top: 10px;
}
#sidebar .sidebar-widget .social_icons li, #sidebar .social_icons li {
	padding: 0 !important;
	background-image: none !important;
}

#content .social_icons {
	padding-left: 0;
	float: right;
}

/*---------------------------------------------------------------*/
/* 8. LATEST TWEETS
 /*---------------------------------------------------------------*/
.twitterList {
	padding-top: 5px !important;
}
#content .twitterList, .content_full_width .twitterList {
	list-style: none !important;
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
}
#sidebar .twitterList li, #content .twitterList li, .content_full_width .twitterList li {
	background: url(images/_global/bg-latest-tweet.png) 0 9px no-repeat !important;
	margin-bottom: 15px !important;
	padding-left: 32px !important;
	color: #666 !important;
}
#content .twitterList li, .content_full_width .twitterList li {
	background: url(images/_global/bg-latest-tweet.png) 0 5px no-repeat !important;
}
#sidebar .twitterList li a, #content .twitterList li a, .content_full_width .twitterList li a {
	text-decoration: underline !important;
}
.twitterList li .tweet_days {
	color: #999 !important;
	font-size: 11px !important;
}

/*---------------------------------------------------------------*/
/* 9. TESTIMONIALS SLIDER
 /*---------------------------------------------------------------*/
.testimonials, .testimonials_static {
	background: #E7E9E6 url(images/_global/bg_quote_wrap.png) 25px 25px no-repeat;
	border: 1px solid #D8D9D6;
	padding-bottom: 30px;
	margin-bottom: 15px;
}
.testimonials p {
	font-style: italic;
}
.content_full_width .testimonials blockquote, .content_full_width .testimonials_static blockquote {
	padding: 20px 0 0 60px;
	width: 800px !important;
	font-size: 14px;
	color: #808080;
	font-style: italic;
	display: block;
}
#content .testimonials blockquote, #content .testimonials_static blockquote {
	padding: 20px 0 0 60px;
	width: 590px;
}
.testimonials blockquote p, .testimonials_static p {
	margin: 0 !important;
	padding: 0 0 5px 0 !important;
	line-height: 22px;
	font-size: 20px;
}
.testimonials blockquote cite, .testimonials_static  cite {
	font-style: normal;
	display: block;
	text-align: right;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #555;
	padding-right: 6px;
}
.testimonial-pager {
	width: 100%;
	text-align: center;
	padding-top: 18px;
}
.testimonial-pager a {
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	outline: none;
	background: url(images/_global/global-sprite.png) -737px -197px no-repeat;
	margin-right: 10px;
}
.testimonial-pager .activeSlide {
	background: url(images/_global/global-sprite.png) -725px -197px no-repeat;
}

/* *********************************************************************************** */
/* 13. PROGRESSIVE CSS ENHANCEMENTS
 /* *********************************************************************************** */
.message_green, .message_red, .message_blue, .message_yellow, #ka-submit, .opener, #ka-submit, .ka-form-submit, #mc_signup #mc_signup_submit, .callout_button, .testimonials {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#ka-submit, .ka-form-submit {
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
}
#mc_signup #mc_signup_submit, .callout_button {
	-webkit-box-shadow: 1px 1px 3px #222;
	box-shadow: 1px 1px 3px #222;
}
#menu-main-nav li.parent:hover {
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
h1, h2, h3, h4, h5, h6 {

}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, .frame h1 {
	text-shadow: none;
}
.home-bnr-jquery .home-banner-main h2 {
	text-shadow: 1px 1px 1px #222;
}

/* *********************************************************************************** */
/* 14. PRETTY PHOTO
 /* *********************************************************************************** */
div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content {
	background: #fff;
}
div.light_square .pp_content .ppt {
	color: #000;
}
div.light_square .pp_expand {
	background: url(images/_global/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
	cursor: pointer;
}
div.light_square .pp_expand:hover {
	background: url(images/_global/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
	cursor: pointer;
}
div.light_square .pp_contract {
	background: url(images/_global/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
	cursor: pointer;
}
div.light_square .pp_contract:hover {
	background: url(images/_global/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
	cursor: pointer;
}
div.light_square .pp_close {
	width: 75px;
	height: 22px;
	background: url(images/_global/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
	cursor: pointer;
}
div.light_square #pp_full_res .pp_inline {
	color: #000;
}
div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
	margin-top: 12px !important;
}
div.light_square .pp_nav .pp_play {
	background: url(images/_global/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
	height: 15px;
	width: 14px;
}
div.light_square .pp_nav .pp_pause {
	background: url(images/_global/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
	height: 15px;
	width: 14px;
}
div.light_square .pp_arrow_previous {
	background: url(images/_global/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}
div.light_square .pp_arrow_previous.disabled {
	background-position: 0 -87px;
	cursor: default;
}
div.light_square .pp_arrow_next {
	background: url(images/_global/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}
div.light_square .pp_arrow_next.disabled {
	background-position: -22px -87px;
	cursor: default;
}
div.light_square .pp_next:hover {
	background: url(images/_global/prettyPhoto/light_square/btnNext.png) center right no-repeat;
	cursor: pointer;
}
div.light_square .pp_previous:hover {
	background: url(images/_global/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
	cursor: pointer;
}
div.pp_pic_holder a:focus {
	outline: none;
}
div.pp_overlay {
	background: #000;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500;
}
div.pp_pic_holder {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 10000;
}
.pp_top {
	height: 20px;
	position: relative;
}
* html .pp_top {
	padding: 0 20px;
}
.pp_top .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}
.pp_top .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px;
}
* html .pp_top .pp_middle {
	left: 0;
	position: static;
}
.pp_top .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}
.pp_content {
	height: 40px;
}
.pp_fade {
	display: none;
}
.pp_content_container {
	position: relative;
	text-align: left;
	width: 100%;
}
.pp_content_container .pp_left {
	padding-left: 20px;
}
.pp_content_container .pp_right {
	padding-right: 20px;
}
.pp_content_container .pp_details {
	float: left;
	margin: 10px 0 2px 0;
}
.pp_description {
	display: none;
	margin: 0 0 5px 0;
}
.pp_nav {
	clear: left;
	float: left;
	margin: 3px 0 0 0;
}
.pp_nav p {
	float: left;
	margin: 2px 4px;
}
.pp_nav .pp_play, .pp_nav .pp_pause {
	float: left;
	margin-right: 4px;
	text-indent: -10000px;
}
a.pp_arrow_previous, a.pp_arrow_next {
	display: block;
	float: left;
	height: 15px;
	margin-top: 3px;
	overflow: hidden;
	text-indent: -10000px;
	width: 14px;
}
.pp_hoverContainer {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2000;
}
.pp_gallery {
	left: 50%;
	margin-top: -50px;
	position: absolute;
	z-index: 10000;
}
.pp_gallery ul {
	float: left;
	height: 35px;
	margin: 0 0 0 5px;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.pp_gallery ul a {
	border: 1px #000 solid;
	display: block;
	float: left;
	height: 33px;
	overflow: hidden;
}
.pp_gallery ul a:hover, .pp_gallery li.selected a {
	border-color: #fff;
}
.pp_gallery ul a img {
	border: 0;
}
.pp_gallery li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
}
.pp_gallery li.default a {
	background: url(images/_global/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
	display: block;
	height: 33px;
	width: 50px;
}
.pp_gallery li.default a img {
	display: none;
}
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
	margin-top: 7px !important;
}
a.pp_next {
	background: url(images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: right;
	height: 100%;
	text-indent: -10000px;
	width: 49%;
}
a.pp_previous {
	background: url(images/_global/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: left;
	height: 100%;
	text-indent: -10000px;
	width: 49%;
}
a.pp_expand, a.pp_contract {
	cursor: pointer;
	display: none;
	height: 20px;
	position: absolute;
	right: 30px;
	text-indent: -10000px;
	top: 10px;
	width: 20px;
	z-index: 20000;
}
a.pp_close {
	display: block;
	float: right;
	line-height: 22px;
	text-indent: -10000px;
}
.pp_bottom {
	height: 20px;
	position: relative;
}
* html .pp_bottom {
	padding: 0 20px;
}
.pp_bottom .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}
.pp_bottom .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px;
}
* html .pp_bottom .pp_middle {
	left: 0;
	position: static;
}
.pp_bottom .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}
.pp_loaderIcon {
	display: block;
	height: 24px;
	left: 50%;
	margin: -12px 0 0 -12px;
	position: absolute;
	top: 50%;
	width: 24px;
}
#pp_full_res {
	line-height: 1 !important;
}
#pp_full_res .pp_inline {
	text-align: left;
}
#pp_full_res .pp_inline p {
	margin: 0 0 15px 0;
}
div.ppt {
	color: #fff;
	display: none;
	font-size: 17px;
	margin: 0 0 5px 15px;
	z-index: 9999;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* *********************************************************************************** */
/* 15. IE SPECIFIC
 /* *********************************************************************************** */
#foot_right {
	position: relative;
}
.top-footer {
	position: absolute;
	top: 0;
	right: 0;
}
#foot_right ul {
	position: absolute;
	top: 0;
	right: 50px;
}

/* -----------------------
 UPDATES
 Version: 2.0
 ----------------------- */

/*---------------------------------------------------------------*/
/* MESSAGE BOXES
 /*---------------------------------------------------------------*/

#content .colored_box, #main #content .colored_box strong {
	color: #FFF;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 13px;
	width: 100%;
}
#main #content .colored_box p {
	padding: 30px !important;
	line-height: 23px;
}
.colored_box {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* FIRE */
#content .message_karma_fire, .content_full_width .message_karma_fire {
	background: #DB3C01 url(images/_global/global-sprite-color-boxes.png) 0 0 repeat-x;
}
#content .message_karma_fire a, .content_full_width .message_karma_fire a {
	color: #FDC281;
}

/* AUTUMN */
#content .message_karma_autumn, .content_full_width .message_karma_autumn {
	background: #651604 url(images/_global/global-sprite-color-boxes.png) 0 -400px repeat-x;
}
#content .message_karma_autumn a, .content_full_width .message_karma_autumn a {
	color: #C07E5B;
}

/* CHERRY */
#content .message_karma_cherry, .content_full_width .message_karma_cherry {
	background: #670600 url(images/_global/global-sprite-color-boxes.png) 0 -800px repeat-x;
}
#content .message_karma_cherry a, .content_full_width .message_karma_cherry a {
	color: #E09588;
}

/* COFFEE */
#content .message_karma_coffee, .content_full_width .message_karma_coffee {
	background: #28211B url(images/_global/global-sprite-color-boxes.png) 0 -1200px repeat-x;
}
#content .message_karma_coffee a, .content_full_width .message_karma_coffee a {
	color: #998C7B;
}

/* GOLDEN */
#content .message_karma_golden, .content_full_width .message_karma_golden {
	background: #80570C url(images/_global/global-sprite-color-boxes.png) 0 -1600px repeat-x;
}
#content .message_karma_golden a, .content_full_width .message_karma_golden a {
	color: #D3C87B;
}

/* PINK */
#content .message_karma_pink, .content_full_width .message_karma_pink {
	background: #6D1E49 url(images/_global/global-sprite-color-boxes.png) 0 -2000px repeat-x;
}
#content .message_karma_pink a, .content_full_width .message_karma_pink a {
	color: #D89DCB;
}

/* PURPLE */
#content .message_karma_purple, .content_full_width .message_karma_purple {
	background: #371022 url(images/_global/global-sprite-color-boxes.png) 0 -2400px repeat-x;
}
#content .message_karma_purple a, .content_full_width .message_karma_purple a {
	color: #B47A9D;
}

/* PERIWINKLE */
#content .message_karma_periwinkle, .content_full_width .message_karma_periwinkle {
	background: #4C1268 url(images/_global/global-sprite-color-boxes.png) 0 -2800px repeat-x;
}
#content .message_karma_periwinkle a, .content_full_width .message_karma_periwinkle a {
	color: #95ADE1;
}

/* VIOLET */
#content .message_karma_violet, .content_full_width .message_karma_violet {
	background: #3E1965 url(images/_global/global-sprite-color-boxes.png) 0 -3200px repeat-x;
}
#content .message_karma_violet a, .content_full_width .message_karma_violet a {
	color: #B592F4;
}

/* SKY BLUE */
#content .message_karma_sky-blue, .content_full_width .message_karma_skyblue {
	background: #0078AF url(images/_global/global-sprite-color-boxes.png) 0 -3600px repeat-x;
}
#content .message_karma_skyblue a, .content_full_width .message_karma_skyblue a {
	color: #98DCE9;
}

/* COOL BLUE */
#content .message_karma_coolblue, .content_full_width .message_karma_coolblue {
	background: #003869 url(images/_global/global-sprite-color-boxes.png) 0 -4000px repeat-x;
}
#content .message_karma_coolblue a, .content_full_width .message_karma_coolblue a {
	color: #83B1DC;
}

/* ROYAL BLUE */
#content .message_karma_royalblue, .content_full_width .message_karma_royalblue {
	background: #182947 url(images/_global/global-sprite-color-boxes.png) 0 -4400px repeat-x;
}
#content .message_karma_royalblue a, .content_full_width .message_karma_royalblue a {
	color: #7D92B9;
}

/* BLUE GREY */
#content .message_karma_bluegrey, .content_full_width .message_karma_bluegrey {
	background: #2E2D3D url(images/_global/global-sprite-color-boxes.png) 0 -4800px repeat-x;
}
#content .message_karma_bluegrey a, .content_full_width .message_karma_bluegrey a {
	color: #A1A0AD;
}

/* LIME GREEN */
#content .message_karma_limegreen, .content_full_width .message_karma_limegreen {
	background: #638400 url(images/_global/global-sprite-color-boxes.png) 0 -5200px repeat-x;
}
#content .message_karma_limegreen a, .content_full_width .message_karma_limegreen a {
	color: #E3F28B;
}

/* FOREST GREEN */
#content .message_karma_forestgreen, .content_full_width .message_karma_forestgreen {
	background: #354515 url(images/_global/global-sprite-color-boxes.png) 0 -5600px repeat-x;
}
#content .message_karma_forestgreen a, .content_full_width .message_karma_forestgreen a {
	color: #A9BD79;
}

/* TEAL */
#content .message_karma_teal, .content_full_width .message_karma_teal {
	background: #0D4E54 url(images/_global/global-sprite-color-boxes.png) 0 -6000px repeat-x;
}
#content .message_karma_teal a, .content_full_width .message_karma_teal a {
	color: #9ED7CB;
}

/* TEAL GREY */
#content .message_karma_tealgrey, .content_full_width .message_karma_tealgrey {
	background: #19292E url(images/_global/global-sprite-color-boxes.png) 0 -6400px repeat-x;
}
#content .message_karma_tealgrey a, .content_full_width .message_karma_tealgrey a {
	color: #80979F;
}

/* GREY */
#content .message_karma_grey, .content_full_width .message_karma_grey {
	background: #2B3137 url(images/_global/global-sprite-color-boxes.png) 0 -6800px repeat-x;
}
#content .message_karma_grey a, .content_full_width .message_karma_grey a {
	color: #B1B1B1;
}

/* SILVER */
#content .message_karma_silver, .content_full_width .message_karma_silver {
	background: #757575 url(images/_global/global-sprite-color-boxes.png) 0 -7200px repeat-x;
}
#content .message_karma_silver a, .content_full_width .message_karma_silver a {
	color: #DDD;
}

/* BLACK */
#content .message_karma_dark, .content_full_width .message_karma_dark {
	background: #0F0F10 url(images/_global/global-sprite-color-boxes.png) 0 -7600px repeat-x;
}
#content .message_karma_dark a, .content_full_width .message_karma_dark a {
	color: #B4B4B4;
}

/*---------------------------------------------------------------*/
/* IMAGE FRAMES
 /*---------------------------------------------------------------*/
.modern_preload_full, .shadow_preload_full {
	width: 922px;
	height: 201px;
}

/* MODERN */
.modern_preload_portrait_thumb {
	background: url(images/_global/preload-small.gif) center center no-repeat !important;
	margin: 8px 0 0 9px;
	float: left;
}
.modern_preload_portrait_full, .modern_preload_full {
	background: url(images/_global/preload.gif) center center no-repeat !important;
	margin: 8px 0 0 9px;
	float: left;
}

.modern_portrait_img_frame {
	background: url(images/_global/image-frame-portrait-modern.png) 0px 0px no-repeat;
	margin-bottom: 6px;
}
.modern_portrait_img_frame_thumb {
	background: url(images/_global/image-frame-portrait-modern.png) -631px 0px no-repeat;
	margin-bottom: 6px;
}

.modern_portrait_full, .modern_preload_portrait_full {
	width: 630px;
	height: 836px;
}
.modern_portrait_thumb, .modern_preload_portrait_thumb {
	width: 293px;
	height: 389px;
}

/* SHADOW */
.shadow_preload_portrait_full, .shadow_preload_full {
	background: url(images/_global/preload-white.gif) center center no-repeat !important;
	margin: 6px 0 0 6px;
	float: left;
}
.shadow_preload_portrait_thumb {
	background: url(images/_global/preload-small-white.gif) center center no-repeat !important;
	margin: 6px 0 0 6px;
	float: left;
}

.shadow_portrait_img_frame {
	background: url(images/_global/image-frame-portrait-shadow.png) 0px 0px no-repeat;
	margin-bottom: 6px;
}
.shadow_portrait_img_frame_thumb {
	background: url(images/_global/image-frame-portrait-shadow.png) -625px 0px no-repeat;
	margin-bottom: 6px;
}

.shadow_portrait_full, .shadow_preload_portrait_full {
	width: 624px;
	height: 829px;
}
.shadow_portrait_thumb, .shadow_preload_portrait_thumb {
	width: 293px;
	height: 392px;
}

#play_button {
	position: absolute;
	z-index: 15;
	margin-top: 42px;
	margin-left: -webkit-calc(50% - 27px);
	margin-left: calc(50% - 27px);
}

#play_buttonsmall {
	position: absolute;
	z-index: 100;
	margin: 37px 0 0 60px;
}

#play_button_small {
	position: absolute;
	z-index: 100;
	margin: 21px 0 0 50px;
}

/*---------------------------------------------------------------*/
/* GALLERY
 /*---------------------------------------------------------------*/
.portfolio_content_top_portrait {
	float: left;
	width: 293px;
	height: 389px;
}
.port_img_portrait_full {
	width: 612px;
	height: 792px;
	float: left;
	position: absolute;
	top: 8px;
	left: 9px;
}
.portfolio_portrait_full_last {
	float: right;
	width: 630px;
	height: 836px;
	position: relative;
}

/*---------------------------------------------------------------*/
/* Zoom-Picture
 /*---------------------------------------------------------------*/

.viewport {
	height: 120px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
 class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
	margin-right: 0;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.viewport a .lazy{
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	        background-size: cover;
}


.viewport a img {
	position: relative;
	width: 100%;
}

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
	display: none;
	height: 100%;
	position: absolute;
	text-align: left;
	padding: 4px;
	text-decoration: none;
	z-index: 100;
	overflow: hidden;
}
.viewport a span em {
	display: block;
	font-size: 0.45em;
	font-weight: normal;
}

/*///////////////////////////////////////////////////////////////*/
.viewport_small {
	float: left;
	height: 77px;
	margin: 0 9px 9px 0;
	overflow: hidden;
	position: relative;
	width: 135px;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport_small a {
	display: block;
	position: relative;
}

.viewport_small a img {
	height: 77px;
	position: relative;
	width: 135px;
}

/* --- Label configuration -------------------------------------------------------------- */
.viewport_small a span {
	display: none;
	height: 100%;
	position: absolute;
	text-align: left;
	padding: 4px;
	text-decoration: none;
	width: 125px;
	z-index: 100;
}
.viewport_small a span em {
	display: block;
	font-size: 0.45em;
	font-weight: normal;
}
/*///////////////////////////////////////*/

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
	background-color: rgba(15, 15, 15, 0.6);
	color: #fff;
	text-shadow: #000 0px 0px 20px;
}
.dark-background em {
	color: #ccc;
}

/* --- Light hover background ----------------------------------------------------------- */
.light-background {
	background-color: rgba(255, 255, 255, 0.6);
	color: #333;
	text-shadow: #fff 0px 0px 20px;
}
.light-background em {
	color: #707070;
}

.boxdesc {
	margin: 100px 0 0 0;
	float: left;
	width: 145px;
	text-align: center;
}

.mailbox_empty {
	background-image: url('images/_global/mailbox_empty.png');
	width: 140px;
	height: 156px;
	float: left;
}

.mailbox_full {
	background-image: url('images/_global/mailbox_full.png');
	width: 140px;
	height: 156px;
	float: left;
}

#letter {
	background-image: url('images/_global/letter.png');
	width: 170px;
	height: 91px;
	cursor: move;
}

#draggable {
	width: 100px;
	height: 100px;
	float: left;
	margin: 10px 10px 10px 0;
	z-index: 100;
	cursor: move;
}
.droppable {
	width: 150px;
	height: 150px;
	float: left;
	margin: 0 0 25px 0;
	position: relative;
	z-index: -1;
}

#btn_klage {
	float: left;
}

.themeVidTime {
	float: right;
	margin-bottom: -1px;
	padding-right: 8px;
	font-weight: bolder;
}
.themeVidTimeLatest {
	background: none repeat scroll 0 0 black;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 10px;
	font-weight: bolder;
	opacity: 1;
	-webkit-transition: opacity 0.3s; /* Safari */
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	color: white;
}

.themeVidTimePlaylist {
	background: none repeat scroll 0 0 black;
	color: white;
	float: right;
	font-weight: bolder;
	position: relative;
	font-size: 11px;
	margin-right: 95px;
	margin-top: -35px;
	padding-left: 6px;
	padding-right: 6px;
}

.themeVidTimeAT10 {
	background: none repeat scroll 0 0 black;
	color: white;
	float: right;
	font-weight: bolder;
	margin-right: 9px;
	margin-top: -11px;
	padding-left: 8px;
	padding-right: 8px;
	position: relative;
}

.themeVidTimeT10 {
	background: none repeat scroll 0 0 black;
	color: white;
	float: right;
	font-weight: bolder;
	margin-bottom: -1px;
	margin-left: 163px;
	margin-top: 46px;
	padding-left: 4px;
	padding-right: 4px;
	position: absolute;
	width: 40px;
	text-align: center;
}

.IPrewTime {
	background: none repeat scroll 0 0 black;
	bottom: 0px;
	color: white;
	font-weight: bolder;
	padding: 0 6px;
	position: absolute;
	right: 0;
	text-align: center;
}

.themeblock-list {
	display: table;
}
/*.themeblock-row {
	display: table-row
}
.themeblock-column {
	display: table-cell
}*/
.themeblock-column.full {
	width: 100%
}

.IPrew {
	float: left;
	position: relative;
}

.themeVidDate {
	background: rgba(15, 15, 15, 0.8);
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 1px;
	padding-left: 5px;
	font-size: 10px;
}

.themeVidLanguage {
	background: none repeat scroll 0 0 rgba(15, 15, 15, 0.8);
	color: #FFFFFF;
	font-size: 10px;
	height: 14px;
	margin: 64px 0 0 -7px;
	overflow: hidden;
	padding: 1px 1px 5px 3px;
	position: absolute;
	width: 143px;
}

.favoriteDescript {
	background: none repeat scroll 0 0 rgba(15, 15, 15, 0.8);
	color: #FFFFFF;
	font-size: 10px;
	height: 14px;
	margin: -28px 0 0 29px;
	padding: 3px;
	position: relative;
	width: 128px;
	overflow: hidden;
}


/*---------------------------------------------------------------*/
/* Admin Bereich
 /*---------------------------------------------------------------*/

.admin_cat {
	width: 150px;
	margin-left: 20px;
	float: left;
}

.admin_ul {
	list-style-type: none;
}

.admin_delete {
	font-size: 20px;
	margin-bottom: 5px;
}

.save, .abort {
	display: none;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 8px/100% Arial, Helvetica, sans-serif;
	font-weight: 700;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
}

.editimgs img {
	padding: 3px 5px;
	margin: 10px 0 0 5px;
	cursor: pointer;
	border: 1px solid #000;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.editimgs > input {
	font-size: 14px;
}
.save:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
}

#status {
	display: none;
}

/*---------------------------------------------------------------*/
/* END: Admin Bereich
 /*---------------------------------------------------------------*/

/* FLAG */
.flag {
	margin-right: -3px
}
.languageflagname {
	margin-left: 3px;
}
/*Language Spotlight*/
.languagespotlight_container {
	float: left;
	margin: 0;
	font-size: 10px;
}
.langaugespotlight-flag {
	width: 16px;
	height: 10px;
	display: inline-block;
}
.languagespotlight_boarder {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("images/_global/image-frame-sprite.png");
	-webkit-background-origin: padding-box;
	        background-origin: padding-box;
	background-position: -764px -283px !important;
	background-repeat: no-repeat;
	-webkit-background-size: auto auto;
	        background-size: auto auto;
	height: 93px;
	margin: 2px 0 0 1px;
	width: 150px;
}
.languagespotlight_container .preload_four_col_large {
	width: 150px;
	height: 83px;
}
.languagespotlight_container .viewport {
	margin: -6px -6px -6px -7px;
	width: 148px;
	float: left; /*Neu*/
	overflow: hidden;
	position: relative;
	height: 90px;
}
.languagespotlight_container #play_button {
	margin: 32px 0 0 56px;
}
.languagespotlight_container .viewport a span {
	width: 145px;
	height: 84px;
}
#languagespotlight_image {
	height: 95px;
	width: 152px;
	position: relative;
}
.languagespotlight_info {
	font-size: 20px;
	margin: 71px 0px 0px 156px;
	/*margin: 78px 0px 0px 170px;*/
	color: white;
}
.languagespotlight_pfeil {
	background: url(images/_global/pfeil_lang_links.png);
	background-repeat: no-repeat;
	height: 40px;
	display: block;
	padding-left: 24px;
	padding-top: 4px;
}
/*Language Spotlight*/

/*Favorite-Liste*/
/*.imgfavorite{
 display: inline-block; height:95px; left: 0px; top: 0px; ;
 -webkit-border-radius: 7px;
 -khtml-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;

 }

 .imgfavorite:hover{
 display: inline-block; height:95px; left: 0px; top: 0px; width: 152px; border:solid; border-color:blue;
 }*/

.imgfavorite {
	width: 135px;
	margin: 0 auto;
	border: 3px solid #eee;
	border: 3px solid #eee;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.imgfavorite:hover {
	-webkit-box-shadow: 6px 6px 6px rgba(0,0,0,1.4);
	box-shadow: 6px 6px 6px rgba(0,0,0,1.4);
	-webkit-transition: all 2.5s ease-out;
	-moz-transition: all 2.5s ease;
	-o-transition: all 2.5s ease;
}

/*.imgfavorite{ width: 152px; border:solid; border-color:#436491; border-width: 5px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; }
 .imgfavorite:hover { margin-top: 2px; }*/

/*Ansage-Banner*/
.ansage_banner_container {
	position: relative;
}
.ansage_banner_text_container {
	position: absolute;
	top: 20px;
	width: 100%;
	color: black;
}

.taeglich_news {
	width: 150px;
	height: 144px;
	position: absolute;
	top: -30px;
	right: -1px;
	z-index: 100;
}

/*Such-Items*/
.search_item {
	text-decoration: none;
	font-size: 14px;
	display: block;
	margin: 0 0 20px 0;
	position: relative;
}
.search_item:hover {
	text-decoration: none;
}
.search_item_title {
	font-size: 16px;
	margin: 11px 0 0 0;
}
.search_item_text {
	font-style: italic;
	font-size: 14px;
}

.searchViewLinksStyle
{
	text-decoration: none;
}
.searchViewLinksStyle:hover
{
	text-decoration: none;
}

.search_item_shortlink {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 3px 4px 0 0;
	font-size: 14px;
	color: #456793;
}
.vimeo_state {

	position: relative;
	margin: 0 0px 0 650px;
}
.tbsearch_item {
	text-decoration: none;
	font-size: 14px;
	display: block;
	margin: 0 0 20px 0;
	position: relative;
}
.tbsearch_item:hover {
	text-decoration: none;
}
.tbsearch_item_title {
	float: left;
	width: 751px;
	height: 3px;
}
.tbsearch_item_text {
	color: grey;
	float: left;
	height: 40px;
	margin: 0 0 0 6px;
	width: 751px;
}

.tbsearch_item_pict {
	float: left;
}

/*Such resultat*/
.marked-search-text {
	background: #FFFF00;
}

/*Themen-(Bild) nur in Textform*/
.Themelist-Text-Item {
	padding: 10px;
	display: block;
	text-decoration: none;
	background: #FAFAFA;
	margin-bottom: 5px;
	clear: both;
	position: relative;
}
.Themelist-Text-Item a {
	text-decoration: none;
}
.Themelist-Text-Item:hover {
	text-decoration: none;
	overflow: hidden;
	position: relative;
}
.Themelist-Text-Item .Container-Description {
	height: 30px;
	width: 100%;
}
.Themelist-Text-Item .Description {
	color: #8F8F8F;
}
.Themelist-Text-Item .Date {
	position: absolute;
	right: 5px;
	top: 5px;
	color: #8F8F8F;
}
.Themelist-Text-Item .Mediacomment-Img {
	height: 50px;
	position: absolute;
	top: -4px;
	left: -9px;
}

.Themelist-Text-Item .Preview-Container {
	float: right;
	margin-top:-50px;
}

.Themelist-Text-Item .Preview-Img {
	max-width: 115px;
	max-height: 500px;
	border : 2px solid rgb(255, 255, 255);
	margin-left: -4px;
	/*display: table-cell;
	 width: 130px*/
}

/* This parent can be any width and height */
.block {
	text-align: center;
}

/* The ghost, nudged to maintain perfect centering */
.block:before {

}

/* The element to be centered, can
 also be of any width and height */
.centered {
}

/*******************************************
 ******16. STARTSEITE BUTTON*****************
 *******************************************/
.showstart_recommds_tab_div{
	width: auto;
	font-size: 22pt;
	padding: 9px;
	padding-bottom: 21px;
}

.tab-more-videos {
font-size: 15px;
}
#recomm_more_menu{
	margin-left: 669px;
	position: relative;
	font-size: 17px;
}
.showstartText {
	font-size: 12pt;
	white-space: pre-line;
	color: #000 !important;
}
.showstartDatum {
	display: inline-block;
	/*margin: 10px 0 5px -1px !important;*/
	font-size: 14pt;
	color: black;
	position: relative;
	top: 3px;
}
.showstartVideoTitel {
	padding: 0 !important;
	font-weight: bold !important;
}
.label-container{
	margin: 17px 0 12px -1px;
}
.label{
	padding: 2px 9px 2px 9px;
	display: inline-block;
	font-size: 12pt;
	margin-right: 5px;
	text-shadow: none;
	text-decoration: none;
	cursor: pointer;
	color: white;
}
.label:hover{
	text-decoration: underline;
	cursor: pointer;
	/*color: white;*/
}
.label.is-mk {
	background-color: rgba(16,26,104,1);
	color:#FFF;
}
.label.is-unzensiert {
	background-color: rgb(69, 186, 224);
	color:#FFF;
}
.label.is-minuteaufpunkt {
	background-color: rgba(106,74,78,1);
	color:#FFF;
}
.label.is-interviews {
	background-color: rgba(51,102,108,1);
	color:#FFF;
}
.label.is-satirischernst {
	background-color: rgb(214, 93, 27);
	color:#FFF;
}
.label.is-moderatprivat{
	background-color: rgb(214, 82, 122);
	color:#FFF;
}
.label.is-sosehichs{
	background-color: rgb(144, 12, 52);
	color:#FFF;
}
.label.is-infogigant {
	background-color: #5ae124;
	color:#FFF;
}
.label.is-meinung-ungeschminkt {
	background-color: rgba(62,128,169,1);
	color:#FFF;
}
.label.is-dan {
	background-color: rgba(232,196,54,1);
	color:#FFF;
}
.label.is-doku {
	background-color: #444444;
	color:#FFF;
}
.label.is-clip-klartext {
	background-color: rgba(178,9,78,1);
	color:#FFF;
}
.label.is-blickzaun {
	background-color: #b77b1b;
	color:#FFF;
}
.label.is-lehrfilme {
	background-color: #673AB7;
	color: #ffffff;
}
.label.is-reply-broadcast {
	background-color: #37994F;
	color:#FFF;
}
.label.is-werbung {
	background-color: #FF4444;
	color:#FFF;
}
.label.is-reply-foreign-broadcast {
	display: block;
	background-color: #37994F;
	color: white;
	text-align: center;
	font-size: 14px;
	margin: 0;
	height: 21px;
	padding-top: 3px;
}

.label.is-reply-broadcast .repeatIconWrapper{
	margin-left: 9px;
}

	/*Link alle Sendungen*/
#btn_allbroacasts {
	float: right;
	margin: -25px 0 0 0;
}

/*Braodcast List Styles*/
/*
.broadcast-list-repeater-div{
	margin-top: 53px;
}*/

.broadcast-list-sitelist-div{
	border-left: thick solid #fff;
    height: 366px;
    position: absolute;
    margin-left: -28px;
    margin-top: -22px;
}

.broadcast-list-timeline-date{
	margin-left: 5px;
	position: relative;
	font-size: 20px;
	font-weight: bold;
}



/*Startseite Suche */
#pr_bg_banner_suche {
	padding: 5px 5px 0 5px;
	margin-top: 5px;
}

#pr_bg_banner_links {
	width: 924px;
	background: #22385a;
	border: 8px solid #8c96a6;
	height: 80px;
	margin: 0;
	padding: 0;
	background: #22385a;
}

#pr_bg_banner_links ul
{
	list-style: none;
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
}

#pr_bg_banner_links ul li
{
	display: table-cell;
    float: none;
    width: 25%;
}

#pr_bg_banner_links ul li a
{
	color: white;
	display: block;
	padding: 14px 6px;
    font-size: 120%;
	text-decoration: none;
	text-align: center;
}

#pr_bg_banner_links ul li a:hover{
	text-decoration: underline;
}

/* UNTER DEM VIDEO - BOX (startview) */

#newsbox {

	float: left;
	height: 27px;
	margin: 2px 0 0 10px;
	width: 645px;
	overflow: hidden;
}

#taeglichbox {

	float: left;
	height: 27px;
	margin: 19px 0 0 10px;
	width: 570px;
	overflow: hidden;
}

#taeglichbox h3, .ansage_text h3, .newsticker_edit h3 {
	text-shadow: 1px 1px 5px rgba(255,255,255,0.5) !important;
	color: #e7e7e7;
	font-size: 1.7em;
	line-height: 1.5;
	padding-bottom: 10px;
	font-weight: normal;
	margin: 0;
}



#taeglichbox h3 span, .ansage_text h3 span, .newsticker_edit h3 span {
	color: #bfad68;
}
.ansage_text a, .newsticker_edit a {
	text-decoration: none;
	display: block;
}

.searchlink-container {
	margin-top: 25px;
	margin-left: -15px;
}

.searchlink {
	color: #39567f;
	font-size: 14px;
	font-weight: bold;
	background-color: #e1e4e6;
	float: left;
	margin-left: 4px;
	padding: 2px 3px 0 4px;
}

.searchlink_lbl {
	float: right;
	margin: 1px 0 0 1px;
}

.searchlink_lupe {
	margin: 3px 0 0 0;
}

/* Startseite Suche nach Datum*/
.searchbydatebox {
	font-size: 1.5em;
	margin-top: -1px;
	padding-left: 0px;
}
.sendung-datepicker {
	width: 110px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	border-bottom: 1px solid black;
	background: transparent;
}

.skip-button {
	position: absolute !important;
	top: 10px !important;
	right: 0px !important;
	color: white !important;
	z-index: 100 !important;
	background-color: rgba(125, 105, 230, 0.843137) !important;
	font-size: 16px !important;
	padding: 3px 8px !important;
	border: 1px solid rgb(245, 222, 179) !important;
	font-weight: bold !important;
	cursor: pointer !important;
}

.top10 {
	display: none;
}

/* TOP 10 */
.top10 .item {
	padding: 10px;
	display: block;
	background: #fff;
	margin-bottom: 5px;
	clear: both;
}

.item {
	padding: 10px;
	display: block;
	background: #fff;
	clear: both;
}

.top10_first_item {
	overflow: hidden;
	min-height: 190px;
}
.top10_first_item .port_img_three {
	position: relative;
	float: none;
}

.top10_first_item .text p {
	color: #8F8F8F;
}


.top10_column {
	margin-left: -5px;
}

.search_result_item .broadcast-shortlink,
.top10_first_item .broadcast-shortlink {
	float: right;
	margin-top: 9px;
	font-size: 17px;
	font-style: normal;
}

.search_result_item .showstartDatum,
.top10_first_item .showstartDatum {
	font-size: 16px;
}

.top10_first_item .showstartVideoTitel {
	color: #000;
}

.top10_first_item a:hover .showstartVideoTitel {
	color: #00325d;
}


.top10_column .hover-top10-item .related-languages-container{
	position: absolute;
	bottom: 2px;
	right: 14px;
}

/*.top10_first_item .related-languages-container{
	position: absolute;
	left: 14px;
	bottom: 60px;
}*/

#lightBox2 tr {
    float: left;
}

.top10_left_column {
	float: left;
}

.top10_right_column {
	float: left;
	margin-left: 7px;
}

.top10 .number {
	margin-top: 23px !important;
	float: left;
	font-size: 60px !important;
	margin-right: 15px !important;
	margin-left: 12px !important;
}

.top10 .seperator {
	height: 100%;
	width: 1px;
	background-color: rgb(177, 177, 177);
	float: left;
}

.top10 .preview-image {
	height: 71px;
	float: left;
	width: 115px;
}

.top10 .column-item .title {
	float: left;
	margin-top: -2px;
}

.top10 .column-item .title h5 {
	margin-left: 8px !important;
	padding: 0px;
	font-size: 14px;
	line-height: 19px;
}

.top10 a{
	text-decoration: none;
}

/* Aktuelle Fremdsprachen */
.curlanguage {
	clear: both;
}

.curlanguage_item {
	background: rgb(250,250,250);
	height: 65px;
	width: 100%;
	margin: 10px;
}

.curlanguage_item:hover {
	background: rgb(255,255,255);
}

.curlanguage_img {
	margin: 10px 0 0 10px;
}

#text_popup_box {
	background-color: #FFFFFF;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	-webkit-box-shadow: 0 0 25px 5px #999999;
	        box-shadow: 0 0 25px 5px #999999;
	color: #111111;
	display: none;
	width: 60%;
	height: 450px;
	padding: 15px 25px 20px 0;
}

#text_popup_box > div {
	height: 100%;
	overflow-y: auto;
}

.button.b-close, .button.bClose {
	-webkit-border-radius: 7px;
	        border-radius: 7px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	font: bold 131% sans-serif;
	padding: 0 6px 2px;
	position: absolute;
	right: -7px;
	top: -7px;
}

.button {
	background-color: #C3C3C3;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
}

/* NEUES KLA.TV MENU */

nav {
	text-align: center;
	z-index: 99999;
	position: relative;
}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}

nav ul {
	-webkit-border-radius: 1px;
	        border-radius: 1px;
	list-style: none;
	position: relative;
	display: inline-table;
	line-height: 10px;
}
nav ul:after {
	content: "";
	clear: both;
	display: block;
}

nav ul li {
	float: left;
	text-align: left;
}
nav ul li:hover {
	background: #00325d;
	-webkit-text-decoration-color: #ffffff;
	        text-decoration-color: #ffffff;
	-webkit-text-decoration-color:  #000000;
	        text-decoration-color:  #000000;
	/* -webkit-border-after-width: unset; */
}
nav ul li:hover a {
	color: #ffffff;
	text-decoration:  none;
}

nav ul li a {
	display: block;
	padding: 20px 10px;
	color: #00325d;
	text-decoration: none;
	font-weight: 300;
	font-size: 16px;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

nav ul ul {
	background: #00325d;
	-webkit-border-radius: 0px;
	        border-radius: 0px;
	padding: 0;
	position: absolute;
	/*top: 100%;*/
	z-index: 99999;
	margin-left: 0;
	width: 232px;
}
nav ul ul li {
	float: none;
	/* border-bottom: 1px solid #575f6a; */
	position: relative;
	line-height: 1.1;
	color: #ffffff;
}
nav ul ul li a {
	padding: 10px 20px;
	/* color: #fff; */
}
nav ul ul li a:hover {
	background: #0d4f92;
}

nav ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

div#sendingtoday {
	background: -webkit-gradient(linear, left top, left bottom, from(#EFF3FA), to(#DCE1E8)) repeat scroll 0 0 rgba(0, 0, 4, 0.9);
	background: -webkit-linear-gradient(#EFF3FA 0%, #DCE1E8 100%) repeat scroll 0 0 rgba(0, 0, 4, 0.9);
	background: -o-linear-gradient(#EFF3FA 0%, #DCE1E8 100%) repeat scroll 0 0 rgba(0, 0, 4, 0.9);
	background: linear-gradient(#EFF3FA 0%, #DCE1E8 100%) repeat scroll 0 0 rgba(0, 0, 4, 0.9);
	-webkit-border-radius: 1px;
	        border-radius: 1px;
	-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.45);
	        box-shadow: 0 0 9px rgba(0, 0, 0, 0.45);
	color: #13223C;
	font-size: 15px;
	height: 37px;
	margin: 0 0 0 1px;
	padding: 1px 5px 0 7px;
        width: -webkit-calc(100% - 1px);
        width: calc(100% - 1px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}

.left-boxes-startpage {
    margin: -15px 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

p#todaytext {
	float: left;
	margin: -12px 0 0 3px;
	font-weight: bold;
}

img#img_worldtoday {
	margin: -11px 0 0 -5px;
	float: left;
}

.searchListItem {
	padding: 0;
	margin: 0;
	height: 50px;
	float: right;
	display: block;
}

.searchListItem:hover {
	background: none !important;
}

nav .vert-ul {
	background: #00325d;
	-webkit-border-radius: 0px;
	        border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 99999;
	width: 100%;
	left: 0px;
}

nav .vert-ul li {
	display: block;
	width: 25%;
	float: left;
	/* border-bottom: 1px solid #575f6a; */
	position: relative;
	/* border-right: 1px solid #575f6a; */
}
nav .vert-ul  li a {
	/*padding: 10px 40px;*/
	color: #fff;
}
nav .vert-ul  li a:hover {
	background: #0d4f92;
}

.nav-langicon {
	margin-right: 7px;
    margin-top: -11px;
    width: 24px;
}

.padding10 {
	padding-top: 8px;
}

/* DIREKTLINKS IM MENU */
nav ul li ul li ul {
	background: rgba(255,255,255,1);
	color: #000;
	text-align: left;
	padding: 5px 0 10px 0;
}

nav ul li ul li ul li {
	color: #000;
	border: none;
	margin-left: 30px;
	padding-left: 0;
}

nav ul li ul li ul li:hover {
	background: none;
}

nav ul li ul li ul li a {
	color: #000 !important;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
}

nav ul li ul li ul h5 {
	padding: 10px 10px 10px 20px;
	font-size: 14px;
	margin: 0;
	font-weight: normal;
	white-space: pre-wrap;
	line-height: 99%;
}

nav ul li ul li a img {
	float: left;
	margin: -3px 5px 2px -5px;
}

nav ul li ul li ul li a:hover {
	color: #000;
	background: none;
}

nav ul li ul li ul h4 {
	font-size: 18px;
	margin: 0 0 5px 0;
	padding: 15px 0 0 10px;
}

/* NEWSLETTER */
#newsletter-email-input {
	width: 190px;
	padding: 5px;
	width: 85%;
}

#newsletter-abo-btn-bottom {
	opacity: 1;
	float: right;
	margin-right: 3px
}
.newsletter-input-div-optional {
	float: left;
	margin-left: 20px;
}

.newsletter-msg {
	display: none;
}
.admaterial-table {
	width: 100%
}
.admaterial-table th {
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #DDDDDD;
	position: relative;
	font-weight: normal;
	padding: 0px;
}

.admaterial-table tr{
	padding-bottom: 10px;
}

.admaterial-table .title {
	margin: 0px;
	display: block;
	color: black;
	font-size: 19px;
	border-bottom: 1px solid #516D8A;
}

.admaterial-table .left {
	padding: 5px 7px 5px 10px;
	margin: 0px;
	border-right: 1px solid #DDDDDD;
	width: 250px;
}

.admaterial-table p {
	color: #222;
}
.admaterial-table .row-seperator th {
	border: none;
	height: 60px;
}
/*Button Klage einreichen*/
.button_klage {
	margin-left: 60px;
	font-size: 15px;
	color: #e7e7e7;
}
#klage1 {
	margin-top: 14px;
}
#klage2 {
	margin-top: -18px;
}
#btn_klage-einreichen {
	text-decoration: none;
}

/*TOP 3 DOKUFILME*/
#schutz_btn_urvaeter {
	height: 145px;
	width: 195px;
	margin-left: 30px;
	float: left;
	background: url(modul/modul_schutzschild/images/schutz_btn_urvaeter.png);
	-webkit-background-size: 93% 93%;
	        background-size: 93%;
	background-repeat: no-repeat;
}
#schutz_btn_urvaeter:hover {
	background: url(modul/modul_schutzschild/images/schutz_btn_urvaeter_hover.png);
	-webkit-background-size: 93% 93%;
	        background-size: 93%;
	background-repeat: no-repeat;
}
#schutz_btn_sexzwang {
	height: 145px;
	width: 195px;
	margin-left: 30px;
	float: left;
	background: url(modul/modul_schutzschild/images/schutz_btn_sexzwang.png);
	-webkit-background-size: 93% 93%;
	        background-size: 93%;
	background-repeat: no-repeat;
}

#schutz_btn_sexzwang:hover {
	background: url(modul/modul_schutzschild/images/schutz_btn_sexzwang_hover.png);
	-webkit-background-size: 93% 93%;
	        background-size: 93%;
	background-repeat: no-repeat;
}
#schutz_btn_guidesstones {
	height: 145px;
	width: 195px;
	margin-left: 0px;
	float: left;
	background: url(modul/modul_schutzschild/images/schutz_btn_guidesstones.png);
	-webkit-background-size: 93% 93%;
	        background-size: 93%;
	background-repeat: no-repeat;
}

#schutz_btn_guidesstones:hover {
	background: url(modul/modul_schutzschild/images/schutz_btn_guidesstones_hover.png);
	-webkit-background-size: 93% 93%;
	        background-size: 93%;
	background-repeat: no-repeat;
}

#schutz_btn_impfzwang {
	height: 145px;
	width: 195px;
	margin-left: 30px;
	float: left;
	background: url(modul/modul_schutzschild/images/schutz_btn_impfzwang.png);
	-webkit-background-size: 93% 93%;
	        background-size: 93%;
	background-repeat: no-repeat;
}

#schutz_btn_impfzwang:hover {
	background: url(modul/modul_schutzschild/images/schutz_btn_impfzwang_hover.png);
	-webkit-background-size: 93% 93%;
	        background-size: 93%;
	background-repeat: no-repeat;
}

.dd-container {
	margin-top: 5px;
}
.dd-container a.dd-selected {
	padding: 0;
}

dd-option-text {
	cursor: pointer;
}

.demo {
	width: auto;
	height: 400px;
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	background: #FFF;
	overflow: scroll;
	padding: 5px;
}

.right-floating-box {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	float: right;
	position: relative;
	margin: 5px 0 0 0;
}

.text-download {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	border-left: 1px solid #e4e1e1;
}

#changeSizeBox {
	padding: 10px 0 10px 10px;
}

.download-button {
	padding: 10px 0 10px 10px;
	display: flex;
	font-size: 13px;
	font-weight: bolder;
	color: #333;
	align-items: center;
}

.download-button:hover {
	text-decoration: underline;
}

.circle-icon{
	margin-left: 10px;
	font-size: 32px;
	background-color: grey;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	color: white;
}

.circle-icon div {
	margin-left: 1px;
}

.circle-icon--blue {
	background-color: rgb(69, 69, 236);
}

.circle-icon--red {
	background-color: #ef4137;
}

.download-button__pdf,
.download-button__word{
    transition: all .6s cubic-bezier(.165,.84,.44,1),all 0.25s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	opacity: 1;
}
.download-button__pdf:hover,
.download-button__word:hover{
	opacity: 0.6;
}

.download-button__pdf .download-button__pdf--hover,
.download-button__word .download-button__word--hover{
    transition: all .6s cubic-bezier(.165,.84,.44,1),all 0.25s cubic-bezier(0.16, 0.68, 0.43, 0.99);
    position: absolute;
	opacity: 0;
    margin-top: -20px;
}
.download-button__pdf:hover .download-button__pdf--hover,
.download-button__word:hover .download-button__word--hover{
	opacity: 1;
    margin-top: 2px;
}

.download-button__pdf .fa-file-pdf-o,
.download-button__word .fa-file-word-o{
	opacity: 1;
	margin-top: 0px;
    transition: all .6s cubic-bezier(.165,.84,.44,1),all 0.25s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
.download-button__pdf:hover .fa-file-pdf-o,
.download-button__word:hover .fa-file-word-o{
	opacity: 0;
	margin-top: 20px;
}

.text-download__title{
	font-size: 167%;
	margin-top: 18px;
	color: #00325d;
	padding: 0 14px !important;
	padding-bottom: 5px !important;
	opacity: 0.8;
	font-weight: 600;
	line-height: 27px;
}
.download-button__text{
	color: #00325d;
	font-weight: normal;
}
.text_titel_size{
    font-size: 130%;
    margin-top: 20px !important;
    display: inline-block;
}

.text_text_size {
	color: #000;
}

#showstart_languageList_Up_img {
	cursor: pointer;
	display: block;
	margin: -35px 0px -13px 31px;
	opacity: 0.5;
	position: absolute;
}
#showstart_languageList_Up_img:hover {
	opacity: 1;
}
#showstart_languageList_Down {
	cursor: pointer;
	opacity: 0.5;
	position: absolute;
        bottom: -28px;
        left: -webkit-calc(50% - 40px);
        left: calc(50% - 40px);
}
#showstart_languageList_Down:hover {
	opacity: 1;
}

/*Newsletter Abo horizontal*/
.newsletter_abo_horizontal {
	margin-top: 20px;
	margin-left: 177px;
}

.newsletter_abo_horizontal:first-child {
	margin-top: 0;
}

.newsletter_abo_horizontal_inner {
	height: 100%;
	padding: 8px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(34,56,90, 1)), to(rgba(34,56,90, 1))), -webkit-gradient(linear, left top, left bottom, from(rgba(140,150,166, 1)), to(rgba(140,150,166, 1)));
	background-image:-webkit-linear-gradient(top, rgba(34,56,90, 1) 0%, rgba(34,56,90, 1) 100%), -webkit-linear-gradient(top, rgba(140,150,166, 1) 0%, rgba(140,150,166, 1) 100%);
	background-image:-o-linear-gradient(top, rgba(34,56,90, 1) 0%, rgba(34,56,90, 1) 100%), -o-linear-gradient(top, rgba(140,150,166, 1) 0%, rgba(140,150,166, 1) 100%);
	background-image:linear-gradient(to bottom, rgba(34,56,90, 1) 0%, rgba(34,56,90, 1) 100%), linear-gradient(to bottom, rgba(140,150,166, 1) 0%, rgba(140,150,166, 1) 100%);
	background-clip: content-box, padding-box;
	width: 600px;
}

.newsletter_abo_horizontal h3 {
	margin-top: 20px !important;
}
.newsletter_abo_horizontal label,.newsletter_abo_horizontal h3 {
	margin-left: 9px !important;
	color: white !important;
}
#newsletter_abo_horizontal_email-input {
	width: 100%;
	padding: 5px;
	/*margin-top: 20px;*/
}
#newsletter_abo_horizontal-btn-bottom {
	margin-left: 0;
}
.newsletter_abo_horizontal .newsletter_abo_horizontal_font {
	color: white !important;
	text-shadow: none;
	float: left;
}
#kontakt-newsletter .newsletter_abo_horizontal_font {
	float: none;
}

.newsletter_abo_inner {
	padding: 5px;
	padding-top: 20px;
	height: 100%;
	width: 89.5%;
}

.newsletter_abo_horizontal_font {
	font-size: 25px;
}

.newsletter_abo_horizontal_font_tiny {
	color: white;
	font-size: 12px;
}

.newsletter_abo_horizontal_btn {
	opacity: 1;
	margin: 8px 2px 6px -2px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	background: #4176bf;
	background-image: -webkit-linear-gradient(top, #36629c, #0c1522);
	background-image: -o-linear-gradient(top, #36629c, #0c1522);
	color: #ffffff !important;
	font-size: 17px;
	padding: 8px;
	text-decoration: none;
	-webkit-border-radius: 0px;
	        border-radius: 0px;
	border: 2px solid #21354c;
	width: 100%;
	display: block;
}

.newsletter_abo_horizontal_btn:hover {
	background: #5388d9;
	/*background-image: -webkit-linear-gradient(top, #5388d9, #0c1522);*/
	/*background-image: -moz-linear-gradient(top, #5388d9, #0c1522);*/
	/*background-image: -ms-linear-gradient(top, #5388d9, #0c1522);*/
	/*background-image: -o-linear-gradient(top, #5388d9, #0c1522);*/
	/*background-image: linear-gradient(to bottom, #5388d9, #0c1522);*/
	background-image: -webkit-linear-gradient(top, #4176bf, #0c1522);
	background-image: -o-linear-gradient(top, #4176bf, #0c1522);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4176bf), to(#0c1522));
	background-image: linear-gradient(to bottom, #4176bf, #0c1522);
	text-decoration: none;
}
/*Abo horizontal END*/

.sub_nav_kontakt:first-child {
	margin-top: 0;
}

.sub_nav_kontakt_inner {
    height: 100%;
	padding: 8px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(34,56,90, 1)), to(rgba(34,56,90, 1))), -webkit-gradient(linear, left top, left bottom, from(rgba(140,150,166, 1)), to(rgba(140,150,166, 1)));
	background-image:-webkit-linear-gradient(top, rgba(34,56,90, 1) 0%, rgba(34,56,90, 1) 100%), -webkit-linear-gradient(top, rgba(140,150,166, 1) 0%, rgba(140,150,166, 1) 100%);
	background-image:-o-linear-gradient(top, rgba(34,56,90, 1) 0%, rgba(34,56,90, 1) 100%), -o-linear-gradient(top, rgba(140,150,166, 1) 0%, rgba(140,150,166, 1) 100%);
	background-image:linear-gradient(to bottom, rgba(34,56,90, 1) 0%, rgba(34,56,90, 1) 100%), linear-gradient(to bottom, rgba(140,150,166, 1) 0%, rgba(140,150,166, 1) 100%);
	background-clip: content-box, padding-box;
    width: 229px;
}

.sub_nav_kontakt_inner_flat {
	height: 100%;
	padding: 8px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(34,56,90, 1)), to(rgba(34,56,90, 1))), -webkit-gradient(linear, left top, left bottom, from(rgba(140,150,166, 1)), to(rgba(140,150,166, 1)));
	background-image:-webkit-linear-gradient(top, rgba(34,56,90, 1) 0%, rgba(34,56,90, 1) 100%), -webkit-linear-gradient(top, rgba(140,150,166, 1) 0%, rgba(140,150,166, 1) 100%);
	background-image:-o-linear-gradient(top, rgba(34,56,90, 1) 0%, rgba(34,56,90, 1) 100%), -o-linear-gradient(top, rgba(140,150,166, 1) 0%, rgba(140,150,166, 1) 100%);
	background-image:linear-gradient(to bottom, rgba(34,56,90, 1) 0%, rgba(34,56,90, 1) 100%), linear-gradient(to bottom, rgba(140,150,166, 1) 0%, rgba(140,150,166, 1) 100%);
}
.sub_nav_kontakt h3 {
	margin-top: 20px !important;
}
.sub_nav_kontakt label,.sub_nav_kontakt h3 {
	margin-left: 9px !important;
	color: white !important;
}
#nav_email-input {
	width: 100%;
	padding: 5px;
	/*margin-top: 20px;*/
}
#nav_abo-btn-bottom {
	margin-left: 0;
}
.sub_nav_kontakt .sub_nav_kontakt_font {
	color: white !important;
	text-shadow: none;
	float: left;
}
#kontakt-newsletter .sub_nav_kontakt_font {
	float: none;
}

.sub_nav_inner {
    padding: 5px;
    height: 100%;
	width: 89.5%;
}
.sub_nav_inner_survey {
	padding: 5px;
	height: 53px;
}

.sub_nav_kontakt_font {
	font-size: 17px;
}



.kontakt_letter_icon {
	float: left;
	padding-right: 5px;
}
.kontakt_umfrage {
	margin: 0 40%;
}
.kontakt_umfrage span{
	text-align: center;
	width: 100%;
}
.kontakt_umfrage span:hover{
	text-decoration: underline;
}

.foreign_social_interaction_box .btn,
.sub_nav_kontakt .btn{
	opacity: 1;
	margin: 8px 2px 6px -2px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	background: #4176bf;
	background-image: -webkit-linear-gradient(top, #36629c, #0c1522);
	background-image: -o-linear-gradient(top, #36629c, #0c1522);
	color: #ffffff !important;
	font-size: 17px;
	padding: 8px;
	text-decoration: none;
	-webkit-border-radius: 0px;
	        border-radius: 0px;
	border: 2px solid #21354c;
    width: 100%;
	display: block;
}

.foreign_social_interaction_box .btn:hover,
.sub_nav_kontakt .btn:hover {
	background: #5388d9;
	/*background-image: -webkit-linear-gradient(top, #5388d9, #0c1522);*/
	/*background-image: -moz-linear-gradient(top, #5388d9, #0c1522);*/
	/*background-image: -ms-linear-gradient(top, #5388d9, #0c1522);*/
	/*background-image: -o-linear-gradient(top, #5388d9, #0c1522);*/
	/*background-image: linear-gradient(to bottom, #5388d9, #0c1522);*/
	background-image: -webkit-linear-gradient(top, #4176bf, #0c1522);
	background-image: -o-linear-gradient(top, #4176bf, #0c1522);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4176bf), to(#0c1522));
	background-image: linear-gradient(to bottom, #4176bf, #0c1522);
	text-decoration: none;
}


/* BEGIN Foreign Language Statistik Trend View */

.lang_trendtinyicon{
	margin-left: 65.5px;
	position: absolute;
	margin-top: -94px;
	background-repeat: no-repeat;
	background-image: url(images/icon_layer_blue.png);
	-webkit-background-size: contain;
	        background-size: contain;
	height: 60px;
	width: 60px;
	z-index: 5;
	opacity: 0.9;
}

.lang_trendtinyplayericon {
	margin-left: 65.5px;
	position: absolute;
	margin-top: -94px;
	background-repeat: no-repeat;
	background-image: url(images/icon_player_blue.png);
	-webkit-background-size: contain;
	        background-size: contain;
	height: 60px;
	width: 60px;
	z-index: 5;
	opacity: 0.9;
}
.lang_trendtinyplayericon span{
	display: none;
}
.lang_trendtinyplayericon div{
	display: none;
}
.lang_trendtinyicon span {
	font-size: 40px;
	color: white;
	position: absolute;
	margin-top: 20px;
	text-align: center;
	width: 100%;
	z-index: 5;
}

#lang_trend_header{
	color: #22385a;
	font-size: 18px;
	margin-left: -9px;
	padding: 5px 0 5px 10px;
	position: relative;
	top: 1px;
	width: 235px;
	display: inline-block;
}

.hover_filter {
	position: absolute;
	background: rgba(151, 153, 175, 0.29);
	width: 190px;
	height: 107px;
	top: 10px;
	left: 10px;
	z-index: 2;
	display: none;
}

.lang_trendimg{
	width: 220px;
	position: relative;
	z-index: 1;
}

.lang_play_a:hover{
	text-decoration: none;
}

.lang_play_a{
	display: block;
	height: auto;
	padding-top: 0px;
	position: relative;
	margin-bottom: 4px;
	text-decoration: none;
}
.lang_play_a .lang_trendtitle{
	text-decoration: none;
}

.lang_trendtitle{
	margin-top: 2px;
	padding: 2px;
	margin-left: 6px;
	overflow: hidden;
	font-size: 1.3em;
	text-align: center;
	color: white;
	padding-bottom: 9px;
	line-height: 1.1;
}

.lang_trendtime{
	top: 94px;
	display: inline-block;
	position: absolute;
	background: black;
	color: white;
	right: 10px;
	font-size: 12px;
	padding: 2px 6px;
	z-index: 10;
}
.lang_trendlink{
	text-decoration: none;
	top: 94px;
	display: inline-block;
	position: absolute;
	background: #00325d;
	color: white;
	left: 9px;
	font-size: 15px;
	padding: 2px;
	z-index: 10;
}

/* END Foreign Language Statistik Trend View */



.foreign_social_interaction_box{
	width: 219px;
	background: #22385a;
	display: inline-block;
	margin: 14px;
	position: relative;
	padding: 13px;
	margin-bottom: 12px;

}

.foreign_social_interaction_box a{
	color: white;
	text-decoration: none;
}

.foreign_social_interaction_box h2.foreign_social_interaction_header{
	font-size: 20px;
	text-shadow: none;
	color: white;
}

#headlanguagetitle{
font-size: 0.7em;

}

.social_div a:hover {
    opacity: 0.6;
}

body.controller-showstart .videoinfo-tabs-wrapper .vid_desc{
	display: none;
	/* Positioning the tab-container under the video player */
	width: auto;
	margin-bottom: 1.5rem;
}


@media only screen and (max-width: 1375px)
{
    #azk12-werbe-banner {
        left: auto;
        right: -176px;
        top: 156px;
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);
    }
}


/*related language only with flag */
.related-languages-container.only-flags {
	padding: 0px 0px 1px 6px;
	width: 100%;
	position: relative;
	margin-top: 2px;
	display: inline-block;
}

.top10_first_item .related-languages-container.only-flags {
	background: var(--blue-primary);
}

.related-languages-container.only-flags .related-languages-flag {
	width: 25px;
}

.related-languages-container.only-flags .related-languages-flag-title {
	color: #fff;
	font-weight: 600;
	font-size: 1.4rem;
}

.related-languages-container.only-flags .related-language {
	text-decoration: none;
}

/*related language with flat + title*/
.related-languages-container.flag-title{
	padding: 6px 7px;
	margin-top: 6px;
	padding-bottom: 2px;
	display: flex;
	flex-wrap: wrap;
	max-height: 140px;
	overflow: hidden;
}
/*adjust bottom white border for themeblock view*/
.video-main-block .related-languages-container.flag-title{
	margin-bottom: -3px;
}
.related-languages-container.flag-title .related-language{
	flex: 0 0 24%;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFF !important;
	text-decoration: none;
	margin-left: 0.3%;
	margin-bottom: 7px;
	margin-left: 0.6%;
	display: flex;
    align-items: center;
}
.related-languages-container.flag-title a.related-language:hover{
	color: rgb(220, 222, 241) !important;
}

.related-languages-container.flag-title img {
    width: 22px;
    margin-right: 5px;
}

.related-languages-container.flag-title .langTitle {
    font-size: 14px;
    color: white;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Hotfix: Remove addtional language information in brackes for German */
.related-languages-container .related-language[data-lang-original^="Deutsch"] .related-language-extension{
	display: none;
}

.related-languages-container .related-language .related-language-extension{
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	margin-left: 3px;
}


.languageViewThemeTitel{
	float: left;
	width: 180px;
	/*overflow: hidden;
	text-overflow: ellipsis;*/
	white-space: nowrap;
	text-decoration: none;
	margin-left: 0.3%;
	margin-top: -15px;
	margin-left: 5px;
	display: inline-block;
	font-size: 0.9em;
}
#upsnoVideo{
    font-size: 18px;
    font-weight: bold;
    border: 2px grey solid;
    margin: 50px 0 80px 0px;
    display: block;
    padding: 23px;
}

.broadcast-shortlink {
	color:  #00325d;
	font-style: italic;
	font-size: 14pt;
	padding: 0px 0px;
	margin: 2px 0 0px 0;
	display: block;
}

.showlanguageThemeHeaderDiv {
	width: 202px;
	position: relative;
	margin: 18px 0 8px 3px;
	overflow : hidden;
	height: 28px;
	/*from:

	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;*/
}

/* Videosnippet START*/

.social-share-buttons_small{
	font-size: 20px;
	font-weight: 600;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	width: 30px;
	padding: 5px;
	text-align: center;
	color: #fff !important;
	display: inline-block;
	margin: 2px 1px 0 0;
}

.social-share-peertube-button-img{
	width: 30px;
	margin-left: 12px;
	margin-top: -3px;
	margin-bottom: -7px;
}

.social-share-peertube-content-img{
	height: 34px;
	margin-left: -4px;
	margin-top: -6px;
}

.social-share-buttons{
	font-size: 35px;
	font-weight: 500;
	-webkit-border-radius: 100%;
	        border-radius: 100%;
	padding: 10px 4px 10px 4px;
	width: 55px;
	text-align: center;
	color: #fff !important;
	display: inline-block;
	margin: 0px;
	margin-bottom: 2px;
	height: 55px;
	margin-right: 4px;
	cursor: pointer;
}
.social-share-content{
	font-size: 25px;
	font-weight: 500;
	-webkit-border-radius: 1%;
	        border-radius: 1%;
	padding: 9px 4px 10px 4px;
	width: 100%;
	text-align: center;
	color: #fff !important;
	display: inline-block;
	margin: 0px;
	margin-bottom: 2px;
	height: 43px;
	margin-right: 4px;
	font-family: 'Open sans', sans-serif;
}
#social-share-content-ktv {
	padding-bottom: 20px;
}
.further-content-share-ktv {
	margin: 0px 0px 0px 0px;
}
.further-content-share-ktv > div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.further-content-share {
	margin: 0px 0px 10px 0px;
}
.further-content-share > div {
	margin: 0px 0px 0px 0px;
}
.social-share-svg-div {
	padding-bottom: 5px;
}
.social-share-svg-div > svg {
	height: 26px; 
	width: 30px; 
	margin-top: -3px; 
	margin-left: auto; 
	margin-right: auto; 
	display: inherit;
}
.social-share-border {
	border: 1px solid ; 
}
.social-share-ktv{
	background-color: #365581;
	/* border-color: #365581; */
}
.social-share-embed{
	background-color: #333333;
	/* border-color: #333333; */
	/* border-left-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid; */
	/* color: #fff !important; */
}
.social-share-mail{
	background-color: #5134E9 ;
	/* border-color: #5134E9; */
}

.social-share-peertube{
	background-color: #9B9B9B;
	border-color: #9B9B9B;
}

.social-share-odysee{
	background-color: #ed7c59;
	border-color: #ed7c59;
}

.social-share-content-odysee-icon {
	width: 32px;
	margin-top: -5px;
	border-radius: 50%;
}

.social-share-youtube{
	background-color: #f33d2e;
	border-color: #f33d2e;
}

.social-share-vimeo{
	background-color: #55cde3;
	border-color: #55cde3;
}

.social-share-facebook{
	background-color: #3f5fa4;
	border-color: #3f5fa4;
}

.social-share-twitter{
	background-color: #000000;
	border-color: #000000;
}

.social-share-google-plus{
	background-color: #e44d41;
	border-color: #e44d41;
}

.social-share-whatsapp{
	background-color: #73d660;
	border-color: #73d660;
}

.social-share-vk{
background-color: #5280b0;
border-color: #5280b0;
}

.social-share-rss{
	background-color: #f9a043;
	border-color: #f9a043;
}

.social-share-telegram{
	background: #2ba0da;
	padding-top: 9px;
	padding-bottom: 6px;
	padding-left: 0px;
}

.social-share-buttons_small.social-share-telegram{
	padding-bottom: 4px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
}
.social-share-buttons_small.social-share-telegram svg{
	margin-top: -4px;
	margin-left: -1px;
}

.social-share-odysee-button {
	border-radius: 50%;
	width: 55px;
	margin-top: -10px;
	margin-left: -4px;
}

.social-share-bitchute{
	background: #ef4137;
	/*padding-top: 8px;
	padding-bottom: 6px;*/
	padding: 0;
}

.social-share-buttons_small.social-share-bitchute{
	padding-bottom: 4px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
}
.social-share-buttons_small.social-share-bitchute svg{
	margin-top: -4px;
	margin-left: -1px;
}

.social-share-instagram{
	/* Radient from here: https://codepen.io/thomasrye/pen/VaRoYv*/
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.social-share-sms{
	background: #ff8800;
}

.social-share-button-label{
	text-align: center;
	padding-right: 3px;
	color: gray;
}

.social-share-button-label-peertube, .social-share-button-label-odysee {
	margin-top: -5px;
}

#embedCode{
	margin-top: -54px;
}

.social-info-tokken{
	font-size: 16pt !important;
	margin: 3px;
	color: black;
}

.socialsvideo{
	margin-bottom: 14px;
	margin-top: 12px;
}


.votesup-image{
	width: 50px;
	cursor: pointer;
	margin: 0 10px 0 5px;
	float: right;
	display: block;
}
.votesup-image:hover
{
	opacity: 0.75;
}

.voteUpText
{
	margin: 16px 0 0 12px;
	display: block;
	float: left;
	cursor: pointer;
}

.voteUpText:hover
{
	opacity: 0.75;
}

.voteup-inner-inner-div
{
	padding: 0 5px 5px 5px;
	height: 100%;
	width: 100%;
}
.voteup-inner-div
{
	padding: 5px;
	padding-bottom: 6px;
	/*cross-browser min-width hack: http://stackoverflow.com/questions/266015/css-floats-how-do-i-keep-them-on-one-line*/
	min-width:100px; width: auto !important; width: 100px;
}


.voteup-big-div {
	height: 60px;
	color: white;
	font-size: 18px;
	padding: 0;
	overflow: hidden;
	right: 0;
	position: relative;
	display: block;
	width: 450px;
}

#videosnippet_embedcode_div{
	display:none;
}

#videosnippet_embedcode_toggle{
	cursor: pointer;
}
/* Videosnippet END*/

/* search autocompletion */
.mass-auto{
	position: relative;

}

.ac-menu{
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

div div ul li.ac-menu-item{
	min-height: 80px !important;
	color: #666;
	background: white !important;
	padding: 0 !important;
}

div div ul li:last-child {
	min-height: 0 !important;
}

div .ac-container .ac-menu:empty {
	min-height: 0 !important;
}




div.ac-container ul.ac-menu li.ac-menu-item.ng-scope:hover,
div.ac-container ul.ac-menu li.ac-menu-item.ng-scope.ac-state-focus {
	text-decoration: none;
	background: #00325d !important;
}

div.ac-container ul.ac-menu li.ac-menu-item.ng-scope.ac-state-focus .ac-title .ac-title-p,
div.ac-container ul.ac-menu li.ac-menu-item.ng-scope.ac-state-focus .ac-link {
	color: #fff;
}

div.ac-container ul.ac-menu li.ac-menu-item.ng-scope.ac-state-focus .ac-title-empty .ac-title-empty-p,
div.ac-container ul.ac-menu li.ac-menu-item.ng-scope.ac-state-focus .ac-link {
	color: #fff;
}

.mass-auto .ac-container{
	z-index: 10000000;
	position: absolute;
	width: 100% !important;
	top: 50px !important;
	left: 0 !important;
	display: none !important;
}
.searchfullwidth .mass-auto .ac-container {
	display: inline !important;
}

.searchfullwidth ul{
	display: block !important;
}

.vue-autosearch-input {
	font-size: 17px;
    padding: 3px 3px 3px 7px;
    height: 32px;
    border: none;
    background: none;
    margin-top: 2px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    position: absolute;
    width: 100%;
    border-width: 0px;
    border: none;
    box-shadow: none;
    outline: none;
}


.sticky .mass-auto .ac-container {
	top: 33px !important;
}


.mass-auto .ac-container .ac-menu{
	display: block;
	width: 100%;
}
div .ac-container .ac-menu {
	min-height: 59px;
	padding: 0;
	/*border: 1px solid #ccc;*/
	list-style: none;
	background-color: white;
	-webkit-box-shadow: 0 3px 7px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 3px 7px 0px rgba(0, 0, 0, 0.15);
	margin: 0;
}

div div ul li.ac-menu-item .ac-link {
	font-style: italic;
	font-size: 12pt;
	display: block;
	margin: -9px 0 0 106px;
	padding: 0;
}

div div ul li.ac-menu-item .ac-title-p{
	line-height: 100%;
	margin: 1px 0 0 0;
	padding: 0;
}

.search-item-inner{
	    color: #666;
}

.search-item-inner:hover{
	color: #fff;
}
.ac-menu-item{
color: #666 !important;
}
li.ac-menu-item:hover{
	color: #fff;
}



.ac-img{
	margin: 1px 5px 0 5px;
}

div div ul li.ac-menu-item {
	border-bottom: 1px dotted #ccc;
	line-height: 35px;
	margin: 0;
}
div div ul li.ac-menu-item:last-child {
	border-bottom: 0;
}

.ac-container .ac-menu .ac-menu-item a:hover {
    background: none;
    text-decoration: none;
}

.ac-container .ac-menu .ac-menu-item:hover .ac-title .ac-title-p,
.ac-container .ac-menu .ac-menu-item:hover .ac-link
{
    color: #fff;
}

.ac-container .ac-menu .ac-menu-item:hover .ac-title-empty .ac-title-empty-p,
.ac-container .ac-menu .ac-menu-item:hover .ac-link
{
	color: #fff;
}

.ac-title-date{
	font-style: italic;
	font-size: 12pt;
}

.ac-title-empty{
	color: #666;
}

.ac-title-empty:hover{
	color: #fff;
}

.ac-title-empty-p{
    padding: 0 5px;
    font-size: 13pt;
    margin: 0;

}

div div ul li.ac-menu-item a .ac-title-empty{
	min-height: 0px;
}

.bootbox-input{
	width: 400px !important;
}


/*Workaround Exchange Video Definitionen - START*/
#exchvid_notice_convmail{
	width: 661px;
	display: inline-block;
	float: right;
	background-color: yellowgreen;
	color: black;
	border: 2px black dotted;
	padding: 2px;
	position: relative;
	left: -250px;
	font-size: 19px;
}


#ubernehmen{
	left: 503px;
	font-size: 19px;
	top: 175px;
}

#forJQueryTree{
	position: relative;
	margin: 0 0 0 25px;
}

#forUbernehmenButton{
	left: 394px;
	font-size: 19px;
	top: 178px;
	text-space: 2px;
}

#mailti{
	position: absolute;
	top: 177px;
	left: 20px;
}
#videoerr{
	position: absolute;
	top: 185px;
	left: 20px;
}

.content_full_width #mediaplayer {
	min-height: 510px;
}

/*Workaround Exchange Video Definitionen - END*/

/*PlayList Slider overrides*/

.playlist-slider {
	position: relative;
	padding: 10px 0;
	background: #fff;
	max-height: 0;
	opacity: 0;
}

.playlist-slider.slick-slider {
    max-height: unset;
    opacity: 1;
	/* max-height: 200px; */
}

.playlist-slider.slick-dotted {
	margin-bottom: 70px;
}

.playlist-slider .modern_four_col_large {
	margin: 0;
	width: 100%;
	height: auto;
}

.playlist-slider .preload_four_col_large {
	margin: 0;
	width: 100%;
}

.playlist-slider .viewport {
	margin: 0;
	width: inherit;
	float: none;
}

.playlist-slider .viewport .active-item{
	background: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 2px solid #000;
	z-index: 1000;
}

.playlist-slider .viewport .light-background {
	left: 21px;
}

.playlist-slider .viewport #play_button_small, .playbutton-small {
	margin: 0;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: 100;
}

.aboutus-image {
	position: relative;
}

.aboutus-image:hover .playbutton-small {
	opacity: 0.85;
}

.playlist-slider .viewport a img {
	margin: 0 auto;
}

.playlist-slider .themeVidTimePlaylist {
	right: 0px;
	bottom: 20px;
	margin: 0;
}

.playlist-slider .description {
	margin: 3px 21.5px 0;
	/* margin-left: 21px; */
	color: #000000;
}

.playlist-slider .description > span {
	/* display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	height: 76px; /* muss man vielleicht noch überdenken :) */
	overflow: hidden;
	width: 212px !important;
}

/* .playlist-slider .description span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
} */

.playlist-slider button {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 60px;
	border: none;
	outline: none;
	color: transparent;
	cursor: pointer;
	z-index: 10;
}

.playlist-slider button.slick-prev {
	left: -72px;
	background: url(images/slick-playlist/arrow-prev_new.png) transparent 4px 40% no-repeat;
}

.playlist-slider button.slick-next {
	right: -72px;
	background: url(images/slick-playlist/arrow-next_new.png) transparent 6px 40% no-repeat;
}

.playlist-slider .slick-dots {
	position: absolute;
	bottom: -45px;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.playlist-slider .slick-dots li {
	margin: 0 2px;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

.playlist-slider .slick-dots li button {
	width: 20px;
	height: 20px;
	background: transparent;
	padding: 0;
}

.playlist-slider .slick-dots li button:before {
	font-size: 58px;
	line-height: 20px;
	content: "•";
	text-align: center;
	opacity: 0.25;
	color: black;
	-webkit-font-smoothing: antialiased;
}

.playlist-slider .slick-dots li.slick-active button:before,
.playlist-slider .slick-dots li:hover button:before {
	color: #304C73;
	opacity: 0.9;
}

.playlist-slider .preload_four_col_large #play_button_small {
	transition: .6s;
}

.playlist-slider .preload_four_col_large:hover #play_button_small {
	opacity: 0;
}

/*PlayList Slider overrides - END*/

/*.controller-showtodaybroadcast #mediaplayer_wrap {
	width: 940px;
	height: 510px;
}*/

	/*.controller-showtodaybroadcast .content_full_width {
		width: 100%;
		height: 100%;
	}*/

.displaynone {
	display: none;
}

.aboutus_download{
	margin-top: 7px;
	margin-right: 39px;
}


/* **** CONTROLLER BASED MODIFICATIONS *** */

/* showthemeblock views: decrease top padding between content and navigation */
body.controller-showtodaybroadcast #main .main-area,
body.controller-showthemeblock #main .main-area,
body.controller-showmediacomment #main .main-area,
body.controller-showdocumentary #main .main-area,
body.controller-srf-vs-klatv #main .main-area
{
	padding-top: 0px;
}

body.controller-showtodaybroadcast #main .content-row.tabs-content,
body.controller-showthemeblock #main .content-row.tabs-content,
body.controller-showmediacomment #main .content-row.tabs-content,
body.controller-showdocumentary #main .content-row.tabs-content{
	margin-top: 20px
}



/******** START Trendlist ********/
.trendtinyboxcontainer {

}
.trendtinybox {
	width: 230px;
	padding: 7px;
	min-height: 200px;
}
.trendtinylayer {
	background: rgba(0,0,0,0.4);
	position: absolute;
	height: 122px;
	width: 217px;
}
.trendpicturemin {
	width: 217px;
}
.trendtinybox h5 {
	text-align: center;
	line-height: 21px
}
.trendlayer {
	position: absolute;
	height: 250px;
	width: 416px;
	padding: 10px;
	z-index: 5;
	margin-left: 5px;
}
.trendtextplayer {
	background-color: rgba(3,62,78,0.7);
	padding: 2px;
	color: white;
}
.trendplayericonmin {
	margin-top: 35px;
	margin-left: 78px;
	width: 60px;
	position: absolute;
	z-index: 5;
}
.trendbtn_broadcasts {
	border: 2px solid #00325d;
	/*width: 211px;*/
	font-size: 20px;
	padding: 8px;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;

	display: inline-block;

	color: #00325d;
	text-decoration: none;

	background-color: rgba(255,255,255,0);
	-webkit-transition: background-color .4s ease-in;
	-ms-transition: background-color .4s ease-in;
	-mox-transition: background-color .4s ease-in;
	-o-transition: background-color .4s ease-in;
}

a.trendbtn_broadcasts.inverse{
	color: #22385a !important;
	border-color: #22385a;
}

.trendbtn_broadcasts:hover {
	color: #fff;
	text-decoration: none;

	background-color: #00325d;
	-webkit-transition: background-color .4s ease-in;
	-ms-transition: background-color .4s ease-in;
	-mox-transition: background-color .4s ease-in;
	-o-transition: background-color .4s ease-in;
}

a.trendbtn_broadcasts.inverse:hover{
	color: #fff !important;
}

.trendbtn_broadcasts.btn_small {
	font-size: 14px;
	padding: 3px;
}

.trendsbox {
	display: none;
}


.trendblacklayer {
	background: rgba(0,0,0,0.1);
	position: absolute;
	height: 245px;
	width: 436px;
	margin-left: 5px;
}


/*grosser Player*/
.trendicon {
	margin-left: 154px;
	margin-top: 80px;
	background-repeat: no-repeat;
	background-image: url(images/2018/player-icon-blank_80px.jpg);
	height: 80px;
	opacity: 0.9;
}

.trendplayericon {
	margin-left: 154px;
	margin-top: 80px;
	background-repeat: no-repeat;
	height: 80px;
	background-image: url(images/2018/player-icon_80px.jpg);
	display: none;
	opacity: 0.9;
}

.trendicon span {
	font-size: 60px;
	color: white;
	position: absolute;
	margin-left: 40px;
	margin-top: 30px;
}

.trendVidTime {
	background: none repeat scroll 0 0 black;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bolder;
	color: white;
	position: absolute;
	top: 226px;
	right: 0;
}

.trendKlaLink {
	background: none repeat scroll 0 0 #00325d;
	padding: 4px 10px;
	font-size: 17px;
	font-weight: bolder;
	color: white;
	position: absolute;
	left: 0;
	bottom: 0;
}

.trendbottomlayer {
	position: absolute;
	height: 245px;
	width: 436px;
	margin-left: 5px;
}


/*kleine Player*/
.trendtinyicon {
	margin-left: 78.5px;
	position: absolute;
	margin-top: 44.5px;
	background-repeat: no-repeat;
	background-image: url(images/2018/player-icon-blank_80px.jpg);
	-webkit-background-size: contain;
	        background-size: contain;
	height: 45px;
	width: 60px;
	z-index: 5;
	opacity: 0.9;
}
.trendtinyplayericon {
	margin-left: 78.5px;
	position: absolute;
	margin-top: 44.5px;
	background-repeat: no-repeat;
	background-image: url(images/2018/player-icon_80px.jpg);
	-webkit-background-size: contain;
	        background-size: contain;
	height: 60px;
	width: 60px;
	z-index: 5;
	display: none;
	opacity: 0.9;
}

.trendtinyicon span {
	font-size: 40px;
	color: white;
	position: absolute;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}

.trendtinyVidTime {
	background: none repeat scroll 0 0 black;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bolder;
	color: white;
	position: absolute;
	top: 103px;
	right: 0;
}

.trendtinyKlaLink {
	background: none repeat scroll 0 0 #00325d;
	padding: 2px 7px;
	font-size: 14px;
	font-weight: normal;
	color: white;
	position: absolute;
	left: 0;
	top: 99px;
}

.trendtinybottomlayer {
	position: absolute;
	height: 125px;
	width: 217px;
}

/******** END Trendlist ********/

/**** START Trend View in Menu ******/

.menu_trendicon{
    margin-left: 99px;
    margin-top: 50px;
    background-repeat: no-repeat;
    background-image: url(images/2018/player-icon-blank_80px.jpg);
    height: 80px;
    opacity: 0.9;
	width: 117px;
}


.menu_trendlayer{
	    position: absolute;
    height: 157px;
    width: 395px;
    padding: 10px;
    z-index: 5;
    margin-left: 5px;
}

.menu_trendbottomlayer{
	position: absolute;
    height: 194px;
    width: 346px;
    margin-left: 5px;
}

.menu_trendVidTime{
	background: none repeat scroll 0 0 #000;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bolder;
    color: white;
    position: absolute;
    top: 173px;
    right: 0;
    height: 18px;
    padding-top: 6px;
}

.menu_trendKlaLink{
	background: none repeat scroll 0 0 #00325d;
    padding: 4px 10px;
    font-size: 17px;
    font-weight: bolder;
    color: white;
    position: absolute;
    left: 0;
    bottom: 0;
}

.menu_trendblacklayer{
	height: 195px;
	width: 347px;
	background: rgba(0,0,0,0.1);
	position: absolute;
	height: 270px;
	width: 436px;
	margin-left: 5px;
}

.menu_trendicon span {
	font-size: 60px;
	color: white;
	position: absolute;
	margin-left: 40px;
	margin-top: 30px;
}

.menu_trendplayericon {
    margin-left: 99px;
    margin-top: 50px;
    background-repeat: no-repeat;
    height: 80px;
    background-image: url(images/2018/player-icon_80px.jpg);
    display: none;
	opacity: 0.9;
}


nav ul li a.menu_trendimage_a{
	font-weight: normal;
}


/**** END Trend View in Menu ******/


#st_areaHeaders_aktSBl, #st_areaHeaders_akDok, #st_areaHeaders_aktEmpf , .showstart_areaHeaders{
	font-size:  3.5em !important;
}


/* JW Player: transparent play button over start image */
.jw-state-idle > .jw-controls >  .jw-display-icon-container{
	opacity: 0.7;

	-webkit-transition: opacity .2s ease-in;
	-ms-transition: opacity .2s ease-in;
	-mox-transition: opacity .2s ease-in;
	-o-transition: opacity .2s ease-in;
}
.jw-state-idle > .jw-controls >  .jw-display-icon-container:hover{
	opacity: 1;
}


.main_menu_startsite_scroll_anchor{
	cursor: pointer;
}

/**************************/
/*Moderatoren/Studio Hover*/
/**************************/

.moderator_hover_studio{
	margin-top: 98px;height: 13px;
}

.moderator_hover_box .moderator_hover_studiotxt {
	font-size: 16px;
	color: white;
	text-decoration: none !important;
	display: inline;
	width: 100%;
	position: relative;
	padding: 0;
	top: 3px;
}

.moderator_hover_box .moderator_hover_studiolang {
	text-align: center;
}

.moderator_hover_box .moderator_hover_studio {
	background-color: #00325d;
	height: 26px;
	padding: 2px;
	margin-top: 128px;
	opacity: 0;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s; /* Safari */
	z-index: 1;
	position: absolute;
	width: 100%;
}

.moderator_hover_box {
	width: 100%;
	position: absolute;
	z-index: 100;
}

.moderator_hover_box .moderator_hover_image {
	position: absolute;
	top: 25px;
	opacity: 0;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s; /* Safari */
}

.moderator_hover_box .moderator_hover_light {
	position: absolute;
	opacity: 0;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s; /* Safari */
}

.moderator_hover_playericon {
	background-repeat: no-repeat;
	height: 40px;
	background-image: url(images/2018/player-icon_80px.jpg);
	position: absolute;
	left: 110.25px;
	width: 56.5px;
	opacity: 0.7;
	-webkit-background-size: contain;
	        background-size: contain;
}

.thumbnail_theme_blur {
	-webkit-transition: -webkit-filter 0.5s, -webkit-transform 0.5s;
	transition: -webkit-filter 0.5s, -webkit-transform 0.5s;
	-o-transition: filter 0.5s, transform 0.5s;
	transition: filter 0.5s, transform 0.5s;
	transition: filter 0.5s, transform 0.5s, -webkit-filter 0.5s, -webkit-transform 0.5s;
	-webkit-transition: filter 0.5s, transform 0.5s; /* Safari */
}

.preview_hover_box {
	width: 100%;
	position: absolute;
	z-index: 100;
}

.preview_hover_box .preview_img {
	position: absolute;
	opacity: 0;
	/*-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s; /* Safari */
}

/********Hover-END********/

/*Picture Download*/
.picture-download {
	width: 220px;
	display: flex;
	float: right;
	flex-direction: column;
	align-items: flex-end;
}
.picture-download-thumb {
	margin-bottom: 12px;
	width: 275px;
}

.download-section-left {
	width: auto;
	float: left;
}

.download-section > button[data-toggle="modal"] {
	color: #456793;
	background: #eeeeee;
	border-color: #ccc !important;
}

.download-section > button[data-toggle="modal"] .h3 {
	font-family: inherit;
}

#klatvDownloadImageTabs a:first-letter, .download-quality-title:first-letter {
	text-transform: uppercase;
}

.picture-download_symbol-field, .text-download_symbol-field {
	width: 38px;
	float: left;
	padding: 5px;
}

.picture-download_button, .text-download_button {
	border: solid #cccccc 1px;
	padding: 5px;
	width: 190px;
	display: inline-block;
	margin-bottom: 5px;
	margin-left: 4px;
	color: #456793;
}

.text-download_button {
	margin-top: 5px;
	margin-bottom: 0;
}

.download-box {
	color: #456793;
	line-height: 14px;
	padding: 5px;
	cursor: pointer;
	overflow-x: visible;
	display: flex;
	align-items: center;
}

.download-box__txt1 {
	font-size: 20px;
    line-height: 27px;
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
}

.download-box__txt2  {
	font-size: 14px;
    display: block;
    line-height: 27px;
    float: left;
    margin-left: 10px;
}

.download-box__txt3  {
	font-size: 12px;
}

.download-box__image {
	font-size: 27px;
	padding-right: 6px;
}

.modal[id^="klatvDownload"] {
	font-size: 14px;
}

.modal[id^="klatvDownload"] .form-control, [id^="klatvDownload"] .btn {
	font-size: 1em;
}

.modal[id^="klatvDownload"] .form-control {
	height: calc(2.1em + 2px);
}

.modal#klatvDownloadSubtitle {
	overflow-y: hidden;
}

.modal#klatvDownloadSubtitle .modal-content {
	height: calc(100% - 2 * 1.75rem);
}

.modal#klatvDownloadSubtitle .modal-body {
	overflow-y: hidden;
}

.modal#klatvDownloadSubtitle #klatvDownloadSubtitleTabsContent {
	overflow-y: auto;
}

/*Showmultinewsletter*/

.newsletterMultiViewStandart{
	/*width: 1307px;
	left: -157px;*/
	position: relative;
}


.iframeDivBlackBackgroundSmall, .iframeDivBlackBackgroundBig{
	/*background: rgba(140,150,166,1);

	box-shadow: 8px 14px 31px rgb(89, 106, 130);*/
	position: absolute;

	cursor: pointer;
}



.iframeDivBlackBackgroundSmall{
	height: 240px;
    width: 86%;
    margin-left: -2px;
}

.iframeDivBlackBackgroundBig{
	height: 750px;
	width: 600px;
}

.closeZoomViewSpan{
	background: #5959b5;
	font-size: 37px;
	color: white;
	padding: 21px;
	position: absolute;
	left: -257px;
	border: 1px solid white;
	cursor: pointer;
}

.newsletter_multi_iframe {
	width: 430%;
	height: 931px;
	margin-top: -14px;
	margin-left: -9px;
	zoom: 1.00;
	-moz-transform: scale(0.25);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.25);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.25);
	-webkit-transform-origin: 0 0;
	overflow-x: hidden;
	margin-bottom: -125px;
}
.newsletter_multi_iframe_big{
	width: 625px;
	margin-top: -47px;
	margin-left: -25px;
	height: 1002px;
	zoom: 1.00;
	-moz-transform: scale(1);
	-moz-transform-origin: 0 0;
	-o-transform: scale(1);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(1);
	-webkit-transform-origin: 0 0;
	overflow-x: hidden;
}

.newsletterLabelBig,.newsletterLabelSmall{
	position: relative;
	padding-left: 30px;
	color: white;
	padding-top: 5px;
	text-decoration: none;
}
.newsletterLabelBigYear
 {
	position: absolute;
	margin-left: 526px;
	display: inline-block;
	margin-top: -2px;
 }

.newsletterLabelSmallYear
{
	position: absolute;
	margin-left: 50px;
	font-size: 15px;
	display: inline-block;
	margin-top: -3px;
}

.newsletterLabelBigKW{
	margin-left: 236px;
	position: absolute;
	margin-top: -2px;
}
.newsletterLabelSmallKW{
	margin-left: -3px;
	position: absolute;
	font-size: 15px;
	margin-top: -3px;
}


.newsletterLabelSmall{
	top: -580px;
	width: 150px;
	font-size: 18px;
	height: 22px;
	margin-left: -2px;
}

.newsletterLabelBig{
	top: -228px;
	font-size: 20px;
	height: 24px;
	margin-left: -15px;
	margin-right: 12px;
}


.newsletter_multi_iframe_div_Big {
	float: left;
	overflow: hidden;
	width: 645px;
	height: 756px;
}

.newsletter_multi_iframe_div{
	float: left;
}

.main_menu_newsletter_anchor{
    cursor: pointer;
}
.newsletter_multi_iframe:hover{
	z-index: 0;
	background-color: black;
}

.newsletterViewArrowCanvasShow{
    opacity: 1;
}

.newsletterViewArrowCanvasPale{
    opacity: 0.5;
}

.newsletterCanvasClass{
	height: 171px;
	width: 72px;
	position: relative;
	float: left;
	margin-left: 10px;
	margin-top: 150px;

}

.newsletterCanvasClass.clickable{
	cursor: pointer;
}


.iframeDivBlackBackgroundSmall:hover {
	background: #e0e0e070;
	-webkit-background-size: 140px 140px;
	        background-size: 140px;
	z-index: 10;
}

/*.iframeDivBlackBackgroundBig:hover {
	background-repeat: no-repeat;
	background-size: 170px;
	background-position-x: 252px;
	background-position-y: 330px;
}*/

.newsletter_multi_iframe_zoom{
	width: 820px;
	height: 1250px;
}
.newsletter_multi_iframe_div_zoom{
	position: absolute;
	top: 10%;
	left: 37%;

}
.newsletterBigBlackBackground{
	width: 300%;
	background-color: black;
	z-index: 140;
	height: 1420px;
	position: absolute;
	top: -360px;
	left: -100%;
	opacity: 1;
}
.newsletter_multi_littleBox_sel{
	background-color: #353586;
	color:white;
	display: inline-block;

	margin: 0 12px;
	padding: 0 6px;
	font-size: 14px;
	cursor: pointer;
}
.newsletter_multi_littleBox{
	display: inline-block;
	margin: 0 12px;
	padding: 0 6px;
	color: #353586;
	background-color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.newsletter_multi_littleBox:hover{
	background-color:#353586;
	color:white;
	-webkit-transition-delay: 0.2s;
	     -o-transition-delay: 0.2s;
	        transition-delay: 0.2s;
	-webkit-transition-duration: 0.4s;
	     -o-transition-duration: 0.4s;
	        transition-duration: 0.4s;
}

.policy_link{
	color: #00325d;
    text-decoration: underline;
}


.newletter_policy_text_notice .policy_link{
	color: #E0E0E0;
    text-decoration: underline;
}

#ouibounce-modal .newletter_policy_text_notice .policy_link {
	color: black;
}

.newletter_policy_text_notice{
	font-size: 11px;
	color: white;
	margin-top: 3px;
    display: block;
    line-height: 1.2;
}

/* MARQUEE */
.marquee {
	width: 100%;
	height: 45px;
	overflow: hidden;
	color: #000;
	background-color: #73d660;
	font-size: 1.6em;
	padding-top: 12px;
	margin-bottom: 12px;
	position: relative;
	z-index: 280;
	opacity: 0;
	-webkit-transition: .75s;
	-o-transition: .75s;
	transition: .75s;
}

.marquee a {
	color: #000;
}

.marquee.show {
	opacity: 1;
}

.marquee::before {
	content: "";
	background-color: #73d660;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 25px;
	z-index: 300;

	background: rgb(115,214,96); /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(115,214,96,1) 0%,rgba(115,214,96,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(rgba(115,214,96,1)),to(rgba(115,214,96,0)));
	background: -o-linear-gradient(left, rgba(115,214,96,1) 0%,rgba(115,214,96,0) 100%);
	background: linear-gradient(to right, rgba(115,214,96,1) 0%,rgba(115,214,96,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#73d660',GradientType=1 ); /* IE6-9 */
}

.marquee::after {
	content: "";
	background-color: #73d660;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 25px;
	z-index: 300;

	background: rgb(115,214,96); /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(115,214,96,0) 0%,rgba(115,214,96,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(rgba(115,214,96,0)),to(rgba(115,214,96,1)));
	background: -o-linear-gradient(left, rgba(115,214,96,0) 0%,rgba(115,214,96,1) 100%);
	background: linear-gradient(to right, rgba(115,214,96,0) 0%,rgba(115,214,96,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#73d660',GradientType=1 ); /* IE6-9 */
}

/****Hashtags****/
#hashtag_list_view {
	align-content: flex-start;
	min-height: 50vh;
}

.hashtag_elem .hashtag_imgbox > img {
	width: 100%;
	/* max-height: 159px; */
}
.hashtag_hover_count {
	height: 100%;
	position: absolute;
	right: 0;
	width: 40%;
	background-color: rgba(0,0,0,0.6);
	color: white;
}
.hashtag_hover_play {
	height: 100%;
	position: absolute;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	color: white;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.hashtag_hover_play:hover {
	opacity: 1;
}
.hashtag_imgbox {
	position: relative;
}
.hashtag_hover_icon {
	font-size: 20px;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}
.hashtag_hover_text {
	top: 50%;
	left: 50%;
	position: absolute;
	font-size: 16px;
	transform: translate(-50%, -50%);
}

.css-tooltip {
	position: relative;
	display: inline-block;
}
.css-tooltip .tooltiptext {
	visibility: hidden;
	min-width: 50%;
	max-width: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	color: #000;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 0;
	border: 1px solid black;
}
.css-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 25%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}
.css-tooltip:hover .tooltiptext {
	visibility: visible;
	z-index: 1000;
}
.select2 {
	font-size: 20px;
	min-width: 300px !important;
}

.ac-container .ac-menu a{
	padding: 0px;
}
.ac-container .ac-menu a .search-item-inner{
	padding: 10px 20px 10px 5px;
}

/* Style filter */

#playlist_search_hashtags_wrapper {
	background-color: #E0E0E0;
	display: flex;
	align-items: center;
}

#playlist_search_hashtags_wrapper i {
	cursor: pointer; font-size: 20px; padding-right: 3px;
}

.select2-container .select2-selection--single{
	background: #e0e0e0 !important;
	border-radius: 0px !important;
	border: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	vertical-align: middle !important;
}

.select2-dropdown{
	border-radius: 0px !important;;
	width: 60vw !important;
}
.select2-search--dropdown{
	background: #e0e0e0 !important;
}
.select2-search__field{
	background: #e0e0e0 !important;
	border: 0px !important;
	border-bottom: 1px solid black !important;
	font-size: 27px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #00325d !important;
}
.select2-results__option{
	background: #00325d;
	color: #fff;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	padding: 12px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background: #0d4f92 !important;
}
.select2-results__options{
	max-height: 60vh !important;
}
#playlist_search_hashtags_wrapper .select2-selection__placeholder {
	color: #6c757d !important;
}

#playlist_search_hashtags_wrapper  .select2-selection__arrow{
    z-index: 1;
    background: transparent;
    width: 80px;
}

#playlist_search_hashtags_wrapper  .select2-selection__arrow b{
    	display: none !important;
}

.select2-selection__placeholder {
	color: black !important;
}

.select2-container--open .select2-dropdown--below{
	border: 0px !important;
	/*box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.07);*/
	/*box-shadow: -3px 5px 13px 0px rgba(0, 0, 0, 0.39);*/
	/*box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);*/
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.select2-container.select2-container--open:not(.select2-container--below){
	position: fixed !important;
	top: 30vh !important;
	left: 20% !important;
	z-index: 10000;
}

body.filter-on #wrapper{
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	opacity: 0.3;
}


.a-z-search {
	display: flex;
	background-color: #EAEAE4;
}

.hashtag_filter_btn {
	background: white;
	border-radius: 2px;
	padding: 5px;
	min-width: 12px;
	margin: 1px;
	color: #222222;
	flex-grow: 1;
	text-align: center;
	font-weight: bolder;
	font-size: 16px;
}

.hashtag_filter_btn.active, .hashtag_filter_btn:hover {
	background: #a2a2a2;
	color: white;
}

.hashtag_filter_btn.disabled {
	background: #EAEAE4;
	opacity: .5;
}

.hashtag-elem-wrapper {
	background: white;
}

.hashtag_elem {
	border-bottom: 1px solid #7A757D;
	background: white;
}

.hashtag_elem span.h3{
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 20px !important;
}

/* Solution by https://codepen.io/joelsaupe/pen/ojmLWB */
/*.hashtag_elem span.h3.block-ellipsis {*/
	/*display: block;*/
	/*display: -webkit-box;*/
	/*max-width: 100%;*/
	/*height: 49px;*/
	/*margin: 0 auto;*/
	/*line-height: 1;*/
	/*-webkit-line-clamp: 2;*/
	/*-webkit-box-orient: vertical;*/
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
/*}*/

.hashtag_elem .hashtag{
	color: #7A757D;
	/*font-weight: bold;*/
	/*margin-bottom: 0px;*/
}

.hashtag_elem .title {
	color: #000;
	font-weight: bold;
	margin-bottom: 0px;
}

.hashtag_elem .css-tooltip{
	padding: 5px 7px;
	/*padding-bottom: 10px;*/
	/*padding-top: 10px;*/
}

.search_item_text_play{
	font-size: 18px;
	color: white;
	line-height: 1.3;
}

.search_result_item  .playlist-image{
	width: 80%;
	object-fit: contain;
}

.ac-container .ac-menu .ac-menu-item{
	border-bottom: 1px solid #f3f3f3;
}

/*.select2-container--default .select2-selection--single .select2-selection__arrow b {*/
	/*border-width: 16px 11px 0 11px !important;*/
	/*margin-left: -16px !important;*/
	/*margin-top: -4px !important;*/
/*}*/

/*.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{*/
	/*border-width: 0 11px 16px 11px !important;*/
	/*margin-top: -9px !important;*/
/*}*/

/***END Hashtags***/

#onehashtag_view .slick-slide {
	width: 233px;
	cursor: pointer;
}

#onehashtag_view .playlist-slider .description {
	color: #222222;
}

.image_hover_zoom:hover, .image_hover_zoom:focus, .image_hover_zoom:active {
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}

.image_hover_zoom {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.label-left-box {
	color: white;
	width: 100%;
	height: 100%;
	float: left;
	font-size: 16px;
}
.label-left-box:hover {
	color: white;
}
.label-left-box .middle-txt {
	position: relative;
	top: 50%;
	justify-content: center;
	align-items: center;
	display: flex;
}
.top10_first_item {
	display: inline-block;
	height: 100%;
	width: 100%;
}
.text .hashtaglink {
	font-size: 15px;
}

.admin.video-edit-link{
	background: #ff9505;
	color: black;
	padding: 5px;
	float: right;
}

.admin.mastermy-link{
	background: #dae6f2;
	color: black;
	padding: 5px;
	float: right;
}

#nl-invitation-form .input-wrapper{
	display: inline-block;
	margin-left: 10px;
}

#nl-invitation-form label{
	width: 200px;
}

#nl-invitation-form textarea{
	min-height: 180px;
}

/* Videotime on Image */

.imageVidTime {
	position: absolute;
	font-size: 13px;
	padding-bottom: 4px;
	background: none repeat scroll 0 0 black;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bolder;
	color: white;
	right: 0;
	bottom: 0;
}

.imageFullWidth {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}


.controller-showplaylist #hashtag_video_list h3{
	font-size: 18px;
}

.controller-showplaylist .top-video a{
	display: flex;
}

.controller-showplaylist .top-video .label-outside{
	white-space: nowrap;
	position: relative;
	top: 50%;
	justify-content: center;
	align-items: center;
	display: flex;
	width: 9%;
	background: #ffaf00;
}

.controller-showplaylist .top-video .label-inside{
	float: left;
	display: inline-block;
	transform: rotate(-90deg);
	color: black;
	font-weight: bold;
	font-size: 19px;
}



legend.default {
	display: block;
	width: auto;
	padding: 0 5px;
	margin-bottom: 0;
	font-size: inherit;
	line-height: inherit;
	border: auto;
	border-bottom: none;
}

fieldset.default {
	border: 2px groove threedface;
	padding: 5px;
}

.worldbackup .fieldset{
	border-color: #00325d;
}
.worldbackup .pretty input:checked~.state.p-primary label:after,
.worldbackup .pretty.p-toggle .state.p-primary label:after{
	background-color: #01325d!important;
}

.worldbackup .downloadMenuBox-content .manual-backup-text a{
	text-overflow: ellipsis;
	overflow-x: hidden;
	width: 100%;
	white-space: nowrap;
	display: inline-block;
}
.worldbackup .downloadMenuBox-content .manual-backup-text{
	font-size: 80%;
	font-weight: bold;
}
.worldbackup .downloadMenuBox-content .download_took_to_long_text{
	font-size: 80%;
}

.worldbackup .downloadMenuBox-Step3 .filezilla-icon{
	width: 20px;
	margin-top: -3px;
}
.worldbackup .help-button-wrapper{
	background: #f7f7f7;
	padding: 10px;
	display: block;
	right: 15px;
	position: absolute;
	z-index: 100;
	/* border-radius: 20px; */
	padding-top: 17px;
	bottom: -55px;
	transition: all .6s cubic-bezier(.165,.84,.44,1),all 0.25s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	cursor: pointer;
}

.worldbackup .help-button-wrapper .alert-primary{
	margin-bottom: 0px;
}

.worldbackup .help-area{
	opacity: 0;
	height: 0px;
}
.worldbackup.help-area-open .help-area{
	opacity: 1;
	height: auto;
	transition: all .6s cubic-bezier(.165,.84,.44,1),all 0.25s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
.worldbackup.help-area-open .help-button-wrapper{
	bottom: -65px;
	background: #fff0;
}

/* Vue JS Main Language Container */

.langMainMenuLangItemContainer {
	cursor: pointer; 
	width: 200px;
	padding: 6px;
}

.langMainMenuLangItemSelected{
	background-color: rgb(222, 231, 241);
}

.langMainMenuLangItemContainer:hover{
	background-color: rgb(222, 231, 241);
}

.langMainMenuLangItemM10{
	margin-left: 10px
}

.langMainMenuLangItemContainer .imageContainer {
    position: relative;
    margin-right: 10px;
}

.langMainMenuLangItemContainer img {
    height: 40px;
}

.langMainMenuLangItemContainer .imageContainer .langShort {
    position: absolute;
    right: 5px;
    top: 16px;
    color: white;
}

.langMainMenuLangClose{
	padding: 7px 20px 1px 6px;
    margin: 0px 10px 5px 1px;
    float: right;
    font-size: 2.7rem;
    font-weight: 100;
    line-height: 1;
    color: white;
    text-shadow: rgb(25, 25, 25) 0px 1px 0px;
    opacity: 0.5;
    cursor: pointer;
    transform: scaleX(1.7);
    background-color: #96abd1;
    width: 12px;
    height: 100%;
}
	

#vue-language-mainmenu .modal{
	height: auto;
}

.langMainMenuLangClose:hover{
	opacity: 1;
}

#vueLanguageModelHeadline{
	color: white;
    font-size: 1.6rem;
    text-align: left;
    padding-left: 1rem;
    padding-top: 1rem;
    display: inline-block;
}

#vueLanguageModelContainer{
	background-color: #6e81a2;
    height: 40px;
    margin-top: -20px;
    width: 100%;
    margin-left: -10px;
    width: calc(100% + 20px);
}

#vueLanguageModelFlaggContainer{
    background: rgb(255, 255, 255);
    width: 98.8%;
    height: 100%;
}

#vueLangMenuFlagElem:hover{
	background: transparent;
	color: black;
	text-decoration-color: black;
}

#vueLangMenuFlagAnker:hover{
	background: transparent;
	color: black !important;
	text-decoration-color: black;
}

.playlist-sidebar > div#hashtag_related_view div.playlist-sidebar-content .hover-video-preview-image-container > div:nth-child(3) > div:nth-child(1) b {
	height: 1.2em;
}

.telegram-button {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.telegram-link-text {
	color: #0287cb; 
	font-weight: bold;
	margin-bottom: 4rem;
}

.facebook-button {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.facebook-link-text {
	color: #1877F2; 
	font-weight: bold;
	margin-bottom: 4rem;
}

.sendereihen:hover > #menu_broadcast_format {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#menu_broadcast_format {
	background-color: transparent;
	left: 50%;
	transform: translateX(-50%);
}

.sendereihe {
	width: 25%;
	background-color: #00325d;
	border: 1px solid #575f6a;
	height: 50px;
}

.sendereihe a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}


.overlay-text {
	position: absolute;
	top: 3px;
	z-index: 9;
	color: #00325d;
	font-weight: bold;
	font-size: 1.4em;
	cursor: pointer;
	left: 45px;
	line-height: 0.8em;
}

.button-underlaying {
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	cursor: pointer;
}

.dropup {
	position: relative;
	display: inline-block;
}

.large-link-text {
	font-size: 1.5em;
	color: #000;
}

.clickable {
	cursor: pointer;
}

/* --- START Mobile Switcher Styles --- */
.opacity-0-5{
	opacity: 0.5;
}

#mobile_switcher_modal_devices_area i{
	font-size: 22px;
}

/* --- END obile Switcher Styles --- */

/* --- START Birthday-Mode --- */
img.klatv-logo:nth-child(2){
	opacity: 0;
}
body.birthday-mode img.klatv-logo {
	-webkit-transition: opacity 2.8s ease-out;
	-o-transition: opacity 2.8s ease-out;
	transition: opacity 2.8s ease-out;
}
body.birthday-mode.start-logo-animation img.klatv-logo:first-child {
	opacity: 0;
	display: none;
}
body.birthday-mode.start-logo-animation img.klatv-logo:last-child {
	opacity: 1;
}
body.birthday-mode .sticky img.klatv-logo{
    top: 15px;
    left: 10px;
}
/* --- END Birthday-Mode --- */

/* --- START Vue component 'player-chapter-list' --- */
/* Idea from here: https://codepen.io/havardob/pen/dyYXBBr */ 
.video-caption-list form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.video-caption-list label {
  display: flex;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.375em;
  /* Accessible outline */
  /* Remove comment to use */
  /*
    &:focus-within {
            outline: .125em solid $primary-color;
    }
  */
}
.video-caption-list label input {
  position: absolute;
  left: -9999px;
}
.video-caption-list label input:checked + span {
  background-color: #d6d6e5;
}
.video-caption-list label input:checked + span:before {
  box-shadow: inset 0 0 0 0.4375em #00005c;
}
.video-caption-list label span {
  display: flex;
  align-items: center;
  padding: 0.375em 0.75em 0.375em 0.375em;
  border-radius: 99em;
  transition: 0.25s ease;
}
.video-caption-list label span:hover {
  background-color: #d6d6e5;
}
.video-caption-list  label span:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em #00005c;
}

.video-caption-list{
  width: 100%;
  display: flex;
  justify-content: left;
}
/* --- END Vue component 'player-chapter-list' --- */


@media screen and (max-width: 1760px) {
	.download-button__text {
		display: none;
	}
	.text-download__title{
		display: none;
	}
	.text-download {
		border-left: none;
	}
    .related-languages-container.flag-title .related-language {
      	flex: 0 0 32.5%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #FFF !important;
        text-decoration: none;
        margin-left: 0.3%;
        margin-bottom: 7px;
        margin-left: 0.6%;
        display: flex;
        align-items: center;
    }
	
}


iframe.klatv-widgets, iframe.paukenschlaege-slider {
	width: 100%;
	background: inherit;
}

iframe.paukenschlaege-slider {
	width: calc(100% + 60px) !important;
	margin-left: -28px;
	margin-right: -28px;
	height: 156px;
}

iframe.infotakt-slider {
	height: 430px;
}

iframe.infotakt-sidebar-slider {
	height: 558px;
}

.big-infotakt-iframe-container > iframe.infotakt-sidebar-slider {
	height: 558px;
}

@media screen and (min-width: 1760px) {
	.big-infotakt-iframe-container > iframe.infotakt-sidebar-slider {
		height: 428px;
	}
}