body,
html {
	padding : 0px ;
	margin : 0px ;
	font-family : Georgia, Arial, sans_serif ;
	}
.btn_menu {
	margin : auto;
	background : #f00 ;
	color : #fff ;
}	

#hoofding {
	position : relative ;
	width : 100% ;
	height : 250px ;
	z-index : 1000 ;
}
#hoofding #hoofding_foto {
	height : 200px ;
	width : 100% ;
	transition : .1s ;	
	overflow : hidden ;
}
#hoofding #hoofding_foto #hoofd_foto {
	position : relative ;
	width : 100% ;
	top : 0 ;
}
#hoofding #navigatie {
	position : relative ;
	height : 50px ;
	border : solid 1px black ;
	background : #333 ;
	overflow : hidden ;
}
#hoofding #navigatie .table {
	display : table;
	margin : 5px auto ;
}
#hoofding #navigatie .table ul {
	list-style : none ;
	margin : 0 ; 
	padding : 0 ;
}
#hoofding #navigatie .table ul li {
	position : relative ;
	margin : 0 ;
	padding : 0 ;
	display : inline ;	
}
#hoofding #navigatie .table ul li.has-sub:hover > ul {
	
}
#hoofding #navigatie .table ul li a {
	font-size : 1.5em ;
	font-weight : 400 ;
	text-decoration : none ;
	color : #fff ;
	padding : 25px ;
	margin : 5px ;
	transition : .4s ease ;
}
#hoofding #navigatie .table ul li a:hover {
	background : #666 ;
	transition : .4s ease ;
}
#hoofding #navigatie .table ul li ul {
	position : relative ;
	display : none ;
	visibility : hidden ;
}

#inhoud {
	position : relative ;
}
#inhoud #linkerkolom {
	position : relative ;
	float : left ;
	padding : 1% ;
	width : 20% ;
}
#inhoud #linkerkolom #logo {
	position : relative ;
	width : 100% ;
	top : 0 ;
}

#inhoud #middenkolom {
	position : relative ;
	float : left ;
	margin : 1% ;
	width : 53% ;
	z-index : 2 ;
}
#inhoud #middenkolom .mid_navigatie{
	position : relative ;
	width : 100% ;
}
#inhoud #middenkolom .mid_navigatie .knop,
#inhoud #middenkolom .tekstblok .knop {
	position : relative ;
	display : inline-block ;
	border-radius : 4px ;
	border : none ;
	color : #fff ;
	background-color : #555 ;
	cursor : pointer ;
	text-align : center ;
	transition : all 0.5s ;
	padding : .5% 1%;
	width : 20% ;
	margin : .5% .5% ;
}
#inhoud #middenkolom .mid_navigatie .knop span,
#inhoud #middenkolom .tekstblok .knop span {
	position : relative ;
	display : inline-block ;
	cursor : pointer ;
	transition : 0.5s ;
}
#inhoud #middenkolom .mid_navigatie .knop span:after,
#inhoud #middenkolom .tekstblok .knop span:after {
	position : absolute ;
	content : '\00bb' ;
	opacity : 0 ;
	top : 0 ;
	right : -20px ;
	transition : 0.5s ;
}
#inhoud #middenkolom .mid_navigatie .knop:hover,
#inhoud #middenkolom .tekstblok .knop:hover {
	background-color : #777 ;
}
#inhoud #middenkolom .mid_navigatie .knop:hover span,
#inhoud #middenkolom .tekstblok .knop:hover span {
	padding-right : 20px ;
}
#inhoud #middenkolom .mid_navigatie .knop:hover span:after,
#inhoud #middenkolom .tekstblok .knop:hover span:after {
	opacity : 1 ;
	right : 0 ;
}

#inhoud #middenkolom .mid_navigatie .mid_knop {
	position : relative ;
	float : left ;
	margin-left : 1% ;
	width : 15% ;
	text-align : center ;
	border-top : solid 1px black ;
	border-bottom : solid 1px black ;
	padding : 5px 25px ;
	transition : .5s ease ;
	cursor : pointer ;
	-webkit-border-radius : .3em ;
	-moz-border-radius : .3em ;
	-ms-border-radius : .3em ;
	-o-border-radius : .3em ;
	border-radius : .3em ;
}
#inhoud #middenkolom .mid_navigatie .mid_knop:hover {
	background : #666 ;
	color : #ccc ;
	transition : .5s ease ;
	text-align : center ;
	border-top : solid 1px black ;
	border-bottom : solid 1px black ;
	padding : 5px 25px ;
	-webkit-border-radius : 1em ;
	-moz-border-radius : 1em ;
	-ms-border-radius : 1em ;
	-o-border-radius : 1em ;
	border-radius : 1em ;
}
#inhoud #middenkolom .hoofding {
	position : relative ;
	margin-top : 1% ;
	text-align : center ;
	font-weight : bold ;
	font-style : italic ;
	font-size : 3em ;
}
#inhoud #middenkolom .tekstblok {
	margin : 1% ;	
	text-align : justify ;
}
#inhoud #middenkolom .tekstblok .tekst_hoofding {
	position : relative ;
	width : 50% ;
	border-bottom : solid 1px black ;
	font-size : 1.25em ;
	font-weight : bold ;
	font-style : italic ;
	margin-bottom : 10px;
	padding-bottom : 5px ;
}
#inhoud #middenkolom .tekstblok .bestuur_links {
	position : relative ;
	float : left ;
	width : 49%;
}
#inhoud #middenkolom .tekstblok .bestuur_rechts{
	position : relative ;
	float : right ;
	width : 49%;
}
#inhoud #middenkolom .tekstblok .hoofding_leden {
	position : relative ;
	font-size : 1.25em ;
	font-style : italic ;
	margin : 20px 0;
	width : 40% ;
	border-bottom : dotted 1px #666 ;
}
#inhoud #middenkolom .tekstblok .hoofding_bestuur {
	position : relative ;
	font-size : 1.25em ;
	font-style : italic ;
	margin : 20px 0;
	width : 80% ;
	border-bottom : dotted 1px #666 ;
}
#inhoud #middenkolom .tekstblok .foto_leden {
	position : relative ;
	float : left ;
	width : 200px ;
}
#inhoud #middenkolom .tekstblok .foto_leden img {
	width : 100% ;
}
#inhoud #middenkolom .tekstblok .tekst_bestuur {
	margin-left : 210px ;
}
#inhoud #middenkolom #foutmelding {
	position : relative ;
	width : 75% ;
	margin : 1% 12.5% ;
	padding : 5px 0px ;
	text-align : center ;
	color : #f00 ;
	border : solid 1px #f00 ;
	background : #fcc ;
	
}
#inhoud #middenkolom .kol_links {
	position : relative ;
	float : left ;
	width : 35% ;
	text-align : right ;
}
#inhoud #middenkolom .kol_rechts {
	position : relative ;
	float : right ;
	width : 60% ;
	text-align : left ;
}
#inhoud #middenkolom .tekstblok .ingevuld {
	margin : 2% auto ;
	padding : 2%;
	width : 75% ;
	text-align : center;
	border : solid 1px black ;
}
#inhoud #middenkolom .tekstblok .gast_item {
	padding : 1%;
	border : dotted 1px #999;
	border-radius : 4px;
	margin-bottom : 1% ;
}
#inhoud #middenkolom .tekstblok .gast_item .gast_links {
	position : relative ;
	float : left ;
	width : 20% ;
	text-align : left ;
}
#inhoud #middenkolom .tekstblok .gast_naam {
	font-style : italic ;
}
#inhoud #middenkolom .tekstblok .gast_datum {
	font-style : italic ;
	font-size : .8em ;
}
#inhoud #middenkolom .tekstblok .gast_rechts {
	position : relative ;
	float : right ;
	padding : 1% ;
	width : 75% ;
	background : #ccc;
	text-align : left ;
	border-radius : 4px;
	border : dashed 1px #ddd ;
}

#inhoud #rechterkolom {
	position : relative ;
	float : right ;
	padding : 1% ;
	width : 20% ;
}
#inhoud #rechterkolom #menu {
	position : relative ;
	top : 0 ;
	width : 100% ;
}
#inhoud #rechterkolom .button {
	display : inline-block ;
	border-radius : 4px ;
	background-color : #555 ;
	border : none ;
	color : #fff ;
	text-align : center ;
	font-size : 18px ;
	padding : 2px 10px ;
	width : 90% ;
	transition : all 0.5s ;
	cursor : pointer ;
	margin : 5px ;
}
#inhoud #rechterkolom .button span {
	position : relative ;
	display : inline-block ;
	cursor : pointer ;
	transition : 0.5s ;
}
#inhoud #rechterkolom .button span:after {
	position : absolute ;
	content : '\00bb' ;
	opacity : 0 ;
	top : 0 ;
	right : -20px ;
	transition : 0.5s ;
}
#inhoud #rechterkolom .button:hover {
	background-color : #777 ;
}
#inhoud #rechterkolom .button:hover span {
	padding-right : 25px ;
}
#inhoud #rechterkolom .button:hover span:after {
	opacity : 1 ; 
	right : 0 ;
}
#inhoud #rechterkolom .rechterkolom_knop {
	position : relative ;
	text-align : center ;
	width : 95% ;
	margin : 5px auto ;
	padding : 1% 0 ;
	cursor : pointer ;
	border-top : solid 1px black ;
	border-bottom : solid 1px black ;
	-webkit-border-radius : .3em ;
	-moz-border-radius : .3em ;
	border-radius : .3em ;
}
#inhoud #rechterkolom .rechterkolom_knop .knop_hoofding {
	font-weight : bold ;
	font-style : italic ;
	margin-bottom : 5px ;
	border-bottom : dotted 1px #000 ;
}