<STYLE>
	<!--
	* {
    margin: 0px;
    padding: 0px;
    border: none;
}
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300);
body {
  font-family: 'Lato', sans-serif;
}

.container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background-color: #bf7a6b;
  background-image: -webkit-linear-gradient(bottom left, #bf7a6b 0%, #e6d8a7 100%);
  background-image: linear-gradient(to top right,#bf7a6b 0%, #e6d8a7 100%);
}




.form {
  width: 400px;
}

.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 60px;
}
.file-upload-wrapper:after {
  content: attr(data-text);
  font-size: 18px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 10px 15px;
  display: block;
  width: calc(100% - 40px);
  pointer-events: none;
  z-index: 20;
  height: 40px;
  line-height: 40px;
  color: #666666;
  border-radius: 5px 10px 10px 5px;
  font-weight: 300;
}
.file-upload-wrapper:before {
  content: 'Datei wählen';
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 60px;
  background: #bb7700;
  color: #fff;
  font-weight: 700;
  z-index: 25;
  font-size: 16px;
  line-height: 60px;
  padding: 0 15px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 0 5px 5px 0;
}
.file-upload-wrapper:hover:before {
  background: #cc8800;
}
.file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 30px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}

.file-upload-wrapper2 {
  position: relative;
  width: 100%;
  height: 60px;
}
.file-upload-wrapper2:after {
  content: attr(data-text);
  font-size: 18px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 10px 15px;
  display: block;
  width: calc(100% - 40px);
  pointer-events: none;
  z-index: 20;
  height: 40px;
  line-height: 40px;
  color: #666666;
  border-radius: 5px 10px 10px 5px;
  font-weight: 300;
}
.file-upload-wrapper2:before {
  content: 'Ich bestätige mit meiner Unterschrift, dass ich den oben angeführten Theoriekurs zur Gänze absolviert habe.';
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 100px;
  background: #bb7700;
  color: #fff;
  font-weight: 700;
  z-index: 25;
  font-size: 16px;
  line-height: 40px;
  padding: 0 15px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 0 5px 5px 0;
}
.file-upload-wrapper2:hover:before {
  background: #cc8800;
}
.file-upload-wrapper2 input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 30px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}


	/*** GRUNDGERÜST ***/
	#container {margin-left:auto; margin-right:auto; width: 900px;}
	#content {margin-left:auto; margin-right:auto; width: 900px;}
	#abstand {margin-left:auto; margin-right:auto; width: 900px;height:50px;}
	.icon {margin-left:auto; margin-right:auto; width: 60px;height:100%;float:left;}
	.leer {margin-left:auto; margin-right:auto; width: 20px;height:100%;float:left;}
	.gruppe {margin-left:auto; margin-right:auto; width: 220px; height:100px; float:left;overflow:hidden;}
	#clear {clear: both;}
	
	/*** ENDE GRUNDGERÜST ***/
	
	
	
	/*** FORMATE ***/
	.titel {font-family:Verdana, Arial; font-size: 24pt; color:#000000;font-weight:bold;}
	.vorspann {font-family:Verdana, Arial; font-size: 14pt; color:#000000;font-style:italic;}
	.text {font-family:Verdana, Arial; font-size: 12pt; color:#000000;text-align:justify;padding-bottom:10px;}
	.text_fahrlehrer {font-family:Verdana, Arial; font-size: 10pt; color:#000000;text-align:justify;padding-bottom:10px;}
	textarea {font-family:Verdana, Arial; font-size: 14pt; color:#000000;}
	td {font-family:Verdana, Arial; font-size: 24pt; color:#000000;text-align:justify;}


	
		
	.button_link {
  background-color: #bb7700;
  border: none;
  width:300px;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 14pt;
  color:#fff;
  cursor: pointer;
}

	.error_message 
	{font-family:Verdana, Arial; font-size: 12pt; color:#ff0000}
	
	.daten_gross 
	{font-family:Verdana, Arial; font-size: 18pt; font-weight:bold;}

	.daten_normal
	{font-family:Verdana, Arial; font-size: 14pt;}

	.daten_grau
	{font-family:Verdana, Arial; font-size: 14pt; color:#aaa;}
	
	.daten_klein
	{font-family:Verdana, Arial; font-size: 12pt;}



	.button_link_datum {
  background-color: #bb7700;
  border: none;
  width:300px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 14pt;
  color:#fff;
  cursor: pointer;
}

	.button_link_datum2 {
  background-color: #bb7700;
  border: none;
  width:500px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 14pt;
  color:#fff;
  cursor: pointer;
}

.button_link_passwort {
  background-color: #bb7700;
  border: none;
  width:500px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 14pt;
  color:#fff;
  cursor: pointer;
}

	.button_link_headline {
  background-color: #bb7700;
  border: none;
  width:600px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 20pt;
  font-weight:bold;
  color:#fff;
  cursor: pointer;
}

	.button_link_headline_ohne {
  
  border: none;
  width:600px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 20pt;
  font-weight:bold;
  color:#fff;
 
}

	.button_link_headline {
  background-color: #bb7700;
  border: none;
  width:600px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 20pt;
  font-weight:bold;
  color:#fff;
  cursor: pointer;
}

	.button_link_newmessage {
  background-color: #bb0000;
  border: none;
  width:600px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 20pt;
  font-weight:bold;
  color:#fff;
  cursor: pointer;
}

	.button_link_newmessage2 {
  background-color: #bb0000;
  border: none;
  width:600px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 18pt;
  font-weight:bold;
  color:#fff;
  cursor: pointer;
}

.select_white
{color: white;}

	.button_link_submenu {
  background-color: #bb0000;
  border: none;
  width:600px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 14pt;
  font-weight:bold;
  color:#fff;
  cursor: pointer;
}

	.button_link_submenu_left {
  background-color: #bb0000;
  border: none;
  width:600px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 14pt;
  font-weight:bold;
  color:#fff;
  cursor: pointer;
  float: right;
  width: auto;

}

	.button_link_submenu_pp {
  background-color: #00bb00;
  border: none;
  width:700px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 14pt;
  font-weight:bold;
  color:#fff;
  cursor: pointer;
}
	.button_link_sendmessage {
  background-color: #bb7700;
  border: none;
  width:600px;
  color: black;
  padding: 4px 8px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 12pt;
  color:#fff;
  cursor: pointer;
}


	.button_link_kursbooking {
  background-color: #bb0000;
  border: none;
  width:600px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 14pt;
  color:#fff;
  cursor: pointer;
}

	.button_link_systemnachricht {
  background-color: #009900;
  border: none;
  width:700px;
  color: black;
  padding: 4px 8px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 16pt;
  color:#fff;

}

	.button_link_grau {
  background-color: #999999;
  border: none;
  width:200px;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 20pt;
  color:#000;
  cursor: pointer;
}

	.button_link_theorie {
  background-color: #ffffff;
  border: 1px dotted #000;
  width:200px;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 20pt;
  color:#000;
  cursor: pointer;
}

	.nachricht {
  background-color: #dddddd;
  border: none;
  width:600px;
  color: black;
  padding: 4px 8px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 12pt;
  color:#000;
  cursor: pointer;
}

	.button_link_nounderline {
		text-decoration: none;
		
	}
	
	
	
	.input_general {
  background-color: #ffffff;
  border: 1px solid 000000;
  color: black;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 24pt;
  color:#000;
  cursor: pointer;
}

	.input_fahrtenbuch {
  background-color: #ffffff;
  border: 1px dotted 000000;
  color: black;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 20pt;
  color:#000;
  cursor: pointer;
}

	.input_ohnestyle  {
  background-color: #ffffff;
  border: 1px solid 000000;
  color: black;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 10pt;
  color:#000;
  cursor: pointer;
}


	a {font-family:Verdana, Arial; font-size: 10pt; color:#000000;text-decoration:none;}
	a:link {font-family:Verdana, Arial; font-size: 10pt; color:#000000;text-decoration:none;}
	a:visited {font-family:Verdana, Arial; font-size: 10pt; color:#000000;text-decoration:none;}
	a:hover {font-family:Verdana, Arial; font-size: 10pt; color:#000000;text-decoration:none;}	

	
	
	/*** ENDE FORMATE ***/
	/*** SELECT ***/
.select-wrapper {
  position: relative;
  width: 300px;
}

.select-wrapper::before {
  color: #fff;
  font-size:20px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 10px;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #bb7700;
  border: none;
  border-radius: 3px;
  box-shadow: 2px 2px 5px 1px rgba(0,0,0,.3);
  color: #fff;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  height: 40px;
  outline: none;
  padding-left: 10px;
  width: 100%;
}

select option {
  color: #666;
}

select::-ms-expand {
  display: none;
}

select:focus::-ms-value {
  background-color: transparent;
}

select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 1px),
    calc(100% - 15px) calc(1em + 1px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 2em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) calc(1em + 1px),
    calc(100% - 20px) calc(1em + 1px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 2em;
  background-repeat: no-repeat;
  border-color: #ccc;
  outline: 0;
}
/* Customize the label (the container) */
.module {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.module 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 */
.module:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.module 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 */
.module input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.module .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);
}
/*** ENDE SELECT ***/

.loading-state {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}
.loading {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 10px solid #ddd;
  border-top-color: orange;
  animation: loading 1s linear infinite;

}
@keyframes loading {
  to {
    transform: rotate(360deg);
  }
}

.myblock
{
	
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	padding: 10px;
}

.myblock_hell
{

	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px;
}

.brown
{background-color: #bb7700;}

.brownhell
{background-color: #ebd8b6;}

.blue
{background-color: #0f2acf;}

.bluehell
{background-color: #cbd2fc;}

.red
{background-color: #e61a0b;}

.redhell
{background-color: #ffd1cd;}

.green
{background-color: #118508;}

.greenhell
{background-color: #c6f5c2;}

.badge:after{
content:attr(value);
font-size:16px;
color:white;
font-family:Arial;
font-weight:bold;
background: red;
border-radius:30%;
padding:4px;
position:relative;
left:-8px;
top:-10px;
opacity:0.9;
}

.smsbadge:after{
content:attr(value);
font-size:16px;
color:white;
font-family:Arial;
font-weight:bold;
background: green;
border-radius:30%;
padding:4px;
position:relative;
left:-8px;
top:-10px;
opacity:0.9;
}

		@media screen and (max-width: 1000px)
{
	body{font-family:Lato;font-size:36px}
	.titel {font-family:Verdana, Arial; font-size: 36pt; color:#000000;font-weight:bold;}
	.vorspann {font-family:Verdana, Arial; font-size: 14pt; color:#000000;font-style:italic;}
	.text {font-family:Verdana, Arial; font-size: 12pt; color:#000000;text-align:justify;padding-bottom:10px;}
	.text_fahrlehrer {font-family:Verdana, Arial; font-size: 10pt; color:#000000;text-align:justify;padding-bottom:10px;}
	textarea {font-family:Verdana, Arial; font-size: 14pt; color:#000000;}
	td {font-family:Verdana, Arial; font-size: 24pt; color:#000000;text-align:justify;}	
	.daten_normal {font-family:Verdana, Arial; font-size: 18pt;}
	.daten_klein {font-family:Verdana, Arial; font-size: 18pt;}
	.button_link_kursbooking {
  background-color: #bb0000;
  border: none;
  width:800px;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  margin: 4px 2px;
  font-size: 24pt;
  color:#fff;
  cursor: pointer;
	}	
-->
</STYLE>