html, body {
    height:100%;
    background-color:#FFFFFF;
}
html { 
    background-color:#FFFFFF !important;
   background: url('../img/bg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
    /*overflow-y:scroll;*/
    background-color:transparent;
}
body > .container {
  height:100%;
    /*ivm menu*/
  padding-top:40px;  
}
.adbanner {
      /*background: rgba(255, 255, 255,1) !important;*/
}
.googleadwrapper {
    overflow:hidden;
}
.boorstaatimg {
width:100%;
}

/*--- GOOGLE AD RESPONSIVE --- */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.nl-horizontal { width: 300px; height: 250px; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 750px) { .nl-horizontal { width: 468px; height: 60px;} }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 970px) { .nl-horizontal { width: 728px; height: 90px;} }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1170px) { .nl-horizontal { width: 970px; height: 90px;} }

/* No media query since this is the default in Bootstrap */
.nl-vertical { width: 300px; height: 600px; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 750px) { .nl-vertical { width: 300px; height: 600px;} }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 970px) { .nl-vertical { width: 160px; height: 600px;} }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1170px) { .nl-vertical { width: 300px; height: 600px;} }

/* No media query since this is the default in Bootstrap */
.nl-vertical-sm { width: 300px; height: 600px; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 750px) { .nl-vertical-sm { width: 300px; height: 600px;} }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 970px) { .nl-vertical-sm { width: 160px; height: 600px;} }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1170px) { .nl-vertical-sm { width: 160px; height: 600px;} }

/* No media query since this is the default in Bootstrap */
.nl-vertical-xs-mobile { width: 300px; height: 250px; }

/*--- GOOGLE AD RESPONSIVE --- */

.listtable {
    padding:0px; 
    margin:0px;
    width:100%;
}
.listtable > tr > td {
    padding:0px; 
    margin:0px;
    border-top: none;
}
.boringlistitem {
    cursor:pointer;
}
.panelheaderbutton {
height:24px;
padding-top:2px;
}
.allowvalign {
    display:table !important;
    table-layout: fixed;
}
.colvaligntop {
    display: table-cell !important;
    vertical-align:top;
    float:none;
    width:100%
}
.flyleft {
  opacity: 0;
  -webkit-transition: opacity 1.0s ease;
  -moz-transition: opacity 1.0s  ease;
  -o-transition: opacity 1.0s  ease;
  transition: opacity 1.0s  ease;
}
.flyleft.in {
  opacity: 1;
}
.flyleft.out {
  opacity: 0;
}
.flyup {
  opacity: 0;
  -webkit-transition: opacity 1.0s ease;
  -moz-transition: opacity 1.0s  ease;
  -o-transition: opacity 1.0s  ease;
  transition: opacity 1.0s  ease;
}
.flyup.in {
  opacity: 1;
}
.flyup.out {
  opacity: 0;
}
.nopaddingandmargin {
    padding: 0px; 
    margin: 0px;
}

/*.share {
margin:0px;
padding:0px;
}*/
.social-slide {
	height: 32px;
	width: 32px;
	margin: 2px;
    margin-top:10px;
    margin-bottom:5px;
	float:left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-slide:hover {
	background-position: 0px -32px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}
.facebook-hover {
	background-image: url('../img/facebook-hover.png');
    background-size: 32px 64px;
    background-repeat: no-repeat;
}
.twitter-hover {
	background-image: url('../img/twitter-hover.png');
        background-size: 32px 64px;
    background-repeat: no-repeat;
}
.google-hover {
	background-image: url('../img/google-hover.png');
        background-size: 32px 64px;
    background-repeat: no-repeat;
}
.linkedin-hover {
	background-image: url('../img/linkedin-hover.png');
        background-size: 32px 64px;
    background-repeat: no-repeat;
}


.panel {
    background-color:#E2F4FB;
    /*opacity:0.85 !important;*/
    border-width:2px;
    border-color:#428BCA;

    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.85) !important;
}
.bordercolor_cross {
    border-color:#4BADEE !important;
}
.bordercolor_square {
    border-color:#D73986 !important;
}
.bordercolor_triangle {
    border-color:#54A652 !important;
}
.bordercolor_circle {
    border-color:#E83F35 !important;
}
.panel-heading {
    background-color:#448FBC !important;
}
.headerpanel {
    background-color:white;
}
.winnerheader {
padding:0px;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

/*a {
    color: #FFFFFF !important;
}
a:hover {
    color: #33B5E5 !important;
}*/


.navbarstyle {
    background-color: #010101 !important;
    background-image: none;
  /*background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0072C6), to(#004E87));
  background-image: -webkit-linear-gradient(top, #0072C6 0%, #004E87 100%);
  background-image: -moz-linear-gradient(top, #0072C6 0%, #004E87 100%);
  background-image: linear-gradient(to bottom, #0072C6 0%, #004E87 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0072C6', endColorstr='#ff004E87', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/

}
/*.navbarstyle .navbar-collapse .navbar-nav>li>a {
    color:#FFFFFF;
}*/
.menutext {
    color: #FFFFFF !important;
}
.menutext:hover {
    color: #357EBD !important;
}

.menutexthighlight {
    color:#357EBD !important;
}

.circle {
    background-color:#357EBD;
    color:#357EBD;
    text-align:center;
    line-height:40px;
     height:80px;
     width:80px;
      border-radius: 90px;
     -moz-border-radius: 90px;
     -webkit-border-radius: 90px;
     margin:0 auto;
     border: 1px solid #357EBD;

}

.circle:hover > .menutext {
    color:#357EBD !important;

}

.circle:hover {
    background-color:#FFFFFF;
    color:#FFFFFF;
    text-align:center;
    line-height:40px;
     height:80px;
     width:80px;
      border-radius: 90px;
     -moz-border-radius: 90px;
     -webkit-border-radius: 90px;
     margin:0 auto;
     border: 1px solid #357EBD;

}
.halfcircleup{
    
    cursor:pointer;
    color:white;
    text-align:center;
    line-height:33px;
     height:30px;
     width:60px;
     /*border-radius: 90px 90px 0 0;
     -moz-border-radius: 90px 90px 0 0;
     -webkit-border-radius: 90px 90px 0 0;*/
          border-radius: 0 0 90px 90px;
     -moz-border-radius: 0 0 90px 90px;
     -webkit-border-radius: 0 0 90px 90px;
     margin:0 auto;
     background-color:#3d3d3d;
}
.halfcircleup:hover {
    -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.halfcircleup:active {
    -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.halfcircledown{

    cursor:pointer;
    color:white;
    text-align:center;
    line-height:33px;
     height:30px;
     width:60px;
     border-radius: 0 0 90px 90px;
     -moz-border-radius: 0 0 90px 90px;
     -webkit-border-radius: 0 0 90px 90px;
     margin:0 auto;
     background-color:#3d3d3d;
}
.halfcircledown:hover {
    -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.halfcircledown:active {
    -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.bottomborder {
      -webkit-box-shadow: 0px 0px 5px 0px #3d3d3d;
    -moz-box-shadow: 0px 0px 5px 0px #3d3d3d;
    box-shadow:  0px 0px 5px 0px #3d3d3d;
}
.contentpadding {
    padding-left:20px;
    padding-right:20px;
}
.contentpaddingtop {
    padding-top:20px;
}
.content {
  min-height:100%;
    height:auto;    
    
    background-color:rgba(255,255,255,0.9);

    /*links en rechts shadow*/
      -webkit-box-shadow: 0px 0px 5px 0px #3d3d3d;
    -moz-box-shadow: 0px 0px 5px 0px #3d3d3d;
    box-shadow:  0px 0px 5px 0px #3d3d3d;

    
}
.disableselect {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}
.footer {
    background-color:#010101;
    color:white;
    
    bottom:0px;
    width:100%;

    color:#000000;
    position:relative;

    -webkit-box-shadow: 0px 0px 5px 0px #3d3d3d;
    -moz-box-shadow: 0px 0px 5px 0px #3d3d3d;
    box-shadow:  0px 0px 5px 0px #3d3d3d;

}


html,body {
    font: 400 1em 'PT Sans', sans-serif;
}
h1
{
  font: 800 1.8em 'PT Sans', sans-serif;

}
h2
{
  font: 800 1.2em 'PT Sans', sans-serif;
}
h3
{
  font: 800 1em 'PT Sans', sans-serif;
}
h4
{
  font: 600 1em 'PT Sans', sans-serif;
}
h5
{
  font: 400 1em 'PT Sans', sans-serif;
}


.carousel_imgbox {
    
    width:100%;
    height:400px;
}
.carousel_imgfluidratio {
    background-size: cover;
    -moz-background-size: cover; 
    background-position: center;
    background-position-y: 45%;
}

.imgfluidratiowidth { 
    width: 100%; 
}
.imgfluidratioheight { 
    height: 100%;
}