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

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic);

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	background-color:#282828;
	color:#000;
}
body a {
	color:rgba(0,0,0,1.00);
	text-decoration:underline;
}
.banner a {
	text-decoration:none;
}
.container {
	max-width:1020px;
}
h1,h2,h3 {
	font-family: Perpetua, Baskerville, 'Big Caslon', 'Palatino Linotype', Palatino, 'URW Palladio L', 'Nimbus Roman No9 L', serif;
}
.subtitle {
	font-style:italic;
	padding-top:10px;
	padding-bottom:10px;
}
.kennismakings-quote {
	font-style:italic;
	font-weight:400;
}
.menu-blokken-row {
	color:#FFF; 
	overflow:hidden;
}
.menu-blok {
	padding:20px;
	padding-left:40px;
	padding-right:40px;
	background-color:rgba(1,1,10,0.7);
	
}

.menu-blok a {
	color:#FFF;
	text-decoration:none;
}

.menu-blok a:hover {
	text-decoration:underline;
}

.menu-blok-mid {
	background-color:rgba(10,16,65,0.82);
}
.grey-line {
	height:3px;
	background-color:rgba(100,100,100,0.61);
}
.navbar {
	margin-left:-15px;
	margin-right:-15px;
	border-radius: 0 !important;
	background-color:rgba(255,255,255,0.9);
	border:none;
	font-weight:300;
	text-transform:uppercase;
}
.navbar-default .navbar-nav>li>a {
	color:#333 !important;
}
.navbar-default .navbar-nav>li>a:hover {
	color:#000 !important;
}
.active>a {
	background-color:transparent !important;
}
.navbar-header {
	  height:70px;	
}
.navbar-brand {
	padding-left:40px;
	height:auto;
}
.navbar-toggle {
	margin-top:16px;
	border-radius: 0 !important;
}

.vertical-line {
	width:1px;
	background-color:#DB1A1E;
}

.vertical-menu-line {
	height:0px;
	position:absolute;
	top:10px;
}
.lined-sidebar {
	border-left: 1px solid #DB1A1E;
	padding-left:70px;
}
.mission-padding {
	padding-left:50px;
}
.foto-sidebar {
	padding-left:20px;
}
.mission-sidebar,disclaimer-sidebar {
	height:0px;
}
.sidebar-holder {
	padding-left:70px;
	padding-bottom:50px;
	padding-right:40px;
}
.quote-holder {
	padding-top:10px;
	padding-bottom:20px;
	font-family:"perpetua";
	font-size:25px;
}
.quote-symbol {
	color:#BBB;
	font-size:60px;
	position:absolute;
}
.open-quote {
	margin-left:-25px;
	margin-top:-20px;
}
.close-quote {
	margin-left:5px;
	margin-top:-15px;
}


@media (min-width: 768px) {
.banner {
	padding-top:40px;
}
.navbar {
	background-color:rgba(255,255,255,0.5);
}
.navbar-right {
	margin-top:10px;
}
.navbar-brand {
	padding-right:30px;
	background-color:rgba(255,255,255,0.5);
}
.container {
	margin-top:15px;
	margin-bottom:15px;
}
.vertical-menu-line {
	height:30px;	
}
.menu-blok {
	border-right: 5px solid transparent;
	padding-bottom: 1020px;
  	margin-bottom: -1000px;
	background-clip: padding-box;
}
.menu-blok-right {
    border:0px;
}
.menu-blokken-row {
	margin-right:-16px;
}
}

@media (min-width: 992px) {
	
	.sidebar-holder {
		padding-top:115px;
		padding-left:0;
	}
	
	.sidebar-holder-small {
		padding-top:60px!important;
	}
	
	.subtitle,.contact-info {
	padding-bottom:80px;
}



.foto-sidebar {
	margin-top: 55px;
}
.mission-sidebar {
	height:350px;
	margin-top:55px;
}
.disclaimer-sidebar {
	height:200px;
	margin-top:0px;
}
}

@media (max-width:992px) {
	.contact-holder {
		padding:0!important;
		padding-top:20px!important;
		padding-bottom:20px!important;
		
	}
}

.dividing-space {
	height:8px;
}
.grey-bg {
	background-color:rgb(248,245,240);
}
.banner {
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
	background-image:url(../img/banner.jpg);
	background-size:cover;
	background-position:center;
	background-position:top;
}
.banner-spacing-home {
	height:175px;
}

.banner-spacing-other {
	height:100px;
}

.main-text {
	padding:40px;
	padding-left:70px;
	padding-right:70px;
}
.footer {
	font-size:11px;
	padding-top:10px;
	padding-left:30px;
}

.footer a {
	text-decoration:none!important;
	color: #333!important;
}

.footer-bottom {
	height:4px;
	background-color:#737373;
}

input,textarea {
	
    padding: 10px!important;
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    line-height: 22px;
    color: #555;
    background-color:rgb(233,233,227)
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

input[type=submit], button[type=submit] {
    background-color: #333333;
    padding: 7px 8px!important;
    border: none;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: 110px;
    font-size: 12px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

input[type=submit]:hover {
    background-color: #DB1A1E;
   
}

label {
	font-weight:300;
}