
/* CSS Document */


.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color: #F6E727;
}
.logobar{
	margin-bottom:10px;
	
	
}
.contentindex{margin-top:70px;}
a {color:#000;
text-decoration:none;}
.site{
	margin-top:50px;
}
.hand{margin-top:150px;
min-height:400px;}

.textindexpage{
	font-family: itc-avant-garde-gothic-pro, sans-serif;

font-weight: 400;
	font-size:4em;
}


h1 {
    letter-spacing: 1px;
}


 ul.gegevens {
	list-style-type: none;
	padding-left: 0px;
}

 ul.gegevens li span  { 
	float: left;
	width: 70px;
	 color:#A0A0A0;
}

h1,h2 {


font-family: itc-avant-garde-gothic-pro, sans-serif;

font-weight: 400;

font-style: normal;
}

h2{font-size: 1.3em;}

.geel{color:#F6E727;}

.metmenno{font-family: itc-avant-garde-gothic-pro, sans-serif;

letter-spacing: 1px;}


.verschijn{display:none;}


/**/


@media screen and (max-width:900px) {
	
	.site{margin-bottom:140px;}

	.verdwijn{display:none;}

	.textindexpage{font-size:2em;}
	.verschijn{display:block;}
	
	.menuenlogo{position: fixed;
  top: 0;
		
  }
	.content, .contentindex{margin-top:150px;
	padding:20px;}

  }

	.stickyfooter{padding:20px; position:fixed; background-color:#333; left:0; right:0; bottom:0; z-index:99; width:100%; }
/*.stickyfooter{display:none;}*/

.iconsam{width:25%; float:left;}

.iconsam i{color:#FFF;}

.iconsam i a:hover{color:#ff0;}

.footerresp {
   
	background-color:#000;
	padding:20px;
	color:#fff;
	z-index:999;
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
#footerresp a{color:#fff;
text-decoration:none;
}


/**/

@media (min-width: 768px) {

	
		nav.indexpage ul {
 display: flex;
  justify-content: space-between;
   width: 70%;

    margin: 0;
    padding: 0;
}
	
	nav ul {
 display: flex;
  justify-content: space-between;
   width: 50%;

    margin: 0;
    padding: 0;
}

li{
  
    flex: 1 auto;
    
  margin:auto;
}
	

}

@media (max-width: 768px) {
 .site{
	margin-top:0px;
}
}