.headline
{
position: fixed; 
top: 0pt;
}


.navitop   
{
	z-index:6;
	display: table;
	left: 50%;
    transform: translate(-50%, 0);
	//margin-left: auto;
	//margin-right: auto;
    //color: #999; 
    //font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
    //font-variant: normal; 
    //text-align: center;
    //margin: 2pt;
    //padding: 2pt;
    //padding-left: 10pt; 
    position: fixed; 
    top: 5pt; 
    //height: 40pt;
}

.img-top
{
position: fixed;
top: 10pt;
right: 20pt;
}

.login
{
z-index:6;
position: fixed;
top: 10pt;
right: 250pt;
}

.loginStart
{
z-index:6;
display: table;
margin-left: auto;
margin-right: auto;
}

.navilinks   
{
z-index: 3;
	box-shadow: 0 2px 5px 0 #276873;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
margin: 2pt;
padding-left: 8pt;
position: fixed; 
top: 58pt; 
left: 2pt; 
width: 150pt; 
float: left; 
}

.menuPC
{
z-index: 2;

//margin: 2pt;
padding: 4pt; 
//position: fixed;
position: relative; 
top: min(max(60pt, 6vw), 90pt);

}

.inhaltMobil
{
z-index: 4;
	box-shadow: 0 2px 5px 0 #276873;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 12px;
background-color: #fff;
margin: 2pt;
padding: 4pt; 
position: relative;  
top: 30pt; 
left: 2pt;
right: 2pt; 
float: left; 

}

.navirechts   
{
z-index: 4;
	box-shadow: 0 2px 5px 0 #276873;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
margin: 2pt;
padding-left: 8pt; 
position: fixed; 
top: 58pt; 
right: 2pt; 
width: 150pt; 
float: right; 

}

background {
    position: relative;
    overflow: hidden;
}

.stretch {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
     //max-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
}

.logoverein {
    width: 20%; 
    position: absolute;
        z-index: 2;
    right: 10px; 
    top: 10px; 
}

.logoctt {
    width: 25%; 
    position: absolute;
            z-index: 2;
    left: 10px; 
    top: 10px; 
}

.box
 {
	box-shadow: 0 2px 5px 0 #276873;
color: #000000; 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-variant: normal;
font-size: 18px;

width: 230pt; 
height: 28pt;
 }

input[type=text] {
  padding: 0;
  padding-left: 5pt;
  position: relative;
  left: 0;
  outline: none;
  border: 1px solid #cdcdcd;
  border-color: rgba(0, 0, 0, .15);
  background-color: white;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-variant: normal;
      box-shadow: 0 2px 5px 0 #276873;
      font-size: min(max(16px, 1vw), 24px);
      height: min(max(35px, 1.6vw), 45px);
      width: min(max(200px, 18vw), 350px);
}

input[type=search] {
  padding: 0;
  padding-left: 5pt;
  position: relative;
  left: 0;
  outline: none;
  border: 1px solid #cdcdcd;
  border-color: rgba(0, 0, 0, .15);
  background-color: white;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-variant: normal;
      box-shadow: 0 2px 5px 0 #276873;
      font-size: min(max(16px, 1vw), 24px);
      height: min(max(35px, 1.6vw), 45px);
      width: min(max(200px, 18vw), 350px);

}

input[type=email] {
  padding: 0;
  padding-left: 5pt;
  position: relative;
  left: 0;
  outline: none;
  border: 1px solid #cdcdcd;
  border-color: rgba(0, 0, 0, .15);
  background-color: white;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-variant: normal;
      box-shadow: 0 2px 5px 0 #276873;
      font-size: min(max(16px, 1vw), 24px);
      height: min(max(35px, 1.6vw), 45px);
      width: min(max(200px, 18vw), 350px);
}

input[type=date] {
  padding: 0;
  padding-left: 5pt;
  position: relative;
  left: 0;
  outline: none;
  border: 1px solid #cdcdcd;
  border-color: rgba(0, 0, 0, .15);
  background-color: white;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-variant: normal;
      box-shadow: 0 2px 5px 0 #276873;
      font-size: min(max(16px, 1vw), 24px);
      height: min(max(35px, 1.6vw), 45px);
      width: min(max(100px, 18vw), 160px);
}

input[type=time] {
  padding: 0;
  padding-left: 5pt;
  position: relative;
  left: 0;
  outline: none;
  border: 1px solid #cdcdcd;
  border-color: rgba(0, 0, 0, .15);
  background-color: white;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-variant: normal;
      box-shadow: 0 2px 5px 0 #276873;
      font-size: min(max(16px, 1vw), 24px);
      height: min(max(35px, 1.6vw), 45px);
      width: min(max(100px, 18vw), 150px);
}

input[type=password] {
  padding: 0;
  padding-left: 5pt;
  position: relative;
  left: 0;
  outline: none;
  border: 1px solid #cdcdcd;
  //border: thin solid blue;
  //border-color: rgba(0, 0, 0, .15);
  background-color: white;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-variant: normal;
      box-shadow: 0 2px 5px 0 #276873;
      font-size: min(max(16px, 1vw), 24px);
      height: min(max(35px, 1.6vw), 45px);
      width: min(max(200px, 18vw), 350px);
}

input[type=number] {
  padding: 0;
  padding-left: 5pt;
  position: relative;
  left: 0;
  outline: none;
  border: 1px solid #cdcdcd;
  border-color: rgba(0, 0, 0, .15);
  background-color: white;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-variant: normal;
      box-shadow: 0 2px 5px 0 #276873;
      font-size: min(max(16px, 1vw), 24px);
      height: min(max(35px, 1.6vw), 45px);
      width: min(max(40px, 8vw), 80px);
}

input[type=tel] {
  padding: 0;
  padding-left: 5pt;
  position: relative;
  left: 0;
  outline: none;
  border: 1px solid #cdcdcd;
  border-color: rgba(0, 0, 0, .15);
  background-color: white;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  font-variant: normal;
      box-shadow: 0 2px 5px 0 #276873;
      font-size: min(max(16px, 1vw), 24px);
      height: min(max(35px, 1.6vw), 45px);
      width: min(max(200px, 18vw), 350px);
}

.textboxsmall
 {
     box-shadow: 0 2px 5px 0 #276873;
      font-size: min(max(16px, 1vw), 24px);
      height: min(max(35px, 1.6vw), 45px);
      width: min(max(50px, 18vw), 150px);
 }
 
.textbox
 {
 	border-color: rgba(0, 0, 0, .15);
 	position: relative;
 	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
      box-shadow: 0 2px 5px 0 #276873;
      font-size: min(max(16px, 1vw), 24px);
      height: min(max(35px, 1.6vw), 45px);
      width: min(max(200px, 18vw), 350px);
 }

 select {
  background-color: white;
  border: thin solid blue;
  border-radius: 1px;
  display: inline-block;
  //font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  //line-height: 1.5em;
  //padding: 0.5em 3.5em 0.5em 1em;
font-size: min(max(16px, 1vw), 24px);
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + -5px),
    calc(100% - 15px) calc(1em + -5px),
    calc(100% - 2.5em) 0.1em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.9em;
  background-repeat: no-repeat;
}

select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) calc(1em + -5px),
    calc(100% - 20px) calc(1em + -5px),
    calc(100% - 2.5em) 0.1em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.9em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
  font-size: min(max(16px, 1vw), 24px);
}

 select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
  font-size: min(max(16px, 1vw), 24px);
}
 
.textboxFahrer
  {
	box-shadow: 0 2px 5px 0 #276873;
font-size: min(max(11px, 1vw), 18px);
//width: 700pt; 
//height: 160pt;
  height: min(max(80pt, 16vw), 160pt);
  width: min(max(450pt, 75vw), 850pt);
 }
 
  .textboxNotiz
  {
	box-shadow: 0 2px 5px 0 #276873;
	font-size: min(max(11px, 1vw), 18px);
  	height: min(max(80pt, 16vw), 160pt);
  	width: min(max(250pt, 20vw), 300pt);
 }
  
    .textboxOrderNotiz
  {
	box-shadow: 0 2px 5px 0 #276873;
font-size: min(max(11px, 1vw), 18px);
  height: min(max(30pt, 16vw), 60pt);
  width: min(max(250pt, 50vw), 550pt);
 }
  
    .textboxName
  {
	box-shadow: 0 2px 5px 0 #276873;
	font-size: min(max(11px, 1vw), 18px);
  	height: min(max(10pt, 16vw), 30pt);
  	width: min(max(250pt, 20vw), 300pt);
 }
  
   .textboxDetail
  {
	box-shadow: 0 2px 5px 0 #276873;
	font-size: min(max(11px, 1vw), 18px);
  	height: min(max(20pt, 16vw), 60pt);
  	width: min(max(250pt, 20vw), 300pt);
 }
 
   .textboxDN
  {
	box-shadow: 0 2px 5px 0 #276873;
	font-size: min(max(11px, 1vw), 18px);
  	height: min(max(60pt, 16vw), 180pt);
  	width: min(max(150pt, 50vw), 500pt);
 }
 
 .textNotiz
 {
	box-shadow: 0 2px 5px 0 #276873;



width: 98%; 

 }
 
.nummernbox
 {
	box-shadow: 0 2px 5px 0 #276873;
	//width: 120pt; 
 }
 
.datebox
 {
	box-shadow: 0 2px 5px 0 #276873;
	//width: 120pt; 

 }
 
 .clockbox
 {
	box-shadow: 0 2px 5px 0 #276873;
color: #000000; 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-variant: normal;
font-size: 18px;
//position: fixed;
//top: 20%;
//left: 35%;
//padding: 2pt;
width: 60pt; 
//height: 160pt;
 }
 
.pw-login
 {
	box-shadow: 0 2px 5px 0 #276873;
    color: #999; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-variant: normal; 
    position: fixed;
top: min(max(120pt, 15vw), 190pt);
	display: table;
	margin-left: auto;
	margin-right: auto;
    padding: 2pt;
    position:relative;
  width: min(max(200pt, 30vw), 280pt);
    //width: 280pt; 
    //height: 160pt;
 }
 
.pw-loginMobil
 {
	box-shadow: 0 2px 5px 0 #276873;
    color: #999; 
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-variant: normal;
    font-size: 32px; 
    position: fixed;
    top: 10%;
    left: 10%;
    padding: 2pt;
    border-spacing: 10px;
    width: 300pt; 
    height: 300pt;
 }
 
.img-login
{
padding: 12pt;
}

.form-login
{
padding: 12pt;
}

.html
{
padding: 12pt;
color: #605E5E;
}

a:link      { font-weight:bold; color:black; text-decoration:none; }
a:visited { font-weight:bold; color:#605E5E; text-decoration:none; }
a:focus     { font-weight:bold; color:red; text-decoration:underline; }
a:hover      { font-weight:bold; color: black; text-decoration:underline; }
a:active    { font-weight:bold; color: #FFFFFF; text-decoration:underline; }

h1 
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color:  #000000; 
//font-size: 24px;
font-size: min(max(16px, 0.9vw), 24px);
text-transform: uppercase

}

h2 
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color:  #000000;
font-size: 18px; 
text-transform: uppercase 
}

h3
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color:  #000000; 
font-size: 24px;
text-align:center;
#text-transform: uppercase 
}

h4
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color:  #000000; 
font-size: 12px;
text-align: right;
#text-transform: uppercase 
}

h5
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color:  #000000; 
font-size: 18px;
text-align: center;
#text-transform: uppercase;
font-weight:normal;
}

h1gate
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color:  #000000; 
font-size: 100px;
text-align: center;
text-transform: uppercase 
}

h2gate
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color:  #000000; 
font-size: 600px;
text-align: center;
text-transform: uppercase 
}

h3gate
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color:  #000000; 
font-size: 24px;
text-align: left;
//text-transform: uppercase 
}

h1round
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color:  #FFFFFF; 
font-size: 20px;
font-weight:bold;
//text-align: left;
//text-transform: uppercase 
}

h1lauf
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #FFFFFF; 
font-size:7vw;
text-align: center;
text-transform: uppercase 
}

h2lauf
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #FFFFFF; 
font-size: 40vw;
text-align: center;

}

h3lauf
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
text-align: center;
color: #FFFFFF; 
font-size: 30vw;
}

herror
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #ff0000; 
font-size: 24px;
text-align: left;
//text-transform: uppercase 
}

h1-top 
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #c03; 
font-size: 18px; 
text-transform: uppercase 
}

hRD
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
//color:  #000000; 
font-size: 142px;
text-align: left;
}

hR1
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
//color:  #000000; 
font-size: 72px;
text-align: left;
}

hRI
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
//color:  #000000; 
font-size: 280px;
text-align: middel;
}

hRP
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
//color:  #000000; 
font-size: 480px;
text-align: middel;
}

h1DN
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
color: #000000; 
font-size:3vw;
text-align: center;
text-transform: uppercase 
}

h1DNS 
{
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
//color:  #000000; 
//font-size: 24px;
font-size: min(max(16px, 0.9vw), 24px);
text-transform: uppercase

}

table, th, td
{
    padding: 0pt;
    border: 0px;
    padding-left: 5pt;
    border-collapse: collapse;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size: 14px;
    text-align: left;
}

th {
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
} 

table.sucheSelect, table.sucheSelect td,table.sucheSelect th
{
	padding: 2pt;
	border: 0px;
}

table.tableListe
{
	border: 1px solid #efeeed;
	//width: 100%;
	box-shadow: 0 2px 5px 0 #276873;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	//font-size:16px;
	//font-weight:normal;
	padding:5px;
	padding-bottom:10px;
	//height: 300px;
	//width: 99%;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
		display: table;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	width: min(max(200px, 97vw), 700px);
}

table.tableListe tr:hover  
{
background-color: #D9D9D9;
}

table.tableListe th
{
	font-size: 20px;
	border: 1px solid #efeeed;
	font-weight:bold;
	padding: 5pt;
		vertical-align:middle;
}
	
table.tableListe td
{
	//font-size: 18px;
	border: 1px solid #efeeed;
	font-weight:normal;
	padding-left: 5pt;
	padding-right: 5pt;
	vertical-align:middle;
  font-size: min(max(11px, 1vw), 18px);
  height: min(max(18px, 6vw), 50px);
  //width: min(max(180px, 18vw), 310px);
}

table.tableListeBreit
{
	border: 1px solid #efeeed;
	//width: 100%;
	box-shadow: 0 2px 5px 0 #276873;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	//font-size:16px;
	//font-weight:normal;
	padding:5px;
	padding-bottom:10px;
	//height: 300px;
	width: 99%;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	display: table;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

table.tableListeBreit tr:hover  
{
background-color: #D9D9D9;
}

table.tableListeBreit td
{
    //font-size: 18px;
    font-weight:normal;
    padding-left: 5pt;
    padding-right: 5pt;
    vertical-align:middle;
    //height: 30px;
    font-size: min(max(10px, 1.2vw), 24px);
    height: min(max(20px, 3vw), 68px);
    //width: min(max(180px, 18vw), 310px);
    border: 1px solid #C0C0C0;
    border-collapse: collapse;
}

table.tableListeBreit th
{
	//font-size: 20px;
	font-size: min(max(12px, 1.2vw), 26px);
	font-weight:bold;
	padding: 5pt;
	vertical-align:middle;
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
}

table.tableListeBreit tr:nth-child(even) 
{
  background-color: rgba(150, 212, 212, 0.4);
}

table.tableListeBreit th:nth-child(even)
{
  background-color: rgba(150, 212, 212, 0.3);
}

table.tableListeBreit td:nth-child(even) 
{
  background-color: rgba(150, 212, 212, 0.1);
}



table.login, table.login td, table.login th
{
border: 0px;
}

table.form, table.form td, table.form th
{
	border: 0px;
	//solid #C0C0C0;
	padding: 5pt;
	//vertical-align: center;
}

table.loginStart, table.loginStart td, table.loginStart th
{
border: 0px;
padding: 10px;
}

table.loginStart td:hover  
{
//background-color: #efefef;
}

.DivRahmen
{
	padding-bottom:0px;
}

.DivTimeFormRahmen
{
	position: relative;
	top: min(max(60pt, 6vw), 90pt);
}

.DivTrackStatus
{
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:5px;
	padding-bottom:10px;
	//height: 300px;
	width: 650px;
	text-align:center;
	vertical-align:top;
		display: table;
	margin-left: auto;
	margin-right: auto;
	position: relative;

}

.DivTimeForm
{
z-index: 1;

	background-color:#FFFFFF;
	//-moz-border-radius:8px;
	//-webkit-border-radius:8px;
	//border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	//font-size:20px;
	//font-weight:bold;
	padding:5px;
	padding-bottom:10px;
	//height: 300px;
	//width: 800px;
	text-decoration:none;
	//text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:middle;
		display: table;
	margin-left: auto;
	margin-right: auto;
		position: relative;
	//height: min(max(80pt, 16vw), 160pt);
  width: min(max(450px, 50vw), 800px);
  top: min(max(60pt, 6vw), 90pt);
}

.DivTimeFormBreit
{
z-index: 1;
	
	background-color:#FFFFFF;
	//border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	//font-size:20px;
	//font-weight:bold;
	padding:5px;
	padding-bottom:10px;
	//height: 300px;
	//width: 1200px;
	text-decoration:none;
	//text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:middle;
		display: table;
	margin-left: auto;
	margin-right: auto;
//font-size: min(max(11px, 1vw), 18px);
//height: min(max(15px, 1.6vw), 30px);
  width: min(max(300px, 80vw), 1200px);
}

.DivFormBreit
{
	z-index: 1;
	background-color:#FFFFFF;
	//border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:5px;
	padding-bottom:10px;
	//height: 300px;
	width: 1200px;
	text-decoration:none;
	//text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:middle;
		display: table;
	margin-left: auto;
	margin-right: auto;
	position:relative;
top: min(max(60pt, 6vw), 90pt);
}

.DivStatus
{
    z-index: 5;
	
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding-top:120px;
	padding-bottom:10px;
	//height: 300px;
	width: 800px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:middle;
		display: table;
	margin-left: auto;
	margin-right: auto;
		position:relative;
top: min(max(60pt, 6vw), 90pt);
}



.DivTimeLaufIn
{
z-index: 1;

	background-color:#FFFFFF;
	
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:5px;
	padding-bottom:10px;
	//height: 300px;
	width: 900px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
		display: table;
	margin-left: auto;
	margin-right: auto;
	position:relative;
top: min(max(60pt, 6vw), 90pt);
	
}

table.table2Rahmen
{
	//border: 1px solid #C0C0C0;
	width: 100%;
	vertical-align: top;
	//height: 200px;
	//padding-left: 5pt;
}

table.table2Rahmen td
{
	width: 50%;
	//height: 30px;
}

table.table5Rahmen
{
	//border: 1px solid #C0C0C0;
	width: 100%;
	vertical-align: top;
	//height: 200px;
	//padding-left: 5pt;
}

table.table5Rahmen td
{
	width: 20%;
	height: 30px;
}

table.table2Status
{
	//border: 1px solid #C0C0C0;
	width: 100%;
	vertical-align: top;
	//height: 200px;
	//padding-left: 5pt;
}

table.table2Status td
{
	vertical-align: top;
	//width: 50%;
	height: 30px;
}

table.table1Status
{
	//border: 1px solid #C0C0C0;
	width: 100%;
	vertical-align: top;
	//height: 200px;
	//padding-left: 5pt;
}

table.table1Status td
{
	vertical-align: top;
	//width: 50%;
	height: 30px;
}

table.tableAmpel
{

	background-color:#FFFFFF;
	//-moz-border-radius:8px;
	//-webkit-border-radius:8px;
	//border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:18px;
	//font-weight:normal;
	padding:5px;
	padding-bottom:10px;
	//height: 300px;
	width: 99%;
	text-decoration:none;
	//text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:middle;
		display: table;
	margin-left: auto;
	margin-right: auto;
}

table.tableAmpel th
{
	width: 80px;
	height: 40px;
	opacity: 0.1;
}
table.tableAmpel td
{
	vertical-align:middle;
}


table.tablenavitop
{
	border: 0px ;
	//width: 100%;
	//height: 100px;
	//height: 200px;
	//padding: 5pt;
}
	
table.tablenavitop td
{
	//font-size: 24px;
	padding: 2pt;
}

table.tableTimeForm
{
	border: 1px solid #C0C0C0;
	width: 100%;
		height: 30px;
	//height: 200px;
	//padding-left: 5pt;
}

table.tableTimeForm th
{
	font-size: 24px;
	width: 250px;
	border: 1px solid #C0C0C0;
	padding: 5pt;
}
	
table.tableTimeForm td
{
	font-size: 24px;
	border: 1px solid #C0C0C0;
	padding-left: 5pt;
	padding-right: 5pt;
}

table.tableTimeForm td:hover  
{
background-color: #efefff;

}

.DivTimeGate
{
	background-color:#FFFFFF;
	//-moz-border-radius:8px;
	//-webkit-border-radius:8px;
	//border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	//padding:5px;
	//padding-bottom:5px;
	height: 98vh;
	width: 100%;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	//text-align:center;
	vertical-align: middle;
	display: table;
	//margin-left: auto;
	//margin-right: auto;
}

.DivTimeDisplay
{
	background-color:#FFFFFF;
	//-moz-border-radius:8px;
	//-webkit-border-radius:8px;
	//border-radius:4px;
	//display:inline-block;
	cursor:pointer;
	padding:5px;
	padding-bottom:10px;
	height: 100%;
	width: 99%;
	display: table;
	//margin-left: auto;
	//margin-right: auto;
}

.DivTimeLive
{

	background-color:#FFFFFF;
	//border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:5px;
	padding-bottom:10px;
	height: 100%;
	width: 99.8%;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:middle;
	display: table;
	margin-left: auto;
	margin-right: auto;
	position: relative; 
 	top: min(max(60pt, 6vw), 90pt);
}



table.tableTimeLive
{
	border: 1px solid #efeeed;
	//width: 100%;
	box-shadow: 0 2px 5px 0 #276873;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	//font-size:16px;
	//font-weight:normal;
	padding:5px;
	padding-bottom:10px;
	//height: 300px;
	width: 99%;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	display: table;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

table.tableTimeLive th
{
	font-size: 20px;
	border: 1px solid #efeeed;
	font-weight:bold;
	padding: 5pt;
	vertical-align:middle;
}
	
table.tableTimeLive td
{
	//font-size: 18px;
	border: 1px solid #efeeed;
	font-weight:normal;
	padding-left: 5pt;
	padding-right: 5pt;
	vertical-align:middle;
	//height: 30px;
  font-size: min(max(11px, 1vw), 18px);
  height: min(max(18px, 1.6vw), 35px);
  //width: min(max(180px, 18vw), 310px);
}

table.tableTimeLive tr:hover  
{
background-color: #D9D9D9;
}

table.tableLaufIn
{
    border: 1px solid #C0C0C0;
    width: 100%;
	
	box-shadow: 0 2px 5px 0 #276873;
	
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:28px;
	font-weight:bold;
	padding:5px;
	padding-bottom:10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:middle;
		display: table;
	margin-left: auto;
	margin-right: auto;

}

table.tableLaufIn th
{
	font-size: 20px;
	border: 1px solid #C0C0C0;
	padding: 5pt;
}
	
table.tableLaufIn td
{
	font-size: 48px;
	border: 1px solid #C0C0C0;
	padding-left: 5pt;
	padding-right: 5pt;
}

table.tableLaufIn tr:hover  
{
background-color: #D9D9D9;
}

table.tableGateRem
{
//border: 0px;
width: 100%;
height: 97vh;
text-align:top;
//padding: 5pt;
}

table.tableGateRem th
{
	//font-size: 24px;
	//border: 0px;
	//padding-top: 5pt;
	//padding-left: 0pt;
	//padding-right: 0pt;
	//vertical-align: center;
}
	
table.tableGateRem td
{
	//font-size: 24px;
	//border: 0px;
	//text-align:top;
	//padding-top: 5pt;
	//padding-left: 0pt;
	//padding-right: 0pt;
	vertical-align: top;
}

table.tableGateRemLeft
{
	padding: 5pt;
	border: 1px solid #C0C0C0;
	width: 100%;
	height: 97vh;
	//text-align: center;
	vertical-align: middle;
	//padding-left: 5pt;
	
	box-shadow: 0 2px 5px 0 #276873;
	
	//border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	//font-size:20px;
	font-weight:normal;
	//padding-bottom:10px;
	//height: 300px;
	width:100%;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:top;
	display: table;
	//margin-left: auto;
	//margin-right: auto;
	//margin-bottom: 10px;
}

table.tableGateRemLeft th
{
	font-size: 22px;
	border: 0px;
	font-weight:normal
	//padding: 0pt;
	text-align: center;
	vertical-align: center;
}
	
table.tableGateRemLeft td
{
	font-size: 16px;
	border: 0px;
	//width: 12.5%;
	//padding-left: 0pt;
	//padding-right: 0pt;
	text-align: center;
	vertical-align: middle;
}

table.tableGateRemRight
{
	padding: 5pt;
	//border: 1px solid #C0C0C0;
	width: 100%;
	height: 97vh;
	text-align: center;
	vertical-align: middle;
	//padding-left: 5pt;
	
	box-shadow: 0 2px 5px 0 #276873;
	
	//border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	//padding-bottom:10px;
	//height: 300px;
	width:100%;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:top;
	display: table;
	//margin-left: auto;
	//margin-right: auto;
	//margin-bottom: 10px;
}

table.tableGateRemRight th
{
	//font-size: 24px;
	border: 0px;
	//padding: 0pt;
	text-align: center;
	vertical-align: center;
}
	
table.tableGateRemRight td
{
	font-size: 24px;
	border: 0px;
	//padding-left: 0pt;
	//padding-right: 0pt;
	text-align: center;
	vertical-align: middle;
}

table.tableSpeakerRemMiddle
{
	padding: 5pt;
	//border: 1px solid #C0C0C0;
	width: 100%;
	height: 62vh;
	text-align: left;
	vertical-align: top;
	padding-left: 5pt;
	
	box-shadow: 0 2px 5px 0 #276873;
	
	//border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	//padding-bottom:10px;
	//height: 300px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:top;
	display: table;
	//margin-left: auto;
	//margin-right: auto;
	//margin-bottom: 10px;
}

table.tableSpeakerRemMiddle th
{
	font-size: 20px;
	border: 0px;
	//padding: 0pt;
	text-align: left;
	vertical-align: middle;
}

table.tableSpeakerRemMiddle td
{
	font-size: 16px;
	border: 0px;
	//padding-left: 0pt;
	//padding-right: 0pt;
	text-align: left;
	vertical-align: middle;
}

table.tableSpeakerRemRightTop
{
	padding: 5pt;
	//border: 1px solid #C0C0C0;
	width: 100%;
	height: 15vh;
	text-align: center;
	vertical-align: middle;
	//padding-left: 5pt;
	
	box-shadow: 0 2px 5px 0 #276873;
	
	//border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	//padding-bottom:10px;
	//height: 300px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:top;
	display: table;
	//margin-left: auto;
	//margin-right: auto;
	//margin-bottom: 10px;
}

table.tableSpeakerRemRightTop th
{
	font-size: 32px;
	border: 0px;
	//padding: 0pt;
	text-align: center;
	vertical-align: center;
}

table.tableSpeakerRemRightTop td
{
	font-size: 20px;
	border: 0px;
	//padding-left: 0pt;
	//padding-right: 0pt;
	text-align: center;
	vertical-align: middle;
}

table.tableSpeakerRemRightButton
{
	padding: 5pt;
	//border: 1px solid #C0C0C0;
	width: 100%;
	height: 20vh;
	text-align: center;
	vertical-align: middle;
	//padding-left: 5pt;
	
	box-shadow: 0 2px 5px 0 #276873;
	
	//border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	//padding-bottom:10px;
	//height: 300px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:top;
	display: table;
	//margin-left: auto;
	//margin-right: auto;
	//margin-bottom: 10px;
}

table.tableSpeakerRemRightButton th
{
	//font-size: 24px;
	border: 0px;
	//padding: 0pt;
	text-align: center;
	vertical-align: center;
}

table.tableSpeakerRemRightButton td
{
	font-size: 24px;
	border: 0px;
	//padding-left: 0pt;
	//padding-right: 0pt;
	text-align: center;
	vertical-align: middle;
}

table.tableGate
{
border: 0px;
width: 100%;
//height: 97vh;
//text-align:top;
padding: 5pt;
}

table.tableGate th
{
	font-size: 24px;
	border: 0px;
	//padding-top: 5pt;
	//padding-left: 0pt;
	//padding-right: 0pt;
	//vertical-align: center;
}
	
table.tableGate td
{
	font-size: 24px;
	border: 0px;
	text-align:top;
	//padding-top: 5pt;
	//padding-left: 0pt;
	//padding-right: 0pt;
	vertical-align: top;
}


table.tableGateNr
{
	padding: 5pt;
	border: 1px solid #C0C0C0;
	width: 100%;
	height: 97vh;
	text-align: center;
	vertical-align: middle;
	//padding-left: 5pt;
	
	box-shadow: 0 2px 5px 0 #276873;
	
	//border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	//padding-bottom:10px;
	//height: 300px;
	width:100%;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:top;
	display: table;
	//margin-left: auto;
	//margin-right: auto;
	//margin-bottom: 10px;
}

table.tableGateNr th
{
	//font-size: 24px;
	//border: 0px;
	//padding: 0pt;
	text-align: center;
	vertical-align: center;
}
	
table.tableGateNr td
{
	//font-size: 24px;
	//border: 0px;
	//padding-left: 0pt;
	//padding-right: 0pt;
	text-align: center;
	vertical-align: middle;
}

table.tableRoundTimeBoard
{
border: 0px;
width: 100%;
//height: 200px;
padding: 5pt;

}

table.tableRoundTimeBoard th
{
	//font-size: 24px;
	border: 0px;
	//padding: 5pt;
	vertical-align: top;
}
	
table.tableRoundTimeBoard td
{
	font-weight:normal;
	//font-size: 18px;
	border: 0px;
	//padding-left: 0pt;
	//padding: 5pt;
	vertical-align: top;
}

table.tableRoundTime
{
	padding: 5pt;
	border: 1px solid #C0C0C0;
	width: 100%;
	height: 98vh;
	text-align:center;
	vertical-align: middle;

	box-shadow: 0 2px 5px 0 #276873;
	
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	//font-size:20px;
	font-weight:bold;
	//padding-bottom:10px;
	//height: 300px;
	width:100%;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:top;
	display: table;
	//margin-left: auto;
	//margin-right: auto;
	//margin-bottom: 10px;
}

table.tableRoundTime th
{
	font-size: 48px;
	border: 1px solid #C0C0C0;
	//padding: 0pt;
	text-align:center;
	vertical-align: middle;
}
	
table.tableRoundTime td
{
	font-size: 36px;
	border: 1px solid #C0C0C0;
	//padding-left: 0pt;
	//padding-right: 0pt;
	text-align:left;
	vertical-align: middle;
}

table.tableScoreRoundTime
{
border: 1px solid #C0C0C0;
width: 100%;
//height: 200px;
padding-left: 5pt;
padding-right: 5pt;

	box-shadow: 0 2px 5px 0 #276873;
	
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-weight:normal; 
	//padding:5px;
	//padding-bottom:8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:top;
	display: table;
	//margin-left: 0px;
	//margin-right: 0px;
	margin-bottom: 10px;

}

table.tableScoreRoundTime th
{
	font-size: 36px;
	border: 1px solid #C0C0C0;
	padding-left: 5pt;
	padding-right: 5pt;
}
	
table.tableScoreRoundTime td
{
	font-size: 20px;
	border: 1px solid #C0C0C0;
	padding-left: 5pt;
	padding-right: 5pt;
}

table.tableScoreRoundTime tr:hover  
{
background-color: #D9D9D9;

}

table.tableBoard
{
border: 0px;
width: 100%;
//height: 200px;
padding: 5pt;

}

table.tableBoard th
{
	font-size: 24px;
	border: 0px;
	//padding: 5pt;
	vertical-align: top;
}
	
table.tableBoard td
{
	font-weight:normal;
	font-size: 18px;
	border: 0px;
	//padding-left: 0pt;
	//padding: 5pt;
	vertical-align: top;
}

table.tableBoardLive
{
border: 1px solid #C0C0C0;
width: 100%;
//height: 100%;
//padding-left: 5pt;
	color: #000000;
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	padding:5px;
	//padding-bottom:10px;
	//height: 300px;
	width: 100%;
	text-decoration:none;

	text-align:center;
	vertical-align:middle;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

table.tableBoardLive th
{
	font-size: 24px;
	border: 1px solid #C0C0C0;
	//padding: 5pt;
}
	
table.tableBoardLive td
{
	font-size: 18px;
	border: 1px solid #C0C0C0;
	//padding-left: 5pt;
	//padding-right: 5pt;
}

table.tableLaufNr
{
	font-family:arial;
	//border: 1px solid #C0C0C0;
	font-weight:bold;
	//padding:5px;
	//padding-bottom:10px;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;

}


table.tableLaufNr th
{
	//padding: 5pt;
}
	
table.tableLaufNr td
{
	text-align:center;
	//padding-left: 5pt;
	//padding-right: 5pt;
}

table.tableBoardLive tr:hover  
{
background-color: #D9D9D9;

}

table.table2Spalten
{
    border: 0px ;
    width: 100%;
    //height: 200px;
    padding-left: 5pt;
    padding-right: 5pt;

	font-family:arial;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	display: table;
	//margin-left: 0px;
	//margin-right: 0px;
	//margin-bottom: 10px;

}

table.table2Spalten th
{
	font-size: 36px;
	text-align:left;
	border: 0px;
	padding-left: 5pt;
	padding-right: 5pt;
	vertical-align:middle;
}
	
table.table2Spalten td
{
	border: 0px;
	text-align:left;
	vertical-align:middle;
	padding-left: 5pt;
	padding-right: 5pt;
	height: 25px;
   	font-size: min(max(16px, 1vw), 24px);
  	height: min(max(35px, 1.6vw), 45px);
}

table.tableScoreLive
{
	border: 1px solid #efeeed;
	//width: 100%;
	box-shadow: 0 2px 5px 0 #276873;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	//font-size:16px;
	//font-weight:normal;
	padding:5px;
	padding-bottom:10px;
	//height: 300px;
	width: 99%;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	display: table;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

table.tableScoreLive tr:hover  
{
background-color: #D9D9D9;
}

table.tableScoreLive td
{
    //font-size: 18px;
    font-weight:normal;
    padding-left: 5pt;
    padding-right: 5pt;
    vertical-align:middle;
    //height: 30px;
    font-size: min(max(11px, 1vw), 18px);
    height: min(max(18px, 1.6vw), 35px);
    //width: min(max(180px, 18vw), 310px);
    border: 1px solid #C0C0C0;
    border-collapse: collapse;
}

table.tableScoreLive th
{
	font-size: 20px;
	font-weight:bold;
	padding: 5pt;
	vertical-align:middle;
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
}

table.tableScoreLive tr:nth-child(even) 
{
  background-color: rgba(150, 212, 212, 0.4);
}

table.tableScoreLive th:nth-child(even)
{
  background-color: rgba(150, 212, 212, 0.3);
}

table.tableScoreLive td:nth-child(even) 
{
  background-color: rgba(150, 212, 212, 0.1);
}


table.tableRoundInfo
{
border: 1px solid #C0C0C0;
width: 100%;
height: 100%;
padding-left: 5pt;
padding-right: 5pt;
padding-top: 5pt;
padding-bottom: 5pt;

	box-shadow: 0 2px 5px 0 #276873;
	
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	//font-size:20px;
	font-weight:normal; 
	//padding:5px;
	//padding-bottom:8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	//vertical-align:top;
	display: table;
	//margin-left: 0px;
	//margin-right: 0px;
	margin-bottom: 10px;
}

table.tableRoundInfo th
{
	border: 1px solid #C0C0C0;
	padding-left: 5pt;
	padding-right: 5pt;
}
	
table.tableRoundInfo td
{
	border: 1px solid #C0C0C0;
	padding-left: 5pt;
	padding-right: 5pt;
	height: 50%;
	text-align:center;
}



@media print { h7 {page-break-before:always;} }

table.cupRahmen
{
	width: 600px;
	margin: 0pt;
	padding: 0pt;
}

table.cupKarte
{
	border: 2px solid #C0C0C0;
	margin: 0pt;
}

table.cup
{
	width: 100%;
	border: 0px;
	background-color: #fff;
}

table.cup th
{
	width: 50px;
	border: 0px;
	vertical-align: top;
	background-color: #fff;
	font-size: 11px;
}
table.cup td
{
	border: 0px;
	vertical-align: top;
	background-color: #fff;
	font-size: 11px;
}


table.cupStart
{
	width: 100%;
	border: 0px;
	vertical-align: bottom;
	background-color: #fff;
}

table.cupStart th
{
	border: 0px;
	vertical-align: bottom;
	background-color: #fff;
}

table.cupStart td
{
	border: 0px;
	vertical-align: bottom;
	padding-right: 5px;
	background-color: #fff;
	font-size: 48px;
}

@font-face {
  font-family: barcode;
  src: url(css/Free_3_of_9_Extended_Regular.ttf);
} 

table.no_style, table.no_style td, table.no_style th
{
	border: 0px;
	padding: 0px;
	vertical-align: center;
}

table.tableWetter
{
	border: 0px;
	width: 100%;
	//vertical-align: top;
	//height: 200px;
	//padding-left: 5pt;
}

table.tableWetter td
{
	border: 0px;
	width: 16.5%;
	text-align: right;
	//height: 200px;
	//padding-left: 5pt;
}

table.tableWetter th
{
	border: 0px;
	//width: 200px;
	//vertical-align: top;
	//height: 200px;
	//padding-left: 5pt;
}

table.login tr:hover 
{
background-color: #fff;
}

table.loginMobil tr:hover 
{
background-color: #fff;
}

caption {
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #605E5E; 
    background-color: white;
    text-align: left;
    padding-left: 0;
    margin-bottom: 3px;
}

table.liste
{
width: 100%;
font-size: 12px;
}

table.liste td, table.liste th
{
font-size: 12px;
}

table.details, table.details th, table.details td
{
border: 1px solid #C0C0C0;
padding: 2pt;
border-collapse: collapse;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 14px;
text-align: left;
padding: 5px;
}


table.details tr:hover 
{
background-color: #fff;

}

table.details th 
{
background-color: #FFFFFF;
color: #fff;
border: 1px solid grey;
width: 80px;
} 

table.details caption {
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #605E5E; 
    background-color: white;
    text-align: left;
    padding-left: 0;
    margin-bottom: 3px;
}

table.details
{
border: 0px;
width: 100%;
}


table.details_kopf
{
border: 0px;
width: 100%;
}

table.details_kopf td
 {
border: 0px;
}

table.detail_navi, table.detail_navi td
{
border: 0px;
}

table.detail_navi tr:hover 
{
background-color: #fff;
}

button
{
width: 100px;
}


.startDiv
 {
-moz-box-shadow: 2px 3px 10px 1px #999;
-webkit-box-shadow: 2px 3px 10px 1px #999;
box-shadow: 2px 3px 10px 1px #999;
color: #999; 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-variant: normal; 
position: fixed;
top: 10%;
left: 20%;
margin-left: -50px;
float: left;
padding: 2pt;
width: 205pt; 
height: 400pt;
 }

table.startTable, table.startTable th , table.startTable td
{
border: 0px;
padding: 2pt;
border-collapse: collapse;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 14px;
text-align: middle;
width: 100%;
padding: 5px;
}

.startButton
{
	box-shadow: 0 2px 5px 0 #276873;
	
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:0px;
	height: 200px;
	width: 300px;
	font-size: 72px;
	text-decoration:none;
	text-transform: uppercase;
	text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:middle;
}

.startButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D9D9D9), color-stop(1, #E6E6E6));
	background:-moz-linear-gradient(top, #D9D9D9 5%, #E6E6E6 100%);
	background:-webkit-linear-gradient(top, #D9D9D9 5%, #E6E6E6 100%);
	background:-o-linear-gradient(top, #D9D9D9 5%, #E6E6E6 100%);
	background:-ms-linear-gradient(top, #D9D9D9 5%, #E6E6E6 100%);
	background:linear-gradient(to bottom, #D9D9D9 5%, #E6E6E6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9D9D9', endColorstr='#E6E6E6',GradientType=0);
	background-color: #D9D9D9;
	color: #000000;
}
.startButton:active {
	position:relative;
	top:1px;
}

.mobilButton
{
	box-shadow: 0 2px 5px 0 #276873;
	
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:30px;
	font-weight:bold;
	padding:0px;
	height: 120px;
	width: 200px;
	margin: 2pt;
	text-transform: uppercase;
	//text-decoration:none;
	//text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:middle;

}

.mobilButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #D9D9D9), color-stop(1, #E6E6E6));
	background:-moz-linear-gradient(top, #D9D9D9 5%, #E6E6E6 100%);
	background:-webkit-linear-gradient(top, #D9D9D9 5%, #E6E6E6 100%);
	background:-o-linear-gradient(top, #D9D9D9 5%, #E6E6E6 100%);
	background:-ms-linear-gradient(top, #D9D9D9 5%, #E6E6E6 100%);
	background:linear-gradient(to bottom, #D9D9D9 5%, #E6E6E6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D9D9D9', endColorstr='#E6E6E6',GradientType=0);
	color: #000000;
}

.mobilButton:active {

}

.biglinkButton {
  background-color: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #5F6A6A;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 2vw), 32px);
  line-height: min(max(50px, 5vw), 80px);
  width: min(max(150px, 13vw), 230px);
}

.biglinkButton:hover {
  border-color: #008296;
  box-shadow: 0 4px 5px 0 #276873;
  color: #000000;
  background-color: #f7fafa;
}

.biglinkButton:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.biglinkButtonRed {
  background-color: #FF0000;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 2vw), 32px);
  line-height: min(max(50px, 5vw), 80px);
  width: min(max(150px, 13vw), 230px);
}

.biglinkButtonRed:hover {
  border-color: #008296;
  background-color: #cc0000;
  box-shadow: 0 4px 5px 0 #276873;
  color: #ffffff;
}

.biglinkButtonRed:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.biglinkButtonGreen {
  background-color: #32CD32;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 2vw), 32px);
  line-height: min(max(50px, 5vw), 80px);
  width: min(max(150px, 13vw), 230px);
}

.biglinkButtonGreen:hover {
  border-color: #008296;
  background-color: #0fac0c;
  box-shadow: 0 4px 5px 0 #276873;
  color: #ffffff;
}

.biglinkButtonGreen:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.biglinkButtonGelb {
  background-color:#ffc100;
  border: 1px solid #d5d9d9;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 2vw), 32px);
  line-height: min(max(50px, 5vw), 80px);
  width: min(max(150px, 13vw), 230px);
}

.biglinkButtonGelb:hover {
	background-color:#FFFFFF;
	color: #000000;
  border-color: #008296;
  box-shadow: 0 4px 5px 0 #276873;
}

.biglinkButtonGelb:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.biglinkButtonBlau {
  background-color: #0000FF;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 2vw), 32px);
  line-height: min(max(50px, 5vw), 80px);
  width: min(max(150px, 13vw), 230px);
}

.biglinkButtonBlau:hover {
  background-color: #0000b3;
  color: #ffffff;
  border-color: #008296;
  box-shadow: 0 4px 5px 0 #276873;
}

.biglinkButtonGelb:focus {
  background-color: #0000b3;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.dnButton {
  background-color: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #5F6A6A;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 1px 0 1px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 1vw), 28px);
  line-height: min(max(60px, 7vw), 100px);
  width: min(max(70px, 8vw), 100px);
}

.dnButton:hover {
  border-color: #008296;
  box-shadow: 0 4px 5px 0 #276873;
  color: #000000;
  background-color: #f7fafa;
}

.dnButton:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.dnButtonRed {
  background-color: #FF0000;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 1px 0 1px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 1vw), 28px);
  line-height: min(max(60px, 7vw), 100px);
  width: min(max(70px, 8vw), 100px);
}

.dnButtonRed:hover {
  background-color: #cc0000;
}

.dnButtonRed:focus {
  border-color: #008296;
  outline: 0;
}

.dnButtonGreen {
  background-color: #32CD32;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 1px 0 1px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 1vw), 28px);
  line-height: min(max(60px, 7vw), 100px);
  width: min(max(70px, 8vw), 100px);
}

.dnButtonGreen:hover {
  background-color: #0fac0c;
}

.dnButtonGreen:focus {
  border-color: #008296;
  outline: 0;
}

.dnButtonBlau {
  background-color: #0000FF;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 1px 0 1px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 1vw), 28px);
  line-height: min(max(60px, 7vw), 100px);
  width: min(max(70px, 8vw), 100px);
}

.dnButtonBlau:hover {
  background-color: #0000b3;
}

.dnButtonBlau:focus {
  border-color: #0000b3;
  outline: 0;
}

.dnButtonBraun {
  background-color: #714604;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 1px 0 1px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 1vw), 28px);
  line-height: min(max(60px, 7vw), 100px);
  width: min(max(70px, 8vw), 100px);
}

.dnButtonBraun:hover {
  background-color: #4a2d03;
}

.dnButtonBraun:focus {
  border-color: #4a2d03;
  outline: 0;
}

.dnButtonGelb {
  background-color: #ffc100;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 1px 0 1px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 1vw), 28px);
  line-height: min(max(60px, 7vw), 100px);
  width: min(max(70px, 8vw), 100px);
}

.dnButtonGelb:hover {
  background-color: #cc9900;
}

.dnButtonGelb:focus {
  border-color: #cc9900;
  outline: 0;
}

.dnButtonBig {
  background-color: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #5F6A6A;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 1px 0 1px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 4vw), 48px);
  line-height: min(max(40px, 7vw), 100px);
  width: min(max(300px, 40vw), 500px);
}

.dnButtonBig:hover {
  border-color: #008296;
  box-shadow: 0 4px 5px 0 #276873;
  color: #000000;
  background-color: #f7fafa;
}

.dnButtonBig:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.dnButtonBigRed {
  background-color: #FF0000;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 1px 0 1px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 4vw), 48px);
  line-height: min(max(40px, 7vw), 100px);
  width: min(max(300px, 40vw), 500px);
}

.dnButtonBigRed:hover {
  background-color: #cc0000;
}

.dnButtonBigRed:focus {
  border-color: #008296;
  outline: 0;
}

.dnButtonBigGreen {
  background-color: #32CD32;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 1px 0 1px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 4vw), 48px);
  line-height: min(max(40px, 7vw), 100px);
  width: min(max(300px, 40vw), 500px);
}

.dnButtonBigGreen:hover {
  background-color: #0fac0c;
}

.dnButtonBigGreen:focus {
  border-color: #008296;
  outline: 0;
}

.dnButtonBigBlau {
  background-color: #0000FF;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 4vw), 48px);
  line-height: min(max(40px, 7vw), 100px);
  width: min(max(300px, 40vw), 500px);
}

.dnButtonBigBlau:hover {
  background-color: #0000b3;
}

.dnButtonBigBlau:focus {
  border-color: #0000b3;
  outline: 0;
}

.dnButtonBigBraun {
  background-color: #714604;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 4vw), 48px);
  line-height: min(max(40px, 7vw), 100px);
  width: min(max(300px, 40vw), 500px);
}

.dnButtonBigBraun:hover {
  background-color: #4a2d03;
}

.dnButtonBigBraun:focus {
  border-color: #4a2d03;
  outline: 0;
}

.dnButtonBigGelb {
  background-color: #ffc100;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(24px, 4vw), 48px);
  line-height: min(max(40px, 7vw), 100px);
  width: min(max(300px, 40vw), 500px);
}

.dnButtonBigGelb:hover {
  background-color: #cc9900;
}

.dnButtonBigGelb:focus {
  border-color: #cc9900;
  outline: 0;
}

.linkButton {
  background-color: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #5F6A6A;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(14px, 1vw), 18px);
  line-height: min(max(25px, 2vw), 40px);
  width: min(max(120px, 8vw), 170px);
}

.linkButton:hover {
  border-color: #008296;
  box-shadow: 0 4px 5px 0 #276873;
  color: #000000;
  background-color: #f7fafa;
}

.linkButton:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.linkButtonRed {
  background-color: #FF0000;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(14px, 1vw), 18px);
  line-height: min(max(25px, 2vw), 40px);
  width: min(max(120px, 8vw), 170px);
}

.linkButtonRed:hover {
  background-color: #cc0000;
}

.linkButtonRed:focus {
  border-color: #008296;
  outline: 0;
}

.linkButtonGreen {
  background-color: #32CD32;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(14px, 1vw), 18px);
  line-height: min(max(25px, 2vw), 40px);
  width: min(max(120px, 8vw), 170px);
}

.linkButtonGreen:hover {
  background-color: #0fac0c;
}

.linkButtonGreen:focus {
  border-color: #008296;
  outline: 0;
}

.linkButtonGelb {
  background-color:#ffc100;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(14px, 1vw), 18px);
  line-height: min(max(25px, 2vw), 40px);
  width: min(max(120px, 8vw), 170px);
}

.linkButtonGelb:hover {
  	border-color: #008296;
	box-shadow: 0 4px 5px 0 #276873;
	background-color:#dfc729;
}

.linkButtonGelb:focus {
  border-color: #008296;
  outline: 0;
}

.BoardButton {
  background-color: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #5F6A6A;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(14px, 1vw), 18px);
  line-height: min(max(25px, 2vw), 40px);
  width: min(max(120px, 8vw), 170px);
  height: min(max(70px, 7vw), 110px);
}

.BoardButton:hover {
  border-color: #008296;
  box-shadow: 0 4px 5px 0 #276873;
  color: #000000;
  background-color: #f7fafa;
}

.BoardButton:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.shortlinkButton
{
	border: 1px solid #d5d9d9;
	box-shadow: 0 2px 5px 0 #276873;
	background-color: #fff;
	display:inline-block;
	cursor:pointer;
	color: #000000;
	font-family:arial;
	font-size:52px;
	font-weight:normal;
	padding:0px;
	height: 100px;
	width: 148px;
	margin: 2pt;
	text-transform: uppercase;
	//text-decoration:none;
	//text-shadow:0px 1px 0px #3d768a;
	text-align:center;
	vertical-align:middle;
}

.shortlinkButton:hover {
	background-color: #e7e6e5;
	border-color: #008296;
	box-shadow: 0 4px 5px 0 #276873;
	color: #000000;
}
.shortlinkButton:active {
	border-color: #008296;
	box-shadow: 0 2px 5px 0 #276873;
}

.biglinkButton {
  background-color: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #5F6A6A;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 2vw), 32px);
  line-height: min(max(50px, 5vw), 80px);
  width: min(max(150px, 13vw), 230px);
}

.biglinkButton:hover {
  border-color: #008296;
  box-shadow: 0 4px 5px 0 #276873;
  color: #000000;
  background-color: #f7fafa;
}

.biglinkButton:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.biglinkButtonRed {
  background-color: #FF0000;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 2vw), 32px);
  line-height: min(max(50px, 5vw), 80px);
  width: min(max(150px, 13vw), 230px);
}

.biglinkButtonRed:hover {
  border-color: #008296;
  background-color: #cc0000;
  box-shadow: 0 4px 5px 0 #276873;
  color: #ffffff;
}

.biglinkButtonRed:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.biglinkButtonGreen {
  background-color: #32CD32;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 2vw), 32px);
  line-height: min(max(50px, 5vw), 80px);
  width: min(max(150px, 13vw), 230px);
}

.biglinkButtonGreen:hover {
  border-color: #008296;
  background-color: #0fac0c;
  box-shadow: 0 4px 5px 0 #276873;
  color: #ffffff;
}

.biglinkButtonGreen:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.biglinkButtonGelb {
  background-color:#ffc100;
  border: 1px solid #d5d9d9;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 2vw), 32px);
  line-height: min(max(50px, 5vw), 80px);
  width: min(max(150px, 13vw), 230px);
}

.biglinkButtonGelb:hover {
	background-color:#FFFFFF;
	color: #000000;
  border-color: #008296;
  box-shadow: 0 4px 5px 0 #276873;
}

.biglinkButtonGelb:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}



/* Neues Button Layout */

.menuButton {
  background-color: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #5F6A6A;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 1.2vw), 24px);
  line-height: min(max(35px, 2vw), 50px); // 2vw;
  width: min(max(220px, 24vw), 500px);
}

.menuButton:hover {
	border-color: #008296;
	box-shadow: 0 4px 5px 0 #276873;
	color: #000000;
  	background-color: #f7fafa;
}

.menuButton:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.menuButtonRed {
  background-color: #FF0000;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 1.2vw), 24px);
  line-height: min(max(35px, 2vw), 50px); // 2vw;
  width: min(max(220px, 24vw), 500px);
}

.menuButtonRed:hover {
	border-color: #008296;
	box-shadow: 0 4px 5px 0 #276873;
  background-color: #cc0000;
}

.menuButtonRed:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

.menuButtonGreen {
  background-color: #32CD32;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(18px, 1.2vw), 24px);
  line-height: min(max(35px, 2vw), 50px); // 2vw;
  width: min(max(220px, 24vw), 500px);
}

.menuButtonGreen:hover {
	border-color: #008296;
	box-shadow: 0 4px 5px 0 #276873;
  	color: #ffffff;
  	background-color: #0fac0c;
}

.menuButtonGreen:focus {
  border-color: #008296;
  box-shadow: 0 2px 5px 0 #276873;
  outline: 0;
}

/* Neues Button Layout */


.tableButtonGreen
{
  background-color:#32CD32;
  border: 1px solid #d5d9d9;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 #276873;
  box-sizing: border-box;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(8px, 1vw), 12px);
  line-height: min(max(10px, 1vw), 20px);
  width: min(max(60px, 4.5vw), 100px);
}

.tableButtonGreen:hover {
	background-color:#FFFFFF;
	color: #000000;
}

.tableButtonGelb
{
  background-color:#ffc100;
  border: 1px solid #d5d9d9;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 #276873;
  box-sizing: border-box;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  //font-size:12px;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(8px, 1vw), 12px);
  line-height: min(max(10px, 1vw), 20px);
  width: min(max(60px, 4.5vw), 100px);
}

.tableButtonGelb:hover {
	background-color:#FFFFFF;
	color: #000000;
}

.tableButtonRed
{
  background-color:#FF0000;
  border: 1px solid #d5d9d9;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 #276873;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  // font-size:12px;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  font-size: min(max(8px, 1vw), 12px);
  line-height: min(max(10px, 1vw), 20px);
  width: min(max(60px, 4.5vw), 100px);

}

.tableButtonRed:hover {
	background-color:#FFFFFF;
	color: #000000;
}

.statusButtonWhite
{
  background-color:#FFFFFF;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #5F6A6A;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
//  font-size:24px;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
//	height: 50px;
//	width: 300px;
  font-size: min(max(11px, 1vw), 24px);
  line-height: min(max(18px, 2vw), 40px); // 2vw;
  width: min(max(170px, 18vw), 270px);
}

.statusButtonWhite:hover {
	border-color: #008296;
	box-shadow: 0 4px 5px 0 #276873;
	background-color:#e7e6e5;
	color: #FF0000;
}

.statusButtonGelb
{
  background-color:#ffc100;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
//  font-size:24px;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
//	height: 50px;
//	width: 300px;
  font-size: min(max(11px, 1vw), 24px);
  line-height: min(max(18px, 2vw), 40px); // 2vw;
  width: min(max(170px, 18vw), 270px);
}

.statusButtonGelb:hover {
	border-color: #008296;
	box-shadow: 0 4px 5px 0 #276873;
	background-color:#dfc729;
	color: #FF0000;
}

.statusButtonGreen
{
  background-color:#32CD32;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #300000;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
//  font-size:24px;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
//	height: 50px;
//	width: 300px;
  font-size: min(max(11px, 1vw), 24px);
  line-height: min(max(18px, 2vw), 40px); // 2vw;
  width: min(max(170px, 18vw), 270px);
}

.statusButtonGreen:hover {
	border-color: #008296;
	box-shadow: 0 4px 5px 0 #276873;
	background-color:#0fac0c;
	color: #FF0000;
}

.statusButtonRed
{
  background-color:#FF0000;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
 // font-size:24px;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
//	height: 50px;
//	width: 300px;
  font-size: min(max(11px, 1vw), 24px);
  line-height: min(max(18px, 2vw), 40px); // 2vw;
  width: min(max(170px, 18vw), 270px);

}

.statusButtonRed:hover {
	border-color: #008296;
	box-shadow: 0 4px 5px 0 #276873;
	background-color:#cc0000;
	color: #32CD32;
}

.rebootButtonRed
{
  background-color:#FF0000;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
 // font-size:28px;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
//	height: 50px;
//	width: 300px;
  font-size: min(max(11px, 1vw), 24px);
  line-height: min(max(18px, 2vw), 40px); // 2vw;
  width: min(max(170px, 18vw), 270px);
}

.rebootButtonRed:hover {
	border-color: #008296;
	box-shadow: 0 4px 5px 0 #276873;
	background-color:#cc0000;
	color: #FFFFFF;
}

.rebootButtonGreen
{
  background-color:#32CD32;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  //font-size:28px;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
//	height: 50px;
//	width: 300px;
  font-size: min(max(11px, 1vw), 24px);
  line-height: min(max(18px, 2vw), 40px); // 2vw;
  width: min(max(170px, 18vw), 270px);
}

.rebootButtonGreen:hover {
	border-color: #008296;
	box-shadow: 0 4px 5px 0 #276873;
	background-color:#32CD32;
	color: #000000;
}

.tableButton
{
  background-color:#FFFFFF;
  border: 1px solid #d5d9d9;
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 #276873;
  box-sizing: border-box;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",sans-serif;
  //font-size:12px;
  padding: 0 10px 0 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  	//height: 20px;
	//Swidth: 100px;
	//	height: 50px;
//	width: 300px;
  font-size: min(max(8px, 1vw), 12px);
  line-height: min(max(10px, 1vw), 20px);
  width: min(max(60px, 4.5vw), 100px);
}

.tableButton:hover {
	box-shadow: 0 4px 5px 0 #276873;
  	background-color:#e7e6e5;
  	border-color: #008296;
  	box-shadow: 0 4px 5px 0 #276873;
	color: #000000;
}

table.pw-table, table.pw-table tr, table.pw-table td
{
border: 0px;
}

table.pw-tableMobil, table.pw-tableMobil tr, table.pw-tableMobil td
{
border: 0px;
padding: min(max(4pt, 0.8vw), 9pt);
}

#admin.button
{
width: 100px;
}

.toggle label {
	position: relative;
	display: inline-block;
	width: 10em;
	height: 3.5em;
}

.toggle input {
	display: none;
}

.toggle .slider {
	/* Grundfläche */
	
	position: absolute;
	cursor: pointer;
	top: 1.5em;
	left: 2em;
	width: 4em;
	height: 2em;
	background-color: #c32e04;
	/* red */
	
	transition: all .3s ease-in-out;
	border-radius: 1em;
}

.toggle .slider:before {
	/* verschiebbarer Button */
	
	position: absolute;
	content: "";
	height: 1.6em;
	width: 1.6em;
	left: 0.2em;
	bottom: 0.2em;
	background-color: white;
	border-radius: 50%;
	transition: all .3s ease-in-out;
}

.toggle input:checked + .slider {
	background-color: #5a9900;
	/* green */
}

.toggle input:focus + .slider {
	background-color: pink;
	box-shadow: 0 0 1px #5a9900;
}

.toggle input:checked + .slider:before {
	-webkit-transform: translateX(1.9em);
	/* Android 4 */
	
	-ms-transform: translateX(1.9em);
	/* IE9 */
	
	transform: translateX(1.9em);
}

.text .slider:after {
	/* Text vor dem FlipFlop-Schalter */
	
	position: absolute;
	content: "OFF";
	color: #c32e04;
	font-weight: bold;
	height: 1.6em;
	left: -2.5em;
	bottom: 0.2em;
}

.text input:checked + .slider:after {
	/* Text hinter dem FlipFlop-Schalter */
	
	position: absolute;
	content: "ON";
	color: #5a9900;
	left: 4.5em;
}


.radio { 
	width: 20px; 
	height: 20px; 
}


*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  font-family: -apple-system, ".SFNSText-Regular", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
}

.toggle {
  cursor: pointer;
  display: inline-block;
}

.toggle-switch {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 58px;
  height: 22px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}
.toggle-switch:before, .toggle-switch:after {
  content: "";
}
.toggle-switch:before {
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  width: 14px;
  height: 14px;
  position: absolute;
  top: 4px;
  left: 4px;
  transition: left 0.25s;
}
.toggle:hover .toggle-switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
.toggle-checkbox:checked + .toggle-switch {
  background: #56c080;
}
.toggle-checkbox:checked + .toggle-switch:before {
  left: 30px;
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

.toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}