.section { clear:both;padding:0px;margin:0px; }
.group:before, .group:after { content:"";display:table; }
.group:after { clear:both; }
.group { zoom:1; }
.col { display:block;float:left;margin:1% 0 1% 1.6%; }
.col:first-child { margin-left:0; }
.rightcol { display:block;float:left;margin:1% 0 1% 0%; }
.rightcol:first-child { margin-left:0; }
@media only screen and (max-width:480px) { 
.col { margin:1% 0 1% 0%; }
.rightcol { margin:1% 0 1% 0%; }
.span_2_of_2 { width:100%; }
 }
@media only screen and (max-width:1024px) { 
.rightcol:first-child { margin-left:0; }
.span_2_of_2 { width:48%;margin:0 1% 0 1%; }
 }
@media only screen and (max-width:480px) { 
.span_2_of_2 { width:100%; }
 }
.top_news_link { text-decoration:none; }
.modul_4_top_news { padding:10px;margin-bottom:10px;
background:#ccc;color:#000;margin-bottom:0px;border:1px solid #ccc;font-weight:300;font-size:18px;-webkit-border-radius:5px 5px 0px 0px;border-radius:5px 5px 0px 0px;color:#000;text-decoration:none; }
.top_news_col { display:block;float:left;margin:2% 1% 2% 0%; }
.top_news_2_of_4 { border:0px;width:100%;text-align:left;padding:0%;position:relative; }
.top_news_2_of_4_img { margin-bottom:0px;border:2px solid #000;line-height:0; }
.top_news_2_of_4_img img { width:100%; }
.top_news_2_of_4_date { position:absolute;top:5px;left:5px;background:#000;color:#fff;padding:5px 10px;opacity:0.75;-webkit-border-radius:5px;border-radius:5px;line-height: 1.5; }
.top_news_2_of_4_text { float:left;padding:20px 20px 30px 20px;border:1px solid #ccc;position:relative; }
.button_top_news a { right:-1px;bottom:-1px;margin-top:5px;float:right;background:#ccc;outline:none;text-decoration:none;display:inline-block;text-align:center;margin:10px 0 0 10px;padding:4px 14px;color:#000;-webkit-border-radius:5px 0px 0px 0px;border-radius:5px 0px 0px 0px;position:absolute; }
.button_top_news a:hover { background:#990099;color:#fff; }
.top_news_button { float:right;padding:0px;width:100%;display:inline-block; }
.top_news_button a { background:#ccc;outline:none;text-decoration:none;display:inline-block;text-align:center;margin:10px 5px 10px 0px;padding:4px 14px;color:#000;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px; }
.top_news_button a:hover { background:#990099;color:#fff; }
/*  Casino lists right */
#hover-content { display:none;position:absolute;background:#fff;width:100%;height:105px;top:0px; }
#hover-content img { margin:0 10px 10px 0;float:left; }
#parent:hover #hover-content { display:block; }
#no-hover-content { display:none; }
.button_recension_list { float:left; }
.button_bonus_list { float:left; }
.button_recension_list a { background:#ccc;outline:none;text-decoration:none;display:inline-block;text-align:center;margin:10px 5px 10px 0px;padding:4px 14px;color:#000;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px; }
.button_bonus_list a { background:#559922;outline:none;text-decoration:none;display:inline-block;text-align:center;margin:10px 0px 10px 5px;padding:4px 14px;color:#fff;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px; }
.button_bonus_list a:hover { background:#990099; }
.button_recension_list a:hover { background:#990099;color:#fff; }
.casino_rightcol { display:block;float:left;text-align:left;margin:1% 0 1% 0%; }
.content_list { margin:0 0 30px 0;padding:10px;border:1px solid #ccc;line-height:1.1;font-size:87.50% }
.casino_span_4_2_1 { border:0px solid #ccc;padding:0px;width:100%;margin:0% 0% 3% 0%;position:relative; }
.casino_span_4_2_1 img { margin:0 10px 10px 0;float:left;border:0px solid #fff;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px; }
@media only screen and (max-width:1200px) { 
#hover-content { height:90px; }
#hover-content img { width:90px;margin-top:20px; }
 }
@media only screen and (max-width:1024px) { 
.casino_span_4_2_1 { width:100%;margin-left:0; }
#hover-content { display:none;position:relative; }
#parent:hover #hover-content { display:none; }
#no-hover-content { display:block; }
 }
@media only screen and (max-width:450px) { 
.button_recension_list { clear:both; }
 }
@media only screen and (max-width:1024px) { 
.top_news_col { margin:1% 0% 1% 0%; }
.top_news_2_of_4 { width:100%;border-bottom:1px solid #ccc;margin:1% 0% 1% 0%; }
.top_news_2_of_4_img { float:left;width:30%;margin-bottom:20px; }
.top_news_2_of_4_text { float:left;border:0;width:63%;padding:1% 1% 1% 5%; }
.top_news_2_of_4_date { position:relative;top:0px;left:0px;background:#000;color:#fff;padding:5px;opacity:1.0;-webkit-border-radius:0px;border-radius:0px; }
.button_top_news a { position:relative;margin:10px 5px 10px 0px;-webkit-border-radius:2px;border-radius:2px; }
 }
@media only screen and (max-width:768px) { 
.top_news_2_of_4_img { float:left;width:40%; }
.top_news_2_of_4_text { float:left;width:53%;padding:1% 1% 1% 5%; }
 }
@media only screen and (max-width:600px) { 
.top_news_2_of_4_img { float:left;width:100%; }
.top_news_2_of_4_text { float:left;width:98%;padding:1% 1% 1% 1%; }
 }
@media only screen and (max-width:480px) { 
.top_news_2_of_4_img { float:left;border:0px;max-width:100%;margin-bottom:20px; }
.top_news_2_of_4_text { float:left;width:98%;padding:1% 1% 1% 1%; }
 }
#top-banner { display:table;max-width:1200px;margin:0 auto;position:relative;top:0px;padding:0.6em 1.6em 0.6em;margin-top:3em; }
.span_6_of_6 { width:100%; }
.span_5_of_6 { width:83.06%; }
.span_4_of_6 { display:table-cell;text-align:center;vertical-align:middle;width:66.13%; }
.span_3_of_6 { width:49.2%; }
.span_2_of_6 { width:32.26%; }
.span_1_of_6 { display:table-cell;text-align:center;vertical-align:middle;width:15.33%; }
@media only screen and (max-width:768px) { 
#top-banner { display:block;max-width:100%;padding:0;margin-top:0; }
.span_4_of_6 { display:block;width:100%; }
.span_1_of_6 { display:block;width:100%; }
 }
.span_5_of_8 { width:61.9%; }
.span_3_of_8 { width:36.5%; }
@media only screen and (max-width:480px) { 
.span_5_of_8 { width: 100%; }
.span_3_of_8 { width: 100%; }
 }
.right_span_4_2_1 { width:100%; }
@media only screen and (max-width:1024px) { 
.right_span_4_2_1 { width:48.2%;margin:1% 0 1% 3.2%; }
.right_span_4_2_1:nth-child(2n+1) { clear:both;margin-left:0; }
@media only screen and (max-width:768px) { 
.right_span_4_2_1 { width:100%;margin-left:0; }
 }