html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow-x:hidden;
}
body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
    font-family: 'Ubuntu', sans-serif;
}

h1 {

}
h2 {

}
h3 {

}
h4 {

}

input {

}
input['submit']{
	
}

.viewport {
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
}
.center_1 {
	position:relative;
	float:left;
	width:100%;
	left:50%;
}
.center_2 {
	position:relative;
	float:left;
	width:100%;
	left:-50%;
}

.header {
	position:relative;
	float:left;
	width:100%;
	display:flex;
	justify-content:center;
	padding-top:15px;
	padding-bottom:15px;
}
.header img {
	position:relative;
	float:left;
	width:55px;
}
.header_text {
	position:relative;
	float:left;
}

.pagetitel {
	position:relative;
	float:left;
	margin-left:20px;
	font-size:36px;
	display:flex;
	align-content:center;
	align-items:center;
	clear:both;


    font-family: 'Passion One', cursive;

}

.pagesubtitel {
	position:relative;
	float:left;
	margin-left:20px;
	font-size:26px;
	color:#e1109b;
	clear:both;
}
.pageheader {
	position:relative;
	float:left;
	width:100%;
}
.pageheader img {
	position:relative;
	float:left;
	width:100%;
}
.introtekst {
	position:absolute;
	top:0px;
	left:20%;
	width:60%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	font-size:22px;
	font-weight:500;
	color:#FFF;
	line-height:32px;
	z-index:100;
}
.introtekst_container {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}

.item_titel {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	font-size:26px;
	text-decoration:underline;
	margin-top:50px;
	color:#e1109b;
    font-family: 'Passion One', cursive;
}
.item_subtitel {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	font-size:22px;
	margin-top:20px;	
}
.item_text {
	position:relative;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	font-size:18px;
	text-align:center;
	margin-top:10px;
}

.fotos {
	position:relative;
	float:left;
	width:90%;
	margin-left:5%;
	display:flex;
	justify-content:space-between;
	margin-top:30px;
}
.fotos img {
	position:relative;
	float:left;
	width:23%;
}

.events {
	position:relative;
	float:left;
	width:90%;
	margin-left:5%;
	margin-top:20px;
	display:flex;
	justify-content:space-between;
}
.events_i {
	position:relative;
	float:left;
	width:48%;
}
.events_i_titel {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	font-size:22px;
	margin-bottom:6px;
}
.events_i_line {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
.events_i_line a {
	font-weight:bold;
	color:#000;
}
.events_i_line a:hover {
	text-decoration:underline;
}
.events_i_flyer , .events_i_flyer img {
	position:relative;
	float:left;
	width:100%;
}
.events_i_flyer {
	margin-top:30px;
}

.list {
	position:relative;
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:30px;
	margin-bottom:30px;
	display:flex;
	justify-content:space-between;
}
.list_i {
	position:relative;
	float:left;
	width:30%;
	padding:1%;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	font-weight:500;
	background-color:rgba(0,0,0,0.1);
}
.doelen {
	position:relative;
	float:left;
	width:100%;
	margin-top:20px;
}
.doel_i {
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:1px;
	font-weight:500;
	background-color:rgba(0,0,0,0.1);
}
.doel_i a {
	color:#000;
}
.facebook {
	position:relative;
	float:left;
	width:100%;
	display:flex;
	justify-content:center;
	margin-top:30px;
	margin-bottom:30px;
}
.facebook_text {
	position:relative;
	float:left;
	text-align:center;
	display:flex;
	align-items:center;
	align-content:center;
	font-weight:500;
}
.facebook img {
	position:relative;
	float:left;
	width:30px;
	margin-left:20px;
}