@font-face {
  font-family: "TGL0-1451Engschrift";
  src: url("../fonts/tgl.eot");
  src: url("../fonts/tgl.eot?#iefix") format("embedded-opentype"),
    url("../fonts/tgl.otf") format("opentype"),
	url('../fonts/tgl.ttf') format('truetype'),
    url("../fonts/tgl.svg") format("svg"),
    url("../fonts/tgl.woff") format("woff"),
    url("../fonts/tgl.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

html, body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
body {background: #B9E3F7 url('../images/bg1.png') repeat-x;}
img { border: 0px;}
form {padding:0; margin: 0;}
button a {text-decoration: none;}

.page {background: #DAF0FB url('../images/bg2.png') repeat-x; min-height: 600px; max-width: 1000px; margin: 0px auto; box-sizing: border-box;}
.page * {position: relative; z-index: 1;}
.page h2 {color: #0771A0; font-size: 30px; font-family: TGL0-1451Engschrift, Arial, sans-serif;}
.page h2, .page h3, .page p {text-align: center; padding: 10px;  line-height: 130%}
.page form {text-align: center;}
.page button {border: 0px none; background: #ccc; font-size: 22px; padding: 16px 40px; cursor: pointer; box-sizing: border-box; width: 250px;  font-family: TGL0-1451Engschrift, Arial, sans-serif;}
.page button.hi {background: #F5D800;}
.err {background-color: #fcd7d7;}

header {height: 200px;}
header .logo {float: left; margin-left: 371px;}
header .menu {margin: 0px; list-style-type:none; float: right; padding: 67px 130px 0 0;}
header .menu li {display: inline; padding: 0 40px;}
header .menu a {color: #0771A0; text-decoration: none;}

@media all and (max-width: 800px) {
	header .logo {text-align: center; float: none; margin: 0; width: 100%; display: block;}
	header .menu {float: none; padding-top: 0; width: 100%; text-align: center;}
}

.clouds {position: absolute; top: 0; left: 0; min-height: 800px; width: 100%; overflow: hidden;}
.clouds.lower {top: 800px;}
.cloud {width: 210px; height: 200px;  position: absolute; left: 50%; background-repeat: no-repeat;}
.cloud.c1{ margin-left: 385px; top: 30px; background-image: url('../images/cloud-l.png'); }
.cloud.c2{ margin-left: -615px; top: 100px; background-image: url('../images/cloud-m.png'); }
.cloud.c3{ margin-left: 475px; top: 500px; background-image: url('../images/cloud-s.png'); }
.cloud.c4{ margin-left: -576px; top: 420px; background-image: url('../images/cloud-2.png'); }

.page .content {padding-bottom: 80px;}
.content table, .content td, .content th { font-size: 12px;}
.content h1 { font-size: 50px; margin:0px; font-weight: bold; padding: 10px 0px;}
.content h2 { font-size: 36px; margin:0px; font-weight: bold; padding: 10px 0px;}
.content h3 { font-size: 26px; font-weight: normal;  margin: 6px 0px; padding: 0px;color: #0771A0;}
.content h4 { font-size: 22px; font-weight: bold; margin: 6px 0px; padding: 0px;}
.content h5 { font-size: 18px; font-weight: normal; font-style: italic; margin: 6px 0px; padding: 0px;}
.content h6 { font-size: 15px; font-weight: bold; margin: 3px 0px; padding: 0px;}
.content a {color: black;}

.row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 540px; margin: 0 auto;}
.wide .row {max-width: 760px;}
.col {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding: 6px;}
.col label { line-height: 28px;}
.col-1 {max-width: 8.3333%;}
.col-2 {max-width: 16.6666%;}
.r {text-align: right;}
.l, .col.l p {text-align: left;}
.c {text-align: center;}
.col input[type="text"], .col input[type="password"], .col select {width: 100%; border: 0px none; padding: 0px 4px; line-height: 28px; height: 28px; box-sizing: border-box;}

.youtube { overflow: hidden; position: relative; width:100%; margin-bottom: 80px;}
.youtube::after { padding-top: 56.25%; display: block; content: '';}
.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.tsterr {display: none; color: red; font-size: 120%;}

.admin-results .row:nth-child(even) {background-color: rgba(255,255,255,.6);}
.col table {width: 100%;}
.col table tr:nth-child(even) {background-color: rgba(255,255,255,.6);}
.resch .fa-check {color: green;}
.resch .fa-times {color: red;}
.admin-menu button { font-size: 14px; padding: 4px 10px; width: auto;}
.admin-menu button:hover {background: #F5D800;}
.admin-menu button a {text-decoration: none;}

footer {}
footer .artwork {background: url('../images/bottom.png') no-repeat top center; min-height: 600px; margin-top: -26px;}
footer .menu {background: #0081CA;}
footer .content { max-width: 1000px; margin: 0px auto;}
footer .content ul {list-style-type: none; padding: 40px 0px 40px 80px; margin: 0;}
footer .content a{ color: #98D4FC; text-decoration: none;}
footer .copyright {text-align: center; background: #0771A0; color: #002835; padding: 10px 0;}