/* base page */
body {
	background-color: #e25a00;
	color: #234;
	font-family: 'Roboto', sans-serif;
	font-size: 14pt;
	text-align: justify;
}
header {
	background-color: #ffffff;
	height: 116px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}
div#banner {
	height: 75px;
	overflow: hidden;
	position: absolute;
	margin-top: 8px;
	width: 100%;
}
a#ant_logo {
	float: left;
	padding-left: 8px;
}
div#banner a:not(#ant_logo) {
	float: right;
	padding-right: 8px;
}
div#collar {
	background: url('images/decoration/collar.png') repeat-x;
	bottom: 0px;
	height: 25px;
	left: 0px;
	position: absolute;
	width: 100%;
}
section {
	margin: 140px 2em 8ex 2em;
}
h1 {
	font-family: 'Droid Serif', serif;
	font-size: 24pt;
	text-shadow: 0px 3px 8px #efe;
	text-align: center;
}
h1:first-line {
	font-size: 40pt;
}
img.left {
	float: left;
	margin: 0px 1em 1ex 0px;
}
img.right {
	float: right;
	margin: 0px 0px 1ex 1em;
}
nav ul {
	padding: 0px;
	list-style: none outside none;
}
nav h2 {
	clear: left;
	font-family: 'Droid Serif', serif;
	font-size: 14pt;
	margin-bottom: -2ex;
	padding-top: 2ex;
}
nav ul button {
	background: #888;
	border: 2px groove #ccc;
	border-radius: 8px;
	box-shadow: 0px 3px 8px #248;
	color: #eee;
	float: left;
	font-family: 'Droid Serif', serif;
	font-size: 24pt;
	font-weight: bold;
	margin: 0.8ex 0.2em;
	padding: 0.5ex 0.8em;
	text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px  1px 1px #000, -1px -1px 1px #000;
}
nav ul button:hover {
	box-shadow: 0px 0px 30px 25px #fff;
	transition: all 0.2s ease;
}
div#rightcolumn {
	float: right;
	margin: 2ex 0px 4ex 2em;
	width: 300px;
}
div#news {
	background: #fc8;
	box-shadow: 3px 3px 8px #248;
	font-size: 12pt;
	margin: 0.2ex 0.2em 4ex;
	padding: 0.2ex 0.5em;
}
div#news h2 {
	margin: 0.4ex 0px;
	border-bottom: 1px solid #000;
	font-family: 'Droid Serif', serif;
	font-size: 24pt;
	font-weight: bold;
	text-align: center;
}
div#news dt {
	font-weight: bold;
}
table.anmeldedaten th {
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
table.anmeldedaten td {
	text-align: left;
	vertical-align: middle;
}
table.preise th {
	font-size: 12pt;
	font-weight: bold;
	padding: 0px 1em;
	text-align: left;
	vertical-align: top;
}
table.preise td {
	font-size: 12pt;
	padding-right: 1em;
	text-align: left;
	vertical-align: top;
}
.url {
	font-family: 'Droid Sans Mono', monospace;
}
.regeln {
	font-size: 12pt;
}
li {
	text-align: left;
}
div#faqs dt {
	font-weight: bold;
	margin-top: 1ex;
}
input[type=text] {
	font-size: 20pt;
}
input[type=radio] {
	margin: 3ex 1.5em;
	transform: scale(3);
}
input[type=checkbox] {
	margin: 3ex 1.5em;
	transform: scale(3);
}
input[type=submit] {
	background-color: #e25a00;
	color: #ffffe0;
}
textarea {
	font-size: 20pt;
}
select {
	font-size: 20pt;
}
form {
	text-align: left;
}
form td {
	padding: 0.2ex 0.4em;
}

/* Multicolumn lists. */
.multicolumn {
  overflow: hidden;
}
.multicolumn li {
  display: inline;
  float: left;
}
.triple li {
	width: 33.33%
}

/* no-javascript warning page */
@keyframes colorful_animation {
	from { text-shadow: 1px 1px 3px #f0f0f0; }
	to { text-shadow: -1px -1px 3px #404040; }
}
span.colorful {
	animation: colorful_animation 1s linear infinite alternate;
}
@keyframes rattle_animation {
	from { padding-left: 0px; padding-right: 3px; }
	25% { padding-left: 3px; padding-right: 0px; }
	50% { padding-left: 2px; padding-right: 1px; }
	75% { padding-left: 0px; padding-right: 3px; }
	to { padding-left: 3px; padding-right: 0px; }
}
span.rattle {
	padding-right: 3px;
	animation: rattle_animation 0.2s linear infinite alternate;
}
.hidden {
	display: none;
}
.attention {
	margin-left: 40pt;
	border-style: solid;
	border-width: 0;
	border-left-width: 30pt;
	border-color: #ff0000;
	padding: 10pt;
}

/* rotating marathon logo */
div#marathon_logo {
	float: left;
	height: 200px;
	margin: 0px 1em 2ex -30px;
	position: relative;
	width: 200px;
}
@keyframes marathon_logo_rotate_animation {
	from { transform: rotate(360deg); }
	to { transform: rotate(0deg); }
}
img#marathon_logo_rotate {
	animation: marathon_logo_rotate_animation 6s linear infinite;
	height: 200px;
	position: absolute;
	width: 200px;
}
img#marathon_logo_fixed {
	height: 200px;
	position: absolute;
	width: 200px;
}



/* silkscreen effect */
.silkscreen {
	background: #202020;
	display: none;
	height: 100%;
	left: 0px;
	opacity: 0.7;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 30;
}
.sheet {
	display: none;
	height: 100%;
	left: 0px;
	overflow: scroll;
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 40;
}

/* actual content */
.sheetbox {
	background-color: #fffff0;
	border: 1ex #e25a00 solid;
	border-radius: 1.5ex;
	margin: 6em auto;
	max-width: 45em;
	position: relative;
}
.sheetbox .content {
	padding: 2ex 2em 1ex;
}	
.sheetbox .headericon {
	width: 10em;
}
.sheetbox h2 {
	border-top: 1px #000 solid;
	clear: both;
	font-family: 'Droid Serif', serif;
	font-size: 16pt;
	margin-top: 3ex;
	text-align: center;
	padding-top: 2ex;
}	
.sheetbox h2:first-line {
	font-size: 24pt;
}
.sheetbox h3 {
	font-size: 16pt;
	text-align: left;
}	

/* some more buttons */
button {
	background-size: 100% auto;
}
.sheetbox button {
	background: #888;
	border: 2px groove #ccc;
	border-radius: 8px;
	box-shadow: 0px 3px 8px #248;
	color: #eee;
	font-family: 'Droid Serif', serif;
	font-size: 24pt;
	font-weight: bold;
	margin: 0.8ex 0.2em;
	padding: 0.5ex 0.8em;
	text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px  1px 1px #000, -1px -1px 1px #000;
}
.sheetbox button:hover {
	box-shadow: 0px 0px 10px 5px #fff;
	transition: all 0.2s ease;
}
button.home {
	background-color: #2cf1ef;
	border-color: #2cf1ef;
	border-radius: 1.5ex;
	bottom: 3em;
	height: 8em;
	right: 3em;
	position: fixed;
	width: 8em;
}
button.home:hover {
	box-shadow: 0px 0px 10px 5px #fff;
	transition: all 0.2s ease;
}
button.home img {
	width: 7em;
}
div.tour {
	background-color: #e25a00;
	clear: both;
	height: 11ex;
}	
div.tour button {
	bottom: -0.5ex;
	position: absolute;
}	
div.tour button.left {
	left: -0.25ex;
}
div.tour button.right {
	right: -0.25ex;
}
div.tour h1 {
	font-family: 'Droid Serif', serif;
	font-size: 16pt;
	padding-top: 0.5ex;
	text-align: center;
}
div.tour h1:first-line {
	font-size: 16pt;
}