/* Sylware  CSS [http://www.sylware.nl, copyright 2015] */
.beheer {
   display: block;  /* allows labels to sit on input when inline */
   margin-bottom: 15px; /* gives padding to bottom of inline inputs */
   margin-left:20px;
}
/*
da5821 oranje
55647c grijs
ececef achtergrond 
*/
a:active, a:focus {outline: 0;}
a:active { outline: none; }
a:link { outline:none; }
a:focus { outline:none; }
a { outline:none; }
a img { border: 0; }
/* Default page setup*/
html { font-size: 100%;	 } 
body {
	font-family: 'Open Sans', sans-serif;
	

	margin:0;
	/*	font-family : Verdana, Geneva, Arial, sans-serif;
	font-family: "proxima-nova",sans-serif;
	font-family:arial,Helvetica,Arial,sans-serif;*/
	/*background-color:#bdcff4;*/

	}
.grey { background-color:#ececef;border-bottom: 1px solid #55647c; min-height:600px; padding-bottom:40px; }
.white { background-color:#FFF;border-bottom: 1px solid #55647c;  min-height:600px; padding-bottom:40px;	}
.orange { color:#da5821;}
.border2 { border: 1px solid #55647c; }
.btn-orange { background-color:#da5821; text-decoration: none; border:0;}
.btn-orange.active { background-color: #55647c;}
.btn-orange:hover {  background-color: #55647c;}

.btn-grey { background-color:#55647c; text-decoration: none;}
.btn-grey.active { background-color: #da5821;}
.btn-grey:hover {  background-color: #da5821;}
.text-grey { color:#6e7a90;}

.vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
  
}
/* MENU: */
.logo {
	position:relative;
	z-index:2;
	height:65px;
	margin-top:10px;
	
}
.navbar .nav > li > a  {
 	color:White;
	font-size:14px;
	text-decoration:none;

}
.navbar .nav > li > a:hover   {
 	color:#da5821;
}
.menu1 li.mactive   {
 	color:#da5821;
	background-color:#FF1F00;
}
.navbar {
	height:120px;
	border:0px;
	background-color:#55647c;
	z-index:1;
}
.navbar-nav {
	position:relative;
	margin-left:0px;
}
.nav { 
	margin-top:32px;
	border:0px;
	background-color:#55647c;

}
.footer {
	height:120px;
	border:0px;
	background-color:#55647c;
	z-index:1;

}
.head { 	
	text-align:center;
	padding-top:120px;
	margin-bottom:40px;
	
}	
.content { 	
	padding-top:120px;
	
}	
.navbar-fixed-top {
	  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 120px;
  background-color: #55647c;
}
@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 0px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		left:0px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
	.navbar .nav > li > a  {left:0px;}
}

a.main_menu-selected {
	margin-left:20px;
	color:#da5821;
	text-decoration: none;
    position:relative;
    top:-9vw;
}
#backtotop {
	padding:0px;
	position:fixed;
	bottom:10px;right:0px;
	cursor:pointer;
	z-index:444;
}	


.download { color:#900a0c;}
.midden {
	align-items: center;
    -webkit-align-items: center; /* Safari 7.0+ */
}
/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
.marginsText {
	margin-left:20px;}


h1 { 	/*color : #808D96;*/
	font-size:3vm;
	font-size:36px;
	color:#6e7a90;
	
}


	

h2 {font-size:1.2rem;
	font-size:16px;
	font-weight:400;
	
	margin-left:20px;
	line-height: 1.66667;
  	color: #6e7a90;
 	font-weight: 400;}
h4 {font-size:0.8rem;
	margin-left:20px;
	line-height: 1.66667;
  	color: #6e7a90;
 	font-weight: 400;}	
h3 {font-size:0.8rem;color:White;}	
a.h3 {color:White;}
* { box-sizing: border-box; }



ul {
font-size:1.0rem;
	font-weight:normal;
	color : #808D96;
	margin-left:20px;
}
/* Menus:*/
.mainimg{
	margin:0;
	width:100%;
	height:460px;
}

p {
	font-size : smaller;
	color : Black;
	background-color : transparent;}


/* Buttons setup*/
.buttons {
	
	background-color: #808D96;
	color: White;
	font-size: smaller;
	font-weight: bold}
/* contact form */


span {
	margin-bottom:5px;
	clear:both;
	float: left;
   	margin-top:0px;
	margin-left:10px;	
	width:160px;
	text-align:left;
   }

select[type=combo] {
	clear:both;
	margin-bottom:5px;
  	border: 1px solid #999;
  	border-radius: 0;
 	-webkit-appearance: none;
   
}
textarea {
	margin-bottom:5px;
	margin-top:5px;
  	border: 1px solid #999;
  	border-radius: 0;
 	-webkit-appearance: none;
   
  	width:180px;
}
input[type=text] {
	margin-bottom:5px;
  	border: 1px solid #999;
  	border-radius: 0;
 	-webkit-appearance: none;
   	width : 180px;
}
/* Hyperlinks setup*/
a {
	color : #808D96;
	background-color : transparent;
	text-decoration: underline;}

a:hover {
	
	background-color : transparent;
	text-decoration: none}


a.text-white { color: white;}
.imgPage { max-width:90%;  height: auto;/*box-shadow: 10px 10px 5px #888888;*/text-align:center; margin-left:20px;}

/*
@media screen and (max-width: 750px) { 
	
	.columnsContainer column { 
	flex: 0 auto;
	-webkit-box-flex: 0 auto;
    margin-bottom: 0px; margin-right:0px;
	font-size: 0.5rem;
	font-size: 0.9375rem;
line-height: 1.375rem;
  	}
	.columnsContainer column img { 
 		margin-left:5%; -webkit-box-flex: 0 100%;}

	h2 {font-size:0.5rem;
	font-size: 0.9375rem; }
	h1 { font-size:4.5vw;}
	.columnsContainer { margin-left:20px;}
	.nav {
	margin-top:40px;
	margin-left:0px;
	
	}
}
@media screen and (min-width: 851px) { 
	.columnsContainer { 
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  flex-flow: row wrap; 
	  justify-content: space-between; 
	  
	}
	.columnsContainer column {  
	  position: relative; 
	  margin: 2% 0; 
	  flex: 1 1 48%;
	  -webkit-flex: 1 1 48%;
	  -ms-flex: 0 0 48%; 
	  -moz-flex: 0 0 48%; 
	  color : #808D96;
	}
	.columnsContainer1 { margin-left:40px; margin-right:60px;}
	#beheer { min-width:450px;}

.ColumnText { max-width:500px;}

.columnsContainer column img { 
  width: 100%; height: auto; margin-left:20px; 
}

.contact {
	margin-right:20px; 
	max-width: 600px;
}

}
*/