body     { margin:0px; padding:10 0 10 0px; background:#505050; background-image:linear-gradient(to bottom right,#707070 5%,#404040 95%);
           background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; vertical-align:top; 
           font-family:verdana,arial,helvetica; font-size:11pt; font-weight:normal; color:#ffffff; text-decoration:none; line-height:20px;
           overflow-y:scroll; overflow-x:hidden; }
h1       { font-size:24pt; margin-top:0px; padding:50 0 0 0px; }
h2       { font-size:18pt; margin-top:0px; padding-top:0px; }
hr       { border-width:1 0 0 0px; border-color:#ffffff; border-style:solid; }
.mail    { font-family:verdana,arial,helvetica; font-size:11pt; vertical-align:top; font-weight:normal; color:#ffffff;
           text-decoration:none; line-height:20px; }
.kl_mail { font-size:8pt; vertical-align:bottom; }
a        { color:#ffffff; text-decoration:none; }
a:hover  { color:#cccccc; text-decoration:underline; }
.streifen{ background:#a02030; width:100%; height:10px; }
.the-box { width:960px; background:#702030; margin: 5 0 5 0px; padding: 0px; text-align:left; background-image:linear-gradient(to bottom,#5a2a30 10%,#852b35 80%);}
.content { background:#303030; padding:10 20 10 20px; }
.footer  { padding:10 5 10 5px; text-align:center; }
.highlight { background:#404040; }
.menue1  { border-width:1px; border-color:#ffffff; border-style:solid; border-collapse:collapse; line-height:180%; vertical-align:middle; padding:0 10 0 10px; }
.menue2  { border-width:0 1 0 1px; border-color:#ffffff; border-style:solid; border-collapse:collapse; line-height:180%; vertical-align:middle; padding:0 10 0 10px; }
.menue3  { border-width:0 0 0 0px; border-color:#ffffff; border-style:solid; border-collapse:collapse; line-height:180%; vertical-align:middle; }
.auswahl:hover { color: #999999; text-decoration: none; cursor:pointer;}
.logo    { width:auto; height:150px; border:0px; padding:10 30 10 30px; margin:0px; align:left; }
.tablogo { width:18px; height:auto; border:0px; padding:0px; margin:0px; vertical-align:bottom; }
.divfloat{ width:480px; max-width:100%; float:left; }
.teamfoto{ width:360px; }
.nl      { display:none; }
.sl      { display:overflow; }
.tl      { display:overflow; }

/* Tablet */
@media only screen and (min-width: 521px) and (max-width: 1000px) {
body     { font-size:12pt; line-height:22px;}
h1       { padding-top:20px; }
.mail    { font-size:12pt; line-height:22px; }
.the-box { min-width:480px; width:80%; max-width:800px; }
.menue1,.menue2,.menue3   { font-size:12pt; padding:0 8 0 8px; }
.auswahl:hover { color:#ffffff; text-decoration:none; cursor:pointer;}
.tablogo { width:14px; height:auto; }
.teamfoto{ min-width:320px; width:98%; height: auto; margin-top:50px;}
.divfloat{ float:none; padding-bottom:20px; }
.nl      { display:inline; }
.tl      { display:none; }
}

/* Smartphone */
@media only screen and (max-width: 520px) {
body     { padding:0px; font-size:10pt; line-height:18px; }
h1       { font-size:15pt; padding-top:20px; margin:0 0 5 0px; }
h2       { font-size:13pt; }
.mail    { font-size:10pt; line-height:18px; }
.the-box { min-width:320px; width:auto; max-width:480px; margin:0px; padding:0px; }
.content { padding:10 10 10 10px; }
.menue1,.menue2,.menue3   { font-size:9pt; padding:0 5 0 5px; }
.logo    { width:auto; height:100px; padding:10 20 10 20px; }
.nl      { display:inline; }
.sl      { display:none; }
.tl      { display:none; }
.auswahl:hover { color:#ffffff; text-decoration:none; cursor:pointer;}
.teamfoto{ min-width:320px; width:98%; height: auto; margin-top:50px;}
.tablogo { width:auto; height:11px; }
}