html, body, .slide-animate-container, #slides, #slides .slide {
width: 100%;
height: 100%;
background: #92acad;
}
@font-face {
font-family: corbel;
src: url(fonts/corbel.ttf); /* IE9 */
}
@font-face {
font-family: corbelb;
src: url(fonts/corbelb.ttf); /* IE9 */
}
@font-face {
font-family: neulis_bold;
src: url(fonts/neulisb.ttf); /* IE9 */
}
@font-face {
font-family: neulis;
src: url(fonts/neulis.ttf); /* IE9 */
}


@keyframes fadeIn {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeOut {
0%   { opacity: 1; }
100% { opacity: 0; }
}
@keyframes moveIn {
0%   { top: 100%; opacity: 0; }
100% { top: 85%; opacity: 1; }
}
@keyframes moveFoto {
0%   { transform: translateX(0); }
100% { transform: translateX(-45%); }
}
@keyframes moveNews {
0%   { transform: translateY(0%); }
100% { transform: translateY(-50%); }
}

@keyframes moveWeer {
0%   { transform: translateY(0); height: 25%; opacity: 0; }
100% { transform: translateY(-45vh); height: 50%; opacity: 1; }
}



html {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #003047;
	font-family: neulis, Arial, Sans-Serif;
	font-size: 1.25vw; /* 480 px breed */
	text-rendering: geometricPrecision;
	line-height: 100%;
	overflow: hidden;
}


p {	 font-size: 1.25vw; font-style: normal;	font-variant: normal; font-weight: normal; margin: 0; padding: 0;}
h1 { font-family: neulis_bold, Arial, Sans-Serif; font-size: 1.25vw; font-style: normal; font-variant: normal; font-weight: normal; margin: 0; padding: 0; }
h2 { font-family: neulis_bold, Arial, Sans-Serif;font-size: 1.25vw; font-style: normal; font-variant: normal; font-weight: normal; margin: 0; padding: 0; }
h3 { font-size: 1.25vw; font-style: normal; font-variant: normal; font-weight: normal; margin: 0; padding: 0; }
h4 { font-size: 1.25vw; font-style: normal; font-variant: normal; font-weight: normal; margin: 0; padding: 0; }
h5 { font-size: 1.25vw; font-style: normal; font-variant: normal; font-weight: normal; margin: 0; padding: 0; }
ul { margin: 0; padding: 0; }
pre { font-family: neulis, Arial, Sans-Serif; font-size: 1.25vw; font-style: normal;	font-variant: normal; font-weight: normal; margin: 0; padding: 0;}


.align { 
	display: table-cell; 
	vertical-align: middle; 
}

p {
	font-family: neulis, sans-serif;
	color: #003047;
}





/* achtergrond foto */
#foto {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: radial-gradient(circle, rgba(255,220,79,1) 0%, rgba(254,177,3,1) 100%);
	
}
#foto img {
	width: 100%;
	height: 100%;
}




#atlant_slide.white {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#atlant_slide.white {
	background: #fff;
}
#atlant_slide.yellow {
	background: #feb103;
}


/* gradient fade */
#fade {
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}
#atlant_slide.left #fade {
left: auto;
right: 0;
background: linear-gradient(270deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);	
}
/* block with header & subheader */
#block {
	position: absolute;
	left: 0;
	bottom: 15vh;
	width: 55vw;
	height: auto;
	padding: 5%;
	background: #fff;
}
#block h1 {
	font-size: 5vw;
	margin: 0 0 2%;
	color: #000;
}
#block h2 {
	font-size: 2.5vw;
	color: #feb103;
}

.yellow #block {
	background: #feb103;
}
.yellow #block h1, .yellow #block h2 {
	color: #fff;
}


.footer #block, .logo #block {
	bottom: 20vh;
}
.footer.logo #block {
	bottom: 40vh;
}

#logo {
	position: absolute;
	bottom: 5vh;
	left: 2.25vw;
	width: 20vw;
	height: 13vh;
	padding: 0;
	background: none;
	background-image: url(images/logo.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: 9999;
	}
.footer #logo {
	bottom: 15vh;
}
#atlant_slide.left #logo {
left: auto;
right: 2.25vw;
}
#atlant_slide.bottom #logo {
left: auto;
bottom: auto;
top: 5vh;
right: 2.25vw;
}

/* footer opbouwen */
#footer {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 10vh;
	background: #fba927;
	color: #003047;
	padding: 1vh 0;
	}
#footer span {
	display: block;
	margin: 2.25vw;
	font-size: 200%;
}





/* header */
#header {
	position: absolute;
	top: 5%;
	left: 3%;
	width: 40%;
	height: auto;
	opacity: 0;
	/* animation */
	animation: fadeIn;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
#header h1 {
	color: #edf5db;
	font-size: 5vw;
	line-height: 100%;
	text-shadow: none;
	padding: 0;
	margin: 2% 0;
	display: block;
	font-family: neulis_bold;
}
#atlant_slide.left #header {
left: auto;
right: 3%;
text-align: right;
}


/* witte tekst vlak */
#tekst {
	position: absolute;
	top: 50vh;
	left: auto;
	right: 5vw;
	width: 35vw;
	min-height: auto;
	height: auto;
	padding: 5%;
	background-color: #edf5db;
	color: #003047;
	border-bottom: none;
	border-radius: 1vw;				
	opacity: 0;
	animation: fadeIn;
	animation-delay: 2s;
	animation-duration: 1s;
		animation-fill-mode: forwards;
}

#atlant_slide.left #tekst {
left: 5vw;
right: auto;
}
#atlant_slide.bottom #tekst {
width: 56vw;
left: 17vw;
bottom: 5vh;
top: auto !important;
margin: 0 !important;
}

#tekst h2.subheader {
	color: #003047;
	font-size: 4vw;
	line-height: 100%;
	padding: 0;
	margin: 0 0 5%;
}
#tekst .para p {
	font-size: 2vw;
	margin: 0 0 2%;
}
#tekst .para h1 {
	font-size: 3vw;
	font-weight: bold;
	margin: 0 0 2%;
}
#tekst .para h2 {
	font-size: 2.5vw;
	font-weight: bold;
	margin: 0 0 2%;
}
#tekst .para h3 {
	font-size: 2.25vw;
	font-weight: bold;
	margin: 0 0 2%;
}
#tekst .para h4 {
	font-size: 2vw;
	font-weight: bold;
	margin: 0 0 2%;
}
#tekst .para a {
	color: #feb103;
	text-decoration: none;
}
#tekst .para ul {
	line-height: 120%;
	margin: 0 5%;
	padding: 0;
	
}


.yellow #tekst {
	background: #feb103;
}
.yellow #tekst h2.subheader,
.yellow #tekst .para p,
.yellow #tekst .para h1,
.yellow #tekst .para h2,
.yellow #tekst .para h3,
.yellow #tekst .para h4,
.yellow #tekst .para ul {
	color: #003047;
} 
.yellow #tekst .para a {
	color: #003047;
}




/* dagrooster sjabloon */
#dagrooster {
	width: 96vw;
	height: 80vh;
	padding: 13vh 2vw;
	background: radial-gradient(circle, rgba(255,220,79,1) 0%, rgba(254,177,3,1) 100%);
}
#dagrooster .header {
	position: absolute;
	top: 2.5vh;
	left: 2vw;
	width: 96vw;
	height: auto;
	color: #003047;
}
#dagrooster .header h1 {
	font-family: neulis_bold, sans-serif;
	font-weight: bold;
	font-size: 3vw;
	text-align: center;
}
#dagrooster table {
	background: #fff;
	color: #003047;
	width: 40vw;
	height: auto;
	float: left;
	margin: 0 4vw 4vw;
	border-radius: 1vw;
	font-size: 2vw;
}
#dagrooster table.table_dag {
	background: #edf5db;
}
#dagrooster table.table_avond {
	background: #b8d9d9;
}
#dagrooster table.table_nacht {
	background: #7a9e9e;
	color: #edf5db;
}
#dagrooster table.small {
	width: 28vw;
	margin: 0 2vw;
	font-size: 1.5vw;
}

#dagrooster td, #dagrooster th {
	padding: 4% 5%;
	vertical-align: middle;
	border-bottom: 0.1vw solid #003047;
	line-height: 90%;
}

#dagrooster .long td, #dagrooster .long th {
	padding: 3% 5%;
}

#dagrooster table.small td {
	padding: 6% 5%
}
#dagrooster table.small.long td {
	padding: 5%
}
#dagrooster tr:nth-child(2) td {
	border-top: 0.1vw solid #003047;
}
#dagrooster tr th {
	border: none;
	vertical-align: top;
}

#dagrooster tr:last-child td {
	border: none;
}
#dagrooster td:nth-child(1) {
	font-weight: bold;
	width: 50%;
}
#dagrooster h3 {
	font-size: 2.5vw;
	font-family: neulis_bold, sans-serif;
	font-weight: bold;
	text-align: left;
}
#dagrooster table.small h3 {
	font-size: 2vw;
}




/* weekplanning sjabloon */
#weekplanning {
	width: 98vw;
	height: 85vh;
	padding: 13vh 1vw;
	background: radial-gradient(circle, rgba(255,220,79,1) 0%, rgba(254,177,3,1) 100%);
}
#weekplanning .header {
	position: absolute;
	top: 2.5vh;
	left: 2vw;
	width: 96vw;
	height: auto;
	color: #003047;
}
#weekplanning .header h1 {
	font-family: neulis_bold, sans-serif;
	font-weight: bold;
	font-size: 3vw;
	text-align: center;
}
#weekplanning table {
	width: 100%;
	height: 100%;
	
}

#weekplanning table td {
	vertical-align: top;
	width: 12%;
	border-right: 0.1vw solid #003047;
}
#weekplanning table td:first-child {
	vertical-align: middle;
	width: 16%;
	height: 50%;
	font-family: neulis_bold, sans-serif;
	font-weight: bold;
	font-size: 2vw;
	padding: 1%;
	
}
#weekplanning table td:last-child {
	border-right: none;
}
#weekplanning table td li {
	list-style: none;
	margin: 5% 5%;
	padding: 5%;
	background-color: #92acad;
	border-radius: 0.5vw;
}
#weekplanning tr.dag {
	background: #edf5db;
}
#weekplanning tr.dag li {
background-color: #b8d9d9;
color: #003047;
}
#weekplanning tr.avond {
	background: #b8d9d9;
}
#weekplanning tr.avond li {
background-color: #516889;
color: #edf5db;
}



#weekplanning table tr:first-child td:first-child {
border-radius: 1vw 0 0 0;
}
#weekplanning table tr:last-child td:first-child {
border-radius: 0 0 0 1vw;
}
#weekplanning table tr:first-child td:last-child {
border-radius: 0 1vw 0 0;
}
#weekplanning table tr:last-child td:last-child {
border-radius: 0 0 1vw 0;
}
/* nieuws sjabloon */
#nu, #he_nu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	background-color: #ddd; 
}
#nu .item, #he_nu .item {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: #fff;
	opacity: 0;

	animation: fadeIn;
	animation-duration: 1s;
		animation-fill-mode: forwards;
}
#nu .item .foto, #he_nu .item .foto {
	width: 100vw;
	height: 100vh;
}

#nu .item .title, #he_nu .item .title {
	position: absolute;
	bottom: 19%;
	left: 2vw;
	width: 55%;
	opacity: 0;

	animation: fadeIn;
	animation-duration: 1s;
	animation-delay: 2s;
		animation-fill-mode: forwards;	
}
#nu .item h1, #he_nu .item h1 {
	font-family: corbelb, Arial, sans-serif;
	font-size: 175%;
	line-height: 120%;
	height: auto;
	padding: 0;
	margin: 0 2vw;
	color: #fff;
	display: block;
}
#nu .item .title span, #he_nu .item .title span {
	box-shadow: 0 0 0 1.4vw #feb103; /* Tune line "padding" here */
	background-color: #feb103;
	line-height: 2.4; /* Tune line "margin" here */
}

#nu li.item:nth-child(1), #he_nu li.item:nth-child(1) {
	animation-delay: 0s;
}
#nu li.item:nth-child(2), #he_nu li.item:nth-child(2) {
	animation-delay: 15s;
}
#nu li.item:nth-child(3), #he_nu li.item:nth-child(3) {
	animation-delay: 30s;
}
#nu li.item:nth-child(4), #he_nu li.item:nth-child(4) {
	animation-delay: 45s;
}
#nu li.item:nth-child(5), #he_nu li.item:nth-child(5) {
	animation-delay: 60s;
}
#nu li.item:nth-child(1n+4), #he_nu li.item:nth-child(1n+4) {
	display: none;
}
#nu .nulogo, #he_nu .nulogo {
	position: absolute;
	top: 2vw;
	right: 2vw;
	width: 6vw;
	height: 6vw;
	
}
#nu .nulogo img, #he_nu .nulogo img {
	width: 100%;
}




/* regionaal nieuws sjaboon */
#regionieuws {
	width: 100vw;
	height: 100vh;
	background: #feb103;

}
#regionieuws #foto.foto-animate {
	animation: none;
}
#regionieuws #header {
	z-index: 1;
	transform: rotate(270deg);
	width: 90vh;
	transform-origin: left;
	top: 90%;
	left: 4%;
}
#regionieuws #header h1 {
font-family: neulis_bold, corbelb, Arial, Helvetica, sans-serif;
color: #033047;
}

#regionieuws #footer {
	background: none;
}

#regio {
	position: absolute;
	top: 0;
	left: 35%;
	width: 65%;
	height: 100%;
	padding: 0;
	background: #fff;
	display: table;
}
#bron {
	position: absolute;
	top: 3%;
	right: 3%;
	width: 60%;
	color: #999;
	text-align: right;
}
#regio li {
	float:left;
	list-style: none;
	width: 80%;
	margin: 4% 10% 0;
	padding: 0 0 4%;
	opacity: 0;
	/* animation */
	animation: fadeIn;
	animation-duration: 1s;
		animation-fill-mode: forwards;
}	
#regio h1 {
	font-size: 200%;
	line-height: 100%;
	margin: 0 0 1%;
}
#regio p {
	font-size: 150%;
	line-height: 120%;
	margin: 0;
}
#regio p strong {
font-weight: normal;
}
#regio img {
	display: block;
	float: right;
	width: 10vw;
	margin: 0 0 0 1%;
}
#regio a {
	color: #000;
}
#regio li:nth-child(1) {
	border-bottom: 1px solid #feb103;
	animation-delay: 0.5s;
}
#regio li:nth-child(2) {
	border-bottom: none;
	animation-delay: 0.75s;
}

#regionieuws #logo {
display: none;
}


#intranet {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	padding: 0;
	background: radial-gradient(circle, rgba(255,220,79,1) 0%, rgba(254,177,3,1) 100%);
	display: table;
}
#intranet li {
	position: relative;
	float:left;
	list-style: none;
	width: 40vw;
	min-height: 36vh;
	margin: 3vh 3vw;
	padding: 2vw;
	background: #fff;
	border-radius: 1vw;
	opacity: 0;
	/* animation */
	animation: fadeIn;
	animation-duration: 1s;
		animation-fill-mode: forwards;
}
#intranet li:nth-child(1) {
	animation-delay: 0.5s;
}
#intranet li:nth-child(2) {
	animation-delay: 0.75s;
}
#intranet li:nth-child(3) {
	animation-delay: 1s;
}
#intranet li:nth-child(4) {
	animation-delay: 1.25s;
}
#intranet li:nth-child(2), #intranet li:nth-child(3) {
	float: right;
}	
#intranet h1 {
	font-size: 175%;
	line-height: 100%;
	margin: 0 0 1%;
}
#intranet span {
	text-transform: uppercase;
	position: absolute;
	bottom: 2vw;
	right: 2vw;
}

#intranet p.content {
	margin: 0 0 2%;
}
#intranet p.content p {
	font-size: 100%;
	line-height: 120%;
}
#intranet p.content figure {
	display: none;
}
#intranet p.content img {
	float: left;
	width: 14vw !important;
	height: auto !important;
	margin: 0 2vw 2vw 0;
}
#intranet p.content a {
	color: #000;
	font-weight: bold;
}
#intranet p.content p:nth-child(n + 3), #intranet p.content h2, #intranet p.content ol, #intranet p.content ul {
	display: none;
}

#regionieuws #foto {
position: fixed;
}
#regionieuws .website {
position: absolute;
top: 0;
left: 0;
width: 95vw;
height: auto;
padding: 20vh 0 20vh 5vw;
background: #feb003;
display: table;
}

#regionieuws .website .align {
animation: moveNews 12s forwards 3s linear;
}
#regionieuws .website li {
position: relative;
float:left;
list-style: none;
width: 35vw;
min-height: 36vh;
margin: 3vh 2vw 3vh 5vw;
padding: 2vw 3vw 3vw 2vw;
background: #fff;
border-radius: 0 0 10vw 0;
opacity: 0;
/* animation */
animation: fadeIn;
animation-duration: 1s;
animation-fill-mode: forwards;
}
#regionieuws .website li:nth-child(1) {
animation-delay: 0.5s;
}
#regionieuws .website li:nth-child(2) {
animation-delay: 0.75s;
}
#regionieuws .website li:nth-child(3) {
animation-delay: 1s;
}
#regionieuws .website li:nth-child(4) {
animation-delay: 1.25s;
}
#regionieuws .website li:nth-child(2), #intranet li:nth-child(3) {
float: right;
}	
#regionieuws .website h1 {
font-size: 175%;
line-height: 100%;
margin: 0 0 1%;
color: #033047;
font-family: neulis_bold, corbelb, Arial, Helvetica, sans-serif;
}
#regionieuws .website p {
font-size: 125%;
color: #033047;
}



#regionieuws.zorgvoorbeter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	padding: 0;
	background: #58afab;
	display: table;
}
#regionieuws.zorgvoorbeter #header h1 {
	font-size: 4vw;
}
.zorgvoorbeter li h1 {
	color: #58afab;
}
.zorgvoorbeter #regio li:nth-child(1) {
	border-bottom: 1px solid #58afab;
	animation-delay: 0.5s;
}
#regionieuws.zorgvoorbeter span {
	float: right;
}
/*
#zorgvoorbeter #header {
	position: absolute;
	top: 0;
	left: 25vw;
	width: 50vw;
	color: #fff;
}
#zorgvoorbeter li {
	float:left;
	list-style: none;
	width: 60vw;
	margin: 1vw 17vw 0;
	padding: 3vw;
	background: #fff;
	opacity: 0;
	animation: fadeIn;
	animation-duration: 1s;
		animation-fill-mode: forwards;
}
#zorgvoorbeter li:nth-child(1) {
	animation-delay: 0.5s;
	margin-top: 7vw;
}
#zorgvoorbeter li:nth-child(2) {
	animation-delay: 0.75s;
}
#zorgvoorbeter li h1 {
	font-size: 2.5vw;
	margin: 0 0 2vw;
	color: #58afab;
}
#zorgvoorbeter li p {
	font-size: 1.75vw;
}
#zorgvoorbeter li p img {
	float: left;
	width: 12vw;
	margin: 0 3vw 0 0;
}
*/



/* agenda sjabloon */
#agenda {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, rgba(255,220,79,1) 0%, rgba(254,177,3,1) 100%);
}
#agenda #header {
	width: 94%;
	top: 0;
}
#agenda #header h1 {
	text-align: center;
	color: #003047;
	font-size: 3vw;
}
#agenda #footer {
	background: none;
}
#agenda #items {
	position: absolute;
	top: 12%;
	left: 5%;
	width: 90%;
	height: auto;
	display: table;
	}
#agenda .item {
	float: left;
	width: 49%;
	height: 24vh;
	background: #fff;
	color: #003047;
	border-top: none;

	margin: 0.5%;
	border-radius: 1vw;
	overflow: hidden;
	}
#agenda .item:nth-child(2n) {
	float:right;
}
#agenda .item:nth-child(2) {
margin-top: 5%
}
#agenda .item:nth-child(1), #agenda .item:nth-child(4) {
background: #fff;
}	
#agenda .item:nth-child(2), #agenda .item:nth-child(5) {
	background: #edf5db;
}
#agenda .item:nth-child(3), #agenda .item:nth-child(6) {
	background: #92acad;
}
#agenda #items li {
	list-style: none;
	margin: 0;
	padding: 2% 2%;
	vertical-align: top;
	display: inline-block;
	}
#agenda #items li:nth-child(3n + 1) {
	width: 10%;
	font-size: 130%;
	text-align: center;
	font-family: neulis_bold, sans-serif;
font-weight: bold;
	} 
#agenda #items li:nth-child(3n + 1) .enddate {
	line-height: 100%;	
} 
#agenda #items li:nth-child(3n + 2) {
	width: 80%;
	} 
#agenda #items li:nth-child(3n + 2) h1 {
	font-size: 130%;
	line-height: 100%;
	font-family: neulis_bold, sans-serif;
	font-weight: bold;
	margin: 0 0 2%;
	} 	
#agenda #items li:nth-child(3n + 2) span {
	font-size: 100%;
	} 	
#agenda #items li:nth-child(3n + 2) small {
	font-size: 80%;
	} 	
#agenda #items li:nth-child(3n) {
	width: 20%;	
} 
#agenda .item:nth-child(1) {
	animation-delay: 1s;
}
#agenda .item:nth-child(2) {
	animation-delay: 1.3s;
}
#agenda .item:nth-child(3) {
	animation-delay: 1.6s;
}
#agenda .item:nth-child(4) {
	animation-delay: 1.9s;
}
#agenda .item:nth-child(5) {
	animation-delay: 2.1s;
}
#agenda .item:nth-child(6) {
	animation-delay: 2.4s;
}
#agenda .item:nth-child(n+7) {
	display: none; 
	}






#voorspelling td {
	color: #fff !important;
}
#voorspelling td:nth-child(1), #voorspelling tr:nth-child(1) td {
	color: #feb103 !important;
}
#vandaag h1 {
	margin-top: 3vw;
}



#forecast li:first-child {
	font-family: corbelb, Arial, Sans-Serif; 
	color: #feb103 !important;
}


#verjaardagen #items {
	transform: none !important;
}