a {
	color:	#FFCF00;
}

body {
	background-color:	#000080;
	color:	#FFCF00;
	font: normal 15px Arial;
	line-height:	20pt;
	margin:	0px;
}

div.ContentArea {
	clear: both;
	margin:	0px auto;
	padding-top: 30px;
	width: 1000px;
}

div.HeaderArea {
	background-image:url('header.jpg');
	height:	160px;
	margin:	0px auto;
	width:	1000px;
}

div.HeaderTitle {
	font:normal 18pt Arial;
	margin:	0px auto;
	padding-top:	115px;
	text-align:	center;
	width:	850px;
}

div.NavigationArea {
	margin:	0px auto;
	width: 1000px;
}
div.InputSet {
	height:22pt;
}
div.NavigationButton_on {
	float:left;
	line-height:	24pt;
	padding:	0px 5px;
}
div.NavigationButton_height {
	background-color:	#0000FF;
	border:	groove 3px #0000FF;
	float:	left;
	font:	bold 12pt Arial;
	padding:	0px 5px;
}
div.NavigationButton_off {
	float:left;
	padding:	0px 5px;
}

div.printContent {
	background-color:	#FFFFFF;
	border:	solid 1px #A0A0A0;
	color:	#000000;
	margin:5mm 5mm;
	height:28cm;
	width:19cm;
}

div.printFrame {
	background-color:	#D0D0D0;
	border:	solid 1px #A0A0A0;
	margin:0px auto;
	height:290mm;
	width:20cm;
}
td.TabelleZelle {
	background-color:#0000D0;
	border:	solid 2px #000080;
	border-right:	solid 0px #000080;
	padding:0px 4px;
	text-align:right;
}

img.Logo {
	float:	left;
}
input[type="submit"] {
	cursor: pointer;
	font-size:14px;
	border-radius:10px;
	padding:4px 8px;
}
input[type="text"], input[type="password"], select {
	border:none;
	font-size:14px;
	font-weight:bold;
	border-radius:4px;
	padding:4px 8px;
	margin:4px;
}
input.Button.LastStep {
	background-color:#00CC00;
	font-weight:bold;
	font-size:14pt;
	padding:8px;
}
span.InputDiams {
	font-size: 24px;
	line-height:	32px;
}

span.InputLabel {
	float:	left;
	font-weight:	bold;
	line-height:33px;
	margin-right:8px;
	text-align:	right;
	width:	110px;
}

span.InputLabelLarge {
	float:	left;
	font-weight:	bold;
	line-height:33px;
	margin-right:	8px;
	text-align:	right;
	width:	190px;
	white-space:nowrap;
}

.EventName {
	font:	bold 14pt Times;
	white-space: nowrap;
}

.FehlerDialog {
  box-shadow:0px 0px 3px 3px #FFFF00;
	background-color:#FFAAAA;
	color:	#CC0000;
	font: bold 12pt Arial;
	line-height: 22pt;
	margin:0px auto;
	margin-bottom:16px;
	max-width:600px;
	padding:8px;
	width:75%;
	text-align:	center;
}

.MeldungsDialog {
	background-color:#FFCC00;
	border:groove 4px #FFFF00;;
	color: #000000;
	margin: 0px auto;
	padding:10px;
	text-align:	center;
	width:	600px;
}

#AbortBtn {
	margin-right:	100px;
	background-color:#FF8888;
}
#NextBtn {
	background-color:#00FF00;
	font-weight:bold;
	text-shadow:1px 1px #FFFFFF;
	font-size:18px;
}



 /* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}