
.Ergebnisse {
    font-weight: bold;
    font-style: italic;
}

.describe {
    display: none;
}

body {
    scrollbar-arrow-color: #ff0000;
    scrollbar-base-color: #ffffff;
    font-family: Arial;
    font-size: 14pt;
    background-attachment:fixed;
}

table.eintragen { background: #DEDCDC; border-left:3px solid red; border-top:3px solid red; border-right:3px solid #0000FF; border-bottom:3px solid #0000FF;}

table.eingetragen {border:5px; border-left:5px solid #0000FF; border-top:5px solid #0000FF; border-right:5px solid red; border-bottom:5px solid red;}

#topmenu { position:fixed; top:0; left:0; width:100%; z-index: 99;}

#topdruck { position:fixed; top:40; right:220;}
		
/* Extra small devices (phones, 300px and down) */
@media only screen and (max-width: 300px) {
#stickyad { position:fixed; width:60%; margin-top:20px;margin-left:10px;z-index: 2; }
#training { width:80%; }
#menu {	width:60%; float:none; margin:0 auto;}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
#stickyad { position:fixed; width:60%; margin-top:20px;margin-left:10px;z-index: 2; }
#training { width:400px; }
#menu {	width:60%; float:none; margin:0 auto;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
#stickyad { position:fixed; width:60%; margin-top:20px;margin-left:10px;z-index: 2; }
#training { width:500px; }
#menu {	width:60%; float:none; margin:0 auto;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
#stickyad { position:fixed; width:80%; margin-top:20px;margin-left:10px;z-index: 2; }
#training { width:700px; }
}
 
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
#stickyad { position:fixed; margin-top:20px;margin-left:20px;z-index: 2; }
#training { width:700px; }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
#stickyad { position:fixed; margin-top:20px;margin-left:50px;z-index: 2; }
#training { width:700px; }
}

/* According to Mobile Orientation */
@media only screen and (orientation: landscape) {
#stickyad { position:fixed; margin-top:20px;margin-left:50px;z-index: 2; }
#training { width:700px; }
}

.topp {
    body.scrollTop: 30;
}

table {
    font-family: Arial;
    font-size: 14pt;
    color: #000000;
}

th {
    font-family: Arial;
    font-size: 14pt;
    color: #000000;
}

td {
    font-family: Arial;
    font-size: 12pt;
    color: #000000;
}

a:link       { color: #FF0000; font-weight: bold; }
a:visited    { color: #FF0000; font-weight: bold; }
a:hover       { color: #000000; font-weight: bold; background: #FFFF00; }

a:link.int       { color: blue; font-weight: bold; font-size: 12pt; }
a:visited.int    { color: blue; font-weight: bold; font-size: 12pt; }
a:hover.int       { color: blue; font-weight: bold; background: #FFFF00; font-size: 12pt; }

input {
    font-family: Arial;
    font-size: 12pt;
    border-width: 1;
    border-color: #000000;
    color: #000000;
    background-color: FFFFFF;
}

select {
    font-family: Arial;
    font-size: 12pt;
    border-width: 1;
    border-color: #000000;
    color: #000000;
    background-color: FFFFFF;
}

textarea {
    border-width: 1;
    font-family: Arial;
    font-size: 12pt;
    color: #000000;
    border-color: #000000;
}

.button {
    border: 000000px solid;
    font-family: Arial;
    font-size: 11pt;
    color: #000000;
    font-weight: bold;
    background: #FFFFFF
}

td.ah {
    font-size: 14pt;
    color: #000000;
	font-weight: bold;
	font-family: Arial;
}
 
h1 {
    font-size: 16pt;
    color: #000000;
    background: #FFFFFF;
}
 
h2 {
    font-size: 14pt;
    color: #000000;
    background: #FFFFFF;
}

h1.ah {
    font-size: 14pt;
    color: #000000;
    background: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

h2.ah {
    font-size: 12pt;
    color: #000000;
    background: #FFFFFF;
    font-weight: bold;
	text-align: center;
}

h3 {
    font-size: 12pt;
    color: #000000;
    background: #FFFFFF;
}

div {
    font-size: 12pt;
    color: #000000;
	font-weight: bold;
}

.herren {
    background: #00C0FF;
    font-size: 12pt;
    font-weight: bold;
}

.damen {
    background: #FF0000;
    font-size: 12pt;
    font-weight: bold;
}

.jugend {
    background: #00FF00;
    font-size: 12pt;
    font-weight: bold;
}

.schueler {
    background: #FFFF00;
    font-size: 12pt;
    font-weight: bold;
}

.aktuelles {
    background: #CFCFCF;
    font-size: 12pt;
    text-align: center;
    font-weight: bold;
}

.hide {
    font-size: 12pt;
    color: #FF0000;
}

a:hover.hide {
	color: #000000; font-weight: bold; background: #FFFF00;
}

marquee {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    background: #000000;
}

h1.P1 {
    font-size: 24px;
    font-weight: bold;
	text-align: center;
	color: red;
	width: 100%;
}

h2.H2 {
    font-size: 24px;
    font-weight: bold;
	text-align: center;
	color: green;
	width: 100%;
}

p {
    font-size: 18px;
}

p.P1 {
    font-size: 20px;
    font-weight: bold;
	text-align: center;
}

p.P2 {
    font-size: 18px;
    font-weight: bold; 
	text-align: center;
}

p.ol1 {
 font-size: 16px;
 font-weight: bold;
 text-align: center;
}

option:checked, option:hover {
    background-color: orange;
}