html {
    overflow: auto;
}

body {
    background-color: #000000;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-face-color: #383838;
    scrollbar-shadow-color: #2A2A2A;
    scrollbar-highlight-color: #383838;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #2A2A2A;
    scrollbar-track-color: #2A2A2A;
    scrollbar-arrow-color: #383838;

    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;


}





/* Let's get this party started */
::-webkit-scrollbar {

    width: 12px;
    height: 160px;
    background: rgb(169, 169, 165);
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0,0,0);
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgb(88,88,88);
    -webkit-box-shadow: inset 0 0 9px rgb(0,0,0);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgb(255,255,255);
}

.thumbnail-link { background-color: #4B4B4B; }
  
.textthema { font-family: verdana, Helvetica, sans-serif, arial; letter-spacing: 1px; padding-left: 6px; font-weight: bold; font-size: 10px; color: #4A5255; }
.infotext { font-family: verdana, Helvetica, sans-serif, arial; font-size: 11px; color: #4B4B4B; line-height: 17px;}
.textbild { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #555555; line-height: 15px;}
.table { font-family: verdana, Helvetica, sans-serif, arial; font-size: 10px; color: #4B4B4B; }

.texttafelklein { font-family: verdana, Helvetica, sans-serif, arial; font-size: 10px; color: #4B4B4B; }
.texttafelgross { font-family: verdana, Helvetica, sans-serif, arial; font-size: 12px; color: #4B4B4B; }

.typenblatt { font-family: verdana, Helvetica, sans-serif, arial; font-size: 12px; color: #000000; }
.typenblattklein { font-family: verdana, Helvetica, sans-serif, arial; font-size: 10px; color: #000000; }
.typenblatt tr { font-family: verdana, Helvetica, sans-serif, arial; font-size: 12px; color: #000000; }

.weiss { font-family: verdana, Helvetica, sans-serif, arial; font-size: 11px; color: #ffffff; }
.grau { font-family: verdana, Helvetica, sans-serif, arial; font-size: 11px; color: #C0C0C0; }

.bucker { font-family: verdana, Helvetica, sans-serif, arial; font-size: 11px; color: #000000; }

.staffel0 { font-family: Arial; font-size : 16px; font-weight: bold; color : #009D4F; letter-spacing: 2px; }
.staffel1 { font-family: Arial; font-size : 16px; font-weight: bold; color : #FFFFFF; letter-spacing: 2px; }
.staffel2 { font-family: Arial; font-size : 16px; font-weight: bold; color : #E10000; letter-spacing: 2px; }
.staffel3 { font-family: Arial; font-size : 16px; font-weight: bold; color : #FEE272; letter-spacing: 2px; }
.staffel4 { font-family: Arial; font-size : 16px; font-weight: bold; color : #1D1D1D; letter-spacing: 2px; }
.staffel5 { font-family: Arial; font-size : 16px; font-weight: bold; color : #3333FF; letter-spacing: 2px; }

.radar1 { font-family: verdana, Helvetica, sans-serif, arial; font-size : 10px; font-weight: bold; color : #E10000; }
.radar2 { font-family: verdana, Helvetica, sans-serif, arial; font-size : 10px; font-weight: bold; color : #3333FF; }
.radar3 { font-family: verdana, Helvetica, sans-serif, arial; font-size : 10px; font-weight: bold; color : #009D4F; }

.staffelklein { font-family: Arial; font-size : 10px; font-weight: bold; color : #009D4F;}

.stkz { font-family: Arial; font-size : 10px; font-weight: bold; color : #D1D1D1; }
.stkz0 { font-family: verdana, Helvetica, sans-serif, arial; font-size: 10px; color: #4B4B4B; background-color: #C0C0C0; border: 2px solid #C0C0C0; }

.email { font-family: verdana, Helvetica, sans-serif, arial; font-size: 12px; color: #4B4B4B; }

a:link,a:active,a:visited { font-family: verdana, Helvetica, sans-serif, arial; font-size : 8pt; text-decoration: none; color : #4B4B4B; }
a:hover	{ text-decoration: none; color:#7C3333; }

.support { font-weight: bold; font-family: verdana, Helvetica, sans-serif, arial; font-size: 9px; color: #FF3300; }

.auto-style1 {
	text-align: center;
}

.auto-style2 {
	border: 2px solid #242424;
	background-color: #A9A9A5;
}

.cursor: default;


@media only screen and (max-width: 1000px) {
.textbild { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 30px; color: #555555; }

@media  only screen and (min-device-width: 768px) 
{
    .form-container {
      padding: 5%;
      background: #ffffff;
      border: 9px solid #f2f2f2;            
      max-width: 520px;
      margin: auto;
    }

}

h1, p 
{
  text-align: center;
}

input, textarea , button
{
  width: 100%;
}    
textarea
{
  height: 200px;
}