@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;}
a:link			{font-family: body; color:#469729;}
a:visited		{font-family: body; color:#469729;}
a:hover			{font-family: body; color:#009de0;}

a.special		{font-family: body; text-decoration:none;}
a.special:link		{font-family: body; color:#469729;}
a.special:visited	{font-family: body; color:#469729;}
a.special:hover		{font-family: body; color:#009de0;}

a.contra		{font-family: body;}
a.contra:link		{font-family: body; color:#009de0;}
a.contra:visited	{font-family: body; color:#009de0;}
a.contra:hover		{font-family: body; color:#469729;}



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;}