@font-face {
  font-family: titel;
  src: url(../fonts/BebasNeue-Regular.otf);
}

@font-face {
font-family: body;
src: url(../fonts/Candara.ttf);
}




.w3-animate-fading {animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

.w4-animate-fading {animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w4-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:0;opacity:0} to{top:0;opacity:1}}
.w4-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w4-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w4-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w4-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w4-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}


a				{font-family: body; text-decoration:none;}
a:link			{font-family: body; color:#CC0000;}
a:visited		{font-family: body; color:#CC0000;}
a:hover			{font-family: body; color:#3d008b;}

a.speciaal {
            color: #FFFFFF; /* Witte tekstkleur */
            text-decoration: none; /* Geen onderstreping */
	}

a.speciaal:hover {
            color: <? echo $beige; ?>; /* Witte tekstkleur */
            text-decoration: none; /* Geen onderstreping */
	}



hr { height:1px; color:DDDDDD; }

.buttonNormal		{background-color: #3d008b;  color:#FFFFFF;  font-family: body; font-size:13px; font-weight:bold;}
.buttonOver  		{background-color: #b99571;  color:#FFFFFF; cursor:hand;  font-family:body; font-size:13px; font-weight:bold;}
.buttonDown  		{background-color: #3d008b;  color:#FFFFFF; cursor:hand;  font-family: body; font-size:13px; font-weight:bold;}
.buttonOut   		{background-color: #3d008b;  color:#FFFFFF; cursor:normal;  font-family: body; font-size:13px; font-weight:bold;}