/*
 * Dies ist die CSS-Datei fuer www.tus-vahr-bremen.de
 *
*/


/*
 * Ab hier stehen die Angaben, die fuer alle gleich sind
 *
*/

/* Setzt fuer alle Bereich das "margin" und "padding" als Standort auf 0px */
* {
	margin: 0px;
	padding : 0px;
}

body {
	background-color: #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-align: center;
	scrollbar-base-color: #DB3738;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #CC0000;   /* Rot */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0px;
}

tr {
	vertical-align: top;
}


/* Beginn Positionierung auf der Seite */
#container {
  background: url(images/hintergrund.gif) repeat-y top left;
	background-color: #CEFFBE;
	margin: 0px auto 0px auto;
	position: relative;
	width: 950px;
	height: 580px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	overflow: hidden;
	text-align: left;
}
/* Ende der Positionierung auf der Seite */



/* Beginn Menue */
#menue {
	width: 100%;
	height: 40px;
}

#homegif {
	position: relative;
	top: 10px;
}

#menue .button {
	position: relative;
	left: 25px;
	margin-right: 5px;
}
/* Ende Menue */


/*
 * Ab hier werden die verschiedenen "main-Bereiche" Formatiert
 *
*/

#main_css1, #main_css2, #main_css3, #main_css4, #main_css5 {
	width: 100%;
	margin: 0px;
	height: 540px;
	overflow: hidden;
}



/* Beginn main_css1 (Startseite) */
#main_css1 #logo {
  position: absolute;
	left: 180px;
	top:  30px;
}

#main_css1 #inhalt {
	background: white;
  position: absolute;
  right: 20px;
  top: 40px;
	height: 480px;
	width: 450px;
	border: solid 1px black;
	overflow: auto;
}

#main_css1 #Stuetzpunkt {
  position: absolute;
  top: 270px;
  left: 120px;
}

#main_css1 a {   /* formatierung fuer alle links auf dieser Seite */
	margin-bottom: 10px;
	margin-left: 5px;
	display: block;
}

#main_css1 #rubrik_logo {
	margin-top: 3px;
	margin-left: 2px;
	margin-bottom: 15px;
}
/* Ende main_css1 (Startseite) */



/* Beginn main_css2 (Sportarten Auswahl) */
#main_css2 #logo {
	position: absolute;
	left: 100px;
	top:  15px;
}

#main_css2 #inhalt {
	background: white;
	height: 480px;
	width: 450px;
	position: absolute;
	top: 40px;
	right: 20px;
	border: solid 1px black;
	overflow: auto;
}

#main_css2 #rubrik_logo {
	margin-top: 3px;
	margin-left: 2px;
	margin-bottom: 10px;
}

#main_css2 #tabelle_sportarten {
	position: relative;
	top: 5px;
	width: 430px;
	border: 0px;
	border-spacing: 0px;
}

#main_css2 ul {
	margin-left: 30px;
	list-style-type: disc;
	list-style-position: outside;
}

#main_css2 li {
	margin-top: 6px;
}

#main_css2 #bogen {
	position: absolute;
	top: 220px;
	left: 240px;
}
/* Ende main_css2 (Sportarten Auswahl) */



/* Beginn main_css3 (Spartenseite) */
#main_css3 #logo {
	position: absolute;
	left: 100px;
	top:  15px;
}

#main_css3 #inhalt {
	background: white;
	height: 480px;
	width: 600px;
	position: absolute;
	top: 40px;
	right: 20px;
	border: solid 1px black;
	overflow: hidden;
}

#main_css3 #inhalt_ueberschrift {
	height: 60px;
	width: 100%;
	border-bottom: solid 1px #CC0000;  /* Rot */
}

#main_css3 #rubrik_logo {
	margin-top: 3px;
	margin-left: 2px;
}

#main_css3 #inhalt_menue {
	height: 300px;
	width: 150px;
	overflow: auto;
}

#main_css3 #inhalt_menue ul {
	margin-top: 5px;
  margin-left: 5px;
	width: 130px;
}

#main_css3 #inhalt_menue li {
	margin-bottom: 3px;
	font-weight: bold;
	color: #CC0000;  /* Rot */
}

#main_css3 #inhalt_menue #link_aktiv {
	margin-bottom: 8px;
	color: #008000;  /* Gruen */
}

#main_css3 #inhalt_infos {
	height: 419px;
	width: 449px;
	position: absolute;
	top: 61px;
	left: 150px;
	border-left: solid 1px #CC0000;
	overflow: auto;
}

#main_css3 #tabelle_infos {
	margin-top: 2px;
	margin-left: 2px;
	width: 95%;
	border: 0px;
	border-spacing: 0px;
}

#main_css3 #tabelle_infos td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-align: left;
}

#main_css3 #tabelle_infos th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #CC0000;  /* Rot */
	text-align: left;
}

#main_css3 #tabelle_infos .ueberschrift {
	font-size: 1.2em;
	font-weight: bold;
}

#main_css3 #bogen {
	position: absolute;
	top: 355px;
	left: 130px;
}
/* Ende main_css3 (Spartenseite) */



/* Beginn main_css4 (Vereinsinfos) */
#main_css4 #logo {
	position: absolute;
	left: 100px;
	top:  15px;
}

#main_css4 #inhalt {
	background: white;
	height: 380px;
	width: 829px;
	position: absolute;
	top: 140px;
	right: 20px;
	border: solid 1px black;
	overflow: hidden;
}

#main_css4 #inhalt_menue {
	width: 170px;
	overflow: hidden;
}

#main_css4 #inhalt_menue ul {
	margin-top: 5px;
	margin-left: 5px;
}

#main_css4 #inhalt_menue li {
	margin-bottom: 3px;
	font-weight: bold;
	color: #CC0000;  /* Rot */
}

#main_css4 #inhalt_menue #link_aktiv {
	margin-bottom: 8px;
	color: #008000;  /* Gruen */
}

#main_css4 #inhalt_infos {
	width: 658px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	border-left: solid 1px #CC0000;  /* Rot */
	overflow: auto;
}

#main_css4 #rubrik_logo {
	position: absolute;
	top: 5px;
	right: 20px;
}

#main_css4 #tabelle_vereinsinfos {
	margin-top: 40px;
  margin-left: 10px;
	width: 420px;
	border: 0px;
	border-spacing: 0px;
}

#main_css4 #tabelle_vereinsinfos td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-align: left;
}

#main_css4 #tabelle_vereinsinfos th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #CC0000;  /* Rot */
	text-align: left;
}

#main_css4 #tabelle_vereinsinfos .ueberschrift {
	font-size: 14px;
	font-weight: bold;
}

#main_css4 #tabelle_vereinsinfos ul {
	margin-left: 20px;
	list-style-type: disc;
	list-style-position: outside;
}

#main_css4 #tabelle_vereinsinfos li {
	margin-top: 4px;
}

#main_css4 #foto_vereinsinfos{
	position: absolute;
	top: 15px;
	right: 20px;
}
/* Ende main_css4 (Vereinsinfos) */



/* Beginn main_css5 (Kontakt) */
#main_css5 #logo {
	position: absolute;
	left: 100px;
	top:  15px;
}

#main_css5 #inhalt {
	background: white;
	height: 320px;
	width: 490px;
	position: absolute;
	top: 130px;
	left: 100px;
	border: solid 1px black;
	overflow: auto;
}

#main_css5 #foto_kontakt{
	background: white;
	height: 220px;
	width: 220px;
	position: absolute;
	top: 190px;
	left: 660px;
	border: solid 1px black;
	overflow: hidden;
}

#main_css5 #rubrik_logo {
	margin-top: 3px;
	position: relative;
	left: 330px;
}

#main_css5 #tabelle_kontakt {
	margin-left: 5px;
	width: 320px;
	border: 0px;
	border-spacing: 0px;
}

#main_css5 #tabelle_kontakt td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-align: left;
	padding: 2px;
}

#main_css5 #tabelle_kontakt th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #CC0000;  /* Rot */
	text-align: left;
	padding: 2px;
}

#main_css5 #tabelle_kontakt .ueberschrift {
	font-size: 1.2em;
	font-weight: bold;
}

#main_css5 #bogen1 {
	position: absolute;
	top: 20px;
	left: 600px;
}

#main_css5 #bogen2 {
	position: absolute;
	top: 465px;
	left: 190px;
}
/* Ende main_css5 (Kontakt) */