/*Cascading Style Sheet -- SG Rot-Weiß Tempelhof*/
/*Tabellen basieren lose auf -Coffee with Milk- von Roger Johansson http://www.456bereastreet.com*/


/*///// BASIS-LAYOUT: ELEMENTE /////////////////////////////////////////////////////////*/

* {
	margin: 0;
	padding: 0;
	}    

html {
	background: #d7d5ce;
	color:#000;
	}

body {
	background: #fff url(_zudat/shadowTileLeft.gif) left top repeat-y;
	margin: auto;
	margin-top: 1.5em;
	width: 60em;
	min-width: 55em;
	max-width: 90%;
	padding-left: 12px;
	font-size: 100.1%;
	font-family: "Gill Sans MT", Myriad, "Nimbus Sans L", Frutiger, "Liberation Sans", Geneva, 						Helvetica, "Helvetica Neue", "Segoe UI", "Trebuchet MS", Arial, Tahoma, sans-serif;
	}

#mainWrapper {
	background: transparent url(_zudat/shadowTileRight.gif) right top repeat-y;
	margin-top: 0px;
	padding-right: 12px;
	}

#header {
	background: transparent url(_zudat/headerTilePlus.jpg) left top repeat-x;
	height: 131px;
	margin: 0px;
	padding: 0px;
	}

#columnWrapper {
	background: transparent url(_zudat/cornerTopLeft.jpg) left top no-repeat;
	position: relative;
	margin: -131px 0px 0px -12px;
	padding: 9px 0px 0px 2.3em; /*linker Seitenabstand für die DIVs 'navCol' und 'contCol' */
	}

#navColBack {
	background: transparent;
	position: absolute;
	width: 11.5em;  /* Breite der Navigation */
	left: 2.3em; /* linker Seitenabstand entspricht dem 'columnWrapper'-padding für 'navCol' und 'contCol' */
	top: 9px;
	bottom: 40px;
	}

#contColBack {
	background: #f5f4ef;
	position: absolute;
	left: 15.8em; /* linker Seitenabstand entspricht 'columnWrapper'-Padding + 'navColBack'-width*/
	right: 25px; /* rechter Seitenabstand */
	top: 146px;
	bottom: 40px;
	}

#navCol, 
#contCol {
	position: relative; /* Position wird vom 'columnWrapper'-Padding bestimmt */
	z-index: 1;
	}

#navCol {
	float: left;
	width: 11.5em; /* gleiche Breite wie 'navColBack' (hier die 5 Pixel für  Nav einflechten?)*/
	}     

#contCol {
	margin-left: 13.5em; /* Breite der Inhaltsspalte */
	margin-right: 25px; /* rechter Seitenabstand */
	}

.clear {
	clear: both;
	}

#footer {
	background: transparent url(_zudat/footerTilePlus.jpg) right top repeat-x;
	border: 1px solid transparent; /* hier spinnt die Bodereinstellung */
	border-bottom: 1px solid #d7d5ce;
	height: 40px;
	/*margin: 0px 0px 0px -25px;*/
	margin-left: -2.3em;
	text-align: right;
	}


/*///// SPALTE NAVIGATION: ELEMENTE ///////////////////////////////////////////////////////////*/

#navHead {
	background: transparent url(_zudat/headerTileRed.jpg) right top repeat-x;
	height: 122px;
	}

img#navHeadLogo {
	position: absolute;
	background-color: transparent;
	background-repeat: no-repeat;
	color: #fff;
	border: none;
	left: 50%;
	height: 110px;
	width: 110px;
	margin-top: 9px;
	margin-left: -55px;
	}

#navMain {
	margin-top: 15px;
	padding-top: 15px;
	}

#navSub {
	margin-top: 20px;
	padding-top: 20px;
	}


/*///// SPALTE CONTENT: ELEMENTE ///////////////////////////////////////////////////////////*/

#contHead {
	background: transparent;
	height: 122px;
	}

img#contHeadLogo {
	position: absolute;
	background-color: transparent;
	background-repeat: no-repeat;
	color: #fff;
	border: none;
	height: 65px;
	width: 404px;
	margin-top: 37px;
	margin-left: 1.8em;
	z-index: 2;
	}

#contHeadCorner {
	position: absolute;
	background: transparent url(_zudat/cornerTopRight.gif) right top no-repeat;
	height: 131px;
	width: 227px;
	right: 0px;
	margin-top: -9px;
	margin-right: -37px;
	z-index: 1;
	}

#contMain {
	background: transparent;
	margin-top: 15px;
	padding: 15px 1.5em 15px 1.8em;
	}


/*///// FOOTER: ELEMENTE ////////////////////////////////////////////////////////////////*/

#footerCornerLeft {
	position: absolute;
	background: transparent url(_zudat/cornerBotLeft.gif) left top no-repeat;
	height: 40px;
	width: 37px;
	left: 0;
	}

#footerCornerRight{
	position: absolute;
	background: transparent url(_zudat/cornerBotRight.gif) right top no-repeat;
	height: 40px;
	width: 37px;
	margin-top: -40;
	right: -12px;
	z-index: 1;
	}


/*///// HAUPTNAVIGATION: FORMATIERUNG //////////////////////////////////////////////////////*/

ul#navMainList {
	padding: 0px;
	border-bottom: 1px solid #808080;
	margin: 0px;
	background: transparent;
	list-style-image: none;
	}

ul#navMainList li {
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #808080;
	}

ul#navMainList li a {
	display: block;
	padding: 5px 5px 5px 8px;
	border: 0px;
	text-decoration: none;
	text-align: right;
	}

ul#navMainList li a:link,
div#navMain li a:visited { 
	color: #000; 
	}

ul#navMainList li a:hover {
	border-right: 6px solid #cc0000;
	color: #000;
	background: #f5f4ef;
	padding-right: 5px;
	margin-right: -6px;
	}

ul#navMainList li.aktiv, 
ul#navMainList li.aktiv a {
	border-right: 6px solid #cc0000;
	color: #fff;
	background: #cc0000;
	font-weight: bold; 
	margin-right: -6px;
	margin-bottom: -1px;
	}


/*///// SUBNAVIGATION: FORMATIERUNG //////////////////////////////////////////////////////*/

ul#navSubList {
	padding: 0px;
	border-bottom: 3px solid #fff;
	margin: 0px;
	background: #f5f4ef;
	list-style-image: none;
	}

ul#navSubList li {
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 3px solid #fff;
	}

ul#navSubList li a {
	display: block;
	padding: 2px 5px 2px 8px;
	border-bottom: 1px solid #f5f4ef;
	text-decoration: none;
	text-align: right;
	}

ul#navSubList li a:link, 
div#navSub li a:visited { 
	color: #808080; 
	}

ul#navSubList li a:hover {
	border-right: 7px solid #f5f4ef;
	border-bottom: 1px solid #000;
	color: #505050;
	margin-right: -7px;
	}

ul#navSubList li.aktiv {
	border-right: 7px solid #f5f4ef;
	border-bottom: 1px solid #cc0000;
	color: #cc0000;
	margin-right: -7px;
	}

ul#navSubList li.aktiv a {
	color: #cc0000;
	}

ul#navSubList li.aktiv a:hover {
	border-bottom: 1px solid #f5f4ef;
	color: #ff0000;
	}

ul#navSubList li.archivLink {
	color: #cc0000;
	line-height: 42px;
	font-style: italic;
	}


/*///// TEXT: FORMATIERUNG //////////////////////////////////////////////////////*/

a, 
a:link, 
a:visited {
	color: #cc0000;
	}

a:hover {
	color: #ff0000;
	}

a:active {
	color: #cc0000;
	}

a.icon {
	background-color: transparent;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	}

.pdf {
	background-image: url(_zudat/pdficon.gif);
	}

.doc {
	background-image: url(_zudat/docicon.gif);
	}

a.exlink {
	background: transparent url(_zudat/exlink.gif) left center no-repeat;
	padding-left: 12px;
	}

a:hover.exlink {
	text-decoration: underline;
	}

h1, 
ul {
	font-family: Georgia, Constantia, Lucidabright, Lucida, "Palatino Linotype", Palladio, "URW Palladio L", 
		Palatino, "Book Antiqua", "Bitstream Charter", "ITC Garamond Narrow", Garamond, Baskerville, 
		"New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
	}

h1 {
	color: #660000;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.66em;
	padding-bottom: 0.25em;
	}

p,
h3 {
	font-size: 0.82em;
	}

h2 {
	font-size: 1em;
	}

p {
	line-height: 1.66em;
	padding-bottom: 1em;
	}

h2, 
h3 {
	line-height: 1.66em;
	font-weight: bold;
	padding-bottom: 0px;
	}

.serif {
	font-family: Georgia, Constantia, Lucidabright, Lucida, "Palatino Linotype", Palladio, "URW Palladio L", 
		Palatino, "Book Antiqua", "Bitstream Charter", "ITC Garamond Narrow", Garamond, Baskerville, 
		"New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
	}

.fett {
	font-weight: bold;
	}

.kursiv {
	font-style: italic;
	}

.wichtig {
	color: #ff6600;
	}

.info {
	line-height: 1.25em;
	font-style: italic;
	color: #333;
	}

.zitat {
	font-style: italic;
	color: #333;
	}

.bild {
	line-height: 1.5em;
	font-size: 0.7em;
	font-style: italic;
	color: #333;
	}

.mannschaftsbild {
	line-height: 1.3em;
	font-size: 0.8em;
	font-style: italic;
	color: #333;
	}

hr {
	color: #660000;
	margin: 1em 0;
	}

.footer {
	font-size: 65%;
	color: #444;
	margin-top: 28px;
	margin-right: 25px;
	text-decoration: none;
	}

.footer a {
	text-decoration: none;
	}

.footer a:link, 
.footer a:visited {
	color: #444;
	}

.footer a:hover{
	color: #990000;
	}


/*///// BILDER: FORMATIERUNG //////////////////////////////////////////////////////*/

img.solo {
	border: 1px solid #808080;
	padding-bottom: 0px;
	}

img.imText {
	float: left;
	border: 1px solid #808080;
	margin: 0.5em 1em 0px 0px;
	}


/*///// TABELLEN: FORMATIERUNG //////////////////////////////////////////////////////*/

table {
	font: normal 0.75em "Gill Sans MT", Myriad, "Nimbus Sans L", Frutiger, "Liberation Sans", 
		Geneva, Helvetica, "Helvetica Neue", "Segoe UI", "Trebuchet MS", Arial, Tahoma, sans-serif;
	border: 1px solid #d7d5ce;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 0 1em;
	color: #000;
	}

/*
table a:visited:after {
	content:"\00A0\221A";
	} - -schreibt ein Häkchen (√) hinter den Link
*/

thead th,
thead td,
tfoot th,
tfoot td {
	border: none;
	border-width: 0px 0;
	background: #d7d5ce;
	}

th, td {
	font-weight: normal;
	line-height: 1.5em;
	padding: 0.25em 0.5em;
	text-align: center;
	}

tbody th,
td {
	padding:0.25em 0.5em;
	text-align:center;
	vertical-align:top;
	}

.links {
	text-align: left;
	}

.rechts {
	text-align: right;
	}

tbody th {
	font-weight:normal;
	white-space:nowrap;
	}

tbody td,
tbody th {
	border:none;
	border-width:0px 0;
	}

tbody tr.zeileB th,
tbody tr.zeileB td {
	background:#fff;
	}

tbody tr:hover td,
tbody tr:hover th {
	background:#ffebec;
	border-color:#ffebec;
	}

tbody tr.rwt th,
tbody tr.rwt td {
	font-weight: bold;
	}

tbody tr.auf1 th,
tbody tr.auf1 td {
	background:#a7c666;
	}

tbody tr.auf2 th,
tbody tr.auf2 td {
	background:#ccdc9b;
	}

tbody tr.ab2 th,
tbody tr.ab2 td {
	background:#bebdbb;
	}

tbody tr.ab1 th,
tbody tr.ab1 td {
	background:#9f9f9d;
	}

tbody tr:hover.auf2 th,
tbody tr:hover.auf2 td,
tbody tr:hover.ab2 th,
tbody tr:hover.ab2 td {
	background:#ffdcde;
	}

tbody tr:hover.auf1 th,
tbody tr:hover.auf1 td,
tbody tr:hover.ab1 th,
tbody tr:hover.ab1 td {
	background:#ffc2c5;
	}

caption {
	font-family: "Gill Sans MT", Myriad, "Nimbus Sans L", Frutiger, "Liberation Sans", Geneva, 
		Helvetica, "Helvetica Neue", "Segoe UI", "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 1.05em;
	text-align:left;
	margin:0;
	padding-bottom: 0.5em;
	}


/*///// x END x ///////////////////////////////////////////////////////////////////////////*/