body {background-attachment: fixed;background-position: center center;background-image: url(background_2022_sw_2.jpg);font-family:Verdana;font-size:10px;color:#CCCCCC;}a:link { text-decoration:none; color:#1B5EC2;} a:visited { text-decoration:none; color:#969696;}   .padding_null_left{padding-left:0px;padding-right:0px;}.profile-userpic img {  float: none;  margin: 0 auto;  width: 50%;  height: 50%;  -webkit-border-radius: 50% !important;  -moz-border-radius: 50% !important;  border-radius: 50% !important;  padding: 4px;  line-height: 1.42857143;  background-color: #919191;  border: 2px solid #DDDDDD;  border-radius: 4px;  -webkit-transition: all .2s ease-in-out;       -o-transition: all .2s ease-in-out;          transition: all .2s ease-in-out;}.profile-userpic_list img {  float: none;  margin: 0 auto;  width: 50%;  height: 50%;  -webkit-border-radius: 50% !important;  -moz-border-radius: 50% !important;  border-radius: 50% !important;  padding: 4px;  line-height: 1.42857143;  background-color: #919191;  border: 2px solid #DDDDDD;  border-radius: 4px;  -webkit-transition: all .2s ease-in-out;       -o-transition: all .2s ease-in-out;          transition: all .2s ease-in-out;}.profile-userpic_list_user img {  float: none;  margin: 0 auto;  width: 50%;  height: 50%;  -webkit-border-radius: 2% !important;  -moz-border-radius: 2% !important;  border-radius: 2% !important;  padding: 4px;  line-height: 1.42857143;  background-color: #919191;  border: 2px solid #DDDDDD;  border-radius: 4px;  -webkit-transition: all .2s ease-in-out;       -o-transition: all .2s ease-in-out;          transition: all .2s ease-in-out;}.profile-usertitle-name {  font-size: 14px;  font-weight: 600;  margin-bottom: 7px;text-align: center;}#nav1.affix {    top: 0;    left: 0;    z-index: 1000;    margin-bottom:0; }.affix {  position: fixed;width:99.9%;}.tab_aus{ display:inline;}.tab_an{ display:none;}.handy_aus{ display:inline;}.handy_an{ display:none;}  .w_p_slideanim {visibility:hidden;}  .w_p_slide {    animation-name: w_p_slide;    -webkit-animation-name: w_p_slide;    animation-duration: 1s;    -webkit-animation-duration: 1s;    visibility: visible;  }  @keyframes w_p_slide {    0% {      opacity: 0;      transform: translateY(70%);    }     100% {      opacity: 1;      transform: translateY(0%);    }  }  @-webkit-keyframes w_p_slide {    0% {      opacity: 0;      -webkit-transform: translateY(70%);    }     100% {      opacity: 1;      -webkit-transform: translateY(0%);    }  } .header {height-max:px;line-height:px;font-family:Verdana;font-weight:bold;font-style:normal;font-size:10px;color:#CCCCCC;}.header_transparent {} .carousel {position:relative;top: -20px;}.carousel-inner img {width: 100%; margin: auto;height:auto;} .navbar-inverse { border-radius:0px;border-color: #;font-family:Verdana;font-weight:normal;font-size:10px;color:#CCCCCC;}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #E68A00;}.navbar-inverse .navbar-nav>li>a { color:#CCCCCC; }.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {  }.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #E68A00;}.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #CCCCCC}.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #CCCCCC}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #E68A00;}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #E68A00;}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {  }.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {  }.dropdown-submenu { position: relative;}.dropdown-submenu>.dropdown-menu {    top: 0;    left: 100%;    margin-top: -6px;    margin-left: -1px;    -webkit-border-radius: 0 6px 6px 6px;    -moz-border-radius: 0 6px 6px;    border-radius: 0 6px 6px 6px;}.dropdown-menu { background-color: # }.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #}.dropdown-menu>li>a { font-weight:normal;font-style:oblique;font-size:px;color:#;background-color: #}.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #}.navbar-inverse .navbar-brand { font-size:px;color:#;}.navbar-inverse .navbar-brand:hover { background-color: #495057; color: #FFFFFF; }.navbar-inverse .navbar-toggle {  border-color: #CCCCCC;}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color: #E68A00;}.navbar-inverse .navbar-toggle .icon-bar {  background-color: #CCCCCC;} @media (max-width: 1024px) {    .navbar-header {        float: none;    }    .navbar-left,    .navbar-right {        float: none !important;    }    .navbar-toggle {        display: block;    }      .navbar-collapse.collapse {        display: none!important;    }    .collapse.in{        display:block !important;    }    .navbar-inverse  .navbar-nav .dropdown-menu > li > a {   background-color: #  }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a {  color:#;   }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:hover,   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:focus {     background-color: #; color: #;   }  }@media (max-width: 767px) {  .navbar-inverse  .navbar-nav .dropdown-menu > li > a {   background-color: #  }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a {  color:#;   }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:hover,   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:focus {     background-color: #; color: #;   }} .mitte-mitte-wp { margin-top:-20px;padding-top:20px;background-color: #171717;font-family:Verdana;font-weight:normal;font-size:10px;color:#CCCCCC;background-position: top center;
background-image: url(mitte2_neu.png);
background-size: 100%;
background-color: transparent;
padding: 10px 2% 0 2%;} .table {    border-bottom:0px !important;}.table th, .table td {    border: 1px !important;}.main_panel {-webkit-box-shadow: 0 1px 1px #949494;box-shadow: 0 1px 1px #949494;border-color: #949494;background-color: transparent;}#main_heading { background-color: transparent;border-color: #949494;background: linear-gradient(to bottom, #cccccc, #333333);
STYLE PANEL  - überschrift
border-radius:6px 6px 0px  6px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
/* Box-Schalten Ende */font-family:Verdana;font-weight:bold;font-size:10px;color:#CCCCCC;}#main_heading_text {font-family:Verdana;font-weight:bold;font-size:10px;color:#CCCCCC;}.main_body {font-family:Verdana;font-weight:normal;font-size:10px;color:#;border-radius:6px 6px 6px  6px;
background-size: 100%;
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
/* Box-Schalten Ende */
display: block; 
margin: auto; 
width: 100%;}.main_body_list-group-item {-webkit-box-shadow: 0 1px 1px #949494;box-shadow: 0 1px 1px #949494;border-color: #949494;background-color: transparent;font-family:Verdana;font-weight:normal;font-size:10px;color:#;border-radius:6px 6px 6px  6px;
background-size: 100%;
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
/* Box-Schalten Ende */
display: block; 
margin: auto; 
width: 100%;}.main_body_hr { border: 1px solid #949494;}.thumbnail {font-family:Verdana;font-weight:normal;font-size:10px;color:#;border-radius:6px 6px 6px  6px;
background-size: 100%;
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
/* Box-Schalten Ende */
display: block; 
margin: auto; 
width: 100%;-webkit-box-shadow: 0 1px 1px #949494;box-shadow: 0 1px 1px #949494;border-color: #949494;background-color: transparent;} .main_boxen {-webkit-box-shadow: 0 1px 1px #949494;box-shadow: 0 1px 1px #949494;border-color: #949494;background-color: transparent;border-radius:6px 6px 6px  6px;
background-size: 100%;
padding-bottom:22px;
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
/* Box-Schalten Ende */



background-image: url(big_mitte_box.png);
background-position: bottom center;
background-size: 200px 600px;
background-repeat: no-repeat;
padding-bottom: 25px;








  
}#main_heading_boxen {background-color: #808080;border-color: #949494;font-family:Verdana;font-weight:bold;font-size:10px;color:#CCCCCC;background: linear-gradient(to bottom, #cccccc, #333333);
border-radius:6px 6px 0px  0px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
/* Box-Schalten Ende */

border-color: #949494;}.main_body_boxen {font-family:Verdana;font-weight:normal;font-size:10px;color:#CCCCCC;}.main_body_boxen_hr { border: 1px solid #CCCCCC;} .list-group-item.main_active{font-family:Verdana;font-weight:bold;font-style:normal;font-size:9px;color:#ABABAB;background-color: #171717;border-color: #7F7D7F;background-image: url(no.png);
padding:4px 4px 4px 26px !important;
border-radius:3px 3px 3px 3px !important;
border: 1px solid #484342 !important;

}a.list-group-item.main_active:hover, a.list-group-item.main_active:focus{font-family:Verdana;font-weight:bold;font-style:normal;font-size:9px;color:#FF5E24;background-color: #3D4348;border-color: #CCCCCC;background-image: url(ok.png);
padding:4px 4px 4px 26px !important;
border-radius:3px 3px 3px 3px !important;
border: 1px solid #484342 !important;
background-position: left center;padding:4px 4px 4px 26px !important;
transition: 0.4s ease-in-out;


} .footer_innen {color: #FFFFFF;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left:20px;background-position: top center;
background-repeat: repeat-y;
background-image: url(mitte2_neu.png);
border-radius:0 0 0 0;
background-size: 100%;
padding: 12px 7% 0 8%;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}.footer {overflow: hidden;color: #CCCCCC;#shoutcastPlayer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #333;
    color: white;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.5);
}

#controls {
    display: flex;
    align-items: center;
}

#songInfo {
    margin-left: 20px;
    font-size: 1rem;
}

button {
    margin: 0 10px;
    padding: 10px;
    background-color: #555;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 1rem;
}

button:hover {
    background-color: #777;
}
}.footer_bottom {color: #CCCCCC;background-color: #;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 10px;	padding-left:0px;}#footer_bottom a{color: #CCCCCC;}.title-widget {font-family:Verdana;font-size:12px;color:#FFFFFF;	margin-top: 0;	margin-right: 0;	margin-bottom: 16px;	margin-left: 0;	padding-left: 0px;}.widget_nav_menu ul {    list-style: outside none none;    padding-left: 0;}.widget_nav_menu ul li {line-height:10px;margin-bottom: 7px;padding-bottom: 7px;width:95%;}#main_fuss{font-family:Verdana;font-weight:normal;font-size:12px;color:#000000;}#main_fuss:hover, #main_fuss:focus{font-family:Verdana;font-weight:bold;font-size:12px;color:#737373;}.footerp p {color: #FFFFFF;}.footerp:hover, .footerp:focus{color: #FFFFFF;} .scrollup{position:fixed;font-size: 20px; width:32px;height:32px;bottom:20px;right:20px;background: #000000;-webkit-border-radius: 2px 2px 0 0;	-moz-border-radius: 2px 2px 0 0;	border-radius:  2px 2px 0 0;	}a.scrollup {outline:0;text-align: center;vertical-align:middle;}a.scrollup:hover,a.scrollup:active,a.scrollup:focus {opacity:1;text-decoration:none;}a.scrollup i {margin-top:2px;color: #FFFFFF;}a.scrollup i:hover {text-decoration:none;} .form-control {background-color: #464446;!important;color: #CCCCCC;!important;border: 1px solid #CB5E17;!important;}.input-group-addon {background-color: #464446;!important;color: #CCCCCC;!important;border: 1px solid #CB5E17;!important;}  @media screen and (max-width: 1024px) {.tab_aus{ display:none;}.tab_an{ display:inline;}}@media screen and (max-width: 767px) {  .no_handy {display:none;}.handy_aus{ display:none;}.handy_an{ display:inline;}#nav1.affix {    top: 0;    right: 0;    left: 0;    z-index: 1000;    margin-bottom:0; }.affix {width:100%;}}@media (min-width: 768px) {.row-flex {  display: flex;  flex-wrap: wrap;}.panel { height: 90%;}}.btn-group  {
padding: 0px 5px 0px 5px;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #F1F1F1;
            opacity: 1; /* Firefox */
            font-size:9pt;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #F1F1F1;
             font-size:9pt;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: #F1F1F1;
             font-size:9pt;
}