*{margin:0;padding:0}
:focus{outline:none}
body{background:url(images/fon.jpg) repeat-x top center}
#container{min-width:960px;background:url(images/body_top.jpg) no-repeat top center}
#wrapper{width:960px;color:#181818;font-family:Tahoma;font-size:11px;margin:auto}
a{color:#009ed3;text-decoration:underline}
a:hover{text-decoration:none}
a img{border:none}
td{vertical-align:top}
li{list-style:none;margin-bottom:3px}
.clear{clear:both;overflow:hidden;line-height:1px}
/* header */
#header{position:relative;margin-bottom:18px;height:265px}
#logo{display:block;position:absolute;top:83px;left:4px;width:172px;height:15px;padding-top:51px;font-size:12px;color:#fff;text-decoration:none;letter-spacing:2px;text-align:center;background:url(images/logo.png) no-repeat top left}
#smmenu{position:absolute;top:28px;left:42px}
#smmenu a{display:block;margin-top:1px;float:left}
#smmenu_home{background:url(images/smmenu_home.gif) no-repeat;width:11px;height:10px;margin-top:0;margin-right:55px}
#smmenu_map{background:url(images/smmenu_map.gif) no-repeat;width:17px;height:9px;margin-right:64px}
#smmenu_contact{background:url(images/smmenu_contact.gif) no-repeat;width:14px;height:9px}
#head_contact{position:absolute;top:145px;left:760px;font-size:25px;color:#313a71;line-height:29px}
#head_contact span{color:#FFF;float:left;font-size:15px;line-height:15px;margin:4px 3px 0 0}
#head_contact div{color:#fff;font-size:30px;float:left;}
/* content */
h1{color:#2875a6;text-transform:uppercase;font-size:16px;line-height:16px;margin-bottom:18px}
h1 span{font-weight:400}
p{margin-bottom:10px;line-height:15px}
/* left */
#left_col{float:left;margin-right: 20px;width: 205px;}
#left_col p{margin-bottom:9px;line-height:18px;padding-left:15px}
#left_col .box{background:url(images/rightbox_bott.gif) no-repeat bottom #e6edf2;width:202px;position:relative;z-index:20;margin-bottom:25px}
#left_col .box .inner{background:url(images/rightbox_top.gif) no-repeat left top;padding:12px}
#left_col .title{font-size:12px;font-weight:700;margin-bottom:13px}
.menu{padding-bottom:37px}
.menu li{list-style:none;margin-bottom:3px;font-size:12px}
.menu li a{display:block;color:#181818;text-decoration:none;background:#e6edf2;padding:11px 14px}
.menu li a:hover{background:#d7eaf7}
#conect_button{display:block;background:url(images/button_connect.jpg) no-repeat;width:200px;height:63px;margin-bottom:35px}
/* center */
.wrong_title{float:left;font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#2875a6;height:34px}
#cntr_col{float:left;width:720px;margin-right:15px}
#cntr_col p{text-align:justify}
.content p{font-size:12px;margin-bottom:10px;text-align:justify}
.content li{list-style:square;margin-bottom:3px}
.content ul{font-size:12px;margin-bottom:10px;text-align:justify;padding:0 0 0 15px}
.prog_guiede{background:url(images/program_guiede.jpg) no-repeat top left;padding-left:90px;width:150px;padding-bottom:11px}
.top_radio{background:url(images/top_radio.jpg) no-repeat top left;padding-left:90px;width:150px;padding-bottom:25px;height:54px}
.prog_guiede>.title a,.top_radio>.title a{font-weight:700;color:#efa404 !important;font-size:18px;line-height:18px;margin-bottom:10px;text-decoration:none !important}
.prog_guiede .title a span,.top_radio .title a span{font-weight:400}
.prog_guiede ul, .top_radio ul{margin:4px 0 0 2px}
#cntr_col .box{background:url(images/cntrbox_bott.gif) no-repeat bottom left #e6edf2;margin-left:5px}
#cntr_col .box .inner{background:url(images/cntrbox_top.jpg) no-repeat top right;min-height:60px;padding:33px 16px 16px}
#cntr_col .box .title{float:left;font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#2875a6;margin-right:30px;margin-bottom:15px}
.criterions{padding-top:6px;margin-bottom:15px;height:20px}
.criterions li{list-style:none;background:url(images/criterions_right.gif) no-repeat right;float:left;margin-right:15px}
.criterions li a{display:block;line-height:20px;height:20px;background:url(images/criterions_left.gif) no-repeat left;text-decoration:none;padding:0 10px}
.criterions li a:hover{text-decoration:underline}
.categories{margin-bottom:15px;clear:both}
.categories li{list-style:none;display:inline;margin-right:12px}
.categories li a{border-bottom:dashed 1px #009ed3;text-decoration:none;color:#009ed3}
.categories li a:hover{border:none}
.logo_box{width:100%;background:#fff;padding:5px 0}
.logo_box td{width:20%;text-align:center;vertical-align:middle;padding:12px 0}
.archiv{background:url(images/archiv.jpg) no-repeat left top;display: block;height:18px;line-height:18px;margin:0 0 0 40px;padding:0 0 0 22px}
.poll_form div{margin-bottom:10px}
.poll_form label{display:inline}
.poll_form label input[type=radio]{position:relative;top:.15em;margin:0 7px 0 2px}
.poll_form .button{background:url(images/buttopr.png) no-repeat;display:block;height:38px;margin:14px auto 0;width:165px;border:0;cursor:pointer}
/* footer */
#footer{border-top:solid 1px #cbd9e4;padding-top:45px;padding-bottom:35px;background:url(images/foot_img.gif) no-repeat 0 46px;position:relative;font-size:12px}
#foot_link{display:block;background:url(images/foot_link.jpg) no-repeat;width:86px;height:73px;position:absolute;left:488px;top:9px;color:#fff;padding-left:83px;padding-top:25px;text-decoration:none;font-size:11px}
#foot_left{float:left;width:400px;padding-left:100px;line-height:18px}
#foot_left a{margin-right:25px}
#foot_right{float:right;text-align:right;width:275px;font-size:14px;color:#2875a6;text-transform:uppercase;margin-top:-13px}
#foot_right div{font-size:30px}
#title2{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#2875a6;margin-right:30px;margin-bottom:15px}
.slidercont{position:relative;}
.channelbox{height:253px;margin:0 0 0 12px;overflow:hidden;width:660px;background:#fff}
.pager_prev{background:url(images/arrsl.png) no-repeat 0 0;height:80px;position:absolute;left:3px;top:185px;width:21px}
.pager_next{background:url(images/arrsl.png) no-repeat -21px 0;height:80px;position:absolute;right:3px;top:185px;width:21px}
.pager_next:hover{background-position:-21px -80px}
.pager_prev:hover{background-position:0 -80px}
/*andre*/
#head_nav a{display:block;position:absolute}
#head_tv{background:url(images/hbutt1.jpg) no-repeat 0 -100px;height:100px;left:314px;top:56px;width:111px}
#head_radio{background:url(images/hbutt2.jpg) no-repeat 0 -80px;height:80px;left:543px;top:93px;width:98px}
#head_online{background:url(images/hbutt3.jpg) no-repeat 0 -109px;height:109px;left:729px;top:22px;width:144px}
#head_nav span{top: 0; left: 0; bottom: 0; right: 0;position:absolute;filter:alpha(opacity=0);opacity:0;cursor:pointer}
#head_tv span{background:url(images/hbutt1.jpg) no-repeat 0 0;}
#head_radio span{background:url(images/hbutt2.jpg) no-repeat 0 0;}
#head_online span{background:url(images/hbutt3.jpg) no-repeat 0 0;}

#menul>h2{background:url(images/leftm_top.gif) no-repeat;width:200px;height:48px;margin:0;padding:0}
#menul>ul{list-style:none;margin:0;padding:0}
#menul li{overflow:hidden;margin:0;padding:0}
#menul li a{background:url(images/leftm_mid.gif) no-repeat;color:#181818;display:block;font-size:12px;height:23px;text-decoration:none;width:180px;padding:11px 0 0 22px}
#menul li a:hover{background-position:0 -39px}
#menul li.last>a{background:url(images/leftm_bot.gif) no-repeat;height:26px;width:180px;padding:13px 0 0 23px}
#menul li.last>a:hover{background-position:0 -39px}
.news{margin-bottom:8px;padding-bottom:8px;overflow: hidden}
.news p{overflow: hidden}
.news .date{font-size:11px;font-weight:700;background:#e6edf2;line-height:21px;width:83px;color:#2875a6;text-align:center;margin:0 7px 7px 0;padding:0 5px; display:inline-block}
.news .title3{color:#009ED6;font-weight:700;text-transform:uppercase;margin-bottom:7px;display:inline-block}
.news .title{font-size:12px;line-height:16px;margin-bottom:10px}
.news .img{float: left; width:120px; text-align: center; margin: 0 9px 0 0; display: table-cell;vertical-align:middle}
.news .img{height: 70px; width: 120px}
.news .img > img{max-height: 70px; max-width: 120px}
.news li{float:left;width:206px;margin:0 50px 0 0}
.leftpos{float:left}
#menul li.last,.news li.last{margin:0}
.tabletopc{border:0;width:100%}
.buttonbg{background:url(images/bg_button.png) no-repeat 50% 50% #E0E1E1;border:1px solid #C7C7C7;color:#2875A6;cursor:pointer;padding:5px 6px}
.tablecentrt td{text-align:center;font-weight:bold;font-size:14px}
.tablecont td{vertical-align:middle;padding: 5px 10px; font-size:14px}

.tblbord td{border:1px dashed #CBD3D9;padding:5px 7px;}
.tblbord td:first-child{font-weight:bold}
.faq{margin: 0 0 15px 0;font-size:12px}
.faq>div{font-weight:bold}
.faq>b, .faq>div>b{color:#1B82E8}
.tvlist{border:1px solid #e6edf2;-webkit-border-radius:6px;border-radius:6px;margin:0 0 10px;padding:5px 5px 1px;background:#e6edf2}
.tvlist legend{color:#2875A6;font-size:18px;line-height:17px;padding:0 8px;background:#e6edf2;-webkit-border-radius:4px;border-radius:4px}
.tvlist ul{display:block;width:695px;margin:0;padding:0}
.tvlist li{list-style:none;vertical-align:middle;float:left;padding:0 0 2px 3px;position:relative}
.tvlist li span{background:url(img/hd.png) no-repeat 0 0;bottom:4px;display:block;height:27px;position:absolute;right:0;width:36px}

.imgcam{float:left;width:170px;margin:0 10px 4px 0;height:127px}
.imgcam a{opacity:0.85}
.imgcam a.active,.imgcam a:hover{opacity:1!important}
.imgcam a span{display:block;font-size:12px;text-align:center;padding:2px 0 0}
.imgcam a .imgthum img{width:170px}
.imgcam a .imgthum{height:95px;width:170px;overflow:hidden;background:url('/camers/img/bgcams2.png') no-repeat 0 0;border:1px solid #aaa}
.imgcam a.active .imgthum {border:1px solid #009ED3}
.listcam{overflow:hidden;margin:0 0 8px;}

.user-cookie {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 20px 50px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
    font-size: 13px;
    box-sizing: border-box;
    transform: translateY(100%);
    transition: all 0.5s ease-in;
}
.user-cookie.active {
    transform: translateY(0);
}
.user-cookie p {
    margin-bottom: 25px;
}
.user-cookie-close {
    position: absolute;
    right: 20px;
    top: 0;
    text-decoration: none !important;
    font-size: 40px;
    font-family: Arial;
    font-weight: 200;
    color: #0a8dd8;
}
.user-cookie-close i:before {
    content: '×';
}