@charset "UTF-8";
/*FONT*/
@font-face {
	src:url("../fonts/JosefinSans-Thin.ttf");
	font-family: josefin;
}
/*BODY*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	height: 100vh;
	width: 100%;
	font-family: josefin;
}
/*HEADER-LINKS*/
header {
	height: 200px;
}
.logo {
	width: 14%;
	height: 200px;
	
	background-image:url("../afbeeldingen/logo.png");
	background-size: cover;
	float: left;
}
/*HEADER-CENTRAAL*/
.titel {
	background-image: url("../afbeeldingen/velvetzwart.jpeg");
	width: 72%;
	height: 200px;
	float: left;
	text-align: center;
}
.henjtitel {
	color: whitesmoke;
	padding-top: 20px;
	font-size: 30px;
	text-shadow: 0 0 3px black;
	font-weight: normal;
	
}
.muziekschooltitel {
	text-shadow: 0 0 3px black;
	color: whitesmoke;
	padding-top: 20px;
	font-weight: normal;
}
.muziekschooltitelGroot {
	font-size: 60px;
}
.muziekschooltitelHalfgroot {
	font-size: 40px;
}
/*HEADER-RECHTS+ 3 AFBEELDINGEN ERONDER*/
.saxofoonHoutdonker {
	background-image: url("../afbeeldingen/saxofoonHoutdonker.jpeg");
	width: 14%;
	height: 200px;
	background-size: contain;
	float: right;
}
.trompetOud {
	background-image: url("../afbeeldingen/trompetOud.png");
	width: 14%;
	height: 200px;
	background-size: cover;
	display: block;
	float: right;
}
.saxofoonHoutlicht {
	background-image: url("../afbeeldingen/saxofoonHoutlicht.jpeg");
	width: 14%;
	height: 200px;
	background-size: cover;
	float: right;
}
.trompetNieuw {
	background-image: url("../afbeeldingen/trompetNieuw.jpeg");
	width: 14%;
	height: 200px;
	background-size: contain;
	float: right;
}
/*NAVIGATIE*/
nav {
	width: 86%;
	float: left;
	height: 70px;
	background: #FFF;
	text-align: center;
}
nav ul li {
	display: inline-block;
	font-size: 25px;
	padding: 20px 15px 0 0;
}
nav ul li a:link {
	text-decoration: none;
	color:black;
}
nav ul li a:visited {
	text-decoration: none;
	color: black;
}
nav ul li a:active {
	text-decoration: none;
	color: white;
}
nav ul li a:hover {
	text-decoration: none;
	color: black;
	text-shadow: 2px 2px 2px #4C3E2FF2;
}
/*WITTE VELVETBAND*/
.velvetWit {
	width: 86%;
	height: 10px;
	background-image: url("../afbeeldingen/velvetwit.jpeg");
	float: left;
}
/*INHOUD*/
.inhoud {
	width: 86%;
	height: 520px;
	background:#FFF;
	float: left;
	padding: 30px;
	
}

.artikel {
	min-height: 440px;
	width: 100%;
	border-bottom: 1px solid black;
}
.welkomtitel {
	font-weight: 900;
	font-size: 40px;
	padding-bottom: 30px;
}
.onderpadding {
	padding-bottom: 4px;
}
.onderpaddingklein {
	padding-bottom: 2px;
}

a:link {
	text-decoration: underline;
	color: black;
}
a:visited {
	text-decoration: underline;
	color: black;
}
a:hover {
	text-decoration: underline;
	color: black;
	text-shadow: 2px 2px 4px #4C3E2FF2;
}
a:active {
	color: white;
	text-decoration: none;
}

/*QUOTE*/
.quote {
	text-align: right;
	font-size: 25px;
	font-style: italic;
	padding: 10px 10px 10px 0;
}
.quoteQuoter {
	font-style: normal;
}
.afbeeldingMuziekschool {
	padding-left: 10px;
/*VOET*/
}
.voet {
	background-image: url("../afbeeldingen/velvetzwart.jpeg");
	background-size: cover;
	width: 100%;
	height: 22px;
	float: left;
	text-align: center;
	color: white;
	padding-top: 5px;
}
/*INDEX*/
.welkomstevie {
	width: 100%;
	height: 440px;
	background-image: url("../afbeeldingen/milesdavis.jpeg");
	background-size: cover;
	border-bottom: 1px solid black;
	padding: 50px;
	
}
.welkomstevietitelgroot {
	color: black;
	font-size: 70px;
}
.welkomstevietitelklein {
	color: black;
	font-size: 30px;
}
.welkomstevietitelmiddel {
	color: black;
	font-size: 50px;
}
/*CONTACT*/
.adres {
	text-align: center;
}
table {
	width: 1000px;
}
.tdlinks {
	width: 120px;
}
.tdlinks2 {
	width: 330px;
}
input {
	background-image: url("../afbeeldingen/velvetwit2.jpeg");
	border: 1px solid black;
	padding: 1px;
}
textarea {
	background-image: url("../afbeeldingen/velvetwit2.jpeg");
	border: 1px solid black;
}
button {
	padding: 6px;
	border: 1px solid black;
	border-radius: 2px;
	background-image: url("../afbeeldingen/velvetzwart.jpeg");
	font-family: josefin;
	color: beige;
}
.gebouw {
	width: 320px;
	background: url("../afbeeldingen/muziekschool.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	border: 1px solid black;
	border-radius: 5px;
}
.maps {
	width: 360px;
	height: 270px;
	border: 1px solid black;
	border-radius: 5px;
}
/*INSCHRIJFFORMULIER*/
.tdformulierlinks {
	width: 250px;
	height: 20px;
}
select {
	background: url("../afbeeldingen/velvetwit2.jpeg");
	border: 1px solid black;
	padding: 1px;
}
/*SAXOFOONS*/
.linksmargin {
	margin-left: 20px;
}
/*HANNAH-JESSE*/
.imghannahofjesse {
	float: left;
	padding: 10px 50px 20px 10px;
}
.begin {
	padding: 10px 10px 0 0;
	font-size: 17px;
}
.verloop {
	font-size: 17px;
}
.hannahofjesse {
	display: inline-block;
	float: left;
	padding: 40px 40px 10px 40px;
	font-size: 70px;
}
/*LINKS*/
.links {
	font-size: 70px;
	padding-bottom: 20px;
}
.linksul {
	padding: 0 0 20px 30px;
}
/*SITEMAP*/
.sitemaponderpadding {
	padding-bottom: 15px;
}
.sitemapli {
	margin-left: 20px;
	padding-bottom: 5px;
}
a.sitemaplink:link {
	text-decoration: none;
	color: black;
	font-size: 20px;
}
a.sitemaplink:visited {
	text-decoration: none;
	color: black;
}
a.sitemaplink:hover {
	text-decoration: underline;
	color: black;
	text-shadow: 2px 2px 4px #4C3E2FF2;
}
a:active {
	color: white;
	text-decoration: none;
}