/*bootstrap menu overrules*/
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fff;
}
.navbar {
    border-radius: 0px;
    background-color: #fff;
}
.home .navbar {
	background-color: transparent;
	color: #433992;
}
.navbar:hover {
    color: #00b1aa;
}
.home .navbar:hover {
    color: #fff;
}
.navbar-toggle {
    border: 0px;
    float: left;
}
.navbar-left {
	float: left;
}
.menu {
	position: fixed;
	max-width: 1200px; /*voor logo wat ge-right float wordt, anders vliegt ie uit beeld*/
	height: 80px;
	background: #fff;
	width: 100%;
	z-index: 1010;
	min-height: 60px;
	padding-top: 15px;
	color: #433992;
}

.home .menu {
	background: transparent;
}

.menu .fa {
    font-size: 28px;
}
.menu .fa span {
	 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.menu-logo {
	max-height: 50px;
	float: right;	
}
@media(min-width:768px){
	.menu-logo {
	float: left;	
	}
}
.header-logo {
		float: right;
}
.close {
	float: left;
	opacity: 1;
	font-size: 28px;
	color: #fff;
	text-shadow: unset;
}
.close:hover {
	color: #00b1aa;
	opacity: 1;
}
button:focus {outline:0;}
/*aanpassing voor menu, is een volledige overlay*/

.modal-nav-content {
  width: 100%;
  height: auto;
}

.modal-nav-body {
  color: #fff;
}

.modal-nav-body ul {
  list-style-type: none;
  color: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
}

.modal-nav-body ul li {
  text-align: left;
  font-size: 130%;
  padding: 8px;
  text-transform: uppercase;
}
.modal-backdrop.in {
    opacity: 1; /*geen transperantie*/
}
.modal-backdrop {
    background-color: #433992; /*achtergrondkleur menu overlay*/
}
.modal-dialog {
    max-width: 1170px;
    margin: 30px auto;
    width: 100%;
}
.modal-header{
	border: 0px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	padding: 0;
}
.modal-header .fa {
    font-size: 28px;
}
.modal-header .fa span {
	 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

#nav-modal a {
	text-decoration: none;
	color: #00b1aa;
	font-weight: bold;
}
#nav-modal a:hover {
	color: #fff;
}
#nav-modal .modal-header a {
	color: #fff;
}
#nav-modal .modal-header a:hover {
	color: #00b1aa;
}
@media(min-width:992px) {
	#nav-modal h2 {
		margin-bottom: 30px;
	}
	.modal-nav-body {
	  	margin-top: 60px; 
	} 
}

#nav-modal h2 a {
	color: #fff;
}
#nav-modal h2 a:hover {
	color: #00b1aa;
}

/*einde menu*/
/*Standaard styling*/
body {
	font-size: 18px;
}
h1,h2,h3,h4,h5,h6 {
	color: #00b1aa;
}
.home h1,h2,h3,h4,h5,h6 {
	color: #fff;
}
h1 {
	font-size: 28px;
}

@media(min-width:768px){
	.content h1 {
	font-size: 32px;
	margin:40px 0 30px 0;
	}
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
}


strong {
	color: #00b1aa;
}
a {
	color:#433992;
}
a:hover{
	text-decoration: none;
	color: #00b1aa;	
}

.home a:hover{
	color: #fff;	
}

/*einde standaard styling*/
#id_7, #id_16 { /*home-nl en home-en, speciale achtergrond*/
 	background: #00b1aa url(../img/bg-home.png)top left fixed;	
}

.taalkeuze {
	text-align: right;
	font-size: 28px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;	
	padding-top:15px;
}
.home .content {
	display: table;
	width: 100%;
	height: 100%;
}
.home .content img{
	max-height: 20vh;
}
.home-button {
	display: inline-block;
	color: #433992;
	padding: 5px 10px;
	border: 2px solid #433992;
	border-radius: 0px;
	background: transparent;
	margin-top: 50px;
	font-size: 24px;
	font-weight: bold;
}
.home-button:hover {
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
}
.content-body {
	display: table-cell;
	text-align: center;
	padding-top: 15vh;	
}
.dummy-bar { /*om mooie witte balk achter menu te houden*/
	width: 100%;
	height: 80px;
	background: #fff;
	position: fixed;
	z-index: 10;
}
.banner {
	xbackground: url(../img/diensten.png);
	xbackground-size: cover;
	xmin-height: 22vw;
	margin-top: 80px;
	padding: 0;
	margin: 0;
}
.custom-banner {
	 height: 23vw;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 80px;
}
.intro {
	font-weight: bold;
	display: table-row;
	margin: 0 0 30px 0;
}
.content {
	padding-bottom: 30px;
}
.meerweten {
	background: url(../img/ballon-kl.png)right no-repeat;
	min-height: 100px;
	text-align: right;
	padding: 50px 15px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}
.meerweten a:hover {
	color: #fff;

}
@media(min-width:992px) {
	.meerweten {
		background: url(../img/ballon.png) right no-repeat;
		padding: 100px 10px 100px 120px;
		font-size: 20px;
		text-align: left;
	}	
}
@media(min-width:1200px) {
	.meerweten {
		padding: 100px 10px 100px 190px;
	}	
}
.voet {
	background: #312783; 
	min-height: 100px;
	color: #fff;
	padding: 35px;
	font-size: 16px;
}
.voet a {
	color: #fff;
}
.voet ul {
	list-style: none;
}
@media(min-width:992px) {
	.voet .text-right {
		text-align: left;
	}
	.voet .text-right img{ /*center image*/
		display: block;
		margin: 0 auto;
	}
}
/*PHPWCMS image text*/
.image-td img {
	max-width: 100%;
	height: auto;
}