a.logoutbtn{
    text-decoration: none;
    position: fixed;
    top: -2px;
    right: -2px;
    z-index: 30;
    display: block;
    padding: 0 0 20px 20px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    transition: .3s .3s ease-out;
    -webkit-transition: .2s .3s ease-out;
 }
a.logoutbtn i{
display: inline-block;
height: 35px;
width: 100px;
padding: 10px 8px 8px 20px;
font-size: 1.2em;
opacity: 0.8;
line-height: .7;
vertical-align: middle;
background: rgba(255,255,255,0.2);
border-radius: 0 0 0 70px;
transition: 0.1s ease-out;
-webkit-transition: 0.1s ease-out;
}
a.logoutbtn i:hover{
  padding:25px 10px 15px 24px;  background:rgba(255,100,100,.4); }




#schermselectie{
    width:312px;
    margin:40px auto;
    border-top:1px solid #333;
    padding:20px;
    text-align:center;

}
.selectiontitle{
     width:312px;
      margin:0px auto;
     font-size:24px;
     text-align:center;
     color:#999;
}
#schermselectie label{
    color:#fff;

}
#schermselectie select{
   margin-left:10px
}

#schermselectie input.submitbutton{
	width:310px;
 	background-color:#000;
	color:#fff;
 	border-radius: 5px;
	padding:10px 0;
	margin-top:15px;

}

#schermselectie input.submitbutton:hover{
  	background-color:#333;
	color:#fff;
}
#schermselectie input.submitbutton{
	width:290px;
	border:0px solid #000;
	padding:10px;
	font-size:16px;
}

#cycle-loader {
		height:32px;
		left:50%;
		margin:-8px 0 0 -8px;
		position:absolute;
		top:50%;
		width:32px;
		z-index:999;
	}

	/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
	#maximage {
		display:none;/* Only use this if you fade it in again after the images load */
		position:fixed !important;
	}

	/*Set my gradient above all images*/
	#gradient {
		left:0;
		height:100%;
		position:absolute;
		top:0;
		width:100%;
		z-index:999;
	}

	/*Set my logo in bottom left*/
	#logo {
		bottom:30px;
		height:auto;
		left:30px;
		position:absolute;
		width:34%;
		z-index:1000;
	}
	#logo img {
		width:100%;
	}

	#arrow_left, #arrow_right {
		bottom:30px;
		height:67px;
		position:absolute;
		right:30px;
		width:36px;
		z-index:1000;
	}
	#arrow_left {
		right:86px;
	}

	#arrow_left:hover, #arrow_right:hover {
		bottom:29px;
	}
	#arrow_left:active, #arrow_right:active {
		bottom:28px;
	}

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

	.in-slide-content {
		color:#333;
 		font-family:'Helvetica Neue', helvetica;
		font-size:60px;
		font-weight:bold;
		bottom:0;
                left:0;
 		padding:20px;
		position:absolute;
 		width:700px;
		z-index:9999; /* Show above .gradient */
                background-color:rgba(0,0,0,.5);
                color:#fff;
                width:100%;
                text-transform:capitalize;
	}
        .in-slide-content p small{
            font-size:30px;
            text-transform: capitalize;

        }
	.light-text {color:#ddd;text-shadow: 0 1px 0 #666;}
	.smaller-text {font-size:30px;}
	.youtube-video, video {
		left:0;
		position:absolute;
		top:0;
	}


    #arrow_left, #arrow_right{ opacity: 0; cursor:pointer;}