﻿/* 
-------------------------------------------------------------- */
body {font-family: Segoe UI, Arial, sans-serif; text-align:justify; font:size:10px;}
p {text-align: justify; font-size: 14px; }
cite {text-align: justify; font-size: 14px; font-weight: bold; color: navy; }
a        {color: white; text-decoration: none}
a:link   {color: white}
a:visited {color: white}
a:active {color: white}
a:hover  {color: white; text-decoration: underline}
p a        {color: navy; text-decoration: none}
p a:link   {color: navy}
p a:visited {color: navy}
p a:active {color: navy}
p a:hover  {color: navy; text-decoration: underline}
h1    {font-size: 30px; font-weight: bold; color: #191970; text-shadow: 0.5px 0.5px 1px gray; font-family: Copperplate, "Copperplate Gothic Light", sans-serif;}
h2    {font-size: 20px; font-weight: bold; color: #4682b4; text-align: center; }
h3    {font-size: 16px; font-weight: bold; color: #4682b4; text-align: center; }
table, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0px;
	padding: 0px;
  border-style: none;
  margin-left: auto; 
  margin-right: auto;
  border-spacing: 10px;}
ol, ul {list-style: none;}
img {border-width: 0px; margin: 10px}
.citat {font-style: italic; text-align: justify; color: cccccc; font-size: 12px;}
.red {color: red;}
.bigstrong {font-size: 20px; font-family: Segoe UI, Arial, sans-serif; font-style: bold;}
.bigbigstrong {font-size: 30x; font-family: Segoe UI, Arial, sans-serif; font-style: bold;}
.small  {font-size: 12px; font-family: Segoe UI, Arial, sans-serif; font-style: normal;}
.footer {position: fixed; left: 0; bottom: 0; width: 100%; height: 15px; background-color: #6699CC; color: white; text-align: center; font-size: 70%;}

input.button4 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button4:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button4:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}