body {
	text-align: center;
	margin-right: auto;
	height: 100%;
	width: 100%;
	position: relative;
	font-size: 10pt;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	color: #000000;
}

#wrapper {
	position: relative;
	width: 980px;
	text-align: left;
	margin: 0 auto;
}

#box1 {
	position: relative;
	width: 940px;
	height: 160px;
	padding: 20px;
	background-color: #06598C;
}

.logo {
	float: right;
	border: 1px solid #FFFFFF;
	padding: 4px;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.w91 {
	width: 91px;
}

.small {
	font-size: 7pt;
}

.blue {
	color: #06598C;
}

.red {
	color: #FF0000;
}

h1 {
	font-size: 24pt;
	font-weight: bold;
	margin-bottom: 10px;
	color: #F0CE6F;
}

ul#list1 {
	list-style: none;
	position: absolute;
	top: 75px;
	left: 20px;
	color: #FFFFFF;
	font-weight: bold;
}

ul#list2 {
	list-style: none;
	position: absolute;
	top: 75px;
	left: 150px;
	width: 590px;
	color: #FFFFFF;
	font-weight: bold;
}

ul#list1 li.active {
	background-color: #4181A7;
	padding: 2px 4px;
	width: 100px;
}

ul#list2 li.active {
	background-color: #4181A7;
	padding: 2px 4px;
	width: 80px;
}

#box1 li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 2px 4px;
}

#box1 li a:hover {
	background-color: #4181A7;
}

#box1 li {
	margin-bottom: 3px;
}

ul#list2 li {
	float: left;
	margin-right: 10px;
}

ul#list1 li a {
	width: 100px;
}

ul#list2 li a {
	width: 80px;
}

#box2 {
	width: 940px;
	padding: 20px;
	background-color: #E9F3F5;
}


/*
	Tabellen
*/

table.overview_table,
table.day_table {
	width: 100%;
}

table.user_table {
	width: 100%;
	font-size: 8pt;
}

table.overview_table td a {
	display: block;
	padding: 4px 5px;
	text-decoration: none;
	color: #06598C;
}

table.day_table td {
	padding: 4px 5px;
}

table.user_table td {
	padding: 2px 5px;
}

table.overview_table th,
table.day_table th {
	padding: 4px 5px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #000000;
	cursor: pointer;
}

table.user_table th {
	padding: 2px 5px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #000000;
}

table.overview_table th.sorting_asc, table.overview_table th.sorting_desc,
table.day_table th.sorting_asc, table.day_table th.sorting_desc {
	border-bottom: 2px solid #000000;
}

table.overview_table tr:hover td {
	background-color: #F2C1B3;
	cursor: pointer;
}

table.day_table tr:hover td {
	background-color: #F2C1B3;
}

table.overview_table tr.even,
table.day_table tr.even {
	background-color: #DCEDEF;
}

table.day_table tr.rowcol-1 .answer,
table.user_table tr.rowcol-1 .answer {
	color: #FF0000;
}

table.day_table tr.rowcol1 .answer,
table.user_table tr.rowcol1 .answer {
	color: #008000;
}

.dataTables_filter {
	margin-bottom: 10px;
}


/*
	Tag-Ansicht
*/

div#funfacts {
	background-color: #F0CE6F;
	margin-bottom: 20px;
	cursor: pointer;
	overflow: hidden;
}

div.funfacts_mini {
	height: 17px;
}

div.funfacts_maxi {
	padding: 10px;
}

div#funfacts ul {
	margin: 10px 20px 0 20px;
}

div#funfacts li {
	margin-bottom: 5px;
}

h2, h2 a {
	text-decoration: none;
	color: #06598C;
	font-weight: bold;
	font-size: 18pt;
}

h2 a:hover {
	text-decoration: underline;
}

div.day_large {
	float: right;
	font-weight: bold;
	font-size: 64pt;
	background-color: #F0CE6F;
	width: 120px;
	text-align: center;
}

ul.result_list {
	margin: 0 0 20px 20px;
}

p.note {
	margin-bottom: 20px;
	font-style: italic;
	font-size: 8pt;
	color: #06598C;
}

/*
	Teilnehmer-Statistik
*/

h3 {
	margin: 20px 0 10px 0;
	font-weight: bold;
	font-size: 13pt;
}

div.leftcol {
	float: left;
	width: 300px;
	margin-right: 20px;
}

.gold {
	background-color: #ECCF89;
	font-size: 8pt;
	padding: 2px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.silver {
	background-color: #A9A69D;
	color: #FFFFFF;
	font-size: 8pt;
	padding: 2px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.bronze {
	background-color: #B1815D;
	color: #FFFFFF;
	font-size: 8pt;
	padding: 2px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.urkundenbox {
	background-color: #F0CE6F;
	margin-top: 20px;
	margin-right: 0 !important;
	padding: 20px;
	width: 260px !important;
}

.urkundenbox img {
	display: block;
	margin: 0 auto 10px auto;
}

.urkundenbox img.gips_img {
	margin: 0 auto;
}

.urkundenbox form {
	margin-bottom: 10px;
}

.urkundenbox label {
	display: block;
}

.urkundenbox input {
	width: 200px;
	font-size: 11pt;
	border: none;
	padding: 1px;
}

p.urkundenlink {
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 16pt;
}

p.urkundenlink a {
	color: #06598C;
	text-decoration: none;
}

p.urkundenlink a:hover {
	text-decoration: underline;
}

p.gips {
	border-top: 1px solid #000000;
	padding-top: 10px;
	margin: 10px 0;
}