/*************************************************************************
Zunaechst werden Formate definiert, die für alle Objekte gelten sollen.
Abweichungen davon werden spaeter separat geaendert.
Dies betrifft hauptsaechlich die Schrift.
Aber auch das "<hr>"-Element wird hier formatiert.
*************************************************************************/

* {
	font-family:comic sans ms;
	color:#DE2916;
}

hr {
	height:1px;
	border:0px;
	background-color:#DE2916;
}



/******************
body
******************/

body {
	background-color:#EEEEEE;
	text-align:center;
}


/********************************************************************
"box" ist eine Klasse, die dann die Klasse "seite" enthalten wird.
"box" wird nur gebraucht um die ganze Sache zu centrieren.
********************************************************************/

.box {
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;

	width:800px;
	min-height:500px;

	/*border-width:2px;
	border-color:#FF00FF;
	border-style:solid;*/
}


/****************************************************************************************
In einem div-Element der Klasse "seite" wird später die eigentliche Site zu sehn sein.
Zu den wichtigesten Teile, die dort zu sehn sein werden, gehoeren folgende Klassen/IDs:
-oben (Logos und der Schriftzug "BUR - BerlinerUnterwasserRugby e.V.)
-navigation (Leiste mit den Links)
-inhalt (hier steht dann der Inhalt der verschiedenen Unterseiten)
****************************************************************************************/

.seite {
	position:relative;
	margin:0px;

	width:800px;
	min-height:500px;

	background-color:#FFFFFF;
}


/********************************************************************
Hier wird jetzt die Klasse "oben" formatier.
In ihr werden dann die Logos und der BUR-Schriftzug enthalten sein.
********************************************************************/

.oben {
	position:relative;
	top:0px;
	left:0px;
	right:0px;

	height:120px;

	/*background-color:#DDDDDD;*/
}

#logo_links {
	position:absolute;
	top:0px;
	left:0px;

	height:120px;
	width:200px;

	/*background-color:#DDAAEE;*/
}

#logo_rechts {
	position:absolute;
	top:0px;
	right:0px;

	height:120px;
	width:200px;

	/*background-color:#DDAAEE;*/
}

#bur {
	position:absolute;
	top:0px;
	left:200px;

	height:70px;
	width:400px;

	/*background-color:#AADDEE;*/

	text-align:center;
	font-size:50px;
}

#ev {
	position:absolute;
	top:70px;
	left:200px;

	height:50px;
	width:400px;

	/*background-color:#AAEEDD;*/

	text-align:center;
	font-size:25px;
}


/***************************************************************
Jetzt kommt die Klasse "navigation", die die Links enthaelt.
***************************************************************/

.navigation {
	position:relative;
	top:0px;
	left:0px;
	right:0px;

	height:45px;

	/*background-color:#DDCCEE;*/

	text-align:center;
}


/******************************************************************************
Endlich die Klasse "inhalt_box" und "inhalt"
In ihnen werden dann die Inhalte der verschiedenen Unterseiten zu sehen sein.
******************************************************************************/

.inhalt_box {
	position:relative;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;

	padding-bottom:20px;

	min-height:320px;

	/*background-color:#00FF99;*/
}

.inhalt {
	margin-left:auto;
	margin-right:auto;

	text-align:left;

	width:700px;

	/*background-color:#0955FF;*/

	font-size:15px;
}


/******************************************************************************
Nun folgen Formatierungen, die speziell für einzelne Seiten gemacht sind.

Als erstes das Mannschaftsfoto auf der index-Seite.
******************************************************************************/


table, th, td {
	border-style:solid;
	border-width:2px;
	border-collapse:collapse;

	padding:5px;
}

.blau {
	color:#0000DD;
}