﻿body
{
	background-image:url("images/design/teppich.jpg");		
	font-family:Calibri,Sans-Serif;
	font-size:15px;
	line-height:19px;
}
 a:link {  color:#663300; }
 a:visited {   color:#663300; }
 a:hover {color:#F8D61C; }
 a:active { color:#663300; }

p
{
	text-align:justify;
}
.haupttabelle
{
	margin:0px auto 0px auto;
	width:1004px;
	z-index:1;
}

.hauptspalteaussen
{
	padding-left:17px;
	vertical-align:top;
	background-color:#D4D9DD;
	width:250px;
}
.hauptspalteinnen
{
	width:504px;
	vertical-align:top;
	background-color:#D4D9DD;
}

/* die 4 großten Teile: Logo, Links, Mitte, Rechts*/
.logo
{
	
	width:1004px;
	height:158px;
	background-repeat:no-repeat;
	background-image: url("images/design/design_03.gif");
	z-index:3;
}



/* das Navigationsmenue am linken Rand der Seite mit den allgemeinen Links   */
.links 
{
	top:180px;
	width:215px;
	height:500px;
}
/* Mittelteil */
.mitte
{
	min-height:680px;
	left:230px;
	top:1px;
	width:503px;
	overflow:hidden;
	z-index:3;
}
/*RECHTS */ 

.rechts
{
	
	left:750px;
	top:180px;
	width:215px;
	z-index:3;
}

.footer
{
	height:26px;
	width:1004px;
	background-image:url("images/design/footer.gif");
	text-align:center;
}


/*---------------------------------------------------*/
/* Der Mittelteil mit 4 Divs*/

.slideshow
{
	width:503px;
	height:217px;
	margin-bottom:10px;
}

.mainoben
{
	text-align:center;
	width:503px;
	height:30px;
	background-image:url("images/design/design_20.gif");
	
}
.mainmitte
{
	
	width:503px;
	background-repeat:repeat-y;
	background-image:url("images/design/design_25.gif");
}
.mainunten
{
	width:503px;
	height:4px;
	background-image:url("images/design/design_31.gif");
}

/*-------------------------------------------------------------------
	der linke Teil */

.linksoben
{
	text-align:left;
	background-repeat:no-repeat;
	height:36px;
	width:215px;
	background-image:url("images/design/design_07.gif");
}
.linksbuttons
{
	text-align:left;
	width:215px;
}

.loginoben
{
	margin-top:15px;
	background-repeat:no-repeat;
	height:36px;
	width:215px;
	background-image:url("images/design/design_18.gif");
}
.loginmitte
{
	padding-left:9px;
	width:215px;
	background-repeat:repeat-y;
	background-image:url("images/design/design_27.gif");
}

.loginunten
{
	height:4px;
	width:215px;
	background-repeat:no-repeat;
	background-image:url("images/design/design_30.gif");
}


/*------------------------RECHTS-----------------*/
.shoutout
{
	position:relative;
	width:215px;
	overflow:hidden;

}

.shoutoben
{
	height:36px;
	width:215px;
	background-repeat:no-repeat;
	background-image:url("images/design/design_18.gif");
}
.shoutmitte
{
	width:215px;
	background-repeat:repeat-y;
	background-image:url("images/design/design_27.gif");
	text-align:left;
}
.shoutunten
{
	height:4px;
	width:215px;
	background-repeat:no-repeat;
	background-image:url("images/design/design_30.gif");
}

/*----------------einzelne Elemente der Masterpage ----------*/
.LabelBoxUeberschrift
{
	position:relative;
	font-size:22px;
	top:7px;
	left:10px;
}

.LabelMain
{
	position:relative;
	top:4px;
	font-size:22px;
}

#TabellePinnwand
{
	margin-left:2px;
	margin-right:2px;
	width:210px;
}

#strich
{
	width:95%;
	margin-top:4px;
	margin-bottom:2px;
}
.PinnwandKommentar
{
	padding-left:4px;
}
.LoginTable
{
	width:203px;
}


/*----------------------------NEWS-------------------*/

.news
{ 
	padding:2px 2px 2px 4px;
	position:relative;
	width:495px;
	border-width:0px;
	text-align:justify;
}
#strichlang
{
	padding:7px 0px 2px 0px;
	width:99%;
}

.spalteNewsOben 
{
	width:460px;
	font-weight:bold;
}
.spalteNewsRechts 
{
	text-align:right;
	vertical-align:top;
}

.LinksUnten
{
	text-align:center;
}


/*------------------Tabelle + Ergebnisse -------------*/
/* Tabelle */
.Table_Tabelle
{
	width:495px;
	border: 1px solid black;
	margin-left:auto;
	margin-right:auto;
}

table.Table_Tabelle th 
{
	background-color:Gray;
	
}

table.Table_Tabelle td
{
	border-bottom: 1px solid white;
	border-left:1px solid white;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}
/*Tabelle die die Ergebnisse jedes Spieltags darstellt*/
.tabelleErgebnisse
{
	margin-left:auto;
	margin-right:auto;
	border:solid 1px black;
	width:95%;
}

table.tabelleErgebnisse td
{
	text-align:center;
	font-size:16px;
}

/*-----------------------MANNSCHAFT------------------------*/
/* wird in der HTML Seite geregelt...TODO in CSS auslagern... hier muss am Design noch gearbeitet werden!*/
.TableDetails
{
	/*background-color:#D4D9DD;*/
	background-color:#E5E5E5;
	width:470px;
	border:solid 1px #E0E0E0;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	word-spacing:2px;
	line-height:21px;
	font-weight:bolder;
}

/*-------------Geschichte-------------------------*/
/*hier müsste man die Tabellen irgendwie besser regelen */

.Tabellen
{
	background-color:#E0E0E0;
}

/*--------------------INTERN----------------*/

.Table_Kontobewegung
{
    margin-left:4px;
}

/*------------------Spielberichte -------------*/
/*-------------einige Dinge sind in HTML geregelt-----------*/



/*----------------Styles die auf mehreren Seiten genutzt werden ------------*/

.LblMeldung
{
    font-weight:bold;
    color:Green;
}

.LblFehler
{
    font-weight:bold;
    font-size:large;
    color:Red;
    margin:30px 30px 30px 30px
}

.AllgemeineDiv
{
	width:493px;
	padding-left:5px;
	padding-right:5px;
}

.row0
{
	background-color:#E0E0E0;
}

.row1
{
	background-color:#D3D3D3;
	/*background-color:#E5E5E5;*/
}
.rowhsk1
{
	background-color:#D3D3D3;
	font-weight:bold;
}
.rowhsk0
{
	background-color:#E0E0E0;
	font-weight:bold;
}

.seitenanfangstext
{
	padding-left:6px;
}

/* die Label für die Überschriften im Adminbereich*/
.Label1
{
	padding-left:8px;
	font-size:16px;
}

.LabelBold
{
	font-size:16px;
	font-weight:bold;
}
/*------------------------------BUTTONS-------------------*/

#homebutton a:hover {
	   background-position: -215px 0%;
}



#homebutton a  {
	background-image: url(images/buttons/homebutton.gif);
		display: block;
	height: 30px;
	width: 215px;
	background-position: 0%;
	font-size: 37px;
	line-height: 37px;
	
	
   }

#tabellebutton a:hover {
	   background-position: -215px 0%;
}

#tabellebutton a  {
	background-image: url(images/buttons/tabellebutton.gif);
		display: block;
	height: 30px;
	width: 215px;
	background-position: 0%;
	font-size: 37px;
	line-height: 37px;
	
	
   }

#mannschaftbutton a:hover {
	   background-position: -215px 0%;
}



#mannschaftbutton a  {
	background-image: url(images/buttons/Mannschafftbutton.gif);
		display: block;
	height: 30px;
	width: 215px;
	background-position: 0%;
	font-size: 37px;
	line-height: 37px;
	
	
   }
   
   #geschichtebutton a:hover {
	   background-position: -215px 0%;
}



#geschichtebutton a  {
	background-image: url(images/buttons/geschichtebutton.gif);
		display: block;
	height: 30px;
	width: 215px;
	background-position: 0%;
	font-size: 37px;
	line-height: 37px;
	
	
   }
      #linksbutton a:hover {
	   background-position: -215px 0%;
}



#linksbutton a  {
	background-image: url(images/buttons/linksbutton.gif);
		display: block;
	height: 30px;
	width: 215px;
	background-position: 0%;
	font-size: 37px;
	line-height: 37px;
	
	}
	
	   #kontaktbutton a:hover {
	   background-position: -215px 0%;
}



#kontaktbutton a  {
	background-image: url(images/buttons/kontaktbutton.gif);
		display: block;
	height: 30px;
	width: 215px;
	background-position: 0%;
	font-size: 37px;
	line-height: 37px;
	
	
