body{
    font-family:Tahoma,'Lucida Grande',Helvetica,Arial,sans-serif;
    font-size:13px;
    color:#ff02dd;
    margin:0 auto;
    background:url("images/background.gif") repeat center center fixed;
    background-size:cover;
}

.hero-bg{
    text-align:center;
}

.hero-bg>div[
    class*="col-"]{float:none;
    display:inline-block;
    text-align:left;
    vertical-align:top;
    margin:0 5px;
}

a{
    color:#ed6ff7;
    text-decoration:none;
}

a:active,
a:focus,
a:hover{
    text-decoration:none;
    color:#fff;
}

#header-links .link{
    float:center;
    text-align:center;
    margin:0 3px 0 3px;
    padding:8px;
    color:#138bd8;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    letter-spacing:.7px;
    background:transparent;
}

#header-links .link:active,
#header-links .link:focus,
#header-links .link:hover{
    color:#fff;
}

#main-nav .navbar-collapse{
    text-align:center;
}

#main-nav .nav>li>a:hover,
#main-nav .nav>li>a:focus{
    color:rgb(195,0,255)!important;
}

#main-nav .nav .open .dropdown-menu>li>a{
    color:#333;
    background:#f0f0f0;
    transition:all .3s ease;
}

#main-nav .nav .open .dropdown-menu>li>a:hover,
#main-nav .nav .open .dropdown-menu>li>a:focus{
    color:#000;
    background:#e606ee;
}

#main-nav .nav .open .dropdown-menu>.active>a{
    color:#06c;
    background:#e0e0e0;
}

#main-nav .nav .open .dropdown-menu>.active>a:hover,
#main-nav .nav .open .dropdown-menu>.active>a:focus{
    color:#004080;
    background:#ccc;
}

#main-nav .navbar-nav{
    float:none;
    display:inline-block;
    vertical-align:top;
}

#main-nav .navbar-nav>li{
    float:none;
    display:inline-block;
}

#header{
    margin-top:50px;
}

#main-nav{
    margin:0;
    padding:0;
    border:0;
    border-radius:8px 8px 0 0;
    background:transparent!important;
    min-height:60px;
    background:rgba(0,0,0,.6)!important;
    border:none;
}

#main-nav .nav:not(.secondary)>li{
    border-right:none;
    background:transparent;
}

#main-nav .nav>li>a{
    color:#fff;
    font-weight:700;
    padding:20px 15px;
    font-size:15px;
    line-height:20px;
    background:transparent;
}

#main-nav .nav>li>a:focus,#main-nav .nav>li>a:hover{
    background:rgba(0,0,0,.25);
    color:#ed6ff7;
}

#main-nav .nav>.active>a,
#main-nav .nav>.active>a:focus,
#main-nav .nav>.active>a:hover,
#main-nav .nav>li.open>a,
#main-nav .nav>li.open>a:focus,
#main-nav .nav>li.open>a:hover{
    background:rgba(0,0,0,.35);
    box-shadow:inset 0 2px 8px rgba(0,0,0,.25);
}

#main-nav .nav:not(.secondary)>li:first-child>a{
    border-radius:8px 0 0 0;
}

#main-nav .nav:not(.primary)>li:last-child>a{
    border-radius:0 7px 0 0;
}

#main-nav .nav.primary{
    margin-left:-15px;
}

#main-nav .navbar-brand{
    color:#f00000;
    background:transparent;
}

#main-nav .navbar-brand:focus,
#main-nav .navbar-brand:hover{
    color:#d5d5d5;
}

#main-nav .navbar-toggle{
    border-color:rgba(47,72,121,.6);
    background:transparent;
}

#main-nav .navbar-toggle:focus,
#main-nav .navbar-toggle:hover{
    background-color:rgba(47,72,121,.35);
}

#main-nav .navbar-toggle .icon-bar{
    background-color:#2f4879;
}

#main-nav .navbar-toggle:focus .icon-bar,
#main-nav .navbar-toggle:hover .icon-bar{
    background-color:#111a2b;
}

#header .logo img{
    margin-top:50px;
}

#header .navbar-collapse{
    border-color:rgba(45,74,127,.4);
    background:transparent;
}

@media(max-width:767px){.channelbox{
    display:none!important}

    .streamstatus.panel{
        display:none!important;
    }

    #panel-body{
        display:none!important;
    }

    .openside.box.panel.panel-default:has(.panel-heading:contains("R-M-E")){
        display:none!important;
    }

    div.panel-body{
        width:100%;
        margin:0 auto;
    }
    
    #main-nav .navbar-toggle .icon-bar{
        background-color:#f00;
    }
    
    #main-nav .navbar-brand{
        display:none!important;
    }
    
    #main-nav .navbar-toggle:focus .icon-bar,
    #main-nav .navbar-toggle:hover .icon-bar{
        background-color:#0f0;
    }
    
    #main-nav .nav>li>a{
        font-size:14px;
        padding:10px 12px;
    }
    
    #header-links,
    #header .logo{
        float:inherit!important;
    }
    
    #header .logo img{
        margin:0 auto;
    }
    
    #header-links .link img{
        width:40px;
        height:40px;
    }
    
    #main-nav .nav:not(.secondary)>li{
        border-right:none;
    }
    
    #main-nav .nav:not(.primary)>li:last-child>a,
    #main-nav .nav:not(.secondary)>li:first-child>a{
        border-radius:0;
    }
    
    .openside::after{
        height:25px;
        background-size:contain;
    }
    
    .openside::after,
    .box::after,
    .opentable::after{
        height:85px!important;
        background-size:contain!important;
        margin-top:6px!important;
        display:block!important;
        content:""!important;
    }
    
    #main-nav .nav .open .dropdown-menu>li>a{
        color:#fdfdfd;
        background:rgba(0,0,0,.6);
    }
    
    #main-nav .nav .open .dropdown-menu>li>a:focus,
    #main-nav .nav .open .dropdown-menu>li>a:hover{
        color:#c5c5c5;
        background:rgba(0,0,0,.7);
    }
    
    #main-nav .nav .open .dropdown-menu>.active>a{
        color:#1585D4;
        background:rgba(0,0,0,.7);
    }
    
    #main-nav .nav .open .dropdown-menu>.active>a:focus,
    #main-nav .nav .open .dropdown-menu>.active>a:hover{
        color:#15579c;
        background:rgba(0,0,0,.75);
    }
    
    .row.m-t-10.hero-bg{
        box-sizing:border-box;
        width:100%!important;
        max-width:445px!important;
        margin:0 auto!important;
        padding-left:0!important;
        padding-right:0!important;
    }
    
    .row.m-t-10.hero-bg .panel-heading{
        box-sizing:border-box;
        width:100%!important;
        max-width:445px!important;
        margin:0 auto!important;
    }
    
    .col-xs-12.col-sm-3.col-md-3{
        width:100%!important;
        float:none!important;
    }
}

#main-box{
    background:transparent!important;
    padding:10px 5px;
    border-left:none;
    border-right:none;
}

#main-footer{
    color:#777;
    position:relative;
    text-align:center;
    background:url("images/footer.png") no-repeat center bottom;
    background-size:auto;
    min-height: 200px;         /* fixe Höhe */
    padding-top:20px;
    margin-bottom:40px;
    clear:both;
    display:block;
}

#main-footer .footer{
    background:transparent;
    border-bottom:1px solid #363531;
    padding:10px 15px;
}

#main-footer .copyright{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:8px 0;
    background:transparent;
    color:#fff;
    font-size:12px;
}

#main-footer .footer-image{
    width:100%;
    display:block;
    margin:0 auto;
}

.box{
    border:none!important;
    border-radius:8px 8px 0 0;
    background:transparent!important;
}

.box>.panel-heading{
    color:#fff!important;
    font-size:13px;
    font-weight:400;
    margin:0;
    padding:10px 7px;
    border-radius:8px 8px 0 0;
    background:url("images/nav_oben.png") no-repeat center/100% 100%!important;
    background-size:cover;
    border-bottom:none;
    background-repeat:no-repeat;
    background-position:center;
    min-height:40px;
    display:block;
    overflow:hidden;
    text-align:center!important;
}

.opentable{
    border-bottom:2px solid rgba(255,0,36,.65);
    background:transparent;
}

.openside{
    border-bottom:2px solid rgba(60,130,196,.65);
    background:transparent;
}

.openside::after{
    content:"";
    display:block;
    width:100%;
    height:50px;
    background:url("images/nav_unten.png") no-repeat center;
    background-size:cover;
    border-radius:0 0 8px 8px;
}

.openside>.panel-heading{
    text-align:center;
}

#error_logform{
    margin-bottom:20px!important;
    background:transparent;
}

#error_logform #delete_entries{
    font-size:13px;
    line-height:1.5;
    border-radius:3px;
    padding:3px 10px;
    background:rgba(0,0,0,.2);
    color:#fff;
}

#error_logform #delete_status-field{
    margin-top:1.5px;
}

.select2-offscreen{
    display:none;
}

.panel-txtarea>.panel-heading{
    border-radius:0;
    background:#030303!important;
    color:#fff;
}

.panel-txtarea>.panel-heading .bbcode{
    margin:5px 1px;
}

.panel-txtarea>.panel-footer{
    border-radius:0;
    background:transparent;
}

.panel-txtarea .editor-wrapper>.nav>li.active>a,
.panel-txtarea .editor-wrapper>.nav>li a:active{
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    background:#f8f8f8;
    color:#020202;
}

.panel-txtarea .editor-wrapper>.nav>li>a{
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px;
    background:transparent;
    color:#e2e2e2;
}

.text-primary,
.text-primary:hover{
    color:#158cba;
}
.
text-success,
.text-success:hover{
    color:#28b62c;
}

.text-danger,
.text-danger:hover{
    color:#ff4136;
}

.text-warning,
.text-warning:hover{
    color:#ff851b;
}

.text-info,
.text-info:hover{
    color:#75caeb;
}

.btn-primary{
    background-color:#f0f;
    border-color:#f60;
    color:#fff;
}

.btn-primary:hover,
.btn-primary:focus{
    background-color:#f0ea;
    border-color:#c52;
    color:#fff;
}

.button{
    font-family:"tahoma ms",Arial,Sans-Serif;
    font-size:10px;
    color:#fff;
    background-color:#000;
    border:#fff 2px solid;
    margin-top:2px;
}

.tbl{
    padding:3px 4px;
}

.tbl1{
    font-size:10px;
    color:#ece6ec;
    padding:4px;
}

.tbl2{
    font-size:10px;
    color:hsl(295,96%,50%);
    padding:4px;
    border-bottom:#032640;
    border-bottom-width:1px;
}

td.tbl1,
td.tbl2{
    background:rgba(0,0,0,.6)!important;
    padding:3px;
}

div.panel-body{
    background-color:#202020!important;
    color:#fff!important;
    padding:15px;
    border-radius:6px;
}

div.panel-footer{
    background-color:Transparent;
}

.table,
.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td{
    background-color:transparent!important;
}

.table-striped>tbody>tr:nth-of-type(odd),
.table-hover>tbody>tr:hover{
    background-color:transparent!important;
}

.table>thead>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td{
    border-color:rgba(255,255,255,.15)!important;
}

table.dataTable,
table.dataTable tbody tr,
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover{
    background:transparent!important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_paginate .paginate_button{
    background:transparent!important;
    border-color:rgba(255,255,255,.15)!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background:rgba(0,0,0,.25)!important;
    color:#fffdfd!important;
}

.list-group,
.list-group-item,
.well,.alert{
    background:transparent!important;
}

.pagination>li>a,
.pagination>li>span{
    background:transparent!important;
    border-color:rgba(255,255,255,.15)!important;
}

.form-control{
    background-color:#000!important;
    color:#fff!important;
    border-color:#f0f!important;
}

.input-group-addon,
.input-group-text,
.select2-container .select2-selection,
.select2-dropdown,
.select2-results__option{
    background:#000!important;
    border-color:rgba(255,255,255,.25)!important;
}

.form-control:focus{
    background-color:#111!important;
    color:#0f0!important;
    border-color:#0ff!important;
}

.select2-container--default .select2-selection--single:focus{
    background-color:rgba(0,0,0,.15)!important;
    color:#fff!important;
    outline:none;
    box-shadow:none;
}

.panel,
.panel .panel-body{
    background:transparent!important;
}

.label,
.badge{
    background:rgba(0,0,0,.35)!important;
}

.pull-left{
    float:none!important;
    clear:both;
    display:block;
    width:100%;
    text-align:left;
    margin-top: 20px;
	margin-left: left;
}

#main-nav .fa-search{
    display:none!important;
}

.form-control,
input[type="text"],
textarea{
    background-color:#00000052!important;
    color:#fff!important;
    border:1px solid #666!important;
}

.form-control:focus,
input[type="text"]:focus,
textarea:focus{
    background-color:#111!important;
    color:#fff!important;
    border-color:#fff!important;
    outline:none!important;
    box-shadow:none!important;
}

select,
.select2-container .select2-selection,
.select2-dropdown,
.select2-results__option{
    background-color:#000!important;
    color:#fff!important;
    border:1px solid #666!important;
}

select:focus,
.select2-container--default .select2-selection--single:focus,
.select2-dropdown:focus{
    background-color:#111!important;
    color:#fff!important;
    border-color:#fff!important;
    outline:none!important;
    box-shadow:none!important;
}

.select2-results__option--highlighted,
select option:hover{
    background-color:#333!important;
    color:#0ff!important;
}

select option:checked{
    background-color:#222!important;
    color:#fff!important;
}

.shoutBoxContainer{
    width:90%;
    height:450px;
}

.shoutBoxAvatar{
    width:50px;
    height:50px;
}

div.shoutbox-message{
    border:2px solid #a813b6;
    border-radius:4px;
    padding:6px 10px;
    margin:6px 0;
    background-color:transparent;
}

.row.m-t-10.hero-bg{
	width: 1200px;     /* Container-Breite */
	height: 350px;    /* Container-Höhe */
	margin: 0 auto;   /* optional: Container mittig zentrieren */
    background-image:url("images/footer.png") !important;
    background-repeat:no-repeat !important;
    background-position:center top  !important;
    background-size:100% auto !important;
    margin-top: 0px;
}

.col-xs-12.col-sm-3.col-md-3 {
    margin-top: 30px;
}

.col-xs-12.col-sm-6.col-md-7.col-lg-7{
	margin-top: 30px;
}

.col-xs-12.col-sm-3.col-md-2.col-lg-2{
	margin-top: 30px;
}


#main-footer.text-center { 
    background: none !important;
	min-height: 140px !important; /* statt 400px */
	padding-top: 0px !important; /* weniger Innenabstand */
	margin-top: 0px !important;     /* verhindert unnötigen Außenabstand */
	display: flex;
	justify-content: center;  /* horizontal mittig */
	align-items: center;      /* vertikal mittig */
	text-align: center;       /* Text mittig bei mehreren Zeilen */
	min-height: 150px;        /* Höhe definieren, in der zentriert wird */
}

#main-footer.text-center img {
    display: none !important;
	
}