@charset "utf-8";

/* GLOBAL */
body {
	font-family: 'Open Sans', sans-serif;
	background-color:#1a1a1a;
	color:#eee;
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

a {
	outline:none !important;
	color:#517fb1;
	text-decoration:underline;
}

a:hover {
	color:#6095cd;
}


/* PAGE TOP */
#pagetop {
	padding-top:20px;
}

#pagetop #logo {
	
}

#pagetop #logo a {
	text-decoration:none !important; 
}

#pagetop #logo .logo {
	padding:0px;
	margin:0px;
	font-weight:bold;
	color:#fff;
	text-shadow:3px 3px 3px rgba(0,0,0,.5);
	font-size: 36px;
	line-height: 1.1;
}

/* NAV */
#nav {
	padding-top:20px;
}

/* SLIDER */
#slider {
}

#slider #sliderbox {
	border:1px solid #999;
	border-radius:5px;
	background-color:#eee;
	height:300px;
	padding-top:0px;
	background-position:center center;
	background-size:cover;
}

.subpage #sliderbox {
	height:100px !important;
}

/* CONTENT */
#content {
	padding-top:20px;
}

#content #pagecontent {
	
}

#content #sidebar {
	
}

/* FOOTER */
#footer {
}

/* BOOTSTRAP */
.panel {
	background-color:#303030;
	border-color:#464545;
}

.panel > .panel-heading {
    background-image: none;
    background-color: #464545;
    color: #fff;
	border-color:#464545;
}

.panel-title {
	font-weight:bold;
}

.panel-body {
	color:#eee;
}

.glyphicon-star {
	color:#FC3;
}

.btn {
	text-decoration:none;
}

.navbar .container-fluid {
	background-color:#375a7f;
	border:none;
	border-radius:5px;
}

.navbar .icon-bar {
	background-color:#ddd;
}

.navbar .navbar-toggle:hover .icon-bar{
	background-color:#fff;
}

.navbar a {
	text-decoration:none;
}

.glyphicon-home {
	margin-top:-1px;
}

/* NAV LEVEL 1 */
.navbar ul li a {
	color:#fff;
	transition:background-color 200ms;
}

.navbar ul li:hover a {
	background-color:#4773a1;
}

/* NAV LEVEL 2 */
.navbar ul li ul {
	background-color:#375a7f;
	border:none;
	border-radius:5px;
}

.navbar ul li ul li a {
	background-color:inherit !important;
}

.navbar ul li ul li:hover a {
	background-color:#4773a1 !important;
}

/* TOPLIJST */
.toplijst {
	display:table;
	width:100%;
}

.toplijst ul {
	display:table-row;
}

.toplijst ul li {
	display:table-cell;
	line-height:50px;
}

.toplijst ul:nth-child(1) li {
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
}

.toplijst ul li:nth-child(2) {
	text-align: center;
}

/* GAME BLOCKS */
.games .col {
	padding:5px;
}

.games a {
	color:inherit;
	text-decoration:inherit;
}

.game {
	border:1px solid #666;
	border-radius:3px;
	background-color:#666;
	transition:all 150ms;
}

.game:hover {
	background-color:#777;
}

.game .heading {
	text-align:center;
	padding:3px;
}

.game .image {
	
}

.game .link {
	text-align:center;
	padding:3px;
}

.flexfooter {
	display:flex; 
	align-items: center;
}

.flexfooter .copyright {
	flex: 1;
	text-align:right;
}

.flexfooter .comp {
	text-align:left;
}

@media screen and (max-width: 768px) {
	.flexfooter {
		flex-direction: column;
	}
	.flexfooter .copyright, .flexfooter .comp {
		width: 100%;
		text-align: center;
	}
	.flexfooter .copyright {
		margin-top: 10px;
	}
}