/***************************************************
 *
 *	STYLE: 		Standard (red)
 *	Hintergrundfarbe: 	#175AA9 
 *	Schriftfarbe:		#FFFFFF
 *	Alternativschrift:	#ffffff
 *
 ***************************************************/

/**********	Allgemeiner Teil, für gesamte Seite gültig	**********/
	body {
		/* Ränder, Abstände, etc. */
		margin-left: 	0pt;
		margin-right: 	0pt;
		margin-top: 	15pt;
		/* Schrift, Ausrichtung */
		font-family:		Arial, Verdana, Tahoma;
		font-size:	 	10pt;
		color: 		#FFFFFF;
	}

	/* Text */
		p {
			/* Ränder, Abstände, etc. */
			padding:		5px;
			/* Schrift, Ausrichtung */
			text-align:		justify;
		}

		h1 {
			/* Schrift, Ausrichtung */
			font-size: 		14pt;
		}

		h2 {
			/* Schrift, Ausrichtung */
			font-size: 		13pt;
		}

		h3 {
			/* Schrift, Ausrichtung */
			font-size: 		12pt;
		}

		a {
			/* Schrift, Ausrichtung */
			color:			#FFFFFF;
			font-weight:	bold;
			text-decoration:	none;
		}

		a:hover {
			/* Schrift, Ausrichtung */
			text-decoration:	underline;
		}

	/* Tabellen */
	table, tr, td {
		/* Generelles Tabellen-Layout */
		table-layout: 	fixed;
		empty-cells: 	show;
		border-collapse: 	collapse;
		border-spacing: 	0px;
		/* Ränder, Abstände, etc. */
		padding-left:	5px;
		padding-right:	5px;
		margin:		3px;
		border:		0pt solid #cccccc;
		/* Schrift, Ausrichtung */
		font-size:	 	10pt;
	}
	
	th {
		/* Schrift, Ausrichtung */
		font-weight:	bold;
		vertical-align:	top;
	}

	/* Formular */
		fieldset {
			/* Ränder, Abstände, etc. */
			border: 		1px solid #cccccc;
			padding:		5px;
		}

		legend {
			/* Schrift, Ausrichtung */
			font-weight:	bold;
			line-height: 	15pt;
			color: #ffffff;
		}

		input {
			/* Ränder, Abstände, etc. */
			border: 		1px solid #cccccc;
			/* Hintergrund */
			background-color: white;
			/* Schrift, Ausrichtung */
			font-weight: 	normal;
			font-style: 		normal;
			font-size: 		8pt;
			color: 		#000000;
		}
		
		input.ratingbut {
			/* Hintergrund */
			background-color: transparent;
		}
		

	/* Weitere Elemente */
		hr {
			/* Ränder, Abstände, etc. */
			height: 		1pt;
			width: 		90%;
			/* Schrift, Ausrichtung */
			text-align: 		center;
			color: 		#cccccc;
		}

		img {
			/* Ränder, Abstände, etc. */
			border:		0pt;
			/* Schrift, Ausrichtung */
			vertical-align:	middle;
		}

/**********	Klassen- und ID-Definitionen		**********/

/*****	Seiten Grundelemente (index.php) 	*****/
	/* unsichtbare Strukturtabelle */
	table.struct, table.struct td {
		/* Ränder, Abstände, etc. */
		padding:		0px;
		margin:		0px;
		border:		0pt solid blue;
	}

	/* TR Titelzeile */
	tr#titelzeile {
		/* Ränder, Abstände, etc. */
		height:	150px;
	}

	/* TD Linke Spalte */
	td.left {
		/* Ränder, Abstände, etc. */
		width:		175px;
		padding:		10px;
		/* Schrift, Ausrichtung */
		vertical-align: 	top;
	}
	
	td.schnellnavi {
		/* Ränder, Abstände, etc. */
		width:		175px;
		height: 		30px;
		padding:		10px;
		/* Hintergrund */
		background-position: top left; 
		background-repeat: no-repeat;
		/* Schrift, Ausrichtung */
		text-align:		center;
		vertical-align: 	bottom;
	}
	
	td.liveticker {
		height: 		30px;
		/* Hintergrund */
		background-position: top left; 
		background-repeat: no-repeat;
	}
	
/***** Login/Logout Bereich (index.php und login.inc.php)	*****/
	/* TD, LEGEND, A Login-Bereich der Grundtabelle */
	td#loginbereich, td#loginbereich legend, td#loginbereich a {
		/* Schrift, Ausrichtung */
		vertical-align: 	bottom; 
		text-align: 		center;
		color:			#ffffff;
	}

	/* DIV Wrapper für Login */
	div#login {
		/* Ränder, Abstände, etc. */
		padding:		0px;
		margin:		0px;
		/* Schrift, Ausrichtung */
		font-size:   	8pt;
	}

	/* FIELDSET für Login */
	fieldset#login {
		/* Ränder, Abstände, etc. */
		border:		0pt solid #ffffff;
		/* Schrift, Ausrichtung */
		text-align:		left;
	}

	/* DIV Zeile im Loginbereich */
	div.loginrow {
		/* Ränder, Abstände, etc. */
		width:		90%;
		/* Schrift, Ausrichtung */
		text-align: 		right;
	}

	/* DIV und INPUT Zeile für Stay-Logged Option */
	#staylogged {
		/* Ränder, Abstände, etc. */
		padding-bottom:	5px;
		height:		12px;
		/* Schrift, Ausrichtung */
		font-size: 		7pt;
		line-height:		14pt;
		vertical-align:	middle;
	}

	/* DIV Zeile im Logoutbereich */
	div.logoutrow, div.logoutrow a {
		/* Schrift, Ausrichtung */
		text-align: 		center;
		font-size:		7pt;
	}

/*****	Menu für Kategorielose Punkte (index.php) 	*****/	
	td.nocatmenu, td.nocatmenu a {
		width:		770px;
		/* Schrift, Ausrichtung */
		font-size: 		8pt; 
		text-align: 		right;
		font-weight: 	normal;
		color: 		white;
	}

	td.nocatmenu a:hover {
		/* Schrift, Ausrichtung */
		color: 		black;
		text-decoration: 	none;
	}

	td.nocatmenu span {
		/* Ränder, Abstände, etc. */
		padding-left: 	15px;
		padding-right: 	15px;
		/* Hintergrund */
		background-color: #175AA9;
	}

/*****	Hauptmenu (index.php) 	*****/	
	/* Tabelle für das Hauptmenu */
	
	/* Menuzeile A Level */
	td.amenucell, td.amenucell a {
		padding-top:	5px !important;
		padding-bottom:	5px !important;
		/* Schrift, Ausrichtung */
		color:			#FFFFFF;
		font-size:		13pt;	
		font-weight:	bold;
		text-align: 		left;
	}

	td.amenucell_hover,  td.amenucell_hover a:hover {
		padding-top:	5px !important;
		padding-bottom:	5px !important;
		/* Hintergrund */
		background-color: #51C9E3;
		/* Schrift, Ausrichtung */
		color:			#FFFFFF;
		font-size:		13pt;	
		font-weight:	bold;
		text-align: 		left;
		text-decoration: 	none;
	}

	td.amenucell a.activated, td.amenucell_hover a.activated {
		/* Schrift, Ausrichtung */
		letter-spacing:	3pt;
	}

	/* Menuzeile B Level */
	td.bmenucell, td.bmenucell a {
		/* Schrift, Ausrichtung */
		font-size:		10pt;	
		font-weight:	bold;
		color:			#FFFFFF;
		text-align: 		left;
		text-decoration:	none;
	}
	

	td.bmenucell_hover, td.bmenucell_hover a:hover {
		/* Hintergrund */
		background-color: #51C9E3;
		/* Schrift, Ausrichtung */
		font-size:		10pt;	
		font-weight:	bold;
		color:			#FFFFFF;
		text-align: 		left;
		text-decoration:	none;
	}


/*****	Hinweisfenster (index.php) 	*****/	
	/* Wrapper des Mainbereichs */
	div#hinweis {
		/* Schrift, Ausrichtung */
		font-size: 		8pt;
		text-align: 		left;
	}

	/* Tooltip  */
	div#tipDiv {
		position:		absolute; 
		visibility:		hidden; 
		left:			0; 
		top:			0; 
		z-index:		10000;
		background-color: #51C9E3; 
		border:		1px solid #175AA9; 
		width:		200px; 
		padding:		5px;
		font-size:		8pt;
		color:			#ffffff; 
	}

/*****	Userstatistik (index.php) 	*****/	
	/* Listentitel */
	div.statistictitle {
		/* Schrift, Ausrichtung */
		font-size: 		8pt;
		text-decoration: 	underline;
	}


	/* Listen */
	div.statisticlist {
		/* Ränder, Abstände, etc. */
		padding-left: 	5px;
		/* Schrift, Ausrichtung */
		font-size: 		7pt;
		color: 		#FFFFFF;
	}

/*****	Fehler/Meldungs-Anzeige (index.php) 	*****/	
	/* Wrapper für Anzeige */
	table.top_message {
		/* Ränder, Abstände, etc. */
		width:		90%;
		margin:		10px;
		padding:		50px;
		border:		1pt dashed #DAA520;
		/* Hintergrund */
		background-color: #FFFACD;
		/* Schrift, Ausrichtung */
		color:			#000000;
	}
	table.top_message td {
		padding:		5px !important;
	}
	table.top_message a {
		/* Schrift, Ausrichtung */
		color:			#000000;
	}

	table.top_error {
		/* Ränder, Abstände, etc. */
		width:		90%;
		margin:		10px;
		padding:		50px;
		border:		1pt dashed #CC0000;
		/* Hintergrund */
		background-color: #FFCCCC;
	}
	table.top_error td {
		padding:		5px !important;
		color:			#CC0000;
	}
	table.top_nachricht {
		/* Ränder, Abstände, etc. */
		width:		90%;
		margin:		10px;
		padding:		50px;
		border:		1pt dashed green;
		/* Hintergrund */
		background-color: #99FFCC;
	}
	table.top_nachricht td {
		padding:		5px !important;
		color:			green;
	}

/*****	Hauptfenster (index.php) 	*****/	
/* Wird von allen Fenstern auf der Seite benutzt:
 * (Hinweis, Userstatistik, Fehler, Content) 	*/
	/* Grudneinstellungen für Main-Tabellen 	*/
	table.main {
		/* Ränder, Abstände, etc. */
		width:		90%;
		margin:		10px;
		border:		1px solid #175AA9;
		border-collapse: 	seperate;
		border-spacing: 	10px;
	}
	table.main td {
		/* Ränder, Abstände, etc. */
		padding: 		2px;
		/* Schrift, Ausrichtung */
		vertical-align:	top;
	}

	table.main2 {
		/* Ränder, Abstände, etc. */
		width:		90%;
		margin:		10px;
		padding:		50px;
		border:		1px solid #175AA9;
		border-collapse: 	seperate;
		border-spacing: 	10px;
		/* Hintergrund */
		background-color: #4fc8e3;
	}

	/* Kopfzeile der Main-Tabellen */
	tr.maintitle {
		/* Hintergrund */
		background-position: top; 
		background-repeat: no-repeat;
		background-color: #175AA9;
	}
	div.wintitle {
		/* Ränder, Abstände, etc. */
		padding-left: 	15px;
		padding-top: 	3px;
		padding-bottom: 	3px;
		/* Schrift, Ausrichtung */
		font-size:		10pt;
		font-weight:	bold;
		line-height: 	10pt;
		color:			#ffffff;
	}
	div.wintitle a {
		color:			#ffffff;
	}
	
	/* Contentbereich der Main-Tabellen */
	td.winmain {
		/* Ränder, Abstände, etc. */
		padding:		5px !important;
		border:		1pt solid blue;
		/* Schrift, Ausrichtung */
		text-align: 		justify;
	}
	
	/* Fuß der Content-Tabelle */
	td#footer {
		/* Ränder, Abstände, etc. */
		height: 		40px;
		padding-top:	0px;
		padding-bottom:	15px;
		/* Hintergrund */
		background-image: url(footer.gif);
		background-position: bottom right; 
		background-repeat: no-repeat;	
		/* Schrift, Ausrichtung */
		vertical-align: 	bottom;
	}

/*****	Allgemeine Klassen 	*****/

	/* A, OPTION User-Links hinterlegen, wenn online */
	.isonline {
		/* Hintergrund */
		background-color: #51C9E3;
	}
	
	/* Spaltendesign für Content-Seiten Aufteilung */
	td.spaltelinks {
		/* Ränder, Abstände, etc. */
		width: 		50%;
		padding-right: 	10px !important; 
		border-right: 	1pt solid #175AA9 !important;
	}
	td.spalterechts {
		/* Ränder, Abstände, etc. */
		width: 		50%;
		padding-left: 	10px !important;
		border-left: 	1pt solid #175AA9 !important;
	}
	
	/* Register Fieldset, das für alle Formulare verwendet wird */
	fieldset.register {
		/* Ränder, Abstände, etc. */
		padding:		5px !important;
		margin:		0px;
		border:		1pt solid #dddddd;
		/* Schrift, Ausrichtung */
		color:			#ffffff;
		font-size:   	8pt;
		vertical-align: 	top;
	}

/*****	Klasse für Photo-Galerie (photo.php und photo_*.php)	*****/

	/* Tabelle für Navigation in der Galerie (Seite vor/zurück, Ebene hoch) */
	table.fotonavi {
		/* Ränder, Abstände, etc. */
		width: 		100%;
		/* Schrift, Ausrichtung */
		text-align: 		center;
	}
	
	/* Tabelle für Galerie-/Foto-Übersicht */
	table.fototable {
		/* Ränder, Abstände, etc. */
		width: 		99%;
		border: 		1pt solid #DDDDDD;
	}
	
	/* Tabellenzelle für Foto-Anzeige */
	td.fotolinks {
		/* Ränder, Abstände, etc. */
		width: 		150px;
		height: 		150px;
		border: 		1pt solid #dddddd !important;
		/* Schrift, Ausrichtung */
		text-align: 		center;
		vertical-align: 	middle !important;
	}

	td.fototext {
		/* Ränder, Abstände, etc. */
		height:		130px;
		padding-left: 	10px !important; 
		/* Schrift, Ausrichtung */
		vertical-align:	top !important;
	}
	/* Tabellenzelle für die Zusatzinfos (Erstellt, Kommentare, etc.)  eines Fotos oder eine Galerie */
	td.fotoinfo { 
		/* Ränder, Abstände, etc. */
		padding-left: 	10px !important;
		border: 		1pt solid #dddddd !important;
		/* Schrift, Ausrichtung */
		font-size: 		8pt;
		color: 		#ffffff;
		text-align: 		center;
		vertical-align: 	bottom !important;
	}
	
	/* Tabellenzelle mit Anzeigeoptionen der Galery (Format, Anzahl Bilder pro Seite) */
	td.galeryoption {
		/* Ränder, Abstände, etc. */
		padding-top:	15px !important;
		border: 		1pt solid #DDDDDD !important;
		/* Schrift, Ausrichtung */
		text-align: 		center;
		vertical-align: 	bottom !important;
	}
	
	/***** RATING *****/
	/* Rating Anzahl der Stimmen*/
	div.counted {
		font-size: 		8pt;
		color: 		#ffffff;
	}
	/* Rating Besitzeranzeige */
	div.owner {
		font-size: 		8pt;
		color: 		green;
	}
	
	/* Rating Formular*/
	fieldset.ratingbox {
		/* Ränder, Abstände, etc. */
		width:		85%;
		padding:		0px;
		border:		1pt solid #dddddd;
		/* Schrift */
		font-size:   	8pt;
		color:			#ffffff;
		vertical-align: 	top;
	}
	/* Rating Tabelle */
	table.ratingtable {
		/* Ränder, Abstände, etc. */
		width: 		95%;
	}
	td.ratingfield {
		/* Schrift, Ausrichtung */
		text-align: 		center;
	}
	input.ratingbut {
		/* Ränder, Abstände, etc. */
		border:		0pt;
	}
	/* Hinweis "nach Schulnoten" */
	td#notenhinweis {
		/* Schrift, Ausrichtung */
		font-size: 		8pt;
		color: 		#aaaaaa;
	}

	/* Tabellenzelle mit großem Einzelfoto */
	td.fotoeinzeln {
		/* Ränder, Abstände, etc. */
		padding-top:	5px !important;
		padding-bottom:	5px !important;
		/* Schrift, Ausrichtung */
		text-align:		center;
	}
	
	/***** COMMENTS *****/
	/* Kommentarinfo (Autor, ggf. Profilbild, Datum) */
	td.commentinfo {
		/* Ränder, Abstände, etc. */
		width: 		150px;
		padding-top: 	10px !important;
		padding-bottom: 	10px !important;
		border: 		1pt solid #dddddd !important;
		/* Schrift, Ausrichtung */
		font-size: 		8pt;
		text-align: 		center;
		vertical-align: 	middle !important;
	}
	/* Kommentar Optionen (Löschen) */
	td.commentoption {
		/* Ränder, Abstände, etc. */
		width: 		25px;
		border: 		1pt solid #dddddd !important;
		/* Schrift, Ausrichtung */
		font-size: 		8pt;
		text-align: 		center;
		vertical-align: 	middle !important;
	}
	
	/* Tabelle innerhalb von Fieldsets für Formulare */
	table.formtable {
		table-layout:	auto;
	}

/*****	Klasse für Member-Bereich (members.php und member_*.php)	*****/

	/* Kleine Bildansicht in member_profil_userimages.inc.php */
	td.fotoklein {
		/* Ränder, Abstände, etc. */
		width: 		105px;
		height: 		105px;
		border: 		1pt solid #dddddd !important;
		/* Schrift, Ausrichtung */
		font-size: 		8pt;
		color: 		#999999;
		text-align: 		center;
		vertical-align: 	middle !important;
	}
	
	/* Balken als Ergebnisanzeige der Umfrage (umfrage.inc.php) */
	td.umfrage {
		/* Ränder, Abstände, etc. */
		border:		1pt solid #dddddd !important;
		padding-left:	8px !important;
		/* Hintergrund */
		background-color: #175AA9 !important;
		/* Schrift, Ausrichtung */
		font-size:		8pt;
		line-height:		8pt;
		font-weight:	bold;
		color:			#ffffff;
		vertical-align:	bottom;
	}
	td.anzahl {
		/* Ränder, Abstände, etc. */
		padding-left:	5px !important;
		/* Schrift, Ausrichtung */
		font-size:		8pt;
		line-height:		8pt;
		font-weight:	bold;
		vertical-align:	bottom;
	}
/*****	Klasse für Termine (termine.php und termine_*.php)	*****/

	/* Tabelle für Termin-Übersicht */
	table.termine {
		table-layout:	auto;
		/* Ränder, Abstände, etc. */
		width:		100%;
		border: 		1pt solid #dddddd;
	}
	
	/* Tabellenzelle für Termin-Übersicht */
	table.termine td {
		/* Ränder, Abstände, etc. */
		padding-left:	5pt;
		padding-right:	5pt;
		padding-top:	2pt;
		padding-bottom:	3pt;
		border: 		1pt solid #dddddd;
		/* Schrift, Ausrichtung */
		vertical-align: 	top;
	}
	td.datetime {
		text-align:		right;
	}
	/* Hervorhebung des aktuellen Tages */
	tr.today td {
		/* Ränder, Abstände, etc. */
		border: 		1pt solid #ffffff;
		/* Hintergrund */
		background-color: #639C18 !important;
	}
	tr.private td {
		/* Ränder, Abstände, etc. */
		border: 		1pt solid #bbbbbb;
		/* Hintergrund */
		background-color: #808080 !important;
	}
	tr.member td {
		/* Ränder, Abstände, etc. */
		border: 		1pt solid #175AA9;
		/* Hintergrund */
		background-color: #0084A5 !important;
	}
	
/*****	Klasse für Messaging (member_messages.php)	*****/

	/* Tabelle für Message-Übersicht */
	table.messages {
		table-layout:	auto;
		/* Ränder, Abstände, etc. */
		width:		100%;
		border: 		1pt solid #dddddd;
	}
	
	/* Tabellenzelle für Message-Übersicht */
	table.messages td {
		/* Ränder, Abstände, etc. */
		padding-left:	5pt;
		padding-right:	5pt;
		padding-top:	2pt;
		padding-bottom:	3pt;
		border: 		1pt solid #dddddd;
		/* Schrift, Ausrichtung */
		vertical-align: 	top;
	}
	table.messages td a {
		font-weight:	normal;
	}

	/* Hervorhebung des aktuellen Tages */
	tr.new td a {
		/* Schrift, Ausrichtung */
		font-weight:	bold;
	}

/*****	Klasse für News (news.php)	*****/

	/* Tabelle für News-Übersicht */
	table.news {
		table-layout:	fixed;
		/* Ränder, Abstände, etc. */
		width:		100%;
		border: 		1pt solid #ffffff;
	}
	
	table.news td, table.news th {
		/* Ränder, Abstände, etc. */
		padding:		5px;
	}

/*****	Klasse für Trainingszeiten (mannschaft_trainingszeiten.php)	*****/
	table.trainingszeiten {
		table-layout:	auto;
		/* Ränder, Abstände, etc. */
		width:		100%;
		border: 		1pt solid #ffffff;
	}
	table.trainingszeiten td , table.trainingszeiten th {
		padding:		5px;
		border-bottom:	1pt solid #ffffff;
	}


/*********************************************************/
	.temp {
		border:		1pt solid blue !important;		
	}