@charset "utf-8";
/* CSS Document */
html, body {height:100%;}
/* main */
body {margin:0; padding:0; background:#000;	font:12px Arial, Helvetica, sans-serif; color:#fff;}

h1, h2, h3, h4, p, ul, li{margin: 0; padding:0;}

.clear {clear:both;}

img {border:0;}

.fl {float:left;}
.fr {float:right;}

.blok h1, .blok h2, .blok h3, .content_blok img, .case_content_blok img, .txt_blok h4, .promo_blok_islive, content_blok ,.content_blok, .case_content_blok, .blok img.promo, #blok_bottom h4, #cams .item .pic, #cams .item a.chatononline, #cams .item a.chatoffoffline {border:1px solid #ff0000;}
.case_content_blok img.small, .case_content_blok img.small_left, .case_content_blok img.small_right{border:5px solid #000; background-color:#ff0000;}
.color1, .txt_blok a, div#disclaimer p, div#disclaimer a  {color:#ff0000;}
.color2, .blok h1, .blok h2, .blok h3, .txt_blok h4, #blok_bottom a {color:#ffff00;}
.color3, #col_right .blok li a, #col_right li, #col_left .blok li a, #col_left li, #geo .item, #cams .item {color:#fff;}
#promo_main {background-color:#000;}
#cams .item .mn {background-color:#ff0000;}
#cams .item .mn {color:#000;}
#cams .item a.chatononline, #cams .item a.chatoffoffline {background:#1dfe00;}

#main {width:936px; margin:0 auto;}
#col_left {float:left; width:180px; padding:8px 8px 8px 0;}
#col_mid {float:left; width:538px; padding:8px 8px 8px 0;}
#col_right {float:right; width:200px; padding:8px 0;}

#col_left_bottom {float:left; width:420px; padding:8px 0;}
#col_right_bottom {float:left; width:480px; padding:8px 0;}

#promo_main {width:934px; height:172px;}

.blok {padding-bottom:8px;}
.content_blok, .case_content_blok {border-top:none;}

.blok h1, .blok h2, .blok h3 {padding:8px 0; text-transform:uppercase; font-family: "Arial Black", Gadget, sans-serif; text-align:center;}
.blok h1 {font-size:14px;}
.blok h2 {font-size:16px; padding:6px 0;}
.content_blok, .case_content_blok {padding:8px 6px;}
.content_blok a, .case_content_blok a {font-size:14px;}
.center {text-align:center;}

.content_blok .kanalen img {float:left; border:0; padding:2px 0 0 2px;}

.case_content_blok {width:524px; position:relative;}
.case_content_blok img {float:left;}
.case_content_blok .btn_play {position:absolute; top:84px; left:120px;}
.case_content_blok img.small, .case_content_blok img.small_left, .case_content_blok img.small_right  {padding:1px; border-top:none; border-bottom:none;}
.case_content_blok img.small_left {border-left:none;}
.case_content_blok img.small_right {border-right:none;}
.case_content_blok .txt {float:left; width:210px; height:215px; overflow:auto; padding:0 5px; display:block;}
.case_content_blok a {font-weight:bold; line-height:36px; display:block;}

.txt_blok h4 {width:480px; padding-bottom:11px; padding-top:5px; border-top:none; border-left:none; border-right:none; font-size:27px; font-weight:bold; text-transform:uppercase;}
.txt_blok p {padding:5px;}
.txt_blok a {font-size:13px; line-height:18px;}

#col_right ul, #col_left ul {padding-left:26px;} 
#col_right li, #col_left li {list-style:decimal;}
#col_right li a, #col_left li a {font-size:12px; text-decoration:none; line-height:14px;}
#col_right li a:hover, #col_left li a:hover {text-decoration:underline;}

.promo_groot .kl, .promo_groot .gr {text-transform:uppercase; text-decoration:underline; font-weight:bold; line-height:18px; padding:6px 0;}
.promo_groot .kl {font-size:16px;}
.promo_groot .gr {font-size:24px;}

#blok_bottom {width:936px;}
#blok_bottom h4 {width:400px; padding-bottom:12px; border-top:none; border-left:none; border-right:none; font-size:22px; font-weight:bold; text-transform:uppercase; text-align:center; margin:0 auto;}
#blok_bottom p {padding-top:15px;}
#blok_bottom span {float:left; width:312px; font-weight:bold; font-size:22px; line-height:36px; text-align:center; display:block;}

div#disclaimer {width:800px; margin:0 auto; text-align:center; padding:50px 0; font:10px Verdana, Arial, Helvetica, sans-serif;}
div#disclaimer p {padding:5px 0;}

/* GEO PROMOTOOL */
#cams {margin:0 auto; width:930px; padding-left:4px;}
#cams .item {width:155px; height:170px; position:relative; float:left;}
#cams .item .pic {position:absolute; top:4px; left:0;}
#cams .item .mn {position:absolute; top:95px; left:1px; text-align:center; width:149px; height:16px; text-transform:capitalize; font-size:11px;}
#cams .item .l {position:absolute; top:115px; left:2px; line-height:12px; height:25px; font-size:11px;}
#cams .item .r {position:absolute; top:115px; right:7px; text-align:right; line-height:12px; height:25px; font-size:11px;}
#cams .item .l, #cams .item .r {line-height:22px;}
#cams .item a.chatononline, #cams .item a.chatoffoffline {display:block; position:absolute; top:140px; left:0; width:149px; height:19px; padding-top:3px; font:bold 13px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-transform:uppercase; letter-spacing:-0.5px; color:#000;}
#cams .item a.chatoffonline, #cams .item a.chatonoffline {display:none;}
#cams .item a.chatoffoffline {background:#f00;}
#cams .item .live {position:absolute; top:5px; left:1px;}

div#bg_error {border:1px solid #f00;background:#fff;color:#000;width:650px;margin:0 auto;}
div#bg_error img {margin:0 auto;padding:10px 0;}
a.error,a.error:link,a.error:visited {color:#a10000;}
a.error:hover {color:#a10000;text-decoration:underline;}
div.melding {font:bold 12px verdana;color:#000;text-align:center;padding:10px 0;}
div.evengeduld {font:large arial black;color:#a10000;text-align:center;padding:10px 0;}
div.sign {width:100px;margin: auto;}
div.count {width:30px;margin: auto;}