* {
	box-sizing                  : border-box;
}
@font-face {
	font-family: horror;
	src: url('Doctor.ttf');
}
/*Style V1.0*/
h1{
	transition: all 0.5s;
}

header{
	font-family: Ubuntu;
	z-index                     : 1;
	/*background-color            : rgba(255, 255, 255, 1);
	transition: all 0.5s;*/
	background-color            : #3F3F3F;
	position                    : fixed;
	text-align                  : center;
	font-size                   : 20px;
	top                         : 0;
	width                       : 100%;
	border-bottom: solid 2px deepskyblue;
}

.linklogo{
	width: 130px;
	float                       : left;
	font-size                   : 20px;
	font-family                 : Ubuntu;
	color                       : deepskyblue;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-transition: all .7s; /* Safari */
	transition: all .7s;
}
.linklogo:hover{
	background-color: #00ffbf;
	width: 130px;
	float                       : left;
	font-size                   : 20px;
	font-family                 : Ubuntu;
	color                       : white;
	padding-top: 20px;
	padding-bottom: 20px
	-webkit-transition: all .7s; /* Safari */
	transition: all .7s;

}
.mail{
	margin-left: 20px;
	float                       : right;
	font-size                   : 20px;

	font-family                 : Ubuntu;
	color                       : deepskyblue;
}
.songs{
	margin-left: 20px;
	float                       : right;
	font-size                   : 20px;

	font-family                 : Ubuntu;
	color                       : deepskyblue;
}
.news{
	margin-left: 20px;
	float                       : right;
	font-size                   : 20px;

	font-family                 : Ubuntu;
	color                       : deepskyblue;
}
h2{
	font-size                   : 25px;
	/*transition: all 0.5s;*/
}
body{
	/*background-image            : url('../img/wallpaper2.png');*/
	background-color            :  rgba(255, 255, 255, 1);
	/*background-color            : #3F3F3F;*/
	background-repeat           : repeat;
	background-attachment       : fixed;
	background-size             : cover;
	font-family                 : Ubuntu;
	font-weight                 : normal;
	font-size                   : 14px;
	color                       : #000;
	overflow-y: scroll;
}
a{
	font-size: 20px;
	text-decoration             : none;
	color                       : deepskyblue;


}
a :hover {
	color                       : #fff;
}
.containerh {
	z-index                     : 1;
	width                       : 100%;
	max-width                   : 1024px;
	margin-left                 : auto;
	margin-right                : auto;
	padding-left                : 15PX;
	padding-right               : 15px;
}
.container {
	/*background-image            : url('../img/wallpaper.png');*/
	z-index                     : 0;
	/*background-color            : #010A0A;*/
	width                       : 100%;
	max-width                   : 1170px;
	margin-left                 : auto;
	margin-right                : auto;
	padding-bottom              : 10px;
	padding-left                : 15PX;
	padding-right               : 15px;
	/*-webkit-box-shadow          : 0px -3px 39px 40px rgba(0,0,0,0.15);*/
	/*-moz-box-shadow             : 0px -3px 39px 40px rgba(0,0,0,0.15);*/
	/*box-shadow                  : 0px -3px 39px 40px rgba(0,0,0,0.15);*/

}
hr{
	border: solid 1px;
	border-color: deepskyblue;
}
.afbeelding{
	border-bottom: solid 2px deepskyblue;

	margin-top: 0px;

	background: linear-gradient(
	to right,
			rgba(0, 255, 107, 0.6),
			rgba(63, 94, 251, 0.6)),
	url('../img/header.jpg') no-repeat;
	min-height: 55vh !important;
	max-height: 900px;
	background-size: cover;

	/*border-bottom: 3px solid #00BCD4;*/
}
.title{
	font-family: Ubuntu;
	margin-top                  : 0%;
	text-align                  : center;
	width                       : 100%;
	font-size                   : 50px;
	color                       : #fff;
	padding-bottom              : 30px;
	padding-top                 : 80px;
}
.title2{
	background-image: linear-gradient(to top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
	font-family: Ubuntu;
	margin-top                  : 1%;
	text-align                  : center;
	width                       : 100%;
	font-size                   : 50px;
	color                       : #fff;
	padding-bottom              : 30px;
	padding-top                 : 80px;
}
.title3{
	background-image: linear-gradient(to bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12);
	font-family: Ubuntu;
	margin-top                  : 1%;
	text-align                  : center;
	width                       : 100%;
	font-size                   : 50px;
	color                       : #fff;
	padding-bottom              : 30px;
	padding-top                 : 80px;
}
.wrapper {
	overflow                    : hidden;
}
.footer a {
	 color                       : #fff;
	 font-size: 15px;
 }
.footer2 a {
	color                       : #fff;
	font-size: 15px;
}
.footer {
	border-top: solid 2px deepskyblue;
	z-index                     : 1;
	color                       : #fff;
	background-color            : #3F3F3F;
	padding-bottom              : 10px;
	padding-top                 : 10px;
	width                       : 100%;
	margin-bottom               : 0px;
	font-size                   : 15px;
	bottom                      : 0px;
	position                    : bottom;
	min-width                   : 100%;
	text-align                  : center;
}
.footer2{
	color                       : #fff;
	background-color            : #3f3f3f;
	border-top: solid 2px deepskyblue;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	bottom: 0px;
	position: fixed;
	min-width: 100%;
	text-align: center;
}
.songinhoud{
	font-size: 20px;
}
.galerij{
	max-width: 100%;
}
.tekst{
	font-size: 20px;
}
.dubliner{
	height:50%; width:50%
}
.active {
	width: 130px;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: deepskyblue;
	color: white;
}
@media screen and (max-width: 1170px) {
	header{
		padding-bottom              : 10px;
		padding-top                 : 10px;
	}
	.footer{
		position                    : none;
		margin-bottom               : 0px;

	}
	footer {
		padding-bottom              : 10px;
		padding-top                 : 10px;
	}
	.container{
		margin-top                  : 25px;
	}

	.input{
		width                       : 100%;
	}
	.sites1{
		width                       : 100%;
	}
	.sites2{
		width                       : 100%;
		margin-left                 : 0%;

	}
	.sites3{
		width                       : 100%;
	}
	.nav{
	}
	.linklogo{
		float                       : left;
		font-size                   : 20px;

	}
	.mail{
		font-size                   : 20px;
	}
	.title{
		margin-top                  : 40px;
		font-size                   : 25px;
	}
	.title2{
		margin-top                  : 40px;
		font-size                   : 25px;
	}
	.title3{
		margin-top                  : 40px;
		font-size                   : 25px;
	}
	.afbeelding{
		margin-top                  : 60px;
		background-position         : top;
		background-size             : 105%;
		min-height                  : 30vh !important;
		max-height                  : 700px;
		padding-top                 : 20%;
		background-size             : 200%;
	}
	.head1{
		font-size                   : 30px;

	}
	textarea{
		width: 580px;
	}
	.galerij{
		max-width: 100%;
		margin-bottom: 5%;
	}
	.songinhoud{
		font-size: 15px;
	}
	.dubliner{
		height:100%;
		width:100%
	}
	
	.linklogo{
	width: 75px;
	float                       : left;
	font-size                   : 20px;
	font-family                 : Ubuntu;
	color                       : deepskyblue;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transition: all .7s; /* Safari */
	transition: all .7s;
}
.linklogo:hover{
	background-color: #00ffbf;
	width: 75px;
	float                       : left;
	font-size                   : 20px;
	font-family                 : Ubuntu;
	color                       : white;
	padding-top: 5px;
	padding-bottom: 5px
	-webkit-transition: all .7s; /* Safari */
	transition: all .7s;

}
.active {
	width: 75px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: deepskyblue;
	color: white;
}