/* Gesamtschrift und Gesamtrand festlegen */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;0
margin: 10px;
/*background-color: ButtonFace;*/
/*background-color: #55bfff;*/
/*background-color: #0066ff;*/
/*background-image: url(../bilder/sommerpause_blau_3.jpg);*/
color: black;
}

/* Überschrift 1 */
h1 {
	font-size: 10pt;
	margin-bottom: 1px;
  border: none 1px black;
	padding-left: 0px;
  /*Hintergrund grün*/
	/*background-color: #390;*/
	text-align: center;
	line-height: 1.2;
}

/* Überschrift 2 */
h2 {
font-size: 10pt;
margin-bottom: 0px;
padding-bottom: 0px;
/*Schriftfarbe blau*/
color: blue;
}

/* Überschrift 3 */
h3 {
font-size: 12pt;
margin-bottom: 0px;
padding-bottom: 0px;
/*Schriftfarbe schwarz und fett*/
color: black;
font-weight: bold;
}

/* Überschrift 4 */
h4 {
font-size: 10pt;
margin-bottom: 0px;
padding-bottom: 0px;
/*Schriftfarbe helleres grün und fett*/
color: black;
font-weight: normal;
}

#punkt-1 {
position: absolute;
top: 38px;
/*left: 8px;*/
width: 100%;
z-index: 1;
align: center;
}

#text_top {
position: absolute;
top: 20px;
margin: 20px;
left: 0px;
text-align: left;
color: #00ccff;
}

#text_top2 {
position: absolute;
top: 20px;
margin: 20px;
left: 0px;
text-align: left;
color: black;
}

#webmaster {
position: absolute;
top: 15 px;
z-index: 1;
width: 98%;
text-align: center;
}

#kastenlinks {
position: absolute;
top: 55px;
left: 5%;
width: 25%;
border: none 1px black;
background-color: transparent;
}

#kastenlinks a {
text-decoration: none;
color: lightblue;
}

#kastenlinks a:hover a:visited a:active {
background-color: #ddd;
}

#kastenmitte {
position: absolute;
top: 74px;
left: 33%;
width: 33%;
border: none 1px black;
background-color: transparent;
}

#kastenrechts {
position: absolute;
top: 50px;
left: 70%;
right: 5%;
width: 30%;
border: none 1px black;
background-color: transparent;
}

#kastenrechts a {
text-decoration: none;
color: lightblue;
}

#kastenrechts a:hover a:visited a:active {
background-color: #ddd;
}

/* TOP Balken */
#oben_balken {
position: absolute;
top: 10px;
left: 1%;
width: 96%;
height: 45px;
/*background-color: #55bfff;*/
background-color: #0066ff;
border: none 1px black;
color: white;
/*z-index: 0;*/
}

#oben_balken a {
text-decoration: none;
}

#bilder1 {
position: absolute;
left: 3%;
top: 0px;
border: none 1px white;
z-index: 1;
}

#bilder2 {
position: absolute;
right: 4%;
top: 0px;
border: none 1px white;
z-index: 1;
}

#bilder2a {
position: absolute;
right: 3%;
top: 0px;
valign: top;
border: none 1px white;
z-index: 2;
}

/* Gegner - Mannschaftsicons */
#gegicon {
background-color: white;
width: 100%;
height: 50 px;
}

#it_alt {
color: #33ffff;
font-size: 9px;
}

#oben_balken_li {
position: absolute;
top: 16px;
width: 30px;
height: 30px;
border: none 1px black;
}

#oben_balken_re {
position: absolute;
top: 16px;
left: 96%;
width: 30px;
height: 30px;
border: solid 1px black;
}

#unten_balken {
position: absolute;
top: 70px;
margin-left: 30px;
width: 95%;
height: 14px;
background-color: transparent;
border: none 1px black;
font-size: 8px;
z-index: 1;
}

#unten_balken a {
text-decoration: none;
}

#unten_balken a:hover {
text-decoration: none;
background-color: white;
}

#balken_ecken {
position: absolute;
top: 575px;
width: 98%;
height: 30px;
background-color: ButtonFace;
border: none 1px black;
z-index: 1;
}

#start {
position: absolute;
top: 102px;
left: 3%;
width: 95%;
height: 465px;
border: none 1px black;
background-color: #0066ff;
text-align: center;
}

#oben_zurueck {
top: 130px;
color: black;
}

#oben_zurueck a {
	font-size: 12pt; 
	text-decoration: none;
	color: black;
}

#menuzeile {
position: absolute;
padding-top: 1px;
top: 82px;
left: 0%;
width: 96%;
height: 15px;
border-top: none 1px blue;
border-left: none 1px black;
border-right: none 1px black;
border-bottom: none 1px blue;
font-family: Verdana, Arial, helvetica, serif;
background-color: #ffff99;
font-size: 10px;
text-align: center;
/*z-index: 0;*/
}

#menuzeile2 {
position: absolute;
padding-top: 5px;
top: 50px;
left: 1%;
width: 96%;
height: 15px;
border-top: none 1px blue;
border-left: none 1px black;
border-right: none 1px black;
border-bottom: none 1px blue;
font-family: Verdana, Arial, helvetica, serif;
/*background-color: #ffff99;*/
font-size: 10px;
text-align: center;
/*z-index: 0;*/
}

#menuzeile a {
color: black;
text-decoration: none;
}

#menuzeile a:active {
background-color: red;
}

#menuzeile a:hover {
border-left: none 1px blue;
background-color: white;
}

#menulinkhinweis {
position: absolute;
/*top: 364px;*/
top: 75px;
left: 3%;
height: 14px;
border: none 1px black;
background-color: #0066ff;
z-index: 1;
}

#menufuss {
position: absolute;
padding-top: 1px;
top: 525px;
left: 1%;
width: 96%;
height: 14px;
border: none 1px blue;
background-color: #ffff99;
font-family: Verdana, Arial, helvetica, serif;
font-size: 10px;
text-align: center;
}

#menufuss2 {
position: absolute;
padding-top: 1px;
top: 555px;
left: 1%;
width: 96%;
height: 14px;
border: none 1px blue;
background-color: transparent;
font-family: Verdana, Arial, helvetica, serif;
font-size: 10px;
text-align: left;
}

#menufuss a {
text-decoration: none;
color: black;
}

#menufuss a:active {
background-color: red;
}

#menufuss a:hover {
background-color: white;
}

#menuzeile_weitere {
position: absolute;
padding-top: 1px;
top: 99px;
left: 3%;
width: 95%;
height: 10px;
font-size: 10px;
border: none 1px blue;
background-color: white;
z-index: 1;
}

#hinweis {
position: absolute;
top: 0px;
left: 5px;
width: 250px;
height: 8px;
/*background-color: #55bffff;*/
border: none 1px black;
color: black;
}

/*  Besucherzähler */
#besucher {
position: absolute;
left: 5px;
top: 5px;
padding-left: 10px;
/*background-color: #bcbcbc;*/
color: black;
width: 10%;
}

/* Absatz und div gestalten */
p, div {
font-size: 10pt;
line-height: 1;
color: black;
font-weight: normal;
}

a {
text-decoration: none;
}

#tipp_wm {
font-family: Verdana, Arial, helvetica, serif;
font-size: 14pt;
font-weight: bold;
}

/* Tabelle */
table {
border-collapse:collapse;
border: none 1px gray;
font-family: Arial, Helvetica, sans-serif;
font-size: 12;
}

/* Schrift in Tabellen gestalten */
td {
font-size: 10pt;
line-height: 1;
border: none 1px black;
}

td a {
text-decoration: none;
}

td a:hover {
text-decoration: none;
background-color: #555;
}


td.link {
color: yellow;
font-weight: bold;
}

td.blank {
width: 2%;
}

/* Tag b zusätzlich einfärben */
b {
color: #770000;
}

/* Zeichenformat für fett und rot eingefärbt */
span.active {
	font-weight: bold;
	color: Red;
}

/* Zeichenformat für fett und gelb eingefärbt */
span.gelb {
  font-weight: bold;
  color: yellow;
  font-size: 1.2 em;
}

/* Zeichenformat für gelb eingefärbt */
span.gelb2 {
  font-weight: normal;
  color: yellow;
  font-size: 1 em;
}

/* Zeichenformat für fett und grün */
span.gruen_2 {
font-weight: bold;
color: #0e0;
}

/* Zeichenformat für fett und bläulich */
span.blau {
font-weight: bold;
color: #3ff;
}

/* Zeichenformat für bläulich */
span.blau2 {
font-weight: normal;
color: #3ff;
}

/* Zeichenformat für fett und blau */
span.blau_2 {
font-weight: normal;
color: blue;
}

/* Zeichenformat für fett und grünlich */
span.gruen {
font-weight: bold;
font-size: 1.1em;
color: #6f0;
}

/* Zeichenformat für schwarz */
span.black {
font-weight: bold;
font-size: 1 em;
color: black;
}

/* Zeichenformat für schwarz */
span.black2 {
font-weight: normal;
color: black;
}

/* Textoberstrich, gelb */
span.ober {
color: #66f;
text-decoration: overline;
background-color: blue;
}

span.home {
text-decoration: none;
height: 16px;
background-color: black;
border-left: solid 2px gray;
border-bottom: solid 2px gray;
}

span.weiss {
color: white;
font-weight: bold;
}

span.weiss2 {
color: white;
font-weight: normal;
}

/* Rahmeneffekt, ungebundene Klasse */
.rahmen {
border-style: none;
border-width: 1px;
border-color: #AF1810;
padding: 5px;
}

/* Grafik als Aufzählungszeichen */
ul {
list-style-image: url(../bilder/red_point.gif);
font-size: 10pt;
line-height: 1;
}

li {
	color: red;
}

/* Hovereffekt für normale Links */
a:hover {
	text-decoration: none;
	/*color: #30c;*/
  background-color: white;
}

/* besuchte Hyperlinks */
a:visited {
	color: #888888;
}

/* aktive Hyperlinks */
a:active {
  text-decoration: none;
	background-color: #888;
}

/*  Rahmen: Besucherzähler */
#besucher {
position: absolute;
left: 10px;
top: 10px;
background-color: #888888;
}