@font-face {
	font-family: 'Glyphicons Halflings';
	src: url("../fonts/glyphicons-halflings-regular.eot");
	src: url("../fonts/glyphicons-halflings-regular.eot") format('embedded-opentype'), url("../fonts/glyphicons-halflings-regular.woff") format('woff'), url("../fonts/glyphicons-halflings-regular.ttf") format('truetype'), url("../fonts/glyphicons-halflings-regular.svg") format('svg');
}


body {
	padding-bottom: 0px;
	background: #B3B5B6 none repeat scroll 0% 0%;
	background-attachment: fixed;
	color:#111111;
	font-family: Tahoma,Geneva,sans-serif;
	text-align: justify;
}

.container {padding-left:15px; padding-right:15px;}
.containerbg {background:#2a2a2a;}
.containerbglight {background:#1f1c1c;}
.container-nopadding {padding:0;}
.row-nopadding {padding:0;}
.col-nopadding {padding:0;}

.navbar, .panel-default, strong { font-family: 'PT Sans', sans-serif; font-weight:300; }
strong {color:#000; font-weight:bold; font-size:16px; text-transform: uppercase;}
p { font-size: 13px;
line-height: 1.7; padding-bottom: 10px; font-weight:310; }
a:link, a:visited,a:active {color:#000; text-decoration:underline;}
.listing a {text-decoration:none;
}

a:hover {color: #444; }
h1 {font-size:24px; color:#ff3c00; font-weight:bold;}

.top10 {margin-top:10px;}
.top20 {margin-top:35px;}
.top30 {margin-top:30px;}
.top40 {margin-top:50px;}
.top50 {margin-top:50px;}
.bottom10 {margin-bottom:10px;}
.bottom20 {margin-bottom:20px;}
.bottom30 {margin-bottom:30px;}
.padtop10 {padding-top: 10px;}
.padtop20 {padding-top: 20px;}
.padtop30 {padding-top: 30px;}
.padbot10 {padding-bottom: 10px;}

.bottommin20 {margin-bottom:-20px;}
.topmin86 {margin-bottom:-86px;}


.bggrey {background:#1f1c1c}

.bordertop {border-top:1px solid #1f1c1c;}

.glyphicon-star, .glyphicon-star-empty {color:#F8BE19; margin-left:2px;}

.panel-heading {white-space: nowrap; overflow: hidden;}

/* Boven */	

.top li img {
    float: left;
    margin-top: 4px;
    margin-left: 8px;
    width: 20px;
    height: 20px;
}

/* knopjes */
a.btn-default, a.btn-game {
	max-width: 100%;
	color:#fff;
}

.btn-game, .btn-game:hover, .btn-game:focus, .btn-game:active, .btn-game.active, .open .dropdown-toggle.btn-game { 
background: transparent linear-gradient(to bottom, #FFAF02 12%, #D89300 100%) repeat scroll 0% 0%;
}

a.btn-game:link, a.btn-game:visited,a.btn-game:active {background: transparent linear-gradient(to bottom, #FFAF02 12%, #D89300 100%) repeat scroll 0% 0%; text-decoration:none; font-size:16px;}

a.btn-game:hover { 
background: transparent linear-gradient(to bottom, #FFAF02 12%, #D22300 100%) repeat scroll 0% 0%;

}

.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { 
background: transparent linear-gradient(to bottom, #BE0101 12%, #A00000 100%) repeat scroll 0% 0%;
border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	 max-width: 400px;
    height: auto;
	
border:none;
}

a.btn-default:link, a.btn-default:visited, a.btn-default:active {background: transparent linear-gradient(110deg, #F04747, #F04747) repeat scroll 0% 0%;
text-decoration: none;
font-size: 16px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
max-width: 100%;
color: #000;
border-bottom: 3px solid #B11B1B;}

a.btn-default:hover { 
background: transparent linear-gradient(110deg, #DD3D3D, #D53D3D) repeat scroll 0% 0%;
text-decoration: underline;

}


/* Gele button */

 a.btn-geel {
	
	 border-radius: 5px;
	color: #535353;
}

.btn-geel, .btn-geel:hover, .btn-geel:focus, .btn-geel:active, .btn-geel.active, .open .dropdown-toggle.btn-geel { 
background: transparent linear-gradient(to bottom, #FFAF02 12%, #D89300 100%) repeat scroll 0% 0%;
}

a.btn-geel:link, a.btn-geel:visited,a.btn-geel:active {display: block;
display: block;
text-decoration: none;
line-height: 9px;
text-align: center;
color: rgba(255, 255, 255, 0.8);
height: 25px;
background: rgb(14, 175, 242) none repeat scroll 0% 0%;
border-bottom: 3px solid #0B3548;
font-weight: 700;
text-transform: uppercase;
border-radius: 2px;
}

a.btn-geel:hover { 
display: block;
text-decoration: underline;
line-height: 9px;
text-align: center;
color: rgba(255, 255, 255, 0.8);
height: 25px;
background: rgb(7, 64, 115) none repeat scroll 0% 0%;
border-bottom: 3px solid #010305;
font-weight: 700;
text-transform: uppercase;
border-radius: 2px;

}



 /* panelen */
.panel {
	margin-bottom: 5px;
margin-top: 5px;
}

.panel-body1 a.link
{
line-height: 0px;
text-decoration: underline;
color: #0EAFF2;
font-size: 14px;
font-weight: bold;
float: right;
}

.panel-body1 a.link img {
display: inline;
vertical-align: middle;
margin-right: 8px;
}

.panel-default {
	border: none;
border-radius: 15px;
	
}

.panel-default > .panel-heading {
 color: #FFF;
font-size: 16px;
line-height: 15px;
padding-left: 25px;
border-radius: 8px 8px 0px 0px;
background: #074073 none repeat scroll 0% 0%;

}
.panel-heading {
font-size: 18px;

}

.panel-nobg {
	border: none;
	background-color:none;
	background:none;
	box-shadow:none;
}

.panel-nobg > .panel-heading {
    color: #1111111;
	font-size:18px;
    border:none;
	background: none;
}

.panel-game {
	
	background:#fff;
	box-shadow:none;
	
}

.panel-game > .panel-heading {
    color: #fff;
	font-size:15px;
    border:none;
	max-width: auto;
 border-bottom: 2px solid #7D7D7D;
	background: #4B4B4B none repeat scroll 0% 0%;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}



/* sliders */	
.carousel-caption {bottom:0px; padding-bottom:10px; left: 0%; right: 0%;  background: rgba(50, 50, 50, .90); border-top:3px solid #ff3c00;}
.carousel p {font-size:20px;}
.carousel strong {background: transparent linear-gradient(to bottom, #525B5D 0%, #313637 100%) repeat scroll 0% 0%;}



 /* menu */
.navbar {}
.navbar-default {
	margin-bottom: 15px;
font-size: 18px;
background: transparent linear-gradient(180deg, #0B5394, #0B5394) repeat scroll 0% 0%;
border-radius: 0px;
}
 .navbar-default .navbar-nav>li>a {background: #0B5394 none repeat scroll 0% 0%;}
 .navbar-default .navbar-nav>li>a .ico {margin-right:10px;}
 .navbar-default .navbar-nav>li>a:hover {background: transparent linear-gradient(to bottom, #525B5D 0%, #313637 100%) repeat scroll 0% 0%; background:#fff; transition: background-color 0.8s ease;}

 .navbar-default .navbar-nav>li>a {color: #fff}

 .navbar-default .navbar-nav>li>a:hover {color: #000}

 .navbar-default .navbar-nav>.active>a,
 .navbar-default .navbar-nav>.active>a:hover,
 .navbar-default .navbar-nav>.active>a:focus { color:#000; background:#fff;}
 .navbar-default .navbar-collapse,.navbar-default .navbar-form {border-color:#565656;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: transparent linear-gradient(110deg, #0B5394, #05335D) repeat scroll 0% 0%;
color: #E9E9E9;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: #ff3c00;
	background: -moz-linear-gradient(top,  #ff3c00 0%, #ff3c00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3c00), color-stop(100%,#ff3c00));
	background: -webkit-linear-gradient(top,  #ff3c00 0%,#ff3c00 100%);
	background: -o-linear-gradient(top,  #ff3c00 0%,#ff3c00 100%);
	background: -ms-linear-gradient(top,  #ff3c00 0%,#ff3c00 100%);
	background: linear-gradient(to bottom,  #ff3c00 0%,#ff3c00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3c00', endColorstr='#ff3c00',GradientType=0 );
}

.dropdown-menu {
    background-color: #fff;
}

.dropdown-menu > li > a {background: #fff;}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
     background: #fff; background:#189CAB ; text-decoration:none;
}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #ff3c00; text-decoration:none;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background: #fff;}


@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
       
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse{
  		display:block !important;
	}
}

/* NAV */
.nav {font-size: 16px; }
.nav li a {text-decoration:none; color:#111;}
.nav li a span {background-image: url("../images/Cherry64.png");}

.nav li {border-top:0px solid #189CAB ;}



.img-responsive:hover {
opacity: 0.89;	
}


/* lijsten */

.list-group {
    margin-bottom: 0px;
}
.list-group-item {
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #1f1c1c;
    border-bottom: 1px solid #fff;
}


/* REVIEW */	

.paymentimgs img {margin-right:5px;}

/* VERVOLG */	

.img-responsive3, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
width: 244%;
height: auto;
border: 3px solid #E06666;
margin-left: -69px;
margin-top: -44px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.gameimg {			
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
}

/* NEWS */	
.newsitem {padding-bottom:1px; padding-top:10px; border-bottom:#bebebe 1px solid; font-size:12px;}
.newsitem img { margin:10px 0px;}

.newsimg {float:left; margin-right:20px; margin-bottom:20px;}

.newslistitem {}


/* NIEUWS */

.nieuws strong {font-size:15px; margin-bottom:4px;}

.ads {text-align:center;}

.footerbg { background-color: #0B5394; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.footer {padding-top:30px; padding-bottom:10px;}
.footer a:link {background: none; color:#fff;}
.footer a:link:hover {color: #fff;}
.footer a:visited {color: #fff;}
.footer a:active {color: #fff;}
.footer p {color: #B0C5CF;}

#faq strong{
	cursor:pointer;
}
#faq strong:before{
	content:"\25b6\00a0";
}
#faq strong.active:before{
	content:"\25bc\00a0";
}
#faq p:nth-child(even){
	display:none
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
    margin-top: 0px;
}

.img-responsive25, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    width: 40%;
    height: auto;
    border: 3px solid #0B5394;
    border-radius: 4px;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.img-responsive26, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    width: 25%;
    height: auto;
    border: 3px solid #0B5394;
    border-radius: 4px;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.rechtsonder {
background-image: url("../images/aliens-rechts-onder-panel.png");
background-position: right bottom;
background-repeat: no-repeat;
}

.panel-game > .rechtsheading {
background-image: url("../images/BOC-LOGOrechts-onder-HEADING.png");
background-position: right;
background-repeat: no-repeat;
	
}

.panel-default > .rechtsonder2 {
color: #FFF;
font-size: 16px;
line-height: 15px;
padding-left: 25px;
border-radius: 8px 8px 0px 0px;
background: #074073 none repeat scroll 0% 0%;
	
}

 .jackie {
background-image: url("../images/jackie2.png");
background-position: right bottom;
background-repeat: no-repeat;

	
}

 .starburst {
background-image: url("../images/ster.png");
background-position: left bottom;
background-repeat: no-repeat;
	
}

.wrapper         {width:100%;height:100%;margin:0 auto;}
.h_iframe        { position: relative;
    padding-bottom: 71.3%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;}

.h_iframe iframe {position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;}


.plaatjes-links {
	padding: 6px;
	float:left;	
}

.plaatjes-rechts {
	padding: 6px;
	float:right;	
}


.btn-default > .btn-block a{
 color: #000;	
}

.container > .container-radius {
border-top-left-radius: 4px ;
	border-top-right-radius: 4px;
	
}