/* Gesamtschrift und Gesamtrand festlegen */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
background-color: #636b84;
color: black;
font-size: 10pt;
}

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

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

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

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

#box_gesamt {
position: absolute;
left: 0px;
top: 0px;
width: 99%;
height: 99%;
border: none 1px black;
}

#box_oben_links {
position: absolute;
left: 0px;
top: 0px;
width: 10%;
height: 10%;
border: none 1px blue;
}

#box_oben_rechts {
position: absolute;
left: 10%;
top: 0px;
width: 90%;
height: 10%;
border: none 1px blue;
text-align: bottom;
}

#box_unten_links {
position: absolute;
left: 0px;
top: 10%;
width: 20%;
height: 90%;
border: none 1px red;
padding-left: 15px;
vertical-align: center;
}

#box_unten_rechts {
position: absolute;
left: 20%;
top: 10%;
width: 80%;
height: 90%;
border: none 1px blue;
}

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

/* Tabelle */
table {
border-collapse: collapse;
border: none 1px gray;
}

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

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

/* 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 grünlich */
span.gruen {
font-weight: bold;
font-size: 1.1em;
color: #6f0;
}

/* Textoberstrich, gelb */
span.ober {
color: #0f0;
text-decoration: overline;
}

span.menubox {
text-decoration: none;
border-left: solid 1px gray;
border-bottom: solid 1px gray;
height: 14px;
background-color: #636b84;
}

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

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

li {
  list-style-image: url(../images/red_point.gif align:"center");
	color: red;
  line-height: 20px;
  vertical-align: center;
}

a {
  text-decoration: none;
  color: white;
  }

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

/* besuchte Hyperlinks */
a:visited {
  text-decoration: none;
	color: black;
}

/* 1. Rahmen: Panoramagrafik oben */
#top {
position: absolute;
left: 0px;
top: 45px;
width: 100%;
height: 40px;
border-bottom-style: none;
border-color: white;
border-width: 1px;
/*background-color: #390;*/
/*background-image: url(../bilder/110.jpg);
background-position: center;
background-attachment: fixed;*/
}

/* 1. Rahmen Panoramagrafik oben, Text für Suchmaschinen, unsichtbar, da in Hintergrundfarbe */
#top_2 {
position: absolute;
left: 0px;
top: 0px;
width:25%;
border-style: none;
border-color: white;
border-width: 1px;
color: #ffc;
}

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

/* Besucherzähler */
#zaehler {
position: absolut;
top: 280px;
left: 10px;
}

/* 2. Rahmen: Hauptbereich, enthält linke und rechte Spalte */
#main {
position: absolute;
left: 0px;
top: 100px;
width: 100%;
height: 450px;
/*border-style-left: none;*/
/*border-style-top: none;*/
border-style: none;
border-width: 1px;
border-color: white;
/*background-color: black;*/
}

/* 3. Rahmen: linke Spalte */
#left {
position: absolute;
left: 0px;
top: 0px;
width: 20%;
padding-left: 10px;
height: auto;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-width: 1px;
border-color: white;
/*background-color: #390;*/
/*background-image: url(../bilder/110.jpg);
background-position: center;
background-attachment: fixed;*/
}

/* Linke Menü-Bar */
#linksmenu {
position: absolute;
top: 90px;
}

/* Absatz innerhalb der linken Spalte */

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

#left a {
	font-size: 10pt; 
  /*font-weight: bold;*/
	text-decoration: none;
	color: white;
}

/* 4. Rahmen: rechte Spalte */

#right {
position: absolute;
left: 25%;
top: 75px;
width: 70%;
border-color: #390;
border-style: none;
border-width: 1px;
padding-top: 0px;
padding-right: 5px;
padding-left: 5px;*/
}

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

#hintergrund {
position: relative;
left: 0px;
top: 0px;
/*background-image: url(bilder/tiger63.jpg);
background-position: center;
background-attachment: fixed;*/
}

#vornamen {
position: absolute;
/*left: 30px;*/
left: 7%;
top: 80;
width: 100px;
height: 300px;
padding-right: 5px;
border-style: none;
border-width: 1px;
text-align: right;
line-height: 1.2;
color: #6ff;
}

#namen {
position: absolute;
left: 26%;
top: 80;
width: 100px;
margin-left: 0px;
height: 300px;
padding-left: 5px;
border-style: none;
border-width: 1px;
text-align: left;
line-height: 1.2;
color: #6ff;
}

#ort {
position: absolute;
left: 42%;
top: 80;
width: 200px;
height: 300px;
padding-left: 5px;
border-style: none;
border-width: 1px;
text-align: center;
line-height: 1.2;
color: white;
}

#funktion {
position: absolute;
/* left: 460px; */
right: 4%;
top: 80;
width: 100px;
height: 300px;
padding-left: 5px;
border-style: none;
border-width: 1px;
text-align: center;
line-height: 1.2;
/*color: #6ff;*/
color: black;
}

#steelers1 {
position: absolute;
left: 20px;
top: 100;
width: 200px;
height: auto;
padding-left: 5px;
border-style: none;
border-width: 1px;
text-align: left;
line-height: 1.2;
color: white;
}

#steelers2 {
position: absolute;
left: 33%;
top: 100;
width: 200px;
height: auto;
padding-left: 5px;
border-style: none;
border-width: 1px;
text-align: left;
line-height: 1.2;
color: white;
}

#steelers3 {
position: absolute;
left: 75%;
top: 100;
width: 200px;
height: auto;
padding-left: 5px;
border-style: none;
border-width: 1px;
text-align: left;
line-height: 1.2;
color: white;
}

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

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

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

/* 5. Rahmen: Hyperlinkleiste */
#linkbar {
position: absolute;
left: 5px;
right: 20px;
top: 10px;
width: 100%;
height: 16px;
font-size: 10pt;
text-align: center;
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: ButtonFace;
}

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

/* Rahmen: Logo 1*/
#logo_1 {
position: absolute;
left: 20px;
top: 80px;
}

/* Rahmen: Logo 2 */
#logo_2 {
position: absolute;
left: 20px;
top: 180px;
}

/* Rahmen: Logo 3*/
#logo_3 {
position: absolute;
left: 160px;
top: 230px;
}

/* Rahmen: Logo 4 - Ice-Tiger */
#logo_4 {
position: absolute;
left: 42%;
top: 8px;
}

/* Rahmen: Logo 5*/
#logo_5 {
position: absolute;
left: 60px;
top: 330px;
}

/* Rahmen: Logo 6*/
#logo_6 {
position: absolute;
left: 690px;
top: 385px;
}

/* Rahmen: Logo 7 - Clubfahne */
#logo_7 {
position: absolute;
width: 60%;
right: -5%;
/* right: 20%; */
top: 100px;
}

/* Rahmen: Logo 8 - Laufender Tiger*/
#logo_8 {
position: absolute;
left: 6%;
top: 165px;
}

/* Rahmen: Schriftzug Fanclub */
#logo_9 {
position: absolute;
left: 60%;
top: 10px;
height: 40px;
border-style: none;
border-color: gray;
border-width: 1px;
}

/* Rahmen Text Startseite */
#textstart {
position: absolute;
left: 20%;
top: 330px;
}

/* Tabelle für Text auf Startseite */
#starttext {
position: relative;
top: 10px;
}

/* Rahmen: Tiger*/
#tiger {
position: absolute;
left: 0px;
top: 0px;
}

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

/* Lauftiger */
#lauftiger {
position: absolute;
left: 0;
top: 10;
}

/* Eishockeyspieler */
#eishockey {
position: absolute;
left: 0;
top: 10;
}

/* Schriftzug 1 */
#schrift1 {
position: absolute;
/*margin: center;*/
left: 10px;
top: 250px;
}

/* Schriftzug 2 */
#schrift2 {
position: absolute;
/*margin: center;*/
left: 10px;
top: 210px;
}

/* Link-Unterstreichung beim Logo unterdrücken */
#logo a {
text-decoration: none;
}