:target::before {
	margin: -110px 0px 0px; height: 110px; display: block; content: "";
}
#preview span {
	background: red; left: 0px; width: 100%; text-align: center; bottom: 0px; display: block; position: absolute;
}
#preview {
	margin: 0px; padding: 20px; left: -120px; top: -120px; width: 200px; height: 200px; color: white; font-size: 200%; font-weight: bold; position: fixed; z-index: 999; transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
body {
	font: 0.8em/normal Verdana, Tahoma, Verdana, Arial, sans-serif; margin: 0px; padding: 0px; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal; background-color: rgb(0, 51, 102);
}
.hidden {
	display: none;
}
#container {
	margin-right: auto; margin-left: auto; min-width: 500px; max-width: 900px;
}
.mail #container {
	margin: 0px; padding: 20px; width: auto; max-width: none;
}
h1 {
	color: rgb(126, 170, 255);
}
h2 {
	color: rgb(126, 170, 255);
}
h3 {
	color: rgb(126, 170, 255);
}
h4 {
	color: rgb(126, 170, 255);
}
h5 {
	color: rgb(126, 170, 255);
}
h6 {
	color: rgb(126, 170, 255);
}
h1 {
	font-size: 175%; font-weight: bold;
}
h2 {
	font-size: 150%; font-weight: bold;
}
h3 {
	font-size: 120%; font-weight: bold;
}
h4 {
	font-size: 100%; font-weight: normal;
}
h5 {
	font-size: 100%; font-weight: bold;
}
h6 {
	font-size: 100%; font-weight: bold;
}
em.image {
	color: rgb(126, 170, 255); line-height: 1.2em; padding-top: 4px; font-size: 90%; font-style: normal; display: block;
}
em.image::before {
	clear: both;
}
header {
	margin: 0px; display: block;
}
header.main {
	width: 900px; position: fixed; z-index: 2; background-color: rgb(0, 51, 102);
}
header.main #logo {
	float: left; display: block;
}
header.main #siilo {
	padding-top: 17px; float: right; display: block;
}
header.main nav {
	text-align: left; clear: both;
}
.mail header.main {
	text-align: left;
}
#logo img {
	padding-top: 10px;
}
article {
	padding-top: 130px;
}
#content {
	padding-top: 130px;
}
article header {
	margin: 1em 0px; display: block;
}
article header h1 {
	margin: 0px; text-align: center;
}
article header h2 {
	margin: 0px; text-align: center;
}
article header h3 {
	margin: 0px; text-align: center;
}
article header h4 {
	margin: 0px; text-align: center;
}
article header h5 {
	margin: 0px; text-align: center;
}
article header h6 {
	margin: 0px; text-align: center;
}
.mail article header h1 {
	text-align: left;
}
.mail article header h2 {
	text-align: left;
}
hgroup {
	margin: 1em 0px; display: block;
}
footer {
	color: rgb(170, 170, 170); font-size: 90%;
}
footer a {
	
}
footer p {
	margin: 0px; padding: 0px;
}
footer li {
	margin-bottom: 4px;
}
nav#intern {
	border: currentColor; border-image: none; width: 350px; margin-right: 20px; float: left;
}
nav#intern > ul > li > a {
	font-weight: bold;
}
nav#intern ul ul {
	padding-left: 1em;
}
nav#intern a {
	font-weight: normal; text-decoration: none;
}
a {
	color: rgb(126, 170, 255); text-decoration: none;
}
a img {
	border: currentColor; border-image: none;
}
a:active img {
	border: currentColor; border-image: none; opacity: 1;
}
a:active {
	border: currentColor; border-image: none; opacity: 1;
}
a:hover a:hover img {
	border: currentColor; border-image: none; opacity: 1;
}
img:hover {
	border: currentColor; border-image: none; opacity: 1;
}
img:active {
	border: currentColor; border-image: none; opacity: 1;
}
nav ul {
	list-style: none; margin: 0px; padding: 0px; z-index: 99;
}
nav.main {
	border-bottom-color: rgb(110, 154, 239); border-bottom-width: 1px; border-bottom-style: solid;
}
nav.bottom {
	border-top-color: rgb(110, 154, 239); border-top-width: 1px; border-top-style: solid;
}
nav.top form {
	background: white; border-radius: 2em; border: 2px solid rgb(110, 154, 239); border-image: none; margin-top: 20px; float: right; display: inline;
}
nav.top form .submit {
	color: rgb(0, 51, 102); font-family: FontAwesome; margin-right: 0.5em; display: inline;
}
nav.top form input {
	background: none; border: 0px currentColor; border-image: none; font-size: 1em; margin-left: 0.5em; display: inline;
}
nav.main a {
	color: rgb(110, 154, 239); text-decoration: none;
}
nav.main a.select {
	color: white; text-decoration: none;
}
nav.main ul {
	width: 100%; font-weight: bold;
}
nav.main ul::after {
	height: 0px; clear: left; display: block; visibility: hidden; content: ".";
}
nav.main ul li {
	float: left; display: block; position: relative;
}
nav.bottom ul li {
	float: left; display: block; position: relative;
}
nav.main ul li.nop {
	float: right;
}
nav.main li ul {
	display: none;
}
nav.main ul li a {
	padding: 5px 4px; display: block;
}
nav.bottom ul li a {
	padding: 5px 4px; display: block;
}
nav.main ul li a:hover {
	color: white;
}
nav.bottom ul li a:hover {
	color: white;
}
nav.main li:hover > ul {
	margin: 0px; padding: 0px; width: 25em; font-weight: normal; display: block; position: absolute; box-shadow: 5px 10px 10px 5px rgba(0,0,0,0.8); -webkit-box-shadow: 5px 10px 10px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 5px 10px 10px 5px rgba(0, 0, 0, 0.8);
}
nav.main li li:hover ul {
	margin: 0px; padding: 0px; border-radius: 10px; left: 100%; top: 1px; width: 25em; display: block; position: absolute; box-shadow: 5px 10px 10px 5px rgba(0,0,0,0.8); -webkit-box-shadow: 5px 10px 10px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 5px 10px 10px 5px rgba(0, 0, 0, 0.8);
}
nav.main li:hover li {
	width: 25em; clear: left; margin-top: -1px;
}
nav.main li:hover a {
	background: rgb(0, 51, 102);
}
nav.main ul ul ul {
	margin-left: 10px;
}
nav.articles {
	
}
xnav.top {
	float: right;
}
xnav.top ul li {
	float: left; display: block; position: relative;
}
xnav.top ul li {
	padding-left: 5px; float: left; display: block; position: relative;
}
.intro {
	margin-top: 1em;
}
li.article {
	clear: both; margin-bottom: 10px;
}
li.article p {
	margin-left: 210px;
}
li.article h3 {
	margin-left: 210px;
}
li.article img {
	padding-right: 10px; padding-bottom: 10px; float: left;
}
li.article::after {
	height: 0px; clear: left; display: block; visibility: hidden; content: ".";
}
.cblok {
	clear: both;
}
.cblok h2 {
	padding-left: 15px; margin-left: 460px;
}
.mail .cblok h2 {
	padding-left: 15px; margin-left: 0px;
}
.dblok {
	background: white; padding: 15px; color: rgb(51, 51, 51); margin-bottom: 15px; margin-left: 460px;
}
.mail .dblok {
	width: 400px; margin-left: 0px;
}
.mail .hblok {
	width: 400px; margin-left: 0px;
}
.mail h2 {
	margin-left: 0px;
}
.hblok {
	padding: 0px 15px; text-align: right; margin-top: 15px; margin-bottom: 15px; margin-left: 460px;
}
.hblok h1 {
	padding-top: 0px; margin-top: 0px;
}
.hblok ul {
	font-weight: bold; list-style-type: none;
}
.hblok a {
	text-decoration: none;
}
.dblok h3 {
	margin-top: 0px;
}
.dblok p {
	hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;
}
.dblok > a {
	display: block;
}
div.images {
	width: 440px; line-height: 0; margin-bottom: 10px; float: left; position: relative;
}
.mail div.images {
	float: none;
}
div.images ul {
	list-style: none; margin: 0px; padding: 0px; left: 0px; top: 0px; position: relative;
}
div.zoom ul {
	margin: 0px; padding: 0px;
}
div.images ul li {
	display: none;
}
div.zoom ul li {
	display: none;
}
div.images ul li.first {
	display: block;
}
div.zoom ul li.first {
	display: block;
}
div.zoomscrollcontrols {
	top: 0.3em; right: 0.3em; line-height: 0.8em; font-size: 175%; font-weight: bold; position: absolute; z-index: 15; text-shadow: 2px 2px 2px #000;
}
div.zoomcontrols {
	left: 0.3em; top: 0.3em; line-height: 0.8em; font-size: 175%; font-weight: bold; position: absolute; z-index: 15; text-shadow: 2px 2px 2px #000;
}
div.zoomcontrols a {
	color: white; font-weight: bold; text-decoration: none;
}
div.zoomscrollcontrols a {
	color: white; font-weight: bold; text-decoration: none;
}
.mail div.zoomcontrols {
	display: none;
}
.mail div.zoomscrollcontrols a {
	display: none;
}
div.zoom {
	display: none;
}
div.scrollcontrols {
	top: 0.3em; right: 0.3em; line-height: 0.8em; font-size: 200%; font-weight: bold; position: absolute; z-index: 15; text-shadow: 2px 2px 2px #000;
}
.bblok {
	clear: both;
}
.bblok::after {
	height: 0px; clear: left; display: block; visibility: hidden; content: ".";
}
#index {
	margin: 0px; padding: 0px; list-style-type: none; column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -webkit-column-count: 2;
}
#index > li {
	break-inside: avoid; -moz-break-inside: avoid; -ms-break-inside: avoid; -webkit-break-inside: avoid;
}
#index ul {
	width: 100%; display: inline-block; list-style-type: none;
}
#index h2 {
	font-size: 1em; display: inline;
}
#index a {
	color: rgb(255, 255, 255); font-weight: normal; text-decoration: none; cursor: pointer;
}
#index a:hover {
	text-decoration: underline;
}
.spots {
	clear: both; margin-bottom: 20px;
}
.clearfix::after {
	height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";
}
.spots article {
	padding: 10px 10px 5px; width: 25%; overflow: hidden; float: left; box-sizing: border-box; -moz-box-sizing: border-box;
}
.spots article.link {
	cursor: pointer;
}
.spots article:hover {
	background: rgb(0, 68, 119);
}
.spots h2 {
	margin: 0px; padding: 0px; font-size: 120%;
}
.spots p {
	margin: 0px; padding: 0px 0px 10px;
}
.spots a {
	text-decoration: none;
}
.play {
	left: 0px; top: 0px; position: absolute;
}
ul.answers {
	list-style: none; margin: 0px 0px 0px 2em; padding: 0px;
}
ul.answers input.radio {
	margin-left: -2em; float: left;
}
ul.answers label {
	display: block;
}