@font-face {
    font-family: "LomoWebStrip LT Std 6";
    src: url(../fonts/LomoWebStripLTStd-6.ttf) format('truetype');
}

@font-face {
    font-family: "LomoWebStrip LT Std 5";
    src: url(../fonts/LomoWebStripLTStd-5.ttf) format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: "LomoWebPixel LT Std 5";
    src: url(../fonts/LomoWebPixelLTStd-5.ttf) format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: "LomoWebPixel LT Std 7";
    src: url(../fonts/LomoWebPixelLTStd-7.ttf) format('truetype');
}

@font-face {
    font-family: "LomoWebStrip LT Std 7";
    src: url(../fonts/LomoWebStripLTStd-7.ttf) format('truetype');
}

@font-face {
    font-family: "LomoWebStrip LT Std 4";
    src: url(../fonts/LomoWebStripLTStd-4.ttf) format('truetype');
}

@font-face {
    font-family: "LomoWebPixel LT Std 4";
    src: url(../fonts/LomoWebPixelLTStd-4.ttf) format('truetype');
}

@font-face {
    font-family: "LomoWebStrip LT Std 9";
    src: url(../fonts/LomoWebStripLTStd-9.ttf) format('truetype');
}

@font-face {
    font-family: "LomoWebPixel LT Std 9";
    src: url(../fonts/LomoWebPixelLTStd-9.ttf) format('truetype');
}

@font-face {
    font-family: "LomoWebPixel LT Std 6";
    src: url(../fonts/LomoWebPixelLTStd-6.ttf) format('truetype');
}

@font-face {
    font-family: "Matrix Code NFI";
    src: url(../fonts/matrix code nfi.ttf) format("truetype");
	}
@font-face {
    font-family: "Matrix";
    src: url(../fonts/Matrix-Normal.ttf) format("truetype");
	}	
@font-face {
    font-family: "Bank Gothic Medium BT";
    src: url(../fonts/BNKGOTHM.TTF) format("truetype");
	}
@font-face {
    font-family: "OCR-A Regular";
    src: url(../fonts/ocr-aregular.ttf) format("truetype");
	}
@font-face {
    font-family: "OCR-A";
    src: url(../fonts/OCR-A.ttf) format("truetype");
	}
@font-face {
    font-family: "OCR-A BT";
    src: url(../fonts/OCR-ABT.ttf) format("truetype");
	}
@font-face {
    font-family: "Unispace-Regular";
    src: url(../fonts/unispace rg.ttf) format("truetype");
	}
@font-face {
    font-family: "Unispace-Italic";
    src: url(../fonts/unispace it.ttf) format("truetype");
	}
@font-face {
    font-family: "Unispace-Bold";
    src: url(../fonts/unispace bd.ttf) format("truetype");
	}
@font-face {
    font-family: "ChakraPetch-Bold";
    src: url(../fonts/ChakraPetch-Bold.ttf) format("truetype");
	}
@font-face {
    font-family: "ChakraPetch-BoldItalic";
    src: url(../fonts/ChakraPetch-BoldItalic.ttf) format("truetype");
	}
@font-face {
    font-family: "ChakraPetch-Italic";
    src: url(../fonts/ChakraPetch-Italic.ttf) format("truetype");
	}
@font-face {
    font-family: "ChakraPetch-Light";
    src: url(../fonts/ChakraPetch-Light.ttf) format("truetype");
	}
@font-face {
    font-family: "ChakraPetch-LightItalic";
    src: url(../fonts/ChakraPetch-LightItalic.ttf) format("truetype");
	}
@font-face {
    font-family: "ChakraPetch-Medium";
    src: url(../fonts/ChakraPetch-Medium.ttf) format("truetype");
	}
@font-face {
    font-family: "ChakraPetch-MediumItalic";
    src: url(../fonts/ChakraPetch-MediumItalic.ttf) format("truetype");
	}
@font-face {
    font-family: "ChakraPetch-Regular";
    src: url(../fonts/ChakraPetch-Regular.ttf) format("truetype");
	}
@font-face {
    font-family: "ChakraPetch-SemiBold";
    src: url(../fonts/ChakraPetch-SemiBold.ttf) format("truetype");
	}
@font-face {
    font-family: "ChakraPetch-SemiBoldItalic";
    src: url(../fonts/ChakraPetch-SemiBoldItalic.ttf) format("truetype");
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #000000;
    background-image: url(/web/20041204065532im_/http://www.radiofreezion.com/images/darkstrip.gif);
}
body,
td,
th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
	
} /* width */
::-webkit-scrollbar {
    width: 8px;
} /* Track */
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.8);
} /* Handle */
::-webkit-scrollbar-thumb {
    background: #bbb;
} /* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #ccc;
}

.header {
    width: 780px;
    height: 300px;
}
.header_logo {
    background: url(../images/header.png) left no-repeat;
    background-size: contain;
    position: absolute;
    text-align: right;
    width: 600px;
    height: 220px;
    margin-left: 340px;
    margin-top: 35px;
    z-index: 2;
}
.header_bg {
    position: absolute;
    padding-left: 0px;
    padding-top: 0px;
}
.header_bg_ol {
    position: absolute;
    background-color: black;
    height: 300px;
    width: 100px;
    z-index: 1;
}
.news_img {
    border-style: solid;
    border-width: 2px;
    border-color: #ccc;
    text-align: center;
    margin: auto;
    width: 180px;
    background-color: #fff; /*for compatibility with older browsers*/
    background-image: linear-gradient(#fff, #ddd);
}
.player {
    /*background-image: url(../images/ChairLoop.gif);*/
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    margin: auto;
    width: 260px;
    height: 160px;
}
.playerinfo {
	text-align: center; 
	position: relative; 
	margin: auto;
}
a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: darkgreen;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: darkgreen;
}
a:hover {
    text-decoration: underline;
    color: darkgreen;
}
a:active {
    text-decoration: none;
    color: darkgreen;
}
a.nav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #fff;
}
a.nav:link {
    text-decoration: none;
}
a.nav:visited {
    text-decoration: none;
    color: #fff;
}
a.nav:hover {
    text-decoration: underline;
    color: #ddd;
}
a.nav:active {
    text-decoration: none;
    color: #ddd;
}
.style5 {
    font-size: 10px;
}
.style6 {
    color: #333333;
}
.style8 {
    color: #014878;
}
.style10 {
    font-size: 11px;
}
.style11 {
    font-size: 11px;
    color: #333333;
}
.style12 {
    font-size: 11px;
    font-weight: bold;
}
* {
    box-sizing: border-box;
}
.column {
    float: left;
    width: 50%;
    padding: 5px;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
}
#footer {
    width: 780px;
    margin: auto;
    background: #000;
}
.footer_logospace {
    width: 200px;
    margin: auto;
}
.footer_logo {
    background: url("../images/mxo.png") left no-repeat;
    background-size: contain;
    text-align: center;
    width: 200px;
    height: 55px;
}
.footer_content {
    text-align: center;
    font-size: 10px;
    color: #ddd;
    padding-top: 5px;
    padding-bottom: 15px;
}

.block_header {
	font-family: 'LomoWebPixel LT Std 4';
    font-size: 1.65em;
}

.link {
	font-family: 'LomoWebPixel LT Std 4';
	border:none;
	font-size: 10px;
	line-height: 1.3em;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	cursor:pointer;
	white-space:nowrap
}	
	
.link_headline {
	display: inline;
	border: none;
	color: #00CC33;
	text-decoration: underline;
    font-weight: 600;
	background-color:inherit;
	cursor: pointer;
	white-space: nowrap;
}
	
.link a, .link:visited, .link:active {
	color: #000;
	text-decoration: none;
}
	
.link:hover {
	color: #999;
	text-decoration: none;
}
	
.link_headline a, .link_headline:visited, .link_headline:active {
	color: #000;
}
	
.link_headline:hover {
	color: #999;
}
	
.tabs {
    overflow: hidden;
    background-color: transparent;
    text-align: center;
	padding-bottom: 10px;
}

.tabs button {
    font-family: 'LomoWebPixel LT Std 4';
	background-color: transparent;
	font-size: 1.65em;
    float: none;
    text-align: center;
    width: 25%;
    border: none;
    outline: none;
    cursor: url(/images/cursor.ico), pointer;
    padding: 5px 0 10px;
    transition: 0.3s;
    color: #999;
}

.tabs button:hover {
    color: #555;
}

.tabs button.active {
    color: #000;
}

.tabcontent {
	animation: fadeIn 0.5s;
    border: none;
    border-top: none;
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

.img_link:hover {
  filter: brightness(1.2); 
  transition: .2s ease;
}