@CHARSET "ISO-8859-1";

/* container fuer die zentrierung*/
#website {
	/*background-color: white;*/
	width: 98%;
	min-width: 980px;
	margin: 0 auto;
}

/* KOPF - BEREICH */
#header {
	min-height: 81px;
	/*muss gesetzt werden da alle Element static sind, sonst greift
		 der position absolute im (#title img) und im (#usertext) 
		 nicht(Elternelement wäre dann body)*/
	position: relative;
	margin-bottom: 10px;
}

/* Bereich fuer das Logo des Betreibers */
/* maximale Bildbreite 390px maximale Bildhöhe 80px*/
#logo {
	float: left;
	width: 40%;
}

/* Hauptsponsor */
#category1 {
	/* Positionsangaben fuer die Sponsoren Kategorie 1 */
	/* maximale Bildbreite 290px maximale Bildhoehe 80px;  */
	float: left;
	width: 30%;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 40%;
}

/* @deprecated: Der Benutzer wird jetzt im Logon/Logoff-Container angezeigt. */ 
#usertext {
	float: left;
	width: 30%;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 40%;
}

/* Bereich fuer das (powered by)sportbuchung24-Logo */
/* maximale Bildbreite 290px maximale Bildhoehe 80px*/
#title {
	float: right;
	width: 30%;
}

/* Positioniert das Sportbuchung24 Logo rechts unten im <div id=title> */
/* maximale Bildbreite 290px maximale Bildhoehe 80px */
#title img {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/* MENU */
#menu {
	min-height: 44px;
	padding: 0;
	margin: 0;
	position: relative;
}

#nav0 {
	clear: both;
	min-height: 20px;
	background-color: rgb(110, 110, 110); /*Dunkegrau*/
	margin-bottom: 1px;
}

#nav1 {
	clear: both;
	min-height: 20px;
	width: 65%;
	float: left;
}

/* Container fuer Impressum, AGB, und Kontakt*/
#nav2 {
	/* NEVER USED */
	}

/* div-Container innerhalb des Menues zum trennen von Menuepunkten*/
#container_left{
	float: left;
}
#container_right{
	float: right;
}

#logon {
	float: right;
	text-align: right;
	min-height: 20px;
	width: 35%;
}

/* INHALTS - BEREICH */
#body { /*???*/ /*min-height: 400 px;*/
	position: relative;
  	width: 100%;
}

/* Bereich links neben dem Inhalt fuer Sponsoren */
/* maximale Bildbreite 110px */
#category2 {
	position: absolute;
  	top: 0px;
  	left: 0px;
  	width: 110px;
}

#contentBox {
	margin: 0px 120px;
	background-color: rgb(240, 240, 240); /*Hintergrundgrau*/
	min-height: 440px;
}

/* Bereich rechts neben dem Inhalt fuer Sponsoren */
/* maximale Bildbreite 110px*/
#category3 {
	position: absolute;
 	top: 0px;
 	right: 0px;
  	width: 110px;
}

/* Bereich unterhalb des Inhalts fuer Sponsoren */
#category4 {
	margin-top: 10px;
	/* maximale Bildhoehe 80px (eigentlich unwichtig)
	max-height: 80px;
	*/
	text-align: center;
}

#category4 img { margin-left:1em;}

/* Wettereinblendung von wetter.com unter den Sponsoren der Kategorie 4 728x90*/
#weather {
	width: 728px;
	margin: 10px auto;
}

/* FUSS - BEREICH */
#footer {
	margin-top: 10px;
}