@charset "UTF-8";
@import url(http://weloveiconfonts.com/api/?family=fontawesome|zocial);


/**
 * HTML5  Boilerplate
 *
 ******************** normalize styles ********************
 */                                                   

/* first for IE 6/7/8 */
/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
} 

/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}

html { overflow-y: scroll; width: 100%; height: 100%; -webkit-text-size-adjust: none;}
fieldset, p { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
em { font-style: italic; }

#fe_toolbar {display: none !important;}

/**
 ******************** primary styles :: mobile first ********************
 *
 * author :: janik tschanz 
 */

/* use inverted box model */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*{
    word-break: break-word;
}
body {
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    line-height: 20px;
    letter-spacing: 0em;
    font-weight: 400;
    color: #000000;  
    background-color: #ffffff;
}

body.cke_editable{
    background-color: #ffffff;
}

::-moz-selection { background: #1D1D1B; text-shadow: none; color: #ffffff;}
::selection { background: #1D1D1B; text-shadow: none; color: #ffffff;}


/**
 * grid system
 *
 *
 */
.grid-container { width: 100%; position: relative; clear: both; }
.grid-elm { vertical-align: top; display: inline-block;}

.grid-align-1-1 { width: 100%; display: inline-block;}
.grid-align-1-2 { width: 100%; display: inline-block;}
.grid-align-1-3 { width: 50%; display: inline-block; vertical-align: top;}
aside.grid-align-1-3 { width: 100%; display: inline-block;}  
.grid-align-2-3 { width: 100%; display: inline-block;}
.grid-align-1-4 { width: 100%; display: inline-block;}
.grid-align-3-4 { width: 100%; display: inline-block;}
.grid-align-1-5 { width: 20%; display: inline-block;}
footer .imprint .grid-align-1-5 { width: 100%; display: inline-block; text-align: center;}
.grid-align-3-5 { width: 60%; display: inline-block;}
footer .imprint .grid-align-3-5, footer .imprint .grid-align-1-1 { width: 100%; display: inline-block; text-align: center;}
.grid-align-4-5 { width: 80%; display: inline-block;}
.grid-align-1-6 { width: 50%; display: inline-block;}
.grid-align-5-6 { width: 100%; display: inline-block;}
.grid-align-1-8 { width: 25%; display: inline-block;}
.grid-align-3-8 { width: 50%; display: inline-block;}
.grid-align-7-8 { width: 100%; display: inline-block;}




.grid-offset { padding: 10px}
.grid-offset.large { padding: 20px}
.grid-offset.medium { padding: 15px }
.grid-offset.small { padding: 5px }

.grid-offset-top { padding-top: 10px; }
.grid-offset-large-top { padding-top: 20px; }
.grid-offset-larger-top { padding-top: 30px; }
.grid-offset-medium-top { padding-top: 15px; }
.grid-offset-small-top { padding-top: 5px; }

.grid-offset-bottom { padding-bottom: 10px; }
.grid-offset-large-bottom { padding-bottom: 20px; }     
.grid-offset-larger-bottom { padding-bottom: 30px; }     
.grid-offset-medium-bottom { padding-bottom: 15px; }
.grid-offset-small-bottom { padding-bottom: 5px; }

.grid-offset-left { padding-left: 10px; }
.grid-offset-large-left { padding-left: 20px; }
.grid-offset-larger-left { padding-left: 30px; }
.grid-offset-medium-left { padding-left: 15px; }
.grid-offset-small-left { padding-left: 5px; }

.grid-offset-right { padding-right: 10px; }
.grid-offset-large-right { padding-right: 20px; }
.grid-offset-larger-right { padding-right: 30px; }
.grid-offset-medium-right { padding-right: 15px; }
.grid-offset-small-right { padding-right: 5px; }

/**
 * old grid for wysiwyg templates
 *
 *
 */
#content .grid-container div.left {
    width: 100%; 
    display: inline-block; 
    vertical-align: top;
} 
 
#content .grid-container div.right {
    width: 100%; 
    display: inline-block; 
    vertical-align: top;
}  

.column_1_1{
    padding: 10px;  
    width: 100%; 
    display: inline-block; 
} 
 
 
.column_1_2,
.column_2_2,
.column_1_2_column,
.column_2_2_column {
    padding: 10px;  
    width: 50%; 
    display: inline-block; 
    float: left;
}

.column_2_2 h2,
.column_2-3_3 h2,
.column_2_2_column h2 {
    border-top: 0px solid #e5e5e5;
    padding-top: 0px;
}

.column_1_2 img,
.column_2_2 img,
.column_1_3 img{
    width: 100%;
    clear: both;
}

.column_1_3,
.column_2_3,
.column_3_3 {
    padding: 10px;  
    width: 33.33%; 
    display: inline-block; 
    float: left;
}

.column_2-3_3 {
    padding: 10px;  
    width: 66.66%; 
    display: inline-block; 
    float: left;
}

ul.accordeon {
    margin: 0 0 10px;
    padding: 10px;
    width: 100%;
}

ul.accordeon li {
    clear: both;
    list-style: outside none none !important;
    margin: 2px 0;
    padding: 0;
    width: 100%;
}

ul.accordeon li > h3 {
    background-color: #f2f2f2;
    background-image: none;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 10px ;
}


ul.accordeon li  > h3::before {
    content:"\f105";
    font-family: 'FontAwesome', sans-serif;
}

ul.accordeon li  > h3.open::before {
    content:"\f107";
    font-family: 'FontAwesome', sans-serif;
}

ul.accordeon li > h3:hover,
ul.accordeon li > h3.open {
    background-color: #E5E5E5;
}

 div.accordeonContent {
    padding: 10px;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
}

ul.accordeon li div.accordeonContent {
    width: 100%;
}
ul.accordeon li div.accordeonContent {
    position: relative;
}


aside#right .box_custom {
    padding: 10px;  
    width: 100%;     
}

.right .box {
    
    padding: 10px;  
} 

.right .box h2, 
aside#right .box_custom h2{  
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px;
    border-top: 0px;
}

aside#right .box_custom h4 {   
    padding: 0px;  
    background-color: #f2f2f2;
}

.right .box .text {   
    padding: 10px;  
    background-color: #f2f2f2;
}

.right .box .text a{   
    color: #000000;
    font-weight: bold;
}

.right .box .text a img{   
    padding-bottom: 10px;  
    display: inline-block;
}


aside#right .box_custom h4 a{   
    padding: 10px;  
    display: block;       
    color: #000000;         
    font-size: 14px;      
}   

aside#right .box_custom h4 a img{       
    width: calc(100% + 20px) !important;  
    height: auto !important;
    max-width: calc(100% + 20px) !important;  
    margin: -10px;
}  

.right .box .text img {          
    width: calc(100% + 20px) !important;  
    height: auto !important;
    max-width: calc(100% + 20px) !important;  
    margin: -10px;
}
 

/**
 * globals
 *
 *
 */
.no-mobile { display: none; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }


.align-right { float: right; }
.align-center { margin: 0 auto; }
.align-left { float: left; }

.show-on-tablet,
.show-on-desktop,
.show-on-screen {
    display: none;
}

.show-on-phone {
    display: inline-block;
}


.show-on-erf,
.show-on-tv,
.show-on-radio {
    display: none;
}

.show-on-radio,
.radio .show-on-radio {
    display: inline-block;
}

.radio .show-on-erf,
.radio .show-on-tv {
    display: none;
}

.erf .show-on-erf {
    display: inline-block;
}

.erf .show-on-tv,
.erf .show-on-radio {
    display: none;
}

.tv .show-on-tv {
    display: inline-block;
}

.tv .show-on-erf,
.tv .show-on-radio {
    display: none;
}


/**
 * layout 
 *
 *
 */
header {
    position: absolute;
    top: 0;
    left: 0;         
    width: 100%; 
    background-color: #e5e5e5;     
    min-height: 71px;
    z-index: 999;              
    height: auto;   
}

header.minimized {
    position: fixed;  
}

header #header-mobile {
    display: block;    
}

header #header-desktop {
    display: none;    
}

header .leaderboard {
    display: none;
}
.leaderboard .grid-offset.align-right {
    position: relative;
}

.leaderboard .leaderboard-vertical {
    position: absolute;
    top: 66px;
    left: -25px;
    color: #CCCCCC;
    text-transform: uppercase;
    font-size: 0.8em;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    float: left;
}

.grid-elm.powered-by-erf {
    display: none;
}

.grid-elm.powered-by-erf > a {
    color: #828282;
}

#content .fullbanner-content1 {
    display: none;
}

#content .fullbanner-content1.default {
    display: block;
}

.tv #content #fullbanner-content1-tv {
    display: block;
}

.radio #content #fullbanner-content1-radio {
    display: block;
}

.erf #content  #fullbanner-content1-erf {
    display: block;
}

.erf #content .fullbanner-content1.default,
.tv #content .fullbanner-content1.default {
    display: none;
}

#logo {   
    display: inline-block;
    width: auto;       
}

#header-mobile #logo {   
    display: inline-block;
    width: 25%;   
    height: 71px !important;    
}

#placeholder {        
    height: auto;   
    min-height: 71px;
    width: 100%;
}

#meta ul {        
    padding: 0;
    margin: 0;
}

#meta ul li{        
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    display: inline-block;
}

#header-mobile #meta {   
    width: 24%;
}

#header-mobile #meta a{   
    vertical-align: initial;     
}

#search {
    height: 50px;
}

#header-mobile #search {   
    width: 50%;   
}

#header-mobile #contact,
#header-mobile #close-mobile-navigation,
#header-mobile #open-mobile-navigation{
    font-size: 2em;
    color: #808080;
    display: inline-block;
    cursor: pointer;
    width: 44px;
    text-align: center;
}

#header-mobile #contact a:hover,
#header-mobile #close-mobile-navigation:hover,
#header-mobile #open-mobile-navigation:hover{
    color: #000000;
}

#header-mobile #contact,
#header-mobile #close-mobile-navigation,
#header-mobile #open-mobile-navigation.open {
    display: none;
}


#header-mobile #close-mobile-navigation.open {
    display: inline-block;
    background-color: #CCCCCC;
}

#navtree {
    font-size: 0.8em;
    color: #808080;
}

#content {
    height: auto;   
    position: relative;
}

#content #left{
    padding-right: 0;
}

#skyscrapper {
    display: none;
}

footer {
    height: auto;
    color: #ffffff;
    font-size: 0.9em;
}
    
footer .links {
    background-color: #f2f2f2;
    color: #000000;
}

footer .links .sitemap {
    text-align: left;
    column-count: 2;
    column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
}

    
footer .imprint {
    background-color: #4d4d4d;
}

    
 
/**
 * containers
 *
 *
 */
.slider {
    background-color: #F2F2F2;
} 
 
.slider p {
    padding: 0;
}

article.cover {
    cursor: pointer;
}

article.cover img {
    width: 100%;
}

article.cover a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

article.cover .interpret-song {
    width: 100%;
    height: 100%;
    background-color: #E52D23;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
    font-size: 0.9em;
}


article.cover .interpret-song time {
    font-size: 0.9em;
    font-style: italic;
}

article.cover:hover .interpret-song {
    display: inline-block;
}
 
article.box,
article.slider-elm {
    cursor: pointer;
    position: relative;
}

article.box img,
article.slider-elm img {
    padding: 0;
    margin: 0 0 10px 0;
    width: 100%;
    height: auto;
    display: block;
}

article.box p {
    padding: 0;
}

article.box h2,
article.slider-elm h2 {
    border-top: 0;
}

article.box.template a.more {
    padding-top: 10px;
    display: inline-block;
    background-color: transparent;
}

.tv article.box.template a.more {
    background-color: transparent;
}

article.box.template a.more:before {
    content:"\f105\00a0";
    font-family: 'FontAwesome', sans-serif;
}

article.box.topic:hover,
article.box.job:hover,
article.slider-elm.topic:hover,
article.box.template:hover {
    background-color: #f2f2f2;
}

article.box.template:hover a {
    text-decoration: underline;
}

article.box.topic a,
article.box.job a,
article.slider-elm.topic a,
article.box.template a {
    background-color: #E52D23;
    display: block;
}

article.box.topic a.teaser-end,
article.box.job a.teaser-end,
article.slider-elm.topic a.teaser-end,
article.box.template a.teaser-end,
.tv article.box.topic a.teaser-end,
.tv article.box.job a.teaser-end,
.tv article.slider-elm.topic a.teaser-end,
.tv article.box.template a.teaser-end {
    background-color: transparent;
    display: inline-block;
}

article.box.job h2 {
    padding-top: 0;
}   

.tv article.box.topic a,
.tv article.slider-elm.topic a,
.tv article.box.template a {
    background-color: #2573bd;
}

article.box.topic:hover a img,
article.box.job:hover a img,
article.slider-elm.topic:hover a img,
article.box.template:hover a img {
    opacity: 0.5;
}

article.box.topic::before,
article.slider-elm.topic::before,
article.box.template::before {
    content:"\f105";
    font-family: 'FontAwesome', sans-serif;
    width: 28px;
    height: 28px;
    background-color: #E5E5E5;
    position: absolute;
    top: 10px;
    left:10px;
    color: #ffffff;
    z-index: 888;
    line-height: 28px;
    text-align: center;
    content:"\f039";
    background-color: #343434;
}

article.box.topic.video::before,
article.slider-elm.video::before,
article.box.template.video::before,
article.box.topic.movie::before,
article.slider-elm.movie::before,
article.box.template.movie::before {
    content:"\f03d";
    background-color: #2573bd;
}


article.box.topic.earphone::before,
article.slider-elm.earphone::before,
article.box.template.earphone::before,
article.box.topic.audio_custom::before,
article.box.topic.audio::before,
article.slider-elm.audio::before,
article.box.template.audio::before {
    content:"\f028";
    background-color: #E52D23;
}

article.box.topic.text::before,
article.slider-elm.text::before,
article.box.template.text::before,
article.box.topic.redirect::before,
article.slider-elm.redirect::before,
article.box.template.redirect::before {
    content:"\f039";
    background-color: #343434;
}

article.box.topic.image::before,
article.slider-elm.image::before,
article.box.template.image::before {
    content:"\f03e";
    background-color: #343434;
}

article.box.sidebar img {
    padding: 0;
    margin: 0;
}

article.box.sidebar p{
    padding: 10px 10px 0 10px;
    background-color: #f2f2f2;
    width: 100%;
}              


article.box.sidebar a.more {
    padding: 10px 10px 10px 10px;
    display: inline-block;
    font-weight: bold;
    color: #000000;
    background-color: #f2f2f2;
    width: 100%;
}

article.box.sidebar:hover a {
    text-decoration: underline;
}

.slider {
    overflow: hidden;
    clear: both;
}

.slider article.slider-elm {
    width: 30%;
    float: right;
}

.slider article.slider-elm h1 {
     padding-bottom: 5px;
     clear: both;
     width: 100%;
}

.slider article.slider-elm h1,
.slider article.slider-elm h2,
.slider article.slider-elm p {
    display: none;
}

.slider article.slider-elm img{
    margin-bottom: 0;
}

.slider article.slider-elm:nth-of-type(1) {
    width: 70%;
    float: left;
}

.slider article.slider-elm:nth-of-type(1) h1,
.slider article.slider-elm:nth-of-type(1) h2,
.slider article.slider-elm:nth-of-type(1) p {
    display: inline-block;
}

.slider article.slider-elm:nth-of-type(1) img{
    margin-bottom: 10px;
}

article.ads {
    background-color: #f2f2f2;
    text-align: center;
    position: relative;
}
    
article.ads::after {
    bottom: -30px;
    color: #CCCCCC;
    content: "Anzeige";
    font-size: 0.8em;      
    left: 0px;
    line-height: 30px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    width: 50%;
}  

article.ads img {
    display: inline-block;
}

aside article.ads {
    background-color: #ffffff;
    text-align: left;
}

aside article.ads::after {
    bottom: -15px;     
    left: 10px;           
}


.entry-topic .player img {
    /*padding-bottom: 10px;*/
}

.entry-topic .player p.teaser {
    padding-bottom: 10px;
}

.entry-topic .image img {
    width: 100%;
}

.entry-topic .image iframe {
    width: 100%;
    height: 349px;
}

.entry-topic .title  h1,
.entry-topic .title  h2 {
    padding-bottom: 0;
}

.entry-topic .content img{
    width: 100%;
    padding-bottom: 10px;
}

.entry-topic .content time {
    font-weight: bold;
    padding-bottom: 20px;
    display: block;
}

.votingFunctions a.function,
.entry-topic .functions a.function {
    display: inline-block;
    border-right: 1px solid #ffffff;
    width: 33.33%;
    height: 28px;
    color: #ffffff;
    background-color: #cccccc;
    font-family: 'FontAwesome', sans-serif;
    line-height: 28px;
    text-align: center;
}

.votingFunctions a.function.print::before,
.entry-topic .functions a.function.print::before {
    content:"\f02f";
}

.votingFunctions a.function.recommend::before,
.entry-topic .functions a.function.recommend::before{
    content:"\f0e0";
}

.entry-topic .functions a.function.download::before {
    content:"\f019";
}

.entry-topic .functions a.function.buy::before {
    content:"\f07a";
}

.votingFunctions a.function:hover,
.entry-topic .functions a.function:hover {
    background-color: #808080;
    text-decoration: none;
}

.votingSocialMedia a.button,
.entry-topic .social-media a.button {
    display: inline-block;
    border-left: 1px solid #ffffff;
    width: 33.33%;
    height: 28px;
    color: #ffffff;
    background-color: #cccccc;
    line-height: 28px;
    text-align: left;
    padding: 0 8px;
    position: relative;
}

.votingSocialMedia a.button.facebook::after,
.entry-topic .social-media a.button.facebook::after {
    font-family: 'FontAwesome', sans-serif;
    content:"\f09a";
    position: absolute;
    right: 8px;
}

.votingSocialMedia a.button.facebook,
.entry-topic .social-media a.button.facebook {
    background-color: #1e3b9f;
}

.votingSocialMedia a.button.google-plus::after,
.entry-topic .social-media a.button.google-plus::after{
    font-family: 'FontAwesome', sans-serif;
    content:"\f0d5";
    position: absolute;
    right: 8px;
}

.votingSocialMedia a.button.google-plus,
.entry-topic .social-media a.button.google-plus{
    background-color: #cccccc;
    background-color: #dd4b39;
}

.votingSocialMedia a.button.twitter::after,
.entry-topic .social-media a.button.twitter::after {
    font-family: 'FontAwesome', sans-serif;
    content:"\f099";
    position: absolute;
    right: 8px;
}

.votingSocialMedia a.button.twitter,
.entry-topic .social-media a.button.twitter{
    background-color: #5ac5f3;
}

.votingSocialMedia a.button:hover,
.entry-topic .social-media a.button:hover {
    background-color: #808080;
    text-decoration: none;
}

.entry-topic .topicEntryExternalLinks h3,
.entry-topic .topicEntryIntegratedEntries h3 {
    padding-top: 20px;
}


.topicEntryExternalLinks ul,
.topicEntryRelations ul,
.topicEntryTags ul {
    padding: 0;
    margin: 0;
}

.topicEntryExternalLinks ul li,
.topicEntryRelations ul li,
.topicEntryTags ul li{
    padding: 0;
    margin: 0;
    list-style: none;
}

.topicEntryTags ul li{
    display: inline-block;
    padding-right: 10px;
}

.topicEntryExternalLinks ul li a:before {
    content:"\00a0\f08e\00a0\00a0";
    font-family: 'FontAwesome', sans-serif;
}

.topicEntryRelations ul li.audio a:before {
    content:"\00a0\f028\00a0\00a0\00a0";
    font-family: 'FontAwesome', sans-serif;
}

.topicEntryRelations ul li.text a:before {
    content:"\00a0\f039\00a0\00a0\00a0";
    font-family: 'FontAwesome', sans-serif;
}

.topicEntryRelations ul li.video a:before {
    content:"\00a0\f03d\00a0\00a0\00a0";
    font-family: 'FontAwesome', sans-serif;
}

.topicEntryTags ul li a {
    color: #808080;
}

.topicEntryTags ul li a:hover {
    color: #E52D23;
}

#contactFormFeedback {
    margin-left: 10px;
}

#topicContactForm, #topicEntryForm{
    min-height: 1000px !important;
}

.tv .topicEntryTags ul li a:hover {
    color: #2573bd;
}

#dayschedule ul.nav {
    padding: 0;
    margin: 0;
}

#dayschedule ul.nav li{
    padding: 0;
    margin: 0;
    display: inline-block;
    list-style: none;
    width: 12.5%;
    background-color: #F2F2F2;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border-right: 1px solid #ffffff;
    text-align: center;
}

#dayschedule ul.nav li a{
    color: #000000;
    display: block;
}

#dayschedule ul.nav li a.active,
#dayschedule ul.nav li a:hover {
    text-decoration: none;
    background-color: #E5E5E5;
}

#dayschedule ul.nav li a.active {
    font-weight: bold;
}

.searchbox {
    background-color: #E5E5E5;
}         

.musicsearch  img.cover {
    width: 50px;
}

#sitemap ul {
    padding: 0;
    column-count: 1;
    column-gap: 20px;
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
}

#sitemap ul li {
    list-style: none;
}

#sitemap ul li.sitemap_level_1 {
    font-size: 17px;
    font-weight: bold;
    padding-top: 20px;
}

#sitemap ul li.sitemap_level_1:first-child {
    padding-top: 0px;
}

#sitemap ul li.sitemap_level_2 {
    font-size: 1.1em;
    font-weight: normal;
    padding: 2px 0px;
}

#sitemap ul li.sitemap_level_3 {
    font-size: 0.9em;
    font-weight: normal;
    padding: 1px 0px 1px 20px;
}

#sitemap ul li.sitemap_level_4,
#sitemap ul li.sitemap_level_5,
#sitemap ul li.sitemap_level_6 {
    display: none;
}

#sitemap ul li a {
    color: #000000;
}

#sitemap ul li a:hover {
    color: #E52D23;
}

.tv #sitemap ul li a:hover {
    color: #2870BA;
}

#mediadir .map {
    width: 100%;
    height: 300px;
}

#calendar .event_info {
    font-weight: bold;
}

#calendar .event_info:after {
    font-weight: bold;
    content:" ";
}

/**
 * Donate Module
 */
div#donate {
  position: relative;
}   

div#donate form#donationForm p span.error {
  display: none !important;
  height: 10px;
  width: 10px;
  background: #f00;
}

form.donationForm,
form.donationForm input,
form.donationForm span {
    float: left;
    clear: none;
}

form.donationForm span {
    font-weight: bold;
    display: block;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 20px;
}

form.donationForm {
    width: 100%;
}

form.donationForm input[type="text"] {
    width: 36px;
    text-align: right;
}

div#donate input.error,
div#donate select.error,
div#donate textarea.error {
  border: 1px solid #CC0000;
  border-radius: 1px 1px 1px 1px;
  box-shadow: 0 0 5px red;
}

div#donate #donationForm div#amount {
  height: 30px;
  float: left;
    margin: 0 20px 0 0;   
}

div#donate form#donationForm input#donationamount {
  float: left;
  text-align: right;
  width: 80px;
}

div#donate form#donationForm div#amount span {
  clear: none;
  display: inline-block;
  float: left;
  font-weight: bold;
  padding-left: 4px;
  padding-top: 4px;
}

div#donate div#donte_slider {
  position: relative;
  float: left;
  width: calc(100% - 20px);          
  margin: 10px;
  padding: 10px;
  background-color: #E5E5E5;
  height: 100px;
}

div#donate div.tooltip {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url("../img/slider/slider_top.png");
  background-origin: padding-box;
  background-position: left top;
  background-repeat: no-repeat;
  bottom: 56px;
  left: 103px;
  position: absolute;
  width: 192px;
  z-index: 1000;
  display: none;
}

div#donate div.tooltip div.bottom {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url("../img/slider/slider_bottom.png");
  background-origin: padding-box;
  background-position: left top;
  background-repeat: no-repeat;
  height: 20px;
}

div#donate div.tooltip span {
  background-image: url("../img/slider/slider_bg.png");
  color: #ffffff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2em;
  padding: 0 15px;
  text-align: center;
  margin-top: 4px;
}

div#donate form input[type="submit"], div#donate form input[type="reset"], .donationForm input[type="submit"] {                             
}  

.donationForm input[type="submit"] {
    float: left;
    margin-top: 0;
}

div#donate form#donationForm p input[type="submit"]:hover, div#donate form#donationForm p input[type="reset"].hover, .donationForm input[type="submit"]:hover {
  text-decoration: underline
}

div#donate div#slider_overlay {
  background-image: url("../img/slider/slider_bar_bg.png") !important;
  height: 13px;
  left: 30px;
  position: relative;
  top: 43px;
  width: 0px;
  z-index: 2;
}

div#donate .ui-slider-handle {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent !important;
  background-image: url("../img/slider/slider_bar_handel.png") !important;
  background-origin: padding-box;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
  border: medium none !important;
  color: #000000 !important;                  
  font-style: normal;
  font-weight: bold;
  height: 50px;
  margin-left: -33px;
  margin-top: -29px;
  position: absolute;
  text-align: center;
  text-decoration: none;       
  top: 0px;
  width: 75px;
  z-index: 3;
}

div#donate .ui-slider {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #808080 !important;
  background-image: url("../img/slider/slider_bar_bg.png") !important;
  background-origin: padding-box;
  background-position: left bottom;
  background-repeat: no-repeat !important;
  background-size: auto 13px;
  border: medium none !important;
  float: left;
  height: 13px;    
  left: 30px;
  margin: 30px auto 10px;
  width: calc(100% - 60px);
  position: relative;
}

div#donate fieldset#donatepicker { 
  float: left;          
  margin-top: 10px;
  padding: 10px;
  width: 100%;
}

div#donate fieldset#donatepicker form#donationForm input {       
    
    margin: 0 ;         
}   

div#donate div.donation_field, div#donate div.donation_field_val {
  color: #000000;
  float: left;
}

div#donate div.donation_field {
  width: 33%;
  padding-bottom: 10px;       
  font-weight: 600;
}

div#donate div.donation_field_val {
  width: 66%;
  padding-bottom: 10px;
}
/*fix Overview of userdata view added 05.05.2014 by Ab*/
div#donate div.donation_field { 
    width: 33%;  
    position: relative; 
    clear: both;
  padding-bottom: 10px;   
  font-weight: 600;
}
div#donate div.donation_field_val { 
    width: 66%; 
    position: relative; 
    float: none;    
  padding-bottom: 10px;
}

/**
 * icons
 *
 *
 */

/**
 * navigation
 *
 *
 */
nav#mobile {
    font-size: 18px;
    width: 100%;
    max-width: 500px;    
    position: fixed;
    height: calc(100% - 71px);
    max-height: calc(100% - 71px);
    background-color: rgba(204,204,204,1);
    z-index: 999;
    right: -460px;
    right: -100%;
    top: 71px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;  
    overflow: none;               
    color: #ffffff;   
    overflow-x: hidden;
    overflow-y: auto;                                      
}
                     
.lt-ie9 nav#mobile {
    display: none;
}
                            
.lt-ie9 nav#mobile.open {
    display: block;
}

nav#mobile.open {    
    right: 0px;   
} 

nav#mobile  ul {
    padding: 20px 20px;
    margin: 0;
    width: 100%;  
    height: 100%;
    overflow: auto;  
}

nav#mobile ul li {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;                  
    position: relative;
}

nav#mobile ul li a{
    display: block;
    padding: 0;
    text-decoration: none;
}

nav#mobile ul li.level-2 a.active,
nav#mobile ul li.level-1 a.starter_active {
    text-decoration: none;
    color: #E52D23 !important;
}

.tv nav#mobile ul li.level-2 a.active,
.tv nav#mobile ul li.level-1 a.starter_active {
    text-decoration: none;
    color: #2870BA !important;
}

nav#mobile ul li.radio .open-radio,     
nav#mobile ul li.webradio .icon {     
    font-weight: 300;
    font-size: 2em;       
    line-height: 1.2em;
    padding: 10px 10px 10px 0;
    cursor: pointer;
    position: relative;
    color: #E52D23;
    display: inline-block;
}
    
nav#mobile ul li.webradio .icon {     
    color: #000000;
    width: 50px;
}

nav#mobile ul li.radio a {     
    color: #e52d23;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    padding: 18px 0;
    position: relative;
    vertical-align: bottom;
}


nav#mobile ul li a.level-1{     
    font-weight: 300;
    font-size: 1.2em;       
    line-height: 1.2em;
    padding: 10px 0px;
    cursor: pointer;
    position: relative;
    border-top: 1px solid #808080;
    color: #000000;
    font-weight:bold;
}

nav#mobile ul li.webradio a {
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    padding: 18px 0;
    position: relative;
    vertical-align: bottom;
}

nav#mobile ul li.level-1 > ul.menu li.level-2 > a{
    display: block;
    color: #000000;
    text-transform: none;
    font-size: 1.0em;                 
    padding: 5px 0px;
    cursor: pointer;
}

nav#mobile ul li.level-1 .open-submenu{
    position: absolute;
    top: 0;
    right: 0; 
    font-size: 1.1em;
    padding: 16px 20px;
    text-align: center;
    color: #808080;
    cursor: pointer;
}

nav#mobile ul li.level-1 > ul.menu{
    display: none;
    padding: 0 0 20px 0;
    margin: 0;
}

nav#mobile ul li.level-1.starter_active > ul.menu{
    display: block;
}

nav#footer {
}
 
nav#footer ul {
    list-style: none;
    padding: 0;
    margin: 0;   
    width: auto;  
    height: auto;
}

nav#footer ul li {
    list-style: none;
}

nav#footer ul li.level-1 > a {
    display: inline-block; 
    color: #000000;  
    font-weight: bold;
    font-size: 14px;
}

nav#footer ul li.level-2 > a {
    display: inline-block; 
    color: #000000;  
}

nav#footer ul li.level-2:last-child a{
    padding-bottom: 10px;
}

nav#footer li.level-2 > ul {
    display: none;               
}

nav#footer ul li.level-1:focus > a,
nav#footer ul li.level-1:active > a,
nav#footer ul li.level-1.active > a,
nav#footer ul li.level-1.starter_active > a,
nav#footer ul li.level-1:hover > a,
nav#footer ul li.level-2:hover > a,
nav#footer ul li.level-2:focus > a,
nav#footer ul li.level-2:active > a,
nav#footer ul li.level-2.active > a,
nav#footer ul li.level-2.starter_active > a {     
    color: #E52D23;     
    text-decoration: none;                 
}

.tv nav#footer ul li.level-1:focus > a,
.tv nav#footer ul li.level-1:active > a,
.tv nav#footer ul li.level-1.active > a,
.tv nav#footer ul li.level-1.starter_active > a,
.tv nav#footer ul li.level-1:hover > a,
.tv nav#footer ul li.level-2:hover > a,
.tv nav#footer ul li.level-2:focus > a,
.tv nav#footer ul li.level-2:active > a,
.tv nav#footer ul li.level-2.active > a,
.tv nav#footer ul li.level-2.starter_active > a {     
    color: #2573bd;     
    text-decoration: none;                 
}

/**
 * elements / fonts 
 *
 *
 */
h1 {
    font-size: 24px;
    font-weight: normal;
    line-height: 1em;   
    margin: 0em;
    padding-bottom: 10px;
}

h2 {
    font-size: 21px;
    font-weight: normal;
    margin: 0em;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #010101;
    border-top: 1px solid #E5E5E5;
    line-height: 1em;   
}

h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0em;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #343434;
    line-height: 1em;  
}

h4 {
    font-size: 15px;
    font-weight: bold; 
    margin: 0em;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1em;  
}

a {
    color: #E61E2A;
}

.tv a {
    color: #2573bd;
}

a,
a:link,
a:focus,
a:active {
    outline: none; 
    text-decoration:none;
}

a.icon {
    font-size: 1.5em;
}

#meta {
    height: 50px;
}

#meta a {
    color: #828282;  
    display: inline-block;
    vertical-align: top;
}

#meta a.icon {
    font-size: 22px;
}

#main a.profile,
#main a.logout {
    display: inline-block;
    margin-right: 1px;
    width: 28px;
    height: 28px;
    color: #ffffff;
    background-color: #808080;
    font-family: 'FontAwesome', sans-serif;
    line-height: 28px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 9px;
}

#main a.profile {
    right: 38px;
}

#main a.logout::before {
    content:"\f08b";
}

#main a.profile::before {
    content:"\f007";
}


#main a.profile:hover,
#main a.logout:hover { 
   background-color: #E52D23;
   text-decoration: none;
}

.tv #main a.logout:hover, 
.tv #main a.profile:hover { 
    background-color: #2573bd;
}

#navtree a{
    color: #808080;
}

a.call-to-action,
a.showTrailer,
a.aktion {
    color: #ffffff;
    text-transform: uppercase;
    background-color: #E61E2A;
    font-weight: bold;
    padding: 5px 10px;
    display: block;
    width: 100%;
}

.tv a.call-to-action,
.tv a.showTrailer,
.tv a.aktion {
    background-color: #2573bd;
}

a.call-to-action:hover,
a.showTrailer:hover,
a.aktion:hover {
    background-color: #343434;
    color: #ffffff;
    text-decoration:none;
}


footer a,
.tv footer a {
    color: #ffffff;  
}


a:hover {
    text-decoration: underline;
    cursor: pointer;
}

#meta a:hover, .powered-by-erf > a:hover {
    color: #e52d23;
    text-decoration: none;
}

.tv #meta a:hover {
    color: #2573bd;
}

footer a:hover {
    color: #E61E2A;
    text-decoration: none;
}

.tv footer a:hover {
    color: #2573bd;
}


strong {
    font-weight: bold;
}

del {
    color: #ff0000;
    text-decoration:line-through;
}

img {
    height: auto !important;
    width: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.results img {
    width: unset;
    height: unset;
}

p {
    padding: 0 0 10px 0;
}

hr {
    border: 0;
    width: 100%;  
    color: #e5e5e5;
    background-color: #e5e5e5;
    height: 1px;
    clear: both;
}

hr.backend-only {
    color: #E61E2A;
    background-color: #E61E2A;
    height: 5px;
    display: none;
}

.cke_editable hr.backend-only{
    display: block;
}

ul { /* empty */ }

ul li { 
    list-style-type: square;
}

footer .imprint ul{                
    padding: 0;
    margin: 0; 
    display: inline-block; 
}

footer .imprint ul li{
    list-style: none;     
    display: inline-block; 
    padding-right:  10px;
}

table {
    width: 100%;
    padding: 0;
    margin: 0;
}

table tr:nth-child(even) {
    background-color: transparent;
}

table tr:nth-child(odd) {
    background-color: transparent;
}

table tr th {
    padding: 5px 2px;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    background-color: #E5E5E5;
    text-align: left;
}

table tr td  {
    padding: 5px 2px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
}

.schedule tr td  {
    border-bottom: 0px solid #e5e5e5;
}

table tr td time  {
    font-weight: bold;
    white-space: nowrap;
}

table tr:hover  {
    background-color: #F2F2F2;
}


/**
 * forms
 *
 *
 */
fieldset { border: none; }
legend { border: none; visibility: hidden; }

.text-danger,
.text-success,
#contactFormError {
    width: 100%;       
    color: #E30613;  
    padding: 10px;   
    line-height: 1.1em;
    border: 1px solid #e30613;
    background-color: #ffeff0;
}

#contactFormError {
    display: none;
    margin-top: 20px;
    width:  auto;
}

.text-success {
    border-color: #005E14;  
    background-color: #E8FFED;       
    color: #005E14;  
}

form p,
form > fieldset > div.row,
form > fieldset > div.newsletter {
    display: inline-block;
    width: 100%;
    padding: 0 0px 10px 0px ;
    text-align: left;
}
    
#contactFeedback,
#contactDescription,
#contactFormError,
#contactForm {
    margin: 4px 4px 8px 4px; 
}
    

form .is_required {
    padding: 0 0 0 2%;
    color: #E61E2A;
}
     
#newsletter form p label,
.profile form p label,
#donate form p label,
form#formModifyEvent p label,
form.contactForm div.row label {
    display: none;    
}

.profile form p strong {
    display: none;
}

#newsletter form p label.description,
form.searchbox p label,
form.contactForm div.row label.description {
    display: inline-block;    
    padding-left: 10px;
}

form #captcha {
    width: 50%;
}

form label#coreCaptchaLabel {
    width: 100%;
    font-weight: 300;
    margin: 0px 0 10px 0;
    text-align: left;
    color: #000000;  
}

form #coreCaptchaCode {
    width: 50%;
    vertical-align: top;
}

form #coreCaptchaImage {
    margin: 0px 0 0 10px;
    vertical-align: baseline;
    display: inline-block;
    height: 35px !important;
    width: auto;
}


form #captcha {
    overflow: hidden;
    display: block;
    clear: both;
    height: auto;
    width: 100%;
}

form .contactFormGroup,
form .newsletterFormGroup,
form .shopFormGroup
{
    display: inline-block;  
    width: 100%;   
    font-weight: 300;  
}

form .newsletterFormGroup { 
    padding-top : 10px;
}

fieldset { border: none; }
legend { border: none; visibility: hidden; }

form .contactFormGroup label,
form .newsletterFormGroup label,
form .shopFormGroup label
{                     
    font-weight: 300; 
   /* width: 100%;   */
    color: #000000;  
}

form .contactFormGroup input,
form .newsletterFormGroup input,  
form .shopFormGroup input 
{
    border: 0 none;
    display: inline-block;
    margin: 0.75% 1% 0 0;
    vertical-align: baseline;
    width: 5%;
}


input,
textarea,
select { 
    border: 1px solid #F2F2F2;   
    padding: 8px 10px;
    width: 100%;      
    font-weight: 300;     
    font-family: 'Open Sans', sans-serif;  
    background-color: #F2F2F2;
}  

:focus {
    border-color: #808080;   
}

#search input,
.searchbox select,
.searchbox input { 
    border: 0px solid #195BA8;   
    padding:0 10px;
    width: 120px;     
    height: 30px; 
    background-color: #ffffff;
}  

.searchbox select,           
.searchbox input {            
    width: 100%;      
} 

.searchbox input.search-input {
    width: 85%;     
}

input:focus,
textarea:focus,
select:focus {
}

input[type="checkbox"],    
input[type="radio"] {    
    width: auto;
    height: auto;
}


input[type="submit"] { 
    margin: 10px 5px 0 0;
    padding: 7px 10px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #DB001C;
    color: #ffffff;
}


input[type="button"], 
input[type="reset"] { 
    margin: 10px 5px 0 0;
    padding: 7px 10px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #CCCCCC;
    color: #ffffff;
}

#search input[type="submit"] { 
    padding: 8px; 
    background-color: #808080;
    color: #ffffff;
    border: 0px;
    margin: 0px;
    width: auto;
    min-width: auto;
    font-family: 'FontAwesome', sans-serif;
    text-align: center;
    font-weight: normal;
}

input[type="submit"]:hover{ 
   background-color: #343434;
   color: #ffffff;
}

input[type="button"]:hover, 
input[type="reset"]:hover { 
   background-color: #808080;
   color: #ffffff;
}

#search input[type="submit"]:hover { 
   background-color: #E52D23;
}

.tv #search input[type="submit"]:hover { 
    background-color: #2573bd;
}

footer input.newsletter {
    border: 1px solid #ffffff;
    width: 100%;
}

footer input.newsletter[type="submit"]{
    background-color: #0E4079;
    color: #ffffff;
    font-weight: 400;
    border: 0px;    
    min-width: 150px;
}


footer input.newsletter[type="submit"]:hover {
    background-color: #E61E2A;
    color: #ffffff;
}

/**
 ******************** media queries :: replace images for retina displays ********************
 *
 *
 */
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
}

/**
 ******************** media queries :: tablet screen view ********************
 *
 *
 */
@media only screen and (min-width: 768px) {
    /**
     * grid system
     *
     *
     */
    .grid-container { /* empty */ }
    .grid-elm { /* empty */ }

    .grid-align-1-1 { width: 100%; display: inline-block; }
    aside#right .grid-align-1-1 { width: 50%; display: inline-block; }
    .grid-align-1-2 { width: 50%; display: inline-block;}
    .grid-align-1-3 { width: 33.33%; display: inline-block; }    
    aside.grid-align-1-3 { width: 100%; display: inline-block;}   
    .grid-align-2-3 { width: 100%; display: inline-block; }
    .grid-align-1-4 { width: 50%; display: inline-block; }
    .grid-align-3-4 { width: 50%; display: inline-block;}
    
    footer .imprint .grid-align-1-5 { width: 20%; display: inline-block; text-align: left;}
    footer .imprint .grid-align-3-5 { width: 60%; display: inline-block; text-align: left;}
    footer .imprint .grid-align-1-1 { width: 100%; display: inline-block; text-align: left;}
    .grid-align-1-6 { width: 25%; display: inline-block; }
    .grid-align-5-6 { width: 100%; display: inline-block; }
    .grid-align-1-8 { width: 16.66%; display: inline-block; }
    .grid-align-3-8 { width: 50%; display: inline-block; }
    .grid-align-7-8 { width: 100%; display: inline-block; }
    
    /**
     * old template
     *
     *
     */
    
    aside#right .box_custom {      
        width: 50%;     
    }


    /**
     * globals
     *
     *
     */
    .show-on-phone,
    .show-on-screen{
        display: none;
    }
    
    .show-on-tablet {
        display: inline-block;
    }

    /**
     * layout 
     *
     *
     */
    #header-mobile #contact {
        display: inline-block;
    }

     
    /**
     * containers
     *
     *
     */
    .slider article.slider-elm {
        width: 24%;
    }


    .slider article.slider-elm:nth-of-type(1) {
        width: 76%;
    }

    .entry-topic .content {
        column-count: 2;
        column-gap: 20px;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
    }

    .entry-topic .content.one-col {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        padding-left: 30%;
    }
    
    #sitemap ul {     
        column-count: 2;
        column-gap: 20px;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
    }
     
    footer .links .sitemap {
        column-count: 4;
        column-gap: 20px;
        -moz-column-count: 4;
        -moz-column-gap: 20px;
        -webkit-column-count: 4;
        -webkit-column-gap: 20px;
    }
    
    /**
     * icons
     *
     *
     */

    /**
     * navigation
     *
     *
     */
    /**
     * elements / fonts 
     *
     *
     */ 
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }

    h3 {
        font-size: 17px; 
    }

    h4 {
        font-size: 15px;
    }
    
    a.call-to-action,
    a.showTrailer,
    a.aktion {
        margin: 10px 10px 0 0;
        width: -moz-max-content;
    }  
     
    .votingFunctions a.function,
    .entry-topic .functions a.function {
        width: 28px;
    }
     
    /**
     * forms
     *
     *
     */    
    form p,
    form > fieldset > div.row,
    form > fieldset > div.newsletter {
    }
    
 /*   #contactFeedback,
    #contactDescription,     */
    #contactFormError,
    #contactForm {
        margin: 10px 10px 20px 10px;   
    }
    
    form label.noCaption {
        padding-top: 0px;   
    }                  

    form .contactFormGroup,
    form .newsletterFormGroup,
    form .shopFormGroup,
    form .contactFormUpload          
    {
    }    
    
    form .contactFormClass_multi_file {
        width: 100%;   
    }    

    form input,
    form select,
    form textarea
    {
    }  
    
    .text-danger,
    .text-success,
    #contactFormError {
        padding: 15px; 
    }
    
    form #captcha {
        display: inline-block;
    }
    
    form #coreCaptchaImage {
        height: 41px;
    }
    
    input[type="submit"], 
    input[type="button"], 
    input[type="reset"] { 
        width: auto;
    }
    
    footer input[type="submit"] {      
        width: auto;               
    }

    #topicContactForm, #topicEntryForm{
        min-height: 930px !important;
    }

    .grid-elm.powered-by-erf {
        width: 22%;
        margin-left: -15%;
        margin-right: -7%;
        padding-top: 25px;
        height: 71px;
        display: inline-block;
        color: #828282;
        vertical-align: middle;
        font-size: 14px;
    }
}

/**
 ******************** media queries :: maximal screen view ********************
 *
 *
 */
 
 
@media only screen and (min-width: 960px) {
    /**
     * grid system
     *
     *
     */
    .grid-container { max-width: 960px; margin: 0 auto;}
    .grid-elm { /* empty */ }

    .grid-align-1-1 { width: 100%; display: inline-block; }
    aside#right .grid-align-1-1 { width: 100%; display: inline-block; }
    .grid-align-1-2 { width: 50%; display: inline-block; }
    .grid-align-1-3 { width: 33.33%; display: inline-block; vertical-align: top;}
    aside.grid-align-1-3 { width: 33.33%; display: inline-block;} 
    .grid-align-2-3 { width: 66.66%; display: inline-block;    /* width: 63%; margin-left: 35px;*/ display: inline-block; }
    .grid-align-1-4 { width: 25%; display: inline-block; }
    .grid-align-3-4 { width: 75%; display: inline-block; }
    .grid-align-1-6 { width: 16.66%; display: inline-block; }
    .grid-align-5-6 { width: 83.33%; display: inline-block; }
    .grid-align-1-8 { width: 12.5%; display: inline-block; }
    .grid-align-3-8 { width: 37.5%; display: inline-block; }
    .grid-align-7-8 { width: 87.5%; display: inline-block; }
    
    /**
     * old template
     *
     *
     */
    #content .grid-container div.left {
        width: 66%; 
        padding-right: 10px;
    } 
     
    #content .grid-container div.right {
        width: 33%;
    }  
    
    aside#right .box_custom {      
        width: 100%;     
    }
    
    /**
     * globals
     *
     *
     */
    
    .show-on-phone,
    .show-on-tablet {
        display: none;
    }
    
    .show-on-screen {
        display: inline-block;
    }

    /**
     * layout 
     *
     *
     */
    #content #left{
        padding-right: 10px;
    }
       
     
    /**
     * containers
     *
     *
     */  
     
    .slider {
        min-height: 355px;
    }     
    
    footer .links .sitemap {
        column-count: 5;
        column-gap: 20px;
        -moz-column-count: 5;
        -moz-column-gap: 20px;
        -webkit-column-count: 5;
        -webkit-column-gap: 20px;
    }

    /**
     * icons
     *
     *
     */

    /**
     * navigation
     *
     *
     */      
   

    /**
     * elements / fonts 
     *
     *
     */

    /**
     * forms
     *
     *
     */
}

/**
 ******************** media queries :: maximal screen view ********************
 *
 *
 */
@media only screen and (min-width: 1180px) {
    /**
     * grid system
     *
     *
     */
    .grid-container { 
        margin: 0;
    }    
    
    /**
     * globals
     *
     *
     */

    /**
     * layout 
     *
     *
     */
    header {
        min-height: 100px;
    }
    
    header #header-desktop {
        display: block;    
    }
    
    header #header-mobile {
        display: none;    
    }

    #logo img {
        display: inline-block;
        width: auto;       
        height: 80px;    
    }

    
    header .leaderboard {
        opacity: 1;              
        height: auto; 
        overflow: hidden;
    }

    header.minimized .leaderboard {
        height: 0px;
        opacity: 0;
    }

    header .leaderboard {
        display: none;
    }

    header .leaderboard.default {
        display: block;
    }

    .tv header #leaderboard-tv {
        display: block;
    }

    .radio header #leaderboard-radio {
        display: block;
    }

    .erf header #leaderboard-erf {
        display: block;
    }

    .erf header .leaderboard.default,
    .tv header .leaderboard.default {
        display: none;
    }
    
    #placeholder {        
        min-height: 100px;
    }
    
    
    #header-mobile #contact,
    #header-mobile #close-mobile-navigation,
    #header-mobile #open-mobile-navigation{
        display: none;
    }

    nav#main {   
        width: auto;       
        position: relative;
    }
    
    #skyscrapper {
        height: 630px;   
        position: fixed;
        position: absolute;
        right: -200px;
        top: 40px;
        width: 160px;
        overflow: hidden;           
        display: inline-block;
    }
    
    #skyscrapper::after {
        content: "Anzeige";
        width: 160px;
        height: 30px;
        line-height: 30px;             
        position: absolute;    
        bottom: 0px;
        left: 0;
        color: #CCCCCC;
        text-transform: uppercase;
        font-size: 0.8em;
    }  
     
    /**
     * containers
     *
     *
     */ 
     
     /**
     * icons
     *
     *
     */

    /**
     * navigation
     *
     *
     */  
     
    nav#main ul {
        list-style: none;
        padding: 40px 0 0 0;
        margin: 0;   
        width: auto;  
        height: 40px;
    }
    
    nav#main > ul {
    }
     
    nav#main ul li {
        display: inline-block;
        text-align: left;
    }
    
    nav#main ul li a{
        display: inline-block;
    }
     
    nav#main ul li.level-1 > a {
        display: inline-block; 
        color: #000000;
        padding: 5px;   
        padding: 10px;     
        font-size: 17px;
        font-size: 15px;
        height: 40px;
        margin-left: 2px;
    }
                                       
    nav#main ul li.level-1:focus > a,
    nav#main ul li.level-1:active > a,
    nav#main ul li.level-1.active > a,
    nav#main ul li.level-1.starter_active > a { 
        border-bottom: 2px solid #cccccc;       
    }   
    
    nav#main ul li.level-1:hover > a { 
        text-decoration: none;
        background-color: #cccccc;
        color: #ffffff;
    }  

    nav#main ul li.level-2:hover > a,
    nav#main ul li.level-2:focus > a,
    nav#main ul li.level-2:active > a,
    nav#main ul li.level-2.active > a,
    nav#main ul li.level-2.starter_active > a {  
        text-decoration: none;
        background-color: #808080;      
        color: #ffffff;                              
    }

    nav#main ul li {
        position: relative;
    }

    nav#main a.level-1 {
        width: auto;        
    }

    nav#main li.level-1 > ul {
        display: none;
        position: absolute;
        top: 40px;
        height: auto;
        left: 2px;                              
        padding: 0 0; 
        width: 250px;               
    }

    nav#main li.level-1:hover > ul,
    nav#main li.level-1:focus > ul {
        display: block;
    }

    nav#main li.level-1 > ul li {
        clear: both;          
    }

    nav#main li.level-1 > ul li a {
        padding: 10px;                   
        line-height: 1em;    
        font-size: 14px;
        color: #231F20;                 
        text-transform: none;     
        background-color: #cccccc;
    }
    
    nav#main a.level-2 {
        width: 250px;
    }
    
    nav#main li.level-2 > ul {
        display: none;
        position: absolute;
        left: 250px;
        height: auto;
        top: -40px;                  
    }
    
    nav#main li.level-2:hover > ul,
    nav#main li.level-2:focus > ul {
        display: block;
    }

    nav#main li.level-2 > ul li {
        clear: both;
    }
    
    nav#main li.level-2 > ul li a {
        padding: 10px;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 1em;
        background-color: #808080; 
        color: #cccccc;   
    }
   
    nav#main a.level-3 {
        width: 240px;
    }
      
    nav#main ul li.level-2 li a:hover,
    nav#main ul li.level-2 li a:focus,
    nav#main ul li.level-2 li a:active,
    nav#main ul li.level-2 li a.active,
    nav#main ul li.level-2 li a.starter_active,
    nav#main ul li.level-3:hover > a,
    nav#main ul li.level-3:focus > a,
    nav#main ul li.level-3:active > a,
    nav#main ul li.level-3.active > a,
    nav#main ul li.level-3.starter_active > a,
    nav#main ul li.level-3 li a:hover,
    nav#main ul li.level-3 li a:focus,
    nav#main ul li.level-3 li a:active,
    nav#main ul li.level-3 li a.active,
    nav#main ul li.level-3 li a.starter_active {
         text-decoration: none;    
         color: #ffffff;            
    }    
   

    /**
     * elements / fonts 
     *
     *
     */

    /**
     * forms
     *
     *
     */

    .grid-elm.powered-by-erf {
        padding: 0 10px;
        display: block;
        text-align: right;
        margin: -12px 0 8px 0;
        color: #828282;
        vertical-align: top;
        font-size: 14px;
        height: auto;
        width: 100%;
    }
    #meta.radio {
        padding-bottom: 0px;
    }
    #search.radio {
        padding-top: 0px;
        margin-top: -8px;
    }
}


@media only screen and (min-width: 1360px) {
    .grid-container { margin: 0 auto;}
}
 
 
@media only screen and (min-width: 1280px) {
   
}

/*
 ******************** helper classes ********************
 *
 *
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /**text-indent: -9999px;*/
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    /* *zoom: 1; */
}

/*
 ******************** print styles ********************
 *
 *
 */

@media print {
    a, a:visited {
        text-decoration: underline;
    }

    pre, blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
    
    table { page-break-after:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    td    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
    div { page-break-inside:auto; page-break-after:auto }   
    header { page-break-after:auto }               
    section { page-break-inside:auto; page-break-after:auto }          
    footer { page-break-inside:auto; page-break-after:auto }          
    ul { page-break-inside:auto; page-break-after:auto }      
}

    @page {
        margin: 1.5cm;
    }


/**********Tabs radio boxes************/

#tabsBox {
    padding: 0;
}

#fragment-1,#tabsBox ul li:first-child{
    background-color:#E52D23;
    background-color:#DC1F2B;
}

#fragment-2{
    background-color:#313433;
}

#fragment-3{
    background-color:#2870BA;
}

.ui-tabs .ui-tabs-nav li {
    top: 0px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0px solid !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;

}

.ui-tabs .ui-tabs-nav li a {
    padding: 8px 15px !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 15px !important;
}

.icon-tabs{
    color: #FFF;
    margin-right: 15px;
    height: 21px;
    font-size: 1.35em;
    float: left;
}

div span.sub-title{
    font-size: 0.9em;
    
}


div span.tabs-titles,.tabs-titles{
font-size: 0.9em;
  
    font-weight: 700;
    vertical-align: top;
}

#tabsBox.box.sidebar a{
    text-decoration:none;
    color: #FFF;
    
}

.tabradio #hourlynews {
    position: absolute;
    top: -7px;
    right: 0;
    
}

div.tabradio hr{
    /*box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.81);*/
    opacity: 0.4;
    border: 0;
    width: 100%;
    color: #e5e5e5;
    background-color: #FFFAFA;
    height: 1px;
    clear: both;
    /*box-shadow: 1px 2px 5px white inset;*/
    /*border: 1px solid #6B1919*/
}

#tabsBox.box.sidebar:hover a{
    text-decoration:none;
    color: #FFF;
}

div.tabradio>div {
    color: white;
    border-width: 1px 0px;
    border-color: #666 transparent #ccc transparent;
     padding: 4px 1px;
    position: relative;
}

.ui-tabs .ui-tabs-nav li{
    padding:0; margin:0;
}

div.tabradio>div * {
    display: inline-block;
}

div#fragment-1, #fragment-2, #fragment-3 {
    border-radius: 0;
}





/**Search styles**/

input.search-bttn{
    padding: 8px;
    background-color: #808080;
    color: #ffffff;
    border: 0px;
    margin: 0px;
    width: auto;
    min-width: auto;
    font-family: 'FontAwesome', sans-serif;
    text-align: center;
    height: 30px;
}

.search-input{
        padding: 6px 11px !important;
}

/********** Dayschedule styles *********/
#dayschedule ul {
    color: black;
    background-color: #E8E8E8;
    margin-bottom: 0;
}

#dayschedule ul li{
    display: inline-block;
    background-color: #E8E8E8;
    /* margin-left: 12px; */
    width: 11.5%;
    margin: 0px;
    padding: 5px;
}

#dayschedule ul li a{
    color: black;
}
.span-title-top{
    position: absolute !important;
    margin-top: -8px !important;
}

.span-subtitle-top{
    margin-top: -11px !important;
    position: absolute !important;
    font-size: 0.8em !important;
}


.font1em1{
    font-size: 1.1em !important;
}

marquee.marquee{

    margin-top: -15px;
    margin-left: 6px;
    max-width: 170px;
position:absolute;
    font-size: 0.9em !important;

}

td.time {
    width: 5em;
}

.nocolor{
  visibility:hidden;
}

td.title{
  font-weigth:bold;
}

iframe.playerFrame {
    width: 40px !important;
    height: 38px !important;}

footer{
    clear: both;
}

.ui-tabs .ui-tabs-panel {
    display: block !important;
    border-width: none !important;
}



/*Search results*/


.search .column {
    max-width: 30%;
    min-width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
}


#tabsBox div ul {
    background: url("image.png") !important;
    margin-right: 0px;
    border-bottom-right-radius: 0 !important;
    padding-top: 0;
}

div#moreEntries p {
    display: none;
}

div#moreEntries .employee p {
    display: inline-block;
}

.copyright-text{
    position: absolute;
    bottom: 2%;
    right: 1%;
    text-shadow: 1px 1px 0px #000;
    opacity: 0.6;
    font-size: .8em;
    /* background-color: white; */
    color: #FFF;
}

.relativePos{
 position:relative;
}

input[name="donationamount"] {
    min-width: 70px !important;
}
article.1:nth-child(2){
 display: none;
}
#livestream audio {
    width: 100% !important;
}