@charset "UTF-8";
/* CSS Document */

body{
	
	}
.row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

p, ul{
	font-family: "proxima-nova" !important;
	font-size:16px;
	color:#666;
}
strong{
	color:#000;
	}
ul{
	padding-left:0px;
	}

h3{
	font-size: 40px !important;
	font-weight: 700px;
	text-transform: uppercase;
}

h4{
	font-weight: 300 !important;
	font-family: "proxima-nova" !important;
}

.about, .programmatie, .inschrijven, .partners{
	padding: 100px 0px 120px;
}

/* NAVIGATIE*/
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar{
	background-color: black;
	padding: 25px 0px;
	text-align: center;
	color: white;
	height: 100px !important;
	border: none !important
}

.nav a{
	color: white;
	padding-left: 50px !important;
	padding-right: 50px !important;
	font-family: "museo-slab";
	font-weight:300;
}

.nav a:hover{
	background-color: transparent !important;
	color: #A1A1A1;
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: transparent !important;
}

.logo{
	position: relative;
	top: -35px;
}

.logo-collapse{
	display: none !important;
}

.navbar-collapse{
	box-shadow: none !important;
	}
	
.prorammatie-mobiel{
	display: none !important;
	}	

/* HEADER */
.background{
	background: url(../images/header-image.jpg) top center no-repeat #000000;
	height: 800px;
}

.header-quote {
	position: relative;
	top: 45%;
}

.header-quote h1{
	text-transform: uppercase;
	text-align: center;
	color: black;
	font-size: 42px;
	font-family: "museo-slab";
	font-weight:700;
}

.header-quote h2{
	text-align: center;
	color: black;
	font-weight: 300;
	font-family: "museo-slab";
	font-size: 40px !important;
}

/* ALGEMENE TITELS */
.tussentitels{
	color: #000;
	margin-bottom: 5px;
	font-family: "museo-slab";
	font-weight: 700;
}

.tussentitels-oranje{
	color: #ff7800;
	padding-bottom: 5px;
	margin-top: 0px;
	font-family: "museo-slab";
	font-weight: 700;
}

/* ABOUT */
.about{
	background: url(../images/about-image.jpg) top center;
}

.about-titels{
	text-align: center;
	padding-bottom: 40px;
}

.about-titels .tussentitels-oranje{
	margin-bottom: 0px;
}

.about-image{
	text-align: center;
}

.about-image img{
	width: 100%;
}

.about-right{
	text-align: right;
	padding-left: 50px !important;
	padding-right: 30px !important;
	margin-top: 35px;
}

.about-left{
	text-align: left;
	padding-right: 50px !important;
	padding-left: 30px !important;
	margin-top: 35px;
} 

/* PROGRAMMATIE */
.programmatie{
	background-color: #ece8e2;
	text-align:center;
}

.programmatie .right{
	text-align:right !important;
}

.programmatie .left{
	text-align:left !important;
}

.programmatie h5{
	color: #ff7800;
	font-family: "museo-slab",serif;
	font-weight: 700;
	font-size: 30px;
	margin-top:30px;
}

.programmatie .right h5{
	margin-top: 100px;
}

.programmatie .left h5{
	margin-top: 70px;
}

.programmatie-mobile{
	display: none;
}

/* INSCHRIJVEN*/
.inschrijven{
	background: url(../images/about-image.jpg) top center;
}

.inschrijven img{
	padding-bottom: 40px;
}

.inschrijven p {
	padding-right: 70px;
}


/* QUOTE*/
.quote{
	text-align:center;
	background: url(../images/oldtimer-quote.jpg) center no-repeat #000000;
	height: 400px;
	color: white;
	font-size: 60px;
	padding: 45px 0px;
}

.quote .container img{
	width: 100%;
}

.programmatie h3, .partners h3{
	color: #ff7800;
	font-family: "museo-slab",serif;
	font-weight: 700;
}

label.error{
	display:none !important;
	}
	
.error{
	border: 1px solid #FF0004 !important;
	}

/* PARTNERS*/
.partners{
	text-align: center;
	background-color: #ece8e2;
}

/*.partners img{
	height: 45px;
}*/

.partners .border-right{
	border-right: dotted 2px black;
}

.partners h4{
	padding-bottom: 65px;
}


.partners .bedrijven{
	margin-bottom: 30px; 
}

.partnerlogo{
	width: 20%;
	float: left;
}

.partners img{
	width:100%;
	height:auto;
	}


/* FOOTER */
.footer{
	background-color: black;
	color: white;
	padding: 25px 0px 10px;
	text-align: center;
	font-weight: 300;
}

.footer a{
	color: white;
}

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



/* FORMULIER */
form{
	margin-top: 25px;
}

input{
	background-color: transparent !important;
	/*border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: dotted 2px !important;
	padding-left: 0px !important;*/
	border: dotted 1px !important;
	border-radius: 0px !important;
	box-shadow: none !important;
}
	::-webkit-input-placeholder { color: black !important; }
	::-moz-placeholder {color: black !important; }
	:-ms-input-placeholder { color: black !important; } 
	:-o-input-placeholder { color: black !important } 
	

.btn-default{
	color: #000;
	padding-left: 10px !important;
	border: 1px solid #000000 !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	margin-top: 0px;
}	

/* MOBILE */
.navbar-toggle{
	border: 1px solid #FFFFFF !important;
}

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

::-moz-selection { background: #ff7800; }
::selection { background: #ff7800; }
::-moz-selection { color: #fff; }
::selection { color: #fff; }



/* Portrait tablets and small desktops */
@media (max-width: 1200px) {
	.nav a {
	padding-left: 20px !important;
	padding-right: 20px !important;
	}
}

/* Portrait tablets and small desktops */
@media (max-width: 975px) {
	.programmatie{
	
	}
	
	.programmatie-mobile{
	display: block;
	background-color: #ece8e2;
	padding: 100px 15px 120px 0px;
	}
	
	.programmatie-mobile h3{
	color: #ff7800;
	font-family: "museo-slab",serif;
	font-weight: 700;
	text-align: center;
	}
	
	.programmatie-mobile h4{
	text-align: center;
	margin-bottom: 50px;
	}
	
	.programmatie-mobile h5{
	color: #ff7800;
	font-family: "museo-slab",serif;
	font-weight: 700;
	font-size: 25px;
	padding-top: 25px;
	}
	
	.about-right, .about-left {
	text-align: center;
	}
	
	.about-right {
	padding-bottom: 40px;
	}
	
	.partnerlogo{
	width: 100%;
	border-right: none !important;
	padding: 30px 0px;
	}
	
	.border-right{
	border-bottom: 2px black dotted;
	}
}



/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.logo-collapse {
	display: inline !important;
	position: relative;
	top: -10px;
	z-index: 100;
	}
	
	.navbar-collapse {
	background-color: black;
	z-index: 50;
	}
	
	.container.navigatie{
	background-color: black;
	}	
	
	.prorammatie-mobiel{
	display: block !important;
	}	
	
	.prorammatie-scherm{
	display: none !important;
	}	
	
	.logo {
	display: none !important;
	}
	
	.programmatie{
	
	}
	
	.programmatie-mobile{
	display: block;
	background-color: #ece8e2;
	padding: 50px 15px 60px 0px;
	}
	
	.programmatie-mobile h3{
	color: #ff7800;
	font-family: "museo-slab",serif;
	font-weight: 700;
	text-align: center;
	}
	
	.programmatie-mobile h4{
	text-align: center;
	margin-bottom: 50px;
	}
	
	.programmatie-mobile h5{
	color: #ff7800;
	font-family: "museo-slab",serif;
	font-weight: 700;
	font-size: 25px;
	padding-top: 25px;
	}
	
	.margin-mobile {
	margin-bottom: 15px;
	}
	
}



/* phone */
@media (max-width: 600px) {
	.logo {
	display: none !important;
	}
	
	.logo-collapse {
	display: inline !important;
	position: relative;
	top: -10px;
	z-index: 100;
	}
	
	.navbar-header  {
	/*text-align: left;*/
	margin-left: 55px !important;
	}
	
	.navigatie {
	padding: 0px;
	}
	
	.about-right, .about-left {
	text-align: center;
	padding-left: 0px !important;
	padding-right: 0px !important;
	}
	
	.about-right {
	margin-top: 0px;
	}
	
	.about-image img {
	width: 100%;
	}
	
	form {
	margin-top: 70px;
	}
		
	.quote .container{
	margin-top: 0px;
	font-size: 50px;
	padding: 0px;
	}
	
	.quote{
	height: 200px;
	padding: 55px 0px;
	}
		
	.inschrijven p{
	padding-right: 0px;
	}
	
	h3{
	font-size: 30px !important;
	}
	
	.header-quote{
	top: 35% !important;
	}
	
	.partners h4{
	padding-bottom: 35px;
	}
	
	.background{
	height: 600px;
	}
	
	.about, .programmatie, .inschrijven{
	padding: 50px 0px 60px;
	}
	
	.partners{
	padding: 50px 0px 0px;
	}
}