/*
Theme Name: Gokken
Author: Kniest MultiMedia BV
Author URI: #
Description: Wordpress thema voor Gokken
*/

/*************** CASCADING STYLE SHEET VAN WEBSITE GOKKEN ***************/

body {
	background:#111;
	font-family:"Lato", "Arial";
	line-height:18px;
	font-size:14px;
	color:#111;
	margin:0;
}

html,
body {
	height:100%;
	padding:0;
	margin:0;
}

.emailModal { background: #000; margin: auto; border-bottom: 4px solid #16bbeb;}
.emailModal h3 { background: #16bbeb; color: #fff; display: block; margin: 0 0 1rem; text-transform: uppercase; text-align: center; font-size: 2em; padding: .5em; }
.emailModal .spins { font-size: 7em; font-weight: bold; color: #fff; text-align: center; line-height: 1; margin: 0 0 1rem; }
.emailModal .spins span { color: #cf4859; }
.emailModal p { color: #fff; font-size: 2em; text-align: center; }
.emailModal input[type="text"],.emailModal input[type="email"] { background: #fff; outline: none; color: #000; width: 40%; box-sizing: border-box; font-size: 1.5rem; padding: 1rem; border: none; display: inline-block; }
.emailModal input[type="text"]:focus { background: #fffde2; }
.emailModal input[type="text"]:first-child { border-right: 1px solid #ccc; }
.emailModal input[type="submit"] { background: #ef4a5c; color: #fff; border: none; width: 20%; box-sizing: border-box; font-size: 1.5rem; padding: 1rem; display: inline-block; }
.emailModal input[type="submit"]:hover { cursor: pointer; background: #bf3b4a; }
.emailModal form { letter-spacing: -4px; }
.emailModal form br { display: none; }
.emailModal .bonusType { border-top: 3px solid #444; padding-top: .75em; }
.emailModal .bonusType p { letter-spacing: normal; font-size: 1.2rem ;}
.emailModal .bonusType br { display: none; }
.emailModal .bonusType label { display: inline-block; letter-spacing: normal; padding: .5em; margin-bottom: .5em; }
.emailModal .bonusType label:hover { background: #333; cursor: pointer; }
.emailModal .bonusType label input { display: inline-block; vertical-align: top; margin: 4px 6px 0 0;padding: 0; }

/********************************* CONTAINER ********************************/

#container {
	position:relative;
	min-height:100%;
	width:100%;
}

.wrap { background: #191919; width: 976px; margin: auto; padding: 6px; }

/********************************** HEADER **********************************/

#header {
	position:relative;
	width:100%;
}

#header .inner {
	padding-top:0;
	position:relative;
	margin:0 auto;
	width:988px;
}

/*********************************** LOGO ***********************************/

#header .inner .logo {
	margin:18px 0 16px 13px;	
	display:block;
	padding:0;
	float: left;
}

#header .inner .logo a {
	display:block;
	height:73px;
	background: url("images/logo.png") no-repeat;
	-webkit-background-size: 230px 73px;
	background-size: 230px 73px;
	text-indent: -9999px;
	padding: 40px 0 0 100px;
	box-sizing: border-box;
	font-style: italic;
	width: 230px;
}

/*********************************** MENU ***********************************/
#header .mobileMenu { display: none; }
#header ul.menu {
	background:#333;
	list-style-type:none;
	padding:0;
	margin:0 0 6px;	
	text-align: center;
}

#header ul.menu li {
	display: inline-block;
}

#header ul.menu li a {
	padding:12px;
	display:block;
	color:#cfcfcf;
}

#header ul.menu li a:hover, #header li.current-menu-item a {
	background:#d20000;
	color: #fff;	
}

#header .menu-item-has-children { 
	display: inline-block;
	position: relative;
}
#header .sub-menu { 
    display:none;
    position: absolute;
    top: 40px;
    left: 0;
    background: #444;
    z-index: 9;
    max-width: 174px;
    margin: 0;
    padding: 0;
    text-align: left; 
}
#header .menu-item-has-children:hover .sub-menu {
    display:block;
}
#header ul.menu .sub-menu li a {
    padding:6px 12px;
}
#menu-footer { 
	margin: 0 0 18px;
	padding: 0;
}
#menu-footer li { 
	list-style-type: none;
	display: inline-block;
}
#menu-footer li a { 
	display: block;
	padding: 8px 0 4px 8px;
	color: #ccc;
}
#menu-footer li a:hover {
	text-decoration: underline;
}

/******************************** NIEUWSBRIEF *******************************/

#header .nieuwsbrief {
	position:absolute;
	font-size:11px;
	width:176px;
	right:100px;
	color:#fff;
	top:44px;
}

#header .nieuwsbrief h3 {
	font-size:13px;
	color:#d20000;
	padding:0;
	margin:0;	
}

#header .nieuwsbrief p {
	margin:0;	
}

#header .nieuwsbrief form {
	padding-top:4px;	
}

#header .nieuwsbrief form label {
	background:url("images/forms/nieuwsbrief.png") no-repeat;
	padding:4px 0 0 5px;
	display:block;
	height:23px;
	width:133px;
	float:left;	
}

#header .nieuwsbrief form label input {
	font-family:"Lucida Sans Unicode", "Arial";
	background:none;
	font-size:12px;
	color:#cfcfcf;
	width:126px;
	border:none;
}

#header .nieuwsbrief form input.go {
	background:transparent url("images/forms/nieuwsbrief_go.png") no-repeat;
	overflow:hidden;
	cursor:pointer;
	border:none;
	height:27px;
	float:right;
	width:34px;
}
.menu-main-container { clear: both; }
/******************************* OMSCHRIJVING *******************************/

.omschrijving {
	background: #222;
	padding:20px;
	color:#fff;
	margin-bottom: 6px;
}

body.single-direct_spelen .omschrijving,
body.single-online_gokken .omschrijving,
body.single-ideal_gokken .omschrijving,
body.single-internet_gokken .omschrijving,
body.single-gratis_gokken .omschrijving {
	background:#222;
}


.omschrijving h1,.omschrijving h2 {
	 margin: 0;
	 padding: 0 0 14px;
	 font-weight: normal;
}

a.readmore { display: inline-block; }

.omschrijving a.terug {
	margin-right:20px;
	text-align:right;
	font-size:12px;
	float:right;
	color:#fff;
}

.omschrijving a:hover.terug {
	color:#000;
}

.omschrijving .uitleg p {
	margin-bottom: 0;
}

/********************************** SUBMENU *********************************/

#header .submenu {
	position:absolute;
	height:58px;
	width:976px;
	bottom:0;
	left:0;
}

#header .submenu ul {
	list-style-type:none;
	height:58px;
	padding:0;
	margin:0;	
}

#header .submenu ul.left {
	float:left;	
}

#header .submenu ul.left li {
	margin-right:3px;
	float:left;	
}

#header .submenu ul.right {
	float:right;	
}

#header .submenu ul.right li {
	margin-left:3px;
	float:right;	
}

#header .submenu ul li a {
	background:#ff6600;
	padding:16px;
	font-weight:bold;
	cursor:pointer;
	font-size:15px;
	display:block;
	color:#fff;
}

#header .submenu ul li a:hover {
	background-position:center bottom;
	color:#fff;
}
#header .promo {     max-width: 680px;
    margin: 14px 0 0 0px;
    float: right;}
#header .promo img { max-width: 100%; }
/*********************************** BODY ***********************************/

#body {
	padding:0 0 180px 0;
	position:relative;
	margin:0 auto;
	width:976px;
}

/********************************** SIDEBAR *********************************/

#body .sidebar {
	background:#222;
	padding:18px 0 12px 12px;
	width:194px;
	float:left;	
	color: #ccc;
}
#body.sbRight .sidebar { float: right; }
#body .sidebar.sbCasino { background: none; padding-top: 0; width: 200px; }

#body .sidebar.sbCasino .casino {
	border-radius: 3px;
	margin-bottom: 12px;
	padding: 12px;
	text-align: center;
	background: #1b3156;
}
#body .sidebar.sbCasino .casino img {
	max-width: 50%;
	display: block;
	margin: auto;
	height: auto;
	background: #fff;
	border-radius: 3px;
	margin-bottom: 6px;
	padding: 8px;
}
#body .sidebar.sbCasino .casino p {
	font-size: 13px;
}
#body .sidebar.sbCasino .casino h4 {
	font-size: 18px;
	margin: 0 0 6px;
	padding: 0;
	font-weight: normal;
}
#body .sidebar.sbCasino .casino a.play {
	display: block;
	text-align: center;
	padding: 8px;
	color: #fff;
	border-radius: 3px;
	background: #ff4c00;
}
#body .sidebar h2 {
	margin:0 0 4px 0;
	font-size:20px;
	color:#999;
	padding:0;
	font-weight: normal;
}

/********************************* CATEGORIE ********************************/

#body .sidebar ul.categorie,
#body .sidebar ul.categorie ul {
	list-style-type:none;
	margin:0 0 40px 0;	
	padding:0;
}

#body .sidebar ul.categorie ul {
	padding-bottom:20px;
	margin-bottom:0;	
}

#body .sidebar ul.categorie li {
	line-height:20px;
	font-weight:bold;
	font-size:11px;
	color:#d20000;
}

#body .sidebar ul.categorie ul li a {
	font-weight:normal;
	padding-left:12px;
	color:#ccc;
}

#body .sidebar ul.categorie ul li a:hover {
	color:#fff;	
}

/*********************************** SPEL ***********************************/

#body .sidebar .spel {
	margin-bottom:12px;
	width:182px;
}

#body .sidebar .spel h4 {
	padding:0 0 0px 0px;
	margin:0 0 8px 0;	
	font-size:15px;
	display:block;
	color:#ccc;
}

#body .sidebar .spel a.direct_spelen,#body .sidebar .spel a.money {
	margin-top:4px;
	display:block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #d20000;
	border-radius: 3px;
	padding: 4px;
}
#body .sidebar .spel a.money { background: #3366cc; }

#body .sidebar .spel a:hover.direct_spelen {
	background-position:left bottom;
}

#body .sidebar a:hover.favorieten{
	background-position:left bottom;
}

/********************************** RECHTS HOME **********************************/

#body .rechtshome {
	padding-top:14px;
	margin-right: -16px;
	width:754px;
	float:right;	
}

#body .rechtshome h1 {
	margin:0 0 6px 0;	
	font-size:20px;
	color:#d20000;
	padding:0;
}

/********************************** RECHTS **********************************/

#body .rechts {
	width:754px;
	float:right;	
	color:#e6e6e6;
}
#body .rechts.wide { float: none; width: auto; }
#body .rechts.dualSidebar {
	float: left;
	margin: 0 0 0 10px;
	width: 554px;

}
#body .rechts.dualSidebar .speloverzicht {
	width: 100%;
}
#body .rechts.dualSidebar .speloverzicht .block {
	margin: 0 16px 19px 0;
}

#body .rechts h1 {
	margin:0 0 6px 0;	
	font-size:20px;
	color:#d20000;
	padding:0;
}
#body .rechts h2 {
    padding: 8px 0;
    margin: 0 0 4px 0;
    font-size: 26px;
    font-weight: normal;
    color: #999;
    line-height: 30px;
    display: block;
}
/******************************* SPELOVERZICHT HOME ******************************/

#body .rechtshome .speloverzicht {
	width:785px;	
}

#body .rechtshome .speloverzicht .block {
	background:url("images/speloverzicht.png") no-repeat;
	margin:0 30px 19px 0;
	height:190px;
	width:166px;
	float:left;	
}

#body .rechtshome .speloverzicht .block h3 {
	padding:6px 0 0 0;
	text-align:center;
	font-size:13px;
	color:#fff;
	display:block;
	height:25px;
	margin:0;	
}
#body .rechtshome .speloverzicht .block h3 a {
	color:#fff;
}
#body .rechtshome .speloverzicht .block a.direct_spelen {
	background:url("images/buttons/direct_spelen.png") no-repeat;
	text-indent:-6000px;
	margin-left:-1px;
	margin-top:4px;
	color:#fff;
	display:block;
	height:33px;
	width:167px;
}

#body .rechtshome .speloverzicht .block a:hover.direct_spelen {
	background-position:left bottom;
}

/******************************* SPELOVERZICHT ******************************/

#body .rechts .speloverzicht {
	width:785px;	
}

#body .rechts .speloverzicht .block {
	margin:0 26px 19px 0;
	width:166px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

#body .rechts .speloverzicht .block h3 {
	padding:6px 0;
	text-align:center;
	background: #222;
	font-size:13px;
	color:#fff;
	display:block;
	margin:0 0 1px;	
}
#body .rechts .speloverzicht .block h3 a {
	color:#fff;
}
#body .rechts .speloverzicht .block a.direct_spelen {
	background: #d20000;
	border-radius: 3px;
	padding: 8px;
	text-align: center;
	margin-top:4px;
	color:#fff;
	display:block;
	font-size: 14px;
}

#body .rechts .speloverzicht .block a:hover.direct_spelen {
	background: #333;
}

#body .rechts .speloverzicht .gkblock>a {
	display: block;
	color: #fff;
	padding: 4px;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 3px;
	font-size: 9px;
	-webkit-transition: transform 0.1s;
	-o-transition: transform 0.1s;
	transition: transform 0.1s;
	text-transform: capitalize;
}
#body .rechts .speloverzicht .gkblock>a:hover {
	transform: scale(1.1);
}
#body .rechts .speloverzicht .gkblock a.review {
	background: #444;
}
#body .rechts .speloverzicht .gkblock a.money {
	background: #3366cc;
}
#body .rechts .speloverzicht .gkblock a.play {
	background: #d20000;
}
/******************************** SPELVIEWER ********************************/

.gameLeft,#body .panelLeft { width: 764px; float: left; }
.gameLeft { width: 760px; }
.gameLeft .speluitleg { background: #222; padding: 18px; color: #fff; }
.gameLeft .speluitleg p { line-height: 160%; }
.gameLeft .speluitleg h2 { font-weight: normal; color: #999; }
#body .panelLeft { padding: 12px; box-sizing: border-box; }
#body .spel_viewer { background: #000; }
#body .spel_viewer .h_iframe { position:relative; padding-top: 68%; }
#body .spel_viewer iframe,#body .spel_viewer object,#body .spel_viewer .h_iframe>img {
position:absolute;top:0;left:0;width:100%; height:100%; background: rgb(68,68,68);
background: -moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(33,33,33,1) 100%);
background: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(33,33,33,1) 100%);
background: linear-gradient(to bottom, rgba(68,68,68,1) 0%,rgba(33,33,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#212121',GradientType=0 );
}
#body .spel_viewer .h_iframe>img { opacity: .85; }

.ctaOffet { position: absolute; top: 30%; }

#body .speluitleg {

}

#body .speluitleg h3 {
	padding:0 0 16px 0;
	margin:0 0 6px 0;	
	font-size:29px;
	display:block;
	color:#e6e6e6;
	font-weight: normal;
	font-style: italic;
}

/********************************** SOCIAL **********************************/

#body .social {
	margin-bottom:36px;
}

#body .social a.speel_voor_echt_geld {
	background:url("images/buttons/speel_voor_echt_geld.png") no-repeat;
	text-indent:-6000px;
	display:block;
	height:43px;
	width:330px;
	float:right;
}

#body .social a:hover.speel_voor_echt_geld {
	background-position:left bottom;	
}

/********************************** RELATED *********************************/

#body .related {
	padding:14px 0 10px 16px;	
	background:#efefef;
}

#body .related .titel {
	line-height:20px;
	color:#0f0f0f;
	width:200px;
	float:left;	
}

#body .related .titel h3 {
	font-size:16px;
	color:#d20000;
	padding:0;
	margin:0;	
}

#body .related .casino {
	width:726px;
	float:right;	
}

#body .related .casino .block {
	margin-right:30px;
	width:151px;
	float:left;	
}

#body .related .casino .block h4 {
	border-bottom:#a5a5a5 solid 1px;
	padding:0 0 6px 0;
	margin:0 0 8px 0;	
	font-size:15px;
	display:block;
	color:#000;
}

#body .related .casino .block ul {
	list-style-type:none;
	padding:8px 0 8px 0;
	margin:0;	
}

#body .related .casino .block ul li {
	background:url("images/related.png") 2px center no-repeat;
	padding-left:13px;
	display:block;
	color:#717171;
}

#body .related .casino .block a.bezoek_casino {
	background:url("images/buttons/bezoek_casino.png") no-repeat;
	text-indent:-6000px;
	margin:0 auto;
	display:block;
	height:29px;
	width:147px;
}

#body .related .casino .block a:hover.bezoek_casino {
	background-position:left bottom;	
}

/********************************** MIDDEN **********************************/

#body .midden {
	margin-right:16px;
	width:735px;
	float:right;	
	color:#e6e6e6;
}

#body .midden h1 {
	padding:0 0 9px 0;
	margin:0 0 4px 0;	
	font-size:20px;
	color:#e7e7e7;
}

/********************************* TOP RATED ********************************/

#body .midden .top_rated {
	margin-bottom:28px;	
}

#body .midden .top_rated .heading {
	padding-bottom:14px;
}

#body .midden .top_rated .heading h4 {
	font-size:20px;
	color:#d20000;
	width:180px;
	float:left;
	padding:0;
	margin:0;	
}

#body .midden .top_rated .heading h5 {
	font-weight:normal;
	font-size:12px;
	color:#101110;
	float:left;
	padding:0;
	margin:0;	
}

#body .midden .top_rated .heading h5.land 	{ width:50px; }
#body .midden .top_rated .heading h5.bonus 	{ width:82px; }
#body .midden .top_rated .heading h5.rating { width:88px; }
#body .midden .top_rated .heading h5 	{ width:100px; }

#body .midden .top_rated .item {
	background:url("images/top_rated.png") no-repeat;
	margin-bottom:1px;
	height:56px;
	width:557px;
}

#body .midden .top_rated .item .id {
	text-align:center;
	line-height:54px;
	font-weight:bold;
	font-size:20px;
	color:#fff;
	width:40px;
	float:left;
}

#body .midden .top_rated .item .logo {
	padding:12px 0 0 26px;
	text-align:center;
	width:168px;
	float:left;
}

#body .midden .top_rated .item .amount {
	line-height:56px;
	color:#8d8d8d;
	width:78px;
	float:left;
}

#body .midden .top_rated .item .stars{
	padding-top:20px;
	width:90px;
	float:left;
}

#body .midden .top_rated .item .more {
	line-height:56px;
	padding-top:14px;
	float:left;
}

#body .midden .top_rated .item .more a.bezoek_casino {
	background:url("images/buttons/bezoek_casino.png") no-repeat;
	text-indent:-6000px;
	margin:0 auto;
	display:block;
	height:29px;
	width:147px;
}

#body .midden .top_rated .item .more a.bezoek_casino:hover {
	background-position:left bottom;
}

/********************************** NIEUWS **********************************/

#body .midden .nieuws {
	margin-bottom:40px;	
}

#body .midden .nieuws .post {
	background:#434343;
	margin-bottom:20px;
	line-height:22px;
	color:#e6e6e6;
	width:750px;	
}

#body .midden .nieuws .post .bottom {
	background:#242424;
	padding:12px 10px 6px 192px;
	position:relative;
	min-height:200px;
     height:auto !important;
     height:200px; 
}

#body .midden .nieuws .post.oneven .bottom {
	padding-left:16px;	
}

#body .midden .nieuws .post .avatar {
	position:absolute;
	left:16px;	
	top:16px;
}

#body .midden .nieuws .post h3 {
	font-size:16px;
	color:#ffffff;
	padding:0;
	margin:0;	
}

#body .midden .nieuws .post h3 a {
}

#body .midden .nieuws .post .datum {
	color:#ffffff;	
	font-size: 16px;
}


/********************************** ARCHIEF *********************************/

#body .midden .archief h3 {
	padding:0 0 16px 0;
	margin:0 0 6px 0;	
	font-size:20px;
	display:block;
	color:#999;
	font-weight: normal;
}

#body .midden .archief ul {
	list-style-type:none;
	padding:0;
	margin:0;	
}

#body .midden .archief ul li {
	line-height:18px;	
	margin-bottom: 18px;
}

#body .midden .archief ul li span {
	display: block;
	color: #666;
	font-size: 11px;
	font-style: italic;
}

#body .midden .archief ul li a {
	font-size: 16px;
}

#body .midden .archief ul li a:hover {
	color:#fff;
}

/********************************** BANNER **********************************/

#body .midden .banner {
	margin-bottom:30px;	
	margin-top:30px;
}

/******************************* MOGELIJKHEDEN ******************************/

#body .midden .mogelijkheden {
	margin-bottom:16px;
	line-height:22px;	
}

#body .midden .mogelijkheden h2,.onlineCasino h2 {
	padding:8px 0;
	margin:0 0 4px 0;
	font-size:26px;
	font-weight: normal;
	color:#999;
	display:block;
}	
#body .midden .mogelijkheden h3 {
	padding:0 0 9px 0;
	margin:0 0 4px 0;
	font-size:14px;
	color:#e6e6e6;
	display:block;
}
/****************************** SIDEBAR RECHTS ******************************/

#body .sidebar_rechts {
	background:url("images/sidebar.png") #dedede bottom repeat-x;
	padding:18px 0 40px 12px;
	width:172px;
	float:right;	
}

#body .sidebar_rechts h2 {
	margin:0 0 4px 0;
	font-size:16px;
	color:#d20000;
	padding:0;
}

.sidebarContainer { background: none; padding: 0; float: left; width: 206px; }
.sidebarContainer.right { float: right; }
#body .sidebarContainer .sbCasino { width: 100%; float: none; display: block; padding: 0; }

/********************************** CASINO **********************************/

#body .sidebar_rechts .casino {
	margin-bottom:20px;
	width:152px;	
}

#body .sidebar_rechts .casino h4 {
	border-bottom:#a5a5a5 solid 1px;
	padding:0 0 6px 0;
	margin:0 0 8px 0;	
	font-size:15px;
	display:block;
	color:#000;
}

#body .sidebar_rechts .casino ul {
	list-style-type:none;
	padding:8px 0 8px 0;
	margin:0;	
}

#body .sidebar_rechts .casino ul li {
	background:url("images/related.png") 2px center no-repeat;
	padding-left:13px;
	display:block;
	color:#717171;
}

#body .sidebar_rechts .casino a.bezoek_casino {
	background:url("images/buttons/bezoek_casino.png") no-repeat;
	text-indent:-6000px;
	margin:0 auto;
	display:block;
	height:29px;
	width:147px;
}

#body .sidebar_rechts .casino a:hover.bezoek_casino {
	background-position:left bottom;	
}
.onlineCasino { float: left; width: 764px; color: #fff; }
.onlineCasino .casinoLogo {
	padding: 12px;
	background: #333;
	border-radius: 3px;

}
.onlineCasino .casinoLogo h1 { font-size: 32px; color: #fff; padding: 4px 0 12px 0; margin: 0; font-weight: normal; }
.onlineCasino .casinoLogo .left { 	max-width: 195px;
	float: left;
	margin: 0 24px 0 0; }
.onlineCasino .casinoLogo .left>img { 
width: 100%;
	background: #fff;
	border-radius: 3px;
	height: auto;
	padding: 8px;
	display: block;
	box-sizing:border-box;
	margin-bottom: 6px;
}
.onlineCasino .casinoLogo .stars { text-align: center; }
.onlineCasino .casinoLogo .stars img { display: inline-block; max-width: 32px; margin: 0 -3px; }
.onlineCasino .casinoLogo .info {
	float: left;
	width: 490px;
}
.onlineCasino .casinoLogo .info p {
	font-size: 16px;
	color: #ccc;
	margin: 0 0 6px;
	padding: 0;
	line-height: 140%;
}
.onlineCasino .casinoLogo .info a,.onlineCasino .casinoInfo a.cta {
	display: inline-block;
	padding: 8px 12px;
	background: #d20000;
	color: #fff;
	border-radius: 3px;
}
.onlineCasino .casinoInfo a.cta { display: block; text-align: center; margin-top: 18px; }
.onlineCasino .casinoReview { 
	background: #151515;
	padding: 12px;
}
.onlineCasino .casinoReview p {
	line-height: 150%;
	font-size: 16px;
}
.onlineCasino .casinoInfo {
	float: left;
	padding: 10px;
	background: #222;
	margin-right: 24px;
	margin-bottom: 12px;
	width: 199px;
	border-radius: 3px;
}
.onlineCasino .casinoInfo h3 { font-size: 14px; color: #999; border-bottom: 1px solid #444; font-weight: normal; }
.onlineCasino .casinoInfo ul { margin: 0; padding: 0 ;}
.onlineCasino .casinoInfo ul li {
	list-style-type: none;
	display: inline;
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 160%;
}
.onlineCasino .casinoInfo ul li:after {
	content: ", ";
}
.onlineCasino .casinoInfo ul li:last-child:after {
	content: "";
}
.onlineCasino .casinoInfo img { 
	max-width: 100%; 
	height: auto;
	margin-bottom: 12px;
}
.onlineCasino .casinoCTA,.gameLeft .casinoCTA {
	background: #1b3156;
	padding: 12px;
	color: #fff;
	border-radius: 6px;
	margin: 6px 0;
	text-align: center;
}
.onlineCasino .casinoReview .casinoCTA {
	width: 240px;
	float: right;
	margin: 0 0 12px 12px;
}
.onlineCasino .casinoReview .casinoCTA a { display: block; text-align: center; }
.onlineCasino .casinoCTA h2,.gameLeft .casinoCTA h2 {
	color: #fff;
	font-size: 16px;
}
.onlineCasino .casinoCTA p,.gameLeft .casinoCTA p { 
	font-size: 24px;
	line-height: 29px;
}
.onlineCasino .casinoCTA a,.gameLeft .casinoCTA a { 
	background: #ff4c00;
	color: #fff;
	padding: 12px 18px;
	border-radius: 3px;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 6px;
}

.casinoList table {
	color: #fff;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	width: 100%;
	margin-bottom: 16px;
}
.casinoList table th {
	background: #f90;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 12px;
}
.casinoList table td {
	border-bottom: 1px solid #191919;
	padding: 12px 22px;
	font-size: 14px;
	background: #333;
	border-right: 1px solid #191919;
}
.casinoList table tr:nth-child(odd) td {
	background: #444;
}
.casinoList table td p {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 26px;
}
.casinoList table td img {
	max-width: 80px;
	height: auto;
	display: block;
	background: #fff;
	padding: 8px;
	border-radius: 3px;	
	margin: 0 auto 6px;
}
.casinoList table td a.play {
	background: #ff4c00;
	color: #fff;
	padding: 8px 12px;
	border-radius: 3px;
	font-size: 18px;
	transition: transform 0.1s ease-out;
	display: inline-block;
}
.casinoList table td a.play i { display: none; }
.casinoList table td a.play:hover {
	transform: scale(1.1);
	text-decoration: none;
}
/********************************** FOOTER **********************************/

#footer {
	position:absolute;
	padding:18px 0;
	background:#333;
	width:100%;
	color:#fff;
	bottom:0;
}

#footer .inner {
	margin:0 auto;
	width:976px;
}

#footer .social { float: left; text-align: left; padding: 0 18px; }
#footer .social a { display: inline-block; }
#footer .social img { width: 64px; display: block; }
#footer .right { float: right; text-align: right; padding-right: 18px; }

#footer h3 {
	margin:0 0 5px 0;
	font-size:15px;
	color:#d20000;
	padding:0;
}

#footer .block {
	width:212px;
	float:left;	
}

#footer .block ul {
	list-style-type:none;
	padding:0;
	margin:0;	
}

#footer .block ul li {
	padding-left:16px;	
}

#footer .block ul li a {
	color:#fff;	
}

#footer .copyright {
	display: block; 
	margin: 18px 0;
	color: #666;
	font-size: 11px;

}

/********************************** OVERIG **********************************/

.clearfix:after {
	visibility:hidden;
	display:block;
	content:".";
	clear:both;
	height:0;
}

.clearfix {
	display:block;
	zoom:1;
}

.clear {
	visibility:hidden;
	overflow:hidden;
	display:block;
	clear:both;
	float:none;
	height:0;
	width:0;
}

img {
	border:none;
}

a {
	text-decoration:none;
	color:#f90;
}
a:hover { color: #fff; text-decoration: underline; }

p {
	margin-top:0;
}


/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

.alignright {
  float: right;
  }

.alignleft {
  float: left;
  }

.alignrightspel {
  float: right;
	width: 220px;
	  padding: 10px;
	background-color: #2b2b2b;
	border-color: #000; 
	border-width:1px;
	border-style:solid;
	margin-left: 50px;
	margin-top: 35px;
}

.casino-info td { color: #ccc; padding: 2px 6px 2px 0; font-size: 85%; }
.casino-info td:last-child { color: #ffcc00;}


@font-face {
  font-family: 'icomoon';
  src:  url("images/icomoon.eot");
  src:  url("images/icomoon.eot") format('embedded-opentype'),
    url("images/icomoon.ttf") format('truetype'),
    url("images/icomoon.woff") format('woff'),
    url("images/icomoon_dsmepf.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-circle-right:before {
  content: "\e900";
}
.icon-right:before {
  content: "\e900";
}
.icon-circle-next:before {
  content: "\e900";
}
.icon-arrow:before {
  content: "\e900";
}
.icon-close:before {
  content: "\e5cd";
}
.icon-menu:before {
  content: "\e5d2";
}

#slider { margin-bottom: 2em; overflow-x: hidden; position: relative; }
#slider div.slick-slide { float: left; width: 25%; padding: .25em; }
#slider div.slick-slide img { width: 100%; margin: 0; max-width: 100%; }
#slider .slick-prev { left: 15px; z-index: 9999; width: 45px; height: 45px; }
#slider .slick-next { right: 15px; z-index: 9999; width: 45px; height: 45px; }
#slider .slick-prev:before, #slider .slick-next:before { font-size: 45px; }
#slider div a.direct_spelen { 	background: #d20000;
	border-radius: 3px;
	padding: 4px;
	text-align: center;
	margin-top:2px;
	color:#fff;
	display:block;
	font-size: 14px; }

/* End Images */

#body .mobile_ready {     position: absolute;
    top: 34px;
    right: 8px;
    width: 30px !important;
    height: auto;
    background: #111;
    padding: .5em;
    border-radius: .25em; }

.pager { text-align: center; font-size: 14px; padding: 12px; }
.mshowtoggle { display: none; }

@media only screen and (max-width : 1024px) {
	#header .inner,#footer .inner { width: 100%; }
	.wrap { width: 100%; box-sizing:border-box; padding:  10px; background: #252525; }
	#footer { position: static; }
	#body { padding: 0; }
	#body { width: 100%; }
	.omschrijving,.onlineCasino .casinoLogo { border: 4px solid #444; background: none; border-radius: 0; }
	.omschrijving .uitleg { line-height: 140%; }

	#body .sidebar { display: none; }
	#body .mobilesb .sidebar { display: block; width: 100%; padding: 12px; box-sizing: border-box; }
	#body .mobilesb .sidebar .casino { width: 50%; float: left; background: none; box-sizing: border-box; }
	#body .mobilesb .sidebar .casino:nth-child(odd) { clear: both; }
	#body .mobilesb .sidebar .casino  p { min-height: 40px; }
	#body .midden { float: none; width: 100%; }

	#body .midden .nieuws .post { width: 100%; }

	.sidebarContainer.right { display: none; }
	#header { overflow: hidden; }
	#header .promo { display: none; }
	#header .inner .logo { margin: 10px; }
	#header .inner .logo a { width: 180px; height: 57px; -webkit-background-size: 180px 57px;
	background-size: 180px 57px; }
	#header ul.menu li { display: block; border-bottom: 1px solid #222; }
	#header ul.menu li a { font-size: 18px; }
	#header .mobileMenu { display: block; float: right;font-size: 40px; padding: 18px; text-decoration: none; color: #fff; background: #aa0000; }
	#header .mobileMenu.active i:before { content: "\e5cd"; }
	#header .menu-main-container { display: none; }
	#header .sub-menu { position: static; max-width: 100%; text-align: center; display: block; background: none; }
	#header ul.menu .sub-menu li a { padding: 12px; font-size: 12px; }
	#header ul.menu .sub-menu li { border: none; }

	#body .rechts.dualSidebar { float: none; width: 100%; margin: 0; }
	#body .rechts.dualSidebar .speloverzicht { width: 100%; letter-spacing: -6px; }
	#body .rechts.dualSidebar .speloverzicht .block,#body .rechts .speloverzicht .block { padding: 0 4px 8px; margin: 0; width: 20%; box-sizing: border-box; letter-spacing: normal; }
	#body .rechts.dualSidebar .speloverzicht .block img,#body .rechts .speloverzicht .block img { display: block; width: 100%; }

	#body .panelLeft,.gameLeft { padding: 0; width: 100%; float: none; }
	#body .rechts .speloverzicht { width:  100%; letter-spacing: -6px; }

	.onlineCasino { width: 100%; float: none; }
	.onlineCasino .casinoLogo .left { width: 26%; max-width:26%; margin-right: 2%; box-sizing: border-box; }
	.onlineCasino .casinoLogo .info { width: 72%; }
	.onlineCasino .casinoLogo h1 { line-height: 140%; padding: 0; margin-top: -6px; font-size: 24px; }
	#body .midden .mogelijkheden h2, .onlineCasino h2 { line-height: 130%; }

	.onlineCasino .casinoReview { padding: 12px 0; background: none; }
	.onlineCasino .casinoReview p,.onlineCasino .casinoReview h2,.onlineCasino .casinoReview h3 { padding: 0 10px; }

	#body .midden .nieuws .post .bottom { background: #333; }

	#footer .social,#footer .right { float: none; text-align: center; }

	#body .rechts h2,.gameLeft .speluitleg h2 { font-size: 20px; line-height: 140%; }
	
	.mhide { display: none; }
	.mshowtoggle { display: block; padding: 12px; cursor: pointer; text-decoration: none !important; text-align: center; margin-bottom: 18px; background: #f90; border-radius: 3px; text-decoration: none; color: #fff; }

	.theme-2247 { display: none!important; }

}

@media only screen and (max-width : 840px) {
	#body .rechts.dualSidebar .speloverzicht .block,#body .rechts .speloverzicht .block { width: 25% }
	.onlineCasino .casinoReview .casinoCTA { width: 100%; float: none; margin: 0 0 12px 0; box-sizing: border-box; }
	.onlineCasino .casinoLogo .info a { display: none; }
}

@media only screen and (max-width : 680px) {
	.mhide { display: none; }
	.casinoList table td { border-right: none; padding: 12px 6px; font-size: 12px; }
	.casinoList table th { padding: 4px 2px; font-size: 12px; }
	.casinoList table td p { font-size: 12px; line-height: 18px; }
	.casinoList table td img { padding: 0; background: none;  }
	.casinoList table td a.play { font-size: 28px; padding: 18px; border-radius: 50%; }
	.casinoList table td a.play i { display: block; }

	#body .rechts.dualSidebar .speloverzicht .block,#body .rechts .speloverzicht .block { width: 33.333% }
	.omschrijving h1,.omschrijving h2 { font-size: 22px; line-height: 120%; }


	.onlineCasino .casinoLogo .left {  margin: 0 0 4px 12px; float: right; width: 36%; max-width: 36%;  }
	.onlineCasino .casinoLogo .info { float: none; width: auto; }
	.onlineCasino .casinoLogo .info a,.onlineCasino .casinoCTA a { display: block; margin-top: 1rem; text-align: center; }	

	#body .midden .nieuws .post .bottom img,.mogelijkheden img { max-width: 108px; height: auto; padding-left: 0; padding-bottom: 0; }
	.archief { padding: 8px; }

	#footer .social img { width: 44px; }

}
@media only screen and (max-width : 520px) {

	.onlineCasino .casinoInfo { float: none; margin: 0; width: auto; margin-bottom: 12px; background: #333; }
	.onlineCasino .casinoInfo p,.onlineCasino .casinoInfo h3 { padding: 2px; }

	#body .mobilesb .sidebar .casino { width: 100%; float: none; }
	#body .mobilesb .sidebar .casino  p { min-height: 0; }

	.onlineCasino .casinoLogo .stars img { max-width: 24px; }
}

@media only screen and (max-width : 460px) {
	#body .rechts.dualSidebar .speloverzicht .block,#body .rechts .speloverzicht .block { width: 50% }


}