/*

blauw: 522aff



*/

@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;
		color:#333;
		font-size:14px;
		border-top: 4px solid #522aff;
	}


	.top20 {top:20px;}
	.bottom20 {margin-bottom:20px;}
	.bottom30 {margin-bottom:30px;}
	.padtop10 {padding-top: 10px;}
	.padtop20 {padding-top: 20px;}
	.padtop30 {padding-top: 30px;}
	.padbottom30 {padding-bottom:30px;}
	.nopadleft {margin-left:-30px;}
	.nopadright {margin-right:-30px;}

	.alignleft{float: left; margin: 0px 10px 5px 0px; border: 1px solid #DDD; padding: 1px; }
	.alignright {float: right; margin: 0px px 5px 10px; border: none; padding: 1px; }

	p { font-size:13px; line-height:1.8;}
	a:link, a:hover,a:visited,a:active {color:#114F82; text-decoration:underline;}

	h1,h2,h3 {color: #522AFF;
	font-size: 17px;
	font-weight:normal;
	}

/* HEADER */

.header { background: url("../img/headerbg.png") repeat-x scroll center bottom #FFF;}

		h1 {
		line-height: 0.8em;
		font-size: 1.5em;
		color: #333;
		margin: 0px 0px 2px;
		}

		.header p {font-size:10px;}
.rightcol {
background: #f9f9f9;
background: -moz-linear-gradient(left,  #f9f9f9 49%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(49%,#f9f9f9), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left,  #f9f9f9 49%,#ffffff 100%);
background: -o-linear-gradient(left,  #f9f9f9 49%,#ffffff 100%);
background: -ms-linear-gradient(left,  #f9f9f9 49%,#ffffff 100%);
background: linear-gradient(to right,  #f9f9f9 49%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 );

border-top: 1px solid #CCC;
border-left: 1px solid #DDD;
border-left: 1px solid #DDD;
border-bottom: 1px solid #DDD;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.rightcol .textwidget ul {padding-left:20px;}
.rightcol .textwidget ul li {
padding: 0px 0px 8px;
list-style: disc outside url("../img/bulletblue.png");
font-size: 1.1em;
line-height: 1em;
margin-bottom: 8px;}

/* PANELS */
.panel {
    margin-bottom: 20px;
    border-radius: 0px;
}

.panel-default {
	border: none;
	background-color: #fff;
	border-width: 5px 1px 1px;
	border-style: solid;
	border-color: #522aff #E5E5E5 #E5E5E5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.panel-default > .panel-heading {
	color: #522aff;
	font-size:17px;
	white-space: nowrap;
	overflow: hidden;
	background: #fff;
}

.panel-red {
	border: none;
	background-color: #fff;
	background: url("../img/featbg.png") repeat-x scroll center bottom transparent;
	
}

.panel-red > .panel-heading {
    color: #fff;
	font-size:20px;
    border:none;
	background: url("../img/bg50.png") repeat-x scroll 0% 0% #C00;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.panel-red ul {padding-left:15px;}

.panel-red ul li {
    list-style: disc outside url("../img/bulletblue.png");
}

.panel-nobg {
	border: none;
	background:none;
}

.panel-nobg > .panel-heading {
    color: #522aff;
	font-size:20px;
	background: #fff;
}


/* NAVBAR */

.navouter {
background: #6588ff;
background: -moz-linear-gradient(top,  #6588ff 0%, #522aff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6588ff), color-stop(100%,#522aff));
background: -webkit-linear-gradient(top,  #6588ff 0%,#522aff 100%);
background: -o-linear-gradient(top,  #6588ff 0%,#522aff 100%);
background: -ms-linear-gradient(top,  #6588ff 0%,#522aff 100%);
background: linear-gradient(to bottom,  #6588ff 0%,#522aff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6588ff', endColorstr='#522aff',GradientType=0 );

}

 .navbar {border:none;  border-radius:0px; min-height:20px; margin-bottom:0px;}
 .navbar-collapse {padding-left:5px;font-size:13px;}
 .navbar-default {background:none;}
 .navbar-default .navbar-nav>li>a { text-decoration:none; background:none; margin:0px; padding:6px 10px; color:#fff;}
 .navbar-default .navbar-nav>li>a:hover {color: #fff;background:#522aff;}
 .navbar-default .navbar-nav>li.open>a {color: #fff;background:#522aff;}
 .navbar-default .navbar-nav>li>a .ico {margin-right:10px;}
 .navbar-default .navbar-nav>.active>a,
 .navbar-default .navbar-nav>.active>a:hover,
 .navbar-default .navbar-nav>.active>a:focus { background:none; text-decoration:none;}
 .navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#522aff;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background:#522aff;
}

.navbar-default .navbar-toggle {margin-top:0px; margin-bottom:0px;}
.navbar-default .navbar-toggle
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #522aff;
}

 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fff;
}

.navbar-default .navbar-toggle,.navbar-default .nav .open>a, .navbar-default .nav .open>a:hover, .navbar-default .nav .open>a:focus {
	background-color:transparent;
}
	
.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
	color: #fff;background:#522AFF; font-size:13px;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#ffffff;background-color:#367e91}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#ffffff;background-color:#447b88}

.dropdown-menu > a:hover { background-color: #447b88;}
.dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #FFF;
    background-color: #447b88;
}


.mid {background: url("../img/navbottom.gif") repeat-x scroll center top transparent; margin-top: 3px;}


/* LISTING */

.listing th {background: url("../img/bg50.png") repeat-x scroll 0% 0% #bebebe; color: #FFF;}

.listing td {background: url("../img/toproomsbg.gif") repeat-x scroll center top transparent; border-right: 1px solid #EAEAEA;}
.listing a {text-decoration:none;}

		  

/* BUTTONS */	 

      .btn-success, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { 
	    border-color:#048400;
		border-radius:5px;
		background: #06bd01;
		background: -moz-linear-gradient(top,  #06bd01 0%, #06bd01 50%, #009900 54%, #009900 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06bd01), color-stop(50%,#06bd01), color-stop(54%,#009900), color-stop(100%,#009900));
		background: -webkit-linear-gradient(top,  #06bd01 0%,#06bd01 50%,#009900 54%,#009900 100%);
		background: -o-linear-gradient(top,  #06bd01 0%,#06bd01 50%,#009900 54%,#009900 100%);
		background: -ms-linear-gradient(top,  #06bd01 0%,#06bd01 50%,#009900 54%,#009900 100%);
		background: linear-gradient(to bottom,  #06bd01 0%,#06bd01 50%,#009900 54%,#009900 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06bd01', endColorstr='#009900',GradientType=0 );
		}

	  .btn-success:hover {border-color:#048400; background: #06bd01;}

      a.btn-success:link, a.btn-success:hover,a.btn-success:visited,a.btn-success:active {color:#fff; text-decoration:none;}

	.btn-warning, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { 
		border-color:#042d66;
		border-radius:5px;
		background: #0151bd;
		background: -moz-linear-gradient(top,  #0151bd 0%, #0151bd 50%, #004199 54%, #004199 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0151bd), color-stop(50%,#0151bd), color-stop(54%,#004199), color-stop(100%,#004199));
		background: -webkit-linear-gradient(top,  #0151bd 0%,#0151bd 50%,#004199 54%,#004199 100%);
		background: -o-linear-gradient(top,  #0151bd 0%,#0151bd 50%,#004199 54%,#004199 100%);
		background: -ms-linear-gradient(top,  #0151bd 0%,#0151bd 50%,#004199 54%,#004199 100%);
		background: linear-gradient(to bottom,  #0151bd 0%,#0151bd 50%,#004199 54%,#004199 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0151bd', endColorstr='#004199',GradientType=0 );
		}

		a.btn-warning:link, a.btn-warning:hover,a.btn-warning:visited,a.btn-warning:active {color:#fff; text-decoration:none;}

		.btn-warning:hover {border-color:#042d66; background: #0151bd;}


	.btn-bottom, .btn-bottom:focus, .btn-bottom:active, .btn-bottom.active, .open .dropdown-toggle.btn-bottom { 
		border:#ac9600 1px dashed;
		border-radius:5px;
		background: #edcf02;
		font-size:26px;
		text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
		}

		a.btn-bottom:link, a.btn-bottom:hover,a.btn-bottom:visited,a.btn-bottom:active {color:#fff; text-decoration:none;}

		.btn-bottom:hover {border-color:#edcf02; background: #ac9600;}

/* NEWS */
.newsblok  {
padding:10px;
background: none repeat scroll 0% 0% #F9F9F9;
border-top: 1px solid #CCC;
border-right: 1px solid #DDD;
border-left: 1px solid #DDD;
border-bottom: 1px solid #DDD;
border-radius: 4px;
}

/* GAME */
.game i { color:#522aff; font-style:normal; white-space: nowrap; display:block; overflow: hidden;}
.game img {border: 1px solid #522aff; margin-bottom:10px; margin-top:10px;}

/* SOCIAL */
.facebook {margin-right:10px;}

/* FOOTER */

.footerbottom { background: none repeat scroll 0% 0% #929292; color:#fff; padding-top:15px;}
.footerbottom a {color:#fff;}
.clearfix::after{content:"";display:table;clear:both}
