
/* Hintergrund + Allgemein */
body {
	color: #000000;
	background-color: #CCCCCC;
	font-family: verdana;
	margin: 0; 
	padding: 1em;
	/* font-size: 10; */
}

input, textarea, select { 
   border: 1px solid #333333; 
   background: #FFFFFF; 
   font: 11px Tahoma, Arial, Helvetica, sans-serif; 
   color: #333333; 
}


A:link { 
   COLOR: #FFFFFF; TEXT-DECORATION: none 
} 
A:visited { 
   COLOR: #FFFFFF; TEXT-DECORATION: none 
} 
A:active { 
   COLOR: #FFFFFF; TEXT-DECORATION: none 
} 
A:hover { 
   COLOR: white; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none 
}


/* Navigations Listen Formatierung */
* {padding:0;margin:0}

/* Hauptsektion - oberste Ebene - Breite + Höhe*/
ul {
	list-style: none;
	width: 200px;
	position: relative;
	margin-bottom: 20px;
}

/* Hauptsektion - oberste Ebene - Rahmen + Hintergrundfarbe*/
ul li {
	border: 1px solid #37485C;
	margin-bottom: -1px;
	background: #2d3b4d;
}

/* Hauptsektion Link Eigenschaften */
ul li a {  
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	padding: 2px 2px; /* Abstand Oben,unten,links,rechts */
}

ul li ul {
	display: none;
	margin-left: -1px;
	margin-top: -4em;
}

ul li ul.neben {
	left: 100%;
	position: absolute;
}

ul li ul.uber {
	left: 1;
	position: absolute;
}

ul li ul.zwischen {
	margin: 0;
}

ul li:hover ul {
	display: block
}

ul li:hover {
	background: #ccc;
}

#container_main{
	background-color: #CCCCCC;
	width: 1100px;
	position: relative;
	left: 100px;
	z-index: 3;
	float: left;
}


#container_left {
	background-color: #CCCCCC;
	width: 800px;
	position: relative;
	/* left: 100px; */
	z-index: 3;
	float: left;
}

#container_right {
	background-color: #CCCCCC;
	width: 250px;
	position: relative;
	z-index: 3;
	float: right;
	/* clear: both; */
}


/* Logo Layer*/
#index_logo {
	background-image: url(./images/index_logo.png);
	background-color: #FFFFFF;
	width: 800px;
	height: 140px;
	position: relative;
	/* left: 20%; */
	z-index: 1;
}

#index_login_head {
	width: 300px;
	height: 30px;
	left: 470px; 
	top: 119px; 
	position: relative;
	color: #FFFFFF;
	font-size: 12px;
}

/* Navigation Layer */
#index_navigation {
	background-color: #000000;
	color: #FFFFFF;
	width: 800px;
	/* height: 130px; */
	position: relative;
	/* left: 20%; */
	z-index: 2;
}

#index_navigation_body {
	background-color: #FFFFFF;
	width: 200px;
	height: 22px; /* Höhe des Navigations Layer - Enfternen um dynamisch anzupassen!*/
	float: left;
	/*left: 20%; */
	/*display: none; */
}

/* Platzhalter Layer*/
#index_status {
	clear: both;
	background-image: url(./images/index_status_bar.png);
	/* background-color: #556575; */
	width: 800px;
	height: 25px;
	position: relative;
	color: #37485C;
	font-size: 20px;
	text-align: left;
	/* left: 20%; */
	z-index: 1;
}

#index_foot {
	clear: both;
	background-image: url(./images/index_foot.png);
	/* background-color: #556575; */
	width: 800px;
	height: 25px;
	position: relative;
	color: #37485C;
	font-size: 20px;
	text-align: left;
	/* left: 20%; */
	z-index: 1;
}

#index_status_text {
	left: 10px;
	width: 380px;
	height: 25px;
	position: relative;
	float: left;
	text-align: center;
}
#index_status_funktion {
	right: 10px;
	top: 5px;
	width: 350px;
	height: 25px;
	position: relative;
	color: #FFFFFF;
	float: right;
	font-size: 12px;
	text-align: center;
	/* background-color: #000000; */
}

/* Content Layer*/
#index_content {
	clear: both;
	background-color: #556575;
	width: 800px;
	position: relative;
	/* left: 20%; */
	font-size: 10px;
	z-index: 1;
	color: #FFFFFF;
}

#index_blaettern {
	clear: both;
	background-color: #37485C;
	width: 800px;
	position: relative;
	/* left: 20%; */
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	z-index: 1;
}

#app_facebook {
	background-color: #556575;
	width: 250px;
	position: relative;
	right: 45px;
	z-index: 1;
}

#app_matches {
	background-color: #556575;
	width: 250px;
	position: relative;
	right: 45px;
	top: 5px;
	z-index: 1;
}

#app_next_matches {
	background-color: #556575;
	width: 250px;
	position: relative;
	right: 45px;
	top: 10px;
	z-index: 1;
}

#app_pic_of_moment {
	background-color: #556575;
	width: 250px;
	position: relative;
	right: 45px;
	top: 15px;
	z-index: 1;
}

#app_visits {
	background-color: #556575;
	width: 250px;
	position: relative;
	right: 45px;
	top: 20px;
	z-index: 1;
}
#app_visits  a{
	color: #556575;
}
#app_visits  a:hover{
	color: #FFFFFF;
	background-color: #000000;
}

#app_sponsoren {
	background-color: #556575;
	width: 250px;
	position: relative;
	right: 45px;
	top: 25px;
	z-index: 1;
}

#app_login {
	background-color: #556575;
	width: 250px;
	position: relative;
	right: 45px;
	top: 110px;
	z-index: 1;
}

#form_funktion {
	display:inline;
	margin-bottom:0px;
}

.news_table {
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	/* text-align: left; */ 
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #37485C;
	font-size: 12px;
}

.news_archiv_table {
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	/* text-align: left; */ 
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #556575;
	font-size: 12px;
}

.site_table {
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	/* text-align: left; */ 
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #556575;
	font-size: 12px;
}

.gbook_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	/* text-align: left; */ 
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #000000;
	font-size: 12px;
}
.gbook_new_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 800px; 
	text-align: left; 
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #000000;
	font-size: 12px;
}

.facebook_table {
	/* border: 3px solid black; */
	color: #000000;
	width: 250px; 
	/*text-align: left; */ 
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #37485C;
	font-size: 12px;
}

.matches_table {
	/* border: 3px solid black; */
	color: #37485C;
	width: 100%; 
	/*text-align: left; */ 
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #37485C;
	font-size: 12px;
	}
	
.visits_table {
	/* border: 3px solid black; */
	color: #37485C;
	width: 250px; 
	text-align: center; 
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #37485C;
	font-size: 12px;
	}

	
.login_table {
	/* border: 3px solid black; */
	color: #000000;
	width: 250px; 
	/*text-align: left; */ 
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #37485C;
	font-size: 12px;
}

.table_content_funktion {
	/* border: 3px solid black; */
	color: #000000;
	width: 100%; 
	/*text-align: left; */ 
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #37485C;
	font-size: 12px;
}

.teams_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #556575;
	font-size: 12px;
}

.member_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color: #000000;
	font-size: 12px;
}

.user_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #556575;
	font-size: 12px;
}

.user_table_small{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 30%; 
	text-align: left;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #556575;
	font-size: 12px;
}

.admin_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #556575;
	font-size: 12px;
}

.berichte_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #556575;
	font-size: 12px;
}

.report_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #556575;
	font-size: 12px;
}

.tore_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #000000;
	font-size: 12px;
}

.comments_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #556575;
	font-size: 12px;
}

.kontakt_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #556575;
	font-size: 12px;
}

.links_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #37485C;
	font-size: 12px;
}

.spiele_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #000000;
	font-size: 12px;
}

.tore_table_small{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #000000;
	font-size: 12px;
}

.gallery_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #37485C;
	font-size: 12px;
}

.strafen_table{
	/* border: 3px solid black; */
	color: #FFFFFF;
	width: 100%; 
	text-align: center;
	/* margin-left: auto; */
	/* margin-right: auto; */
	background-color:  #556575;
	font-size: 12px;
}

.row_stil_1 {
	/* border: 1px solid black; */
	color: #FFFFFF;
	background-color: #556575;
	text-align: left;
	/* vertical-align: top; */
}

.row_stil_2 {
	/* border: 1px solid black; */
	color: #37485C;
	background-color: #FFFFFF;
	/* text-align: left; */
	/* vertical-align: top; */
}

.row_stil_3 {
	/* border: 1px solid black; */
	color: #FFFFFF;
	background-color: #37485C;
	text-align: center;
	/* vertical-align: top; */ 
}

.row_stil_6 {
	/* border: 1px solid black; */
	color: #FFFFFF;
	background-color: #556575;
	text-align: center;
	/* vertical-align: top; */ 
}

.row_stil_5 {
	/* border: 1px solid black; */
	color: #FFFFFF;
	background-color: #37485C;
	text-align: left;
	/* vertical-align: top; */ 
}

.row_stil_4 {
	/* border: 1px solid black; */
	color: #FFFFFF;
	background-color: #556575;
	text-align: left;
	vertical-align: top;
}
