element.style {

    text-align: center;

    font-size: 14px;





element.style {

    color: #ffffff;



}







.btn.disabled, .btn:disabled {

    opacity: 05;



}



.btn-danger.disabled, .btn-danger:disabled {

    color: #fff;

    background-color: #000000;

    border: 2px solid #007FFF;



}

   

    

.btn.disabled, .btn:disabled {

    /* opacity: .30; */



}







element.style {

    color: #ffffff;



}











element.style {

}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

.input-group-append .btn, .input-group-prepend .btn {

    position: relative;

    z-index: 2;

}



[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {

    cursor: pointer;

}









.btn-secondary {

    color: #ffeb3b;

    background-color: #000000;

    border-color: #007FFF;

    border-radius: .25rem;

}













.custom-select {

    display: inline-block;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    padding: .375rem 1.75rem .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #ffeb3b;

    vertical-align: middle;

    background: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right .75rem center/8px 10px;

    background-color: #000000;

    border: 2px solid #007FFF;

    border-radius: .25rem;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}










.input-group-text {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    padding: .375rem .75rem;

    margin-bottom: 0;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #0EFFFF;

    text-align: center;

    white-space: nowrap;

    background-color: #000000;

    border: 2px solid #007FFF;

    border-radius: .25rem;

}











}

.form-control {

    display: block;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #0EFFFF;

    background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

    background-clip: padding-box;

    border: 2px solid #007FFF;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}









.table .thead-dark th {

    color: #0EFFFF;

    font-size: 16px;

    background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

    border-color: #007FFF;

}



thead tr {

background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

font-size: 14px;

}



.alert {

    position: relative;

    padding: .75rem 1.25rem;

    margin-bottom: 1rem;

    color: #0EFFFF;

    font-size: 16px;

    background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

    border: 2px solid #007FFF;

    border-radius: 10px;

}



.startsendungonair {



    position: relative;

    padding: 0.2rem 0.2rem;

    margin-bottom: 1rem;

    color: #0EFFFF;

    font-size: 16px;

    background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

    border: 1px solid #007FFF;

    border-radius: 5px;

}



.alert-warning {

    color: #ffffff;

    background-color: #000000;

    border-color: #007FFF;

}





.alert-info {

    color: #ffffff;

    background-color: #000000;

    border-color: #007FFF;

}



.table-info, .table-info>td, .table-info>th {

    background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

    color: #0EFFFF;

    font-size: 18px;

    font-family:  kimberly,sans-serif; 

    font-weight:Bold;



}





Style Attribute {

    text-align: center;

    font-size: 14px;





}



element.style {

    text-align: center;

    font-size: 14px;

}



.img_button{

	cursor:pointer;

background-image: url('https://communitychat.magic-express-radio.de/img/blue1.png');

        border-radius:6px;

	border:2px solid #007FFF;

        cursor:pointer;

	display:inline-block;

	cursor:pointer;

	color:#8EE5EE; 

	font-family: Georgia;

	font-size:18px;

	font-weight:bold;

	padding:0px 0px;

        float: center;

	margin-left: auto;

        margin-right: auto;



}



.img_button:hover {

 

background-image: url('https://communitychat.magic-express-radio.de/img/blue1.png');

        border-radius:6px;

	border:2px solid #007FFF;

        cursor:pointer;

	display:inline-block;

	cursor:pointer;

	color:#8EE5EE; 

	font-family: Georgia;

	font-size:18px;

	font-weight:bold;

	padding:0px 0px;

        float: center;

	margin-left: auto;

        margin-right: auto;



}





.image {

 transition: transform 1s;

    width: 80%;

    height: auto;

    border-radius: 5%;

    border:2px solid #007FFF;

    

}



.image:hover {



transform: scale(1.5);



}





img {

    border-radius: 0px;

    border: 10px solid #007FFF;

    border-radius: 0px;

    box-shadow: 10px 10px 10px);

    box-shadow: 5px 5px 24px #;

}







.artst-prfle span.artst-sub span.byname {

    font-weight: 700;

    color: #ffeb3b;



}





.artst-prfle span.artst-sub {

    font-size: 15px;

    color: #0EFFFF;

    float: left;

    width: 100%;

    font-weight: normal;

    padding: 5px 0;

}







.art-title {

    color: #231f20;

    font-size: 16px;

    font-weight: 700;

    color: #ffeb3b;

    background-color: #000000;

    border-color: #007FFF;

    border: 2px solid #007FFF;

    border-radius: 6px;



}

.panel-default>.panel-heading {

    color: #0EFFFF;

    font-size: 18px;

    font-family:  kimberly,sans-serif; 

    font-weight:Bold;

    background-color: #000000;

    background-image: url('https://communitychat.magic-express-radio.de/img/blue1.png');

    box-shadow: 3px 3px 9px #007FFF;

    border-color: #007FFF;

    border: 2px solid #007FFF;

    border-radius: 6px;



}









/* Begin Admin*/



}.bg-light {

    background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

}



/* Ende Admin*/





/* Begin On Air Box*/

.container {

    max-width: 100%;

}

img#onair_bildIMG{width:110px; height:110px;}

body#onair_body

{ font-family: Arial; font-size: 12px; color: white; text-align: center;

}

{

/* Ende On Air Box*/

/* Begin Sendeplan */

}

    div#content { min-height: 400px; padding: 100px; background: transparent;

 

}





.table {

background: cyan;

font-size: 18px;

color: #000000;

text-align: center;

}

.table-info{



color: #0EFFFF;

}

/*Ende Sendeplan*/

/*  ==============================================================  */

/*Begin Teamliste*/    

.panel {

width: 100%;

background-image: url('https://magic-ostfriesland-radio.de/templates/ms_magic_dogerblue/loginbg.jpg');

border: 2px solid #;

border-radius:px;

background-color: transparent;
border: 3px solid transparent;
border-image: rgb(9,89,0);
border-image: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);
border-image-slice: 1;
text-shadow:3px 3px 3px #000000;




box-shadow: 3px 3px 9px #007FFF;

} 

thead tr {background-color: #000000;}

@charset "utf-8";

body

{

margin: 0;

padding: 0;



background: #;

} 

/*Ende Teamliste*/





}

element.style {

    text-align: right;

    font-size: 18px;



}





.alert-info {

    color: #0EFFFF;

    background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

    border: 3px solid transparent;

border-image: rgb(9,89,0);

border-image:  radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

border-image-slice: 1;



}















@charset "utf-8";

body

{

margin: 0;

padding: 0;

font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif

font-size: 16px;

color: #0EFFFF;

background: transparent;

background-attachment: fixed;

background-image: transparent;

background: #; text-shadow: 2px 2px 4px #007FFF; text-align: center; text-align: -webkit-center;

font-size: initial;



}

body#onair_body { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif font-size: 20px; color: cyan; text-align: center; background: transparent;}

div#content { min-height: 100px; padding: 10px; background: transparent;

}

table.content tr:nth-child(even) { background: transparent;

}

table.content tr:nth-child(odd) { background: transparent;

}

media="all"

body { margin: 0; padding: 0; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif font-size: 16px; color: cyan; background: transparent;



thead tr {background-color: transparent;}





}

img#onair_bildIMG{float: center; width: 100%; margin-right: 0px; margin-left: 0px;}

img#onair_bildIMG{width:100px; height:100px;}

img#onair_bildIMG { width: 100px; height: 100px; border-radius: 0px; border:0; border: 3px solid transparent;

border-image: rgb(9,89,0);

border-image: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

border-image-slice: 1;'/>

box-shadow: 15px 15px 15px ;

thead tr {background-color: transparent;}

}

img#onair_bildIMG { width: 120px; height: 120px; border-radius: 0px; border:3; border-radius: 0px; '/>

box-shadow: 15px 15px 15px white;

}

body#onair_body

{



overflow: hidden;

-webkit-transform: scale(0.9); /*Webkit: Scale down image to 0.9x original size*/

-moz-transform: scale(0.8); /*Mozilla scale version*/

-o-transform: scale(0.8); /*Opera scale version*/

-ms-transform: scale(0.8); /*Internet Explorer*/

-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/

-moz-transition-duration: 0.5s; /*Mozilla duration version*/

-o-transition-duration: 0.5s; /*Opera duration version*/

-ms-transition-duration: 0.5s; /*Internet Explorer*/

transition-duration: 0.5s;

margin: 0 -6px; /*margin between images*/

text-shadow: 2px 2px 5px blue;

}

body#onair_body:hover

{ 

transform: scale(1.0);

-webkit-transform: scale(1.0); /*Webkit: Scale up image to 1.2x original size*/

-moz-transform: scale(1.0); /*Mozilla scale version*/

-o-transform: scale(1.0); /*Opera scale version*/

-ms-transform: scale(1.0); /*Internet Explorer*/

opacity: 1;

}

img { ; border-radius: 110px; border:0; border-radius: 8px; box-shadow: 0px 0px 10px);'/>

box-shadow: 2px 2px 5px cyan;

}

thead tr {background-color: #transparent;}

}

div#navi

{

	border-bottom: 2px solid #007FFF;

	background: #000000;

	background: -moz-linear-gradient(top,#000000,#000000);

	background: -webkit-linear-gradient(top,#000000,#000000);

	background: -ms-linear-gradient(top,#000000,#000000);

	background: linear-gradient(top,#000000,#000000);

}



div#navi ul

{

	margin: 0 auto;

	padding: 0;

	list-style-type: none;

}



div#navi ul li

{

	float: left;

	border-right: 2px solid #007FFF;

}



div#navi ul li a

{

	display: block;

	padding: 7px 20px;

	min-width: 65px;

	text-align: center;

	color:#0EFFFF;

	text-decoration: none;

}



div#navi ul li span#headline

{

	display: block;

	font-size: 18px;

	color: #0EFFFF;

	font-weight: 700;

	padding: 12px 25px;

}



div#navi ul li a#current,

div#navi ul li a:hover

{

	background: #000000;

	background: -moz-linear-gradient(top,#000000,#000000);

	background: -webkit-linear-gradient(top,#000000,#000000);

	background: -ms-linear-gradient(top,#000000,#000000);

	background: linear-gradient(top,#000000,#000000);

}



div#navi ul li:first-child {border-left: none;}

div#navi ul li:last-child {border-right: none;}



table.content

{

	width: 100%;

	border: 2px solid #007FFF;

	border-spacing: 2px;

}



table.content th, table.content td {padding: 6px 4px;}

table.content tr:nth-child(odd){background: #007FFF;}

table.content tr:nth-child(even){background: #007FFF;}



table.content th

{

	background: #000000;

	background: -moz-linear-gradient(top,#000000,#000000);

	background: -webkit-linear-gradient(top,#000000,#000000);

	background: -ms-linear-gradient(top,#000000,#000000);

	background: linear-gradient(top,#000000,#000000);

}



div#footer

{

	margin-bottom: 10px;

	height:25px;

	padding: 0;

	background: #000000;

	background: -moz-linear-gradient(top,#000000,#000000);

	background: -webkit-linear-gradient(top,#000000,#000000);

	background: -ms-linear-gradient(top,#000000,#000000);

	background: linear-gradient(top,#000000,#000000);

}



div#footer a

{

	color: #ffffff;

	text-decoration: none;

}



div#footer ul

{

	float:right;

	margin: 0;

	padding: 0;

	list-style-type: none;

}



div#footer ul li

{

	float: left;

}



div#footer ul li a

{

	display: block;

	padding:0 12px;

	line-height:25px;

	border-left:2px solid #007FFF;

}



div#footer ul li a#footer-current,

div#footer ul li a:hover

{

	background: #000000;

	background: -moz-linear-gradient(top,#000000,#000000);

	background: -webkit-linear-gradient(top,#000000,#000000);

	background: -ms-linear-gradient(top,#000000,#000000);

	background: linear-gradient(top,#000000,#000000);

}



div#refreshBar

{

	margin-bottom:10px;

	text-align:right;

}



img.profil_bild {width:100px;}



table.popup-table td.popup-profil-bild

{

	width: 100px;

}



table.popup-table

{

	margin: 0;

	padding: 0;

	width: 100%;

}



table.popup-table td.popup-desc

{

	vertical-align: top;

}



table.popup-table td.popup-desc strong

{

	display: block;

	margin-bottom: 5px;

	padding-bottom: 2px;

	border-bottom: 2px solid #007FFF;

}



input[type=text],

input[type=password],

input[type=file],

input[type=email],

input[type=url],

input[type=search],

select,textarea

{

	width:99%;

	margin:3px;

	padding:5px;

	font-size:16px;

	border-radius:3px;

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif

	border:2px # solid;

	-moz-box-siz007FFFing: border-box;

	-webkit-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	resize:none;

}



select {padding: 4px 5px;}



input[type=text]:focus,

input[type=password]:focus,

input[type=file]:focus,

input[type=email]:focus,

input[type=url]:focus,

input[type=search]:focus,

select:focus,textarea:focus

{

	box-shadow:0 0 3px cyan;

}



input[type=submit],

input[type=reset],

input[type=button]

{

	padding:3px 10px;

	border:2px solid #007FFF;

	font-weight:700;

	color:#0EFFFF;

	cursor:pointer;

	border-radius:3px;

	background:#000000;

	background:-moz-linear-gradient(top,#000000,#000000);

	background:-webkit-linear-gradient(top,#000000,#000000);

	background:-ms-linear-gradient(top,#000000,#000000);

	background:linear-gradient(top,#000000,#000000);

}



input[type=submit]:hover,

input[type=reset]:hover,

input[type=button]:hover

{

	background:#000000;

	background:-moz-linear-gradient(top,#000000,#000000);

	background:-webkit-linear-gradient(top,#000000,#000000);

	background:-ms-linear-gradient(top,#000000,#000000);

	background:linear-gradient(top,#000000,#000000);

}



input[type=submit].cancel,

input[type=reset].cancel,

input[type=button].cancel{color:#000000;}



input[type=submit].cancel:hover,

input[type=reset].cancel:hover,

input[type=button].cancel:hover

{

	color:#0EFFFF;

	border-color:#007FFF;

	background:#000000;

	background:-moz-linear-gradient(top,#000000,#000000);

	background:-webkit-linear-gradient(top,#000000,#000000);

	background:-ms-linear-gradient(top,#000000,#000000);

	background:linear-gradient(top,#000000,#000000);

}



input[type=submit].submit,

input[type=reset].submit,

input[type=button].submit{color:#000000;}



input[type=submit].submit:hover,

input[type=reset].submit:hover,

input[type=button].submit:hover

{

	color:#0EFFFF;

	border-color:#007FFF;

	background:#000000;

	background:-moz-linear-gradient(top,#000000,#000000);

	background:-webkit-linear-gradient(top,#000000,#000000);

	background:-ms-linear-gradient(top,#000000,#000000);

	background:linear-gradient(top,#000000,#000000);

}



span.event

{

	display:block;

	padding:8px;

	color:#0EFFFF;

	margin-bottom:10px;

	text-align:center;

	background:#000000;

	border-top:5px solid #007FFF;

	border-bottom:5px solid #007FFF;

}



span.event-Success

{

	color:#0EFFFF;

	background:#000000;

	border-color:#007FFF;

}



span.event-Fail

{

	color:#0EFFFF;

	background:#000000;

	border-color:#007FFF;

}



a{text-decoration:none;color:#0EFFFF;}

a:hover{color:#;}



span.circle-red

{

	border-radius:10px;

	padding:2px 6px;

	font-weight:700;

	background:#000000;

}



span.label

{

	color:#0EFFFF;

	font-weight:700;

	padding:4px 6px;

	border-radius:4px;

	background:#000000;

}



span.label-red

{

	color:#0EFFFF;

	background:#000000;

}



span.label-orange

{

	color:#0EFFFF;

	background:#000000;

}



span.label-green

{

	color:#0EFFFF;

	background:#000000;

}



div.pagenav{float:right;}



div.pagenav ul

{

	margin:0;

	padding:0;

	height:25px;

	list-style-type:none;

	border:2px solid #007FFF;

}



div.pagenav ul li

{

	float:left;

	border-left:2px solid #007FFF;

}



div.pagenav ul li:first-child{border:none;}



div.pagenav ul li a

{

	display:block;

	padding:0 7px;

	line-height:25px;

	font-weight:bold;

	vertical-align:middle;

	cursor:pointer;

}



div.pagenav ul li a:hover,

div.pagenav ul li#currentpage{background:#000000;}









.tooltip{

   			display: inline;

    		position: relative;

		}

		

		.tooltip:hover:after{

    		background: #000000;

    		background: rgba();

    		border-radius: 5px;

    		bottom: 26px;

    		color: #0EFFFF;

    		content: attr(title);

    		left: 20%;

    		padding: 5px 15px;

    		position: absolute;

    		z-index: 98;

    		width: 220px;

		}

		

		.tooltip:hover:before{

    		border: solid;

    		border-color: #007FFF transparent;

    		border-width: 6px 6px 0 6px;

    		bottom: 20px;

    		content: "";

    		left: 50%;

    		position: absolute;

    		z-index: 99;

		}





@charset "utf-8";



body {

	margin: 0;

	padding: 0;

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif

	font-size: 16px;

	color: #0EFFFF;

  background-color: black;

	background-image:url('https://chatlobby.magicostfrieslandradio.de/css/themes/Remix/hg.png');

	  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

 





}



.alert-dismissible .close {

    padding: .45rem 1.25rem;

}



.custom-file-label::after,

.custom-file-label {

    padding: .4rem .75rem;

    font-size: 1rem;

}



.custom-select {

    font-size: 1rem;

}

.bg-light {

background-color: #000000!important;

}



.table-light, .table-light>td, .table-light>th {

    background-color: #000000;

}



.table-secondary, .table-secondary>td, .table-secondary>th {

background-color: #000000;

}



.table-info, .table-info>td, .table-info>th {

  background-color: #000000;

  }

  

.table thead th {

    vertical-align: bottom;

    border-bottom: 0px solid #007FFF;

}



.table td, .table th {

    padding: .75rem;

    vertical-align: top;

    background-color: #000000;

    border-top: 2px solid #007FFF;

}



.bg-dark {

    

 background: rgb(9,89,0);

background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

border-image-slice: 1;   





}



.text-white {

    color: rgb(255 255 255 / 90%)!important;

}

div.clear {

	clear: both;

}



div#content {

	min-height: 250px;

	padding: 10px;

        background-color: transparent;

	box-shadow: 0px 0px 15px #007FFF;



}





nav {

    width: 100%;

}



ul.nav#headnav {

  border-bottom: 2px solid #007FFF;

	margin-left: 20px ;

	padding: 0;

	list-style-type: none;

}



ul.nav#headnav li {

	float: left;

	border-right: 2px solid #007FFF;

}



ul.nav#headnav li a {

	display: block;

	padding: 0px 30px;

	min-width: 15px;

	text-align: center;

        color: #0EFFFF;

background: #000000;

        border: 2px solid #007FFF;

        border-radius: 0px;



	text-decoration: none;

}



ul.nav#headnav li span#headline {

	display: block;

	font-size: 18px;

        border: 2px solid #007FFF;

        border-radius: 10px;



	color: #0EFFFF;

	font-weight: 700;

	padding: 12px 25px;

}



ul.nav#headnav li a.active,

ul.nav#headnav li a:hover:not(.active),

ul.nav#headnav li a:focus:not(.active),

ul.nav#headnav li .nav-link:hover:not(.active),

ul.nav#headnav li .nav-link:focus:not(.active) {

    background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

    color: #0EFFFF;

    border-color: #007FFF;

}



ul.nav#headnav li:first-child {

    border-left: none;

}



ul.nav#headnav li:last-child {

    border-right: none;

}





table.table {

	font-size: 16px;

	color: #0EFFFF;

	text-shadow:0 0 0.1em #007FFF;

	background-color: transparent;

	border: 2px solid #007FFF;

        border-radius: 0px;

        border-spacing: 4px;

	text-align:center;

	width: 100%;



}



table {

    border-collapse: collapse;

}





.table-success, .table-success > td, .table-success > th {

    background-color: #000000;





}

div.footer {

    /*margin-bottom: 14px;*/

    height: 30px;

	padding: 0;

}



div.footer a {

	color: #0EFFFF;

	text-decoration: none;

}



div.footer ul {

  float: right;

	margin: 0;

	padding: 0;

	list-style-type: none;

}



div.footer ul li {

	float: left;

}



div.footer ul li a {

	display: block;

    padding: 0 14px;

    line-height: 25px;

    border-left: 2px solid #007FFF;

}



div.footer ul li a.footer-current,

div.footer ul li a:hover,

div.footer a.sign-in:hover {

    background: #007FFF;

    color: #0EFFFF;

}



ul.tabmenu {

    margin: 0;

    padding: 0;

    list-style-type: none;

}



ul.tabmenu li {

    float: left;

}



ul.tabmenu li a {

    display: block;

    margin-right: 10px;

    padding: 8px 15px;

    color: #0EFFFF;

    font-weight: 700;

    border: 1px solid #007FFF;

    border-bottom: 0;

    background: #000000;

}



ul.tabmenu li a:hover,

ul.tabmenu li a.current {

    background: #000000;

}



span#refreshBar {

	float: right;

	font-size: 16px;

    padding-top: 5px;

}



img.profil_bild {

cursor:pointer;

transition: transform 1s;



	max-width: 150px;

	max-height: 150px;

	border: 3px solid transparent;

border-image: rgb(9,89,0);

border-image: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

border-image-slice: 1;

	border-radius: 0px;

	box-shadow: 0px 0px 50px #;

}



img.profil_bild:hover {

transform: scale(1.5);

	max-width: 150px;

	max-height: 150px;

	border: 3px solid transparent;

border-image: rgb(9,89,0);

border-image: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

border-image-slice: 1;

	border-radius: 0px;

	box-shadow: 0px 0px 50px #007FFF;

}







table.popup-table td.popup-profil-bild {

	padding-top: 5px;

	vertical-align: top;

	width: 110px;

}



table.popup-table {

	margin: 0;

	padding: 0;

	width: 100%;

}



table.popup-table td.popup-desc {

	vertical-align: top;

}



table.popup-table td.popup-desc span.headline {

	display: block;

	margin-bottom: 5px;

	padding-bottom: 2px;

    font-weight: 700;

	border-bottom: 2px solid #007FFF;

}



table.content tr.event-sendung {

    background: #007FFF;

}



/*input[type=text],

input[type=password],

input[type=file],

input[type=email],

input[type=url],

input[type=search],

input[type=number],

select, textarea*/

.input-group {

    margin: 3px;

    color: #0EFFFF;

    padding: 5px;

    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif

    /*width: 99%;

    font-size: 12px;

    border-radius: 3px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    resize: none;*/

}





select {

    padding: 4px 5px;

}



input[type=text]:focus,

input[type=password]:focus,

input[type=file]:focus,

input[type=email]:focus,

input[type=url]:focus,

input[type=search]:focus,

select:focus, textarea:focus {

    box-shadow: 0 0 3px blue;

}





input[type=submit],

input[type=reset],

input[type=button] {

    padding: 3px 10px;

    font-weight: 700;

    cursor: pointer;

}



span.event {

    display: block;

    padding: 8px;

    color: #0EFFFF;

    margin-bottom: 12px;

    text-align: center;

    background: #000000;

    border-top: 5px solid #007FFF;

    border-bottom: 5px solid #007FFF;

}



span.event-Success {

    color: #0EFFFF;

    background: #000000;

    border-color: #007FFF;

}



span.event-Fail {

    color: #0EFFFF;

    background: #000000;

    border-color: #007FFF;

}



a:hover {

    color: #0EFFFF;

}



h1.headline {

    margin: 0 0 10px 3px;

    padding-bottom: 1px;

    color: #0EFFFF;

    background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

    font-size: 20px;

    text-shadow: 0 0 0.9em#007FFF;

    border-bottom: 2px dotted #007FFF;

}



span.circle-red {

    border-radius: 10px;

    padding: 2px 6px;

    font-weight: 700;

    background: #d1c106;

}



span.label {

    color: #0EFFFF;

    font-weight: 700;

    padding: 4px 6px;

    border-radius: 4px;

    background: #000000;

}



span.label-red {

    color: #0EFFFF;

    background: #000000;

}



span.label-orange {

    color: #0EFFFF;

    background: #000000;

}



span.label-green {

    color: #0EFFFF;

    background: #000000;

}



div.pagenav {

    float: right;

}



div.pagenav ul {

    margin: 0;

    padding: 0;

    height: 25px;

    list-style-type: none;

    border: 2px solid #007FFF;

}



div.pagenav ul li {

    float: left;

    border-left: 2px solid #007FFF;

}



div.pagenav ul li:first-child {

    border: none;

}



div.pagenav ul li a {

    display: block;

    padding: 0 7px;

    line-height: 25px;

    font-weight: bold;

    vertical-align: middle;

    cursor: pointer;

}



div.pagenav ul li a:hover,

div.pagenav ul li#currentpage {

    background: #000000;

}



.mod_tool {

    color: #0EFFFF;

    background: #000000;

    font-size: 14pt;

}



.mod_tool:hover {

    color: #000000;

}



.mod_tool-dark {

    transition: .1s;

    color: #0EFFFF;

    background: #000000;

    font-size: 12pt;

}



.mod_tool-dark:hover {

    color: #0EFFFF;

}





.form-check-ab {

    position: relative;

    display: block;

    padding-left: 2.25rem;

    padding-top: 5px;

}









.btn-bild {

	width: 10px;

	hight: 100px;

	border: solid #007FFF;

	border-style: ridge;

	border-radius: .50rem;

	box-shadow: 0px 0px 1em #007FFF, 0 0 5em cyan;



}











.btn-mod {



	font-size: 18px;

	color: #0EFFFF;

	text-shadow:0px 5px 1px #007FFF;



}



.btn-Sende {



	font-size: 17px;

	color: #0EFFFF;

	text-shadow:0 0 0.6em #007FFF;

	border-style: 2px solid #007FFF;



}



.btn-info {

    color: #fff;

    background-color: #000000;

    border-color: #007FFF;







}

form {

margin : 0;

}

hr {

border : #007FFF solid 1px;

height : 0px;

}

hr.side-hr {

border : #007FFF solid 1px;

height : 0px;

}

td {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 14px;

background-color: #000000;

}

@keyframes AnimationName {

0% {

background-position : 90% 0;

}

100% {

background-position : 90% 0;

}

50% {

background-position : 11% 100%;

}

}

body::-webkit-scrollbar {

height : 15px;

width : 15px;

}

body::-webkit-scrollbar-thumb {

 background-image: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

border-width: 2px;

  border-color: #007FFF;

  border-style:  double;

  border-radius: 3px;



}





::-webkit-scrollbar-thumb:hover {

  background-color: white;

  background-image: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

  border-width: 2px;

  border-color: #007FFF;

  border-style:  double;

  border-radius: 3px;

}



body::-webkit-scrollbar-track {

background-image: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%);

}





.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: rgb(255 255 255 / 90%);

    background-color: #000000;

    border-color: #007FFF;

    border: 2px solid

    border-radius: 3px;

}









.form-control.is-valid, .was-validated .form-control:valid {

    border-color: #007FFF;

    padding-right: calc(1.5em + 0.75rem);

    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);

    background-repeat: no-repeat;

    background-position: right calc(0.375em + 0.1875rem) center;

    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}









.form-control.is-invalid, .was-validated .form-control:invalid {

    border-color: #007FFF;

    padding-right: calc(1.5em + 0.75rem);

    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);

    background-repeat: no-repeat;

    background-position: right calc(0.375em + 0.1875rem) center;

    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);

}









.input-group-text {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    padding: 0.375rem 0.75rem;

    margin-bottom: 0;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #0EFFFF;

    text-align: center;

    white-space: nowrap;

    background-color: #000000;

    border: 2px solid #007FFF;

    border-radius: 0.25rem;









}



.btn-secondary {

    color: #fff;

    background-color: #000000;

    border: 2px solid #007FFF;

    border-radius: 0.25rem;





}



element.style {

    font-family: Verdana;

    font-size: 25;

    font-weight: none;

    color: #0EFFFF;

    background: #000000;

}









.invalid-feedback {

    display: none;

    width: 100%;

    margin-top: 0.25rem;

    font-size: 80%;

    color: #0EFFFF;





}

form {

margin : 0;

}

hr {

border : #0000ff solid 1px;

height : 0px;

}

hr.side-hr {

border : #0000ffsolid 1px;

height : 0px;

}

td {

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 14px;

}

@keyframes AnimationName {

0% {

background-position : 90% 0;

}

100% {

background-position : 90% 0;

}

50% {

background-position : 11% 100%;

}

}

body::-webkit-scrollbar {

height : 15px;

width : 15px;

}

body::-webkit-scrollbar-thumb {

background: radial-gradient(circle farthest-corner at center, #38BFFF 0%, #00041C 100%)

border-width: 2px;

  border-color: #007fff;

  border-style:  double;

  border-radius: 3px;



}





::-webkit-scrollbar-thumb:hover {

  background-color: white;

  

 border-width: 2px;

  border-color: #007fff;

  border-style:  double;

  border-radius: 3px;

}



body::-webkit-scrollbar-track {

background-image: radial-gradient(circle, rgba(0,127,255,1) 0%, rgba(0,0,0,1) 100%);

}





/* Start https://magicostfrieslandradio.de/ */ * {cursor: url(https://magicostfrieslandradio.de/pfeile/cur55.cur), auto !important;} /* End https://magicostfrieslandradio.de */