/* Gesamtschrift und Gesamtrand festlegen */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 10px;
/*background-color: #0066ff;*/
/*background-color: #636b84;*/
/*background-image: url(../bilder/higru_6.gif);*/
/*background-image: url(../bilder/backgrou.gif);*/
/*background-image: url(../bilder/tiger.jpg);
background-repeat: no-repeat;*/
color: black;
}

/* Überschrift 1 gestalten */
h1 {
	font-size: 10pt;
	margin-bottom: 1px;
  border-left-style: solid;
	border-left-width: 0px; 
	border-right-width: 0px;
	border-right-style: solid; 
	padding-left: 0px;
	background-color: #390;
	text-align: center;
	line-height: 1.2;
}

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

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

/* Überschrift 4 gestalten */
h4 {
font-size: 11pt;
margin-bottom: 0px;
padding-bottom: 0px;
color: #0c0;
font-weight: bold;
}

/* TOP Balken */
#oben_balken {
position: absolute;
/*top: 0;*/
top: 380px;
width: 99%;
height: 14px;
background-color: white;
border: solid 1px black;
/*background-color: #33cc00;*/
/*background-image: url(../bilder/higru_2.gif);*/
}

#oben_balken_linkseite {
position: absolute;
top: 380px;
width: 99%;
height: 14px;
background-color: white;
border: solid 1px black;
/*background-color: #33cc00;*/
/*background-image: url(../bilder/higru_2.gif);*/
}

#oben_balken_impressum {
position: absolute;
top: 545px;
width: 99%;
height: 14px;
background-color: white;
border: solid 1px black;
/*background-color: #33cc00;*/
/*background-image: url(../bilder/higru_2.gif);*/
}

#startseite {
position: absolute;
left: 44%;
top: 100px;
width: 104px;
background-color: white;
}

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

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

/* senkrecht */
#senkrecht {
top: 0;
margin-left: 180px;
width: 20px;
height: 100%;
background-color: white;
}

/* Tippspielbanner*/
#tippbanner {
position: absolute;
top: 280px;
width: 100%;
height: 60px;
}

#wunsch {
position: absolute;
top: 350px;
width: 100%;
height: 20px;
}

#laeufer {
position: absolute;
top: 150px;
left: 80px;
}

#laeufer2 {
position: absolute;
top: 151px;
right: 70px;
}

#fusszeile {
position: absolute;
padding-top: 2px;
/*top: 380px;*/
top: 540px;
width: 98%;
height: 16px;
border-top: solid 1px blue;
border-left: solid 1px black;
border-right: solid 1px black;
border-bottom: solid 1px blue;
/*background-color: #33cc00;*/
background-color: white;
z-index: 0;
}

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

#fusslinkhinweis {
position: absolute;
/*top: 364px;*/
top: 542px;
height: 14px;
border: none 1px black;
/*background-color: white;*/
z-index: 1;
}

#a-spieler {
position: absolute;
right: 55px;
top: 10px;
width: 10%;
}

#a-spieler-2 {
position: absolute;
left: 70px;
top: 10px;
width: 10%;
}

#kleiner_tiger {
position: absolute;
left: 25px;
top: 365px;
}

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

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

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


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;
}

/* 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 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;
}

/* 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.fans {
text-decoration: none;
height: 16px;
background-color: white;
border-left: solid 2px gray;
border-bottom: solid 2px gray;
}

span.lmenu {
text-decoration: none;
height: 12px;
/*background-color: #636b84;*/
background-color: #ccffff;
/*background-image: url(../bilder/higru_6.gif);*/
border-left: solid 1px blue;
border-bottom: solid 1px blue;
color: black;
}

span.zumstart {
color: black;
font-weight: bold;
}

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

/* Rahmeneffekt, ungebundene Klasse */
.rahmen {
border-style: solid;
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: yellow;
}

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

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

/* 1. Rahmen: Panoramagrafik oben */
#top {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100px;
border-bottom-style: none;
border-color: #6ff;
border-width: 1px;
background-color: #390;
}

/* 1. Rahmen Panoramagrafik oben, Text für Suchmaschinen, unsichtbar, da in Hintergrundfarbe */
#top_2 {
position: absolute;
left: 120px;
top: 5px;
width:27%;
color: #390;
}

/* Hinweis Netscape */
#nshinweis {
font: "Arial";
font-size: 8pt;
position: absolute;
top: 410px;
left: 10px;
}

/* 2. Rahmen: Hauptbereich, enthält linke und rechte Spalte */
#main {
position: absolute;
left: 10px;
top: 165px;
width: 99%;
height: 405px;
/*border-style-left: none;*/
/*border-style-top: none;
border-style-right: none;*/
border: none 1px #66ffff;
/*background-color: #636b84;*/
/*background-color: #0066ff;*/
/*background-image: url(../bilder/higru_6.gif);*/
/*background-image: url(../bilder/backgrou.gif);*/
/*background-image: url(../bilder/steelerslogohg.jpg);*/
}

/* 3. Rahmen: linke Spalte */
#left {
position: absolute;
left: 0px;
top: 0px;
width: 19%;
padding-left: 0px;
height: auto;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-width: 1px;
border-color: #6ff;
background-color: #390;
}

/* Linke Menü-Bar */
#linksmenu {
position: absolute;
background-color: #390;
top: 150px;
padding-left: 30px;
}

/* Erster Menüpunkt - Überschrift*/
#links_1 {
top: 0px;
position: absolute;
padding-left: 5px;
left: 10px;
width: 170px;
height: 15px;
background-color: blue;
}

/* Erster Menüpunkt - Überschrift*/
#rechts_2 {
top: 20px;
position: absolute;
padding-left: 5px;
left: 138px;
width: 400px;
height: 11px;
text-align: right;
background-color: blue;
}

/* Erster Menüpunkt - Menüpunkte*/
#links_1a {
top: 15px;
position: absolute;
padding-left: 5px;
left: 10px;
width: 170px;
height: 100px;
/*background-color: white;*/
/*background-color: #636b84;*/
/*background-color: #0066ff;*/
background-image: url(../bilder/higru_6.gif);
color: black;
}

/* Linke Menü-Bar */
#linksbild {
position: absolute;
top: 150px;
padding-left: 0px;
}

/* Absatz innerhalb der linken Spalte */

#left p {
font-size: 10pt;
line-height: 1;
color: #0c0;
}

#left a {
	font-size: 10pt; 
	text-decoration: none;
	color: black;
}

/* 4. Rahmen: rechte Spalte */

#right {
position: absolute;
/*left: 27%;*/
left: 0px;
top: 100px;
width: 100%;
}

#right2 {
position: absolute;
left: 27%;
/* left: 0px; */
top: 100px;
width: 70%;
}

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

#right_oben {
padding-right: 55px;
}

#right a {
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: black;
}

#rechts a {
color: black;
font-weight: bold;
}

#hintergrund {
position: relative;
left: 0px;
top: 0px;
}

/* 5. Rahmen: Hyperlinkleiste */
#linkbar {
position: absolute;
left: 45px;
right: 20px;
top: 5px;
width: 100%;
height: 12px;
font-size: 10pt;
padding-left: 0px;
border-style: none;
border-width: 1px;
border-color: black;
/*background-color:#e6e6e1;*/
}

/* a-Tags innerhalb der Linkleiste */
#linkbar a {
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #2abfff;
/*color: ButtonFace;*/
}

/* Hover-Effekt innerhalb der Linkleiste */
#linkbar a:hover {
font-size: 10pt;
font-weight: bold;
color: #ffc;
}

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

#fanclub1_2buli {
position: absolute;
left: 85px;
top: 30px;
width: 200px;
height: auto;
padding-left: 5px;
border-style: none;
border-width: 1px;
text-align: center;
line-height: 1.2;
color: #960;
}

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

#fanclub2_bibi {
position: absolute;
left: 39%;
top: 30px;
width: 200px;
height: auto;
padding-left: 5px;
border-style: none;
border-width: 1px;
text-align: center;
line-height: 1.2;
color: #960;
}

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

#fanclub3_region_priv {
position: absolute;
left: 70%;
top: 30px;
width: 200px;
height: auto;
padding-left: 5px;
border-style: none;
border-width: 1px;
text-align: center;
line-height: 1.2;
color: #960;
}

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