/* --------------------------------------- */
/* Twiske Waterland GENERAL css */
/* --------------------------------------- */

.nav > li:nth-of-type(10)		{ margin-left: 24%; }

header 							{ background-image: url(/grfx/header/header17.jpg); }

header .logo {
	background: url(/grfx/logo_waterland-green.png) no-repeat 0px center;
	background-size: auto 90px;
	max-width: 252px;
	}



/* footer */
footer .logo,
#logo {
	/* background: url(/grfx/logo_waterland.png) no-repeat 0px 0px; */
	background-image: url(/grfx/logo_waterland.png);
	background-size: auto 70px;
	text-align: left;
	float: right;
	}

footer .logo a,
#logo a 						{ height: 70px;	}

.reviewlist h2 {
	background-image: url(/grfx/activiteiten-header-twiske.png);
	background-size: 300px 74px;
	height: 90px;
	}

.aanvraag-parkeerkaart {
    background-color: #6dc04e;
    width: 200px;
	text-align:center;
    padding: 20px;
	margin: 5px;
    color: white;
    float: right;
    height: 100px;
 	display: flex;
  	justify-content: center;
  	align-items: center;
    border-radius: 25px;
	font-size: large;
	word-break: break-word;
}	

.aanvraag-parkeerkaart:hover {
	background-color: #6cc04ee7;
}

.agendalist .item h3 { color:#fff; }

.intro-text {
    padding: 20px;
}



/* --------------------------------------- */
/* mediaqueries css */
/* --------------------------------------- */
@media only screen and (min-width: 1441px) {

	header							{ background-position: center 30%; }
	
}

@media only screen and (max-width: 1440px) {

	.nav > li:nth-of-type(10)		{ margin-left: 19%;}

}

@media only screen and (max-width: 1366px) {

	.nav > li:nth-of-type(10)		{ margin-left: 14%; }

}

@media only screen and (max-width: 1280px) {

	.nav > li:nth-of-type(10)		{   margin-left: 50px; }

	footer .logo					{ width: 346px; }

}

@media only screen and (max-width: 1152px) {

	.nav > li:nth-of-type(10)		{ margin-left: 10px; }

	.nav > li:last-of-type {
		float: none;
	}

	footer .logo					{ width: 304px; }

	.footermenu ul {
		-webkit-column-gap: 36px;
		-moz-column-gap: 36px;
		column-gap: 36px;
		}

}

@media only screen and (max-width: 1024px) {

	.nav > li:nth-of-type(10)		{ margin-left: 0px; }

	.nav > li:last-of-type 			{ margin-left: 25px; }

	footer .logo					{ width: 282px; }
}

@media only screen and (max-width: 960px) {

	footer .logo					{ width: 229px; background-size: 220px 60px; }

}

/* ==> breakpoint tablets */
@media only screen and (max-width: 800px) {

	header							{ background-image: url(/grfx/header/tablet/header17.jpg); background-position: center -126px; }

	.nav > li:nth-of-type(10)		{ margin-left: 0px; }

	footer .logo					{ float: none; margin: auto; }

}

@media only screen and (max-width: 480px) {

	header							{ background-image: url(/grfx/header/mobile/header17.jpg); background-position: center -44px; }

}

@media only screen and (max-width: 360px) {

	header							{ background-position: center -10px; }

}


/* print */
@media print {

	footer .logo					{ background: none; }

}