/* CSS Document */



#adresbalk {
		position: inherit;
		background-color: #FFFFFF;
		font-family: Verdana, Arial;
		font-size: 80%;
		height: 32px;
		margin-left:10%;
		vertical-align: middle;
		}

#bovenbalk {
		position: absolute;
		border-top: solid 1px #000000;
		background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));
		width: 100%;
		height: 120px;
		z-index: 16;
}

/**
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
**/


#banner {
	positon: inherit;
	color: #fff;
	font-weight: normal;
	font-size: 8pt;
	font-family: Arial, Verdana;
	background-image:  url(../banner/banner2.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
	animation-name: achtergrondchange;
    animation-duration: 0s;
	animation-iteration-count: infinite;
	width:100%;
	height:420px;
}

#achtergrondvervaag {
		background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
		width: 100%;
		height: 120px;
		position: absolute;
		margin: -120px 0px;
		z-index:18;
}

#menu {
		background-color: #464646;
		text-align: center;
		vertical-align: middle;
		width: 820px;
		position: absolute;
		margin: -140px 10%;
		height:46px;
		opacity: 0.97;
		z-index: 20;
		box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}

#koptekst{
		position: absolute;
		margin: -94px 10%;
		background-color: #e3dfdf;
		background: linear-gradient(to bottom, rgba(255,255,255,1),rgba(254,254,254,1));
		width: 850px;
		border-radius: 5px 5px 0px 0px;
		height: 149px;
		z-index:19;
		box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}

#tekstvak {
		position: inherit;
		background-color: #FFFFFF;
		width: 850px;
		margin: 60px 10%;
		z-index:1;
		box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}

#afsluiting {
	background-color: #FFFFFF;
	position: inherit;
	margin: -60px 10%;
	width: 850px;
	height: 160px;
	border-top: solid 1px; 
	border-radius: 0px 0px 0px 0px;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
}

/*tekst*/


.tekst {
	font-family: Verdana, Arial;
	font-size: 80%;
	padding: 15px 15px 15px 15px;
	vertical-align:middle;
	margin: 4px 4px 4px 4px;
	width: 97%;
}	

.tekst2 {
	font-family: Verdana, Arial;
	font-size: 90%;
	padding: 10px 0px 0px 10px;
	left: 17px;
}

img.nieuws { 
margin: 10px 10px 10px 10px;  
clear: left; 
}

img.linkerbanner { 
margin: 0px 10px 10px 100px;  
clear: left; 
}

img.left { 
float: left; 
margin: 0px 10px 10px 10px; 
border: 1px solid #999; 
clear: left; 
}

img.right { 
float: right; 
margin: 0px 10px 0px 10px; 
border: 1px solid #999; 
clear: right; 
}


.linktekst {
		color: #0000FF; 
		font-size: 80%; 
		font-family: Verdana, Arial; 
		padding: 10px 0px 0px 0px;
		text-align: center;
		left:10%;
}


.home {
	background-color:#CC6633;
	text-shadow: FFFFFF;
}

.diktekst    { 
		color: #000; 
		font-size: 9pt; 
		font-family: Verdana, Arial; 
		font-weight: bold; 
		line-height: 17px; 
		letter-spacing: 0; 
}

.koptekst    { 
		color: #000000; 
		font-size: 80%; 
		font-family: Verdana, Arial; 
		padding: 10px 0px 0px 0px;
		text-align: center;	
}

.eindtekst {
		color: #000000; 
		font-size: 65%; 
		font-family:  Calibri; 
		padding: 10px 0px 0px 0px;
		text-align: center;
}

.linkerbanner {
	font-family: Verdana, Arial;
	font-size: 180%;
	margin-left: 100px;
	padding: -15px 0px 0px 10px;
	left: 17px;
	top: -160px;
}
	
.rechterbanner {
	font-size: 180%;
	margin-left: 120px;
	padding-top: 5px;
	position: absolute;
	padding-left: 110px;
	left: -15px;
	top: 51px;
}

@keyframes achtergrondchange {
    from {background-image: url(banner/banner.jpg);}
    to {background-image: url(banner/banner2.jpg);}
}


.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}