@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

html {
	height: 101%;
	width: 101%;
} 

body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76.01%;
	line-height: 120%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #CCCCCC;
	color: #000000;
    text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size: 140%;
	margin-top: 5px;
	margin-bottom: 5px;
}

a {
	color: #000000;
	text-decoration: none;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}


.thrColLiqHdr #container {
	width: 1177px;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element �berschrieben. */
	background-color: #FFFFFF;
	background-image: url(../images/zaubermitte.jpg);
	background-repeat: repeat-y;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-position: -14px 0px;
} 
.thrColLiqHdr #container #header .trick {
	margin-top: -20px;
	visibility: hidden;
}

.thrColLiqHdr #header {
} 

.warn {
	color : Red;
}

.ok {
	color : Green;
}

.rothinter {
	color: #993333;
	line-height: 140%;
}


.thrColLiqHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, k�nnen Sie das Auftreten unerwarteter Abst�nde zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unn�tig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auff�llung anstelle von R�ndern l�sst sich gew�hrleisten, dass das Element die Kanten des div nicht ber�hrt. */
		display: none; 
		/* visibility: hidden; */
}
    
    /* Tipps f�r Randleisten:
    1. Da wir mit Prozentwerten arbeiten, ist es empfehlenswert, f�r die Randleisten keine seitliche Auff�llung zu verwenden. Sie wird bei standardgerechten Browsern der Breite hinzugef�gt, und dies wiederum f�hrt zu einer unbekannten tats�chlichen Breite. 
    2. Zwischen der Kante des div und den darin liegenden Elementen kann ein Abstand eingef�gt werden, indem Sie diesen Elementen wie in ".thrColLiqHdr #sidebar1 p" demonstriert einen linken und rechten Rand zuweisen.
    3. Da Explorer die Breiten nach der Wiedergabe des �bergeordneten Elements berechnet, treten bei prozentbasierten Spalten gelegentlich unerkl�rliche Fehler auf. Wenn Sie zuverl�ssigere Ergebnisse w�nschen, sollten Sie pixelbasierte Spalten verwenden.
    */
.thrColLiqHdr #sidebar1 {
	float: left; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width: 200px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	margin-left: 15px;
	/* background-color: #ff0000; */
}
.thrColLiqHdr #sidebar2 {
	float: right; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width: 190px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 10px;
	margin-right: 15px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 h3 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
    margin-left: 10px; /* F�r jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
    margin-right: 10px;
}

#sidebar1 ul li, #sidebar2 ul li {
	list-style: none;
	vertical-align: middle;
	line-height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 20px;	
}
#sidebar1 ul li img, #sidebar2 ul li img {
	/* border: 1px solid #000000;*/
	vertical-align: middle;	
}
   
    /* Tipps f�r mainContent:
    1. Der Abstand zwischen mainContent und den Randleisten entsteht durch den linken und rechten Rand des mainContent-div.
    2. Zur Vermeidung von Float-Drops bei einer unterst�tzten Mindestaufl�sung von 800 x 600 sollten Elemente im mainContent-div eine Gr��e von maximal 300 Pixel aufweisen (dies gilt auch f�r Bilder).
    3. Im unten stehenden bedingten Kommentar f�r Internet Explorer wird die Zoom-Eigenschaft verwendet, um mainContent die Eigenschaft hasLayout zuzuweisen. Dadurch werden verschiedene IE-spezifische Fehler verhindert.
    */
.thrColLiqHdr #mainContent {
	margin-top: 15px;
	margin-right: 230px;
	margin-bottom: 30px;
	margin-left: 245px;
	/* background-color: #ffff00; */
}
.thrColLiqHdr #mainContent2 {
	/* top: 15px; */
	margin-top: 15px;
	margin-right: 35px;
	margin-bottom: 30px;
	margin-left: 248px;
	border: 5px solid #FFFFFF;	/* background-color: #ffff00; */
	/* padding-top: -10px; */
}
#mainContent2 h2 {
	padding-bottom: 5px;
	margin-top: 5px;
}

#mainContent #block0 h2, #mainContent #block1 h2, #mainContent #block2 h2, #mainContent #block3 h2, #mainContent #block4 h2,
#mainContent #block5 h2, #mainContent #block6 h2 {
	padding-bottom: 2px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
#mainContent #block0 .einleitung, #mainContent #block1 .einleitung, #mainContent #block2 .einleitung, #mainContent #block3 .einleitung, #mainContent #block4 .einleitung,
#mainContent #block5 .einleitung, #mainContent #block6 .einleitung {
	margin-top: 13px;
	text-align: justify;
}
#mainContent #block0 .mehrlesen, #mainContent #block1 .mehrlesen, #mainContent #block2 .mehrlesen, #mainContent #block3 .mehrlesen, #mainContent #block4 .mehrlesen,
#mainContent #block5 .mehrlesen, #mainContent #block6 .mehrlesen {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 80%;
}
#mainContent #more0, #mainContent #more1, #mainContent #more2, #mainContent #more3, #mainContent #more4, #mainContent #more5, #mainContent #more6 {
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: justify;
}


.thrColLiqHdr #container #header #logo {
	margin-left: 43px;
	margin-right: 43px;
	background-image: url(../images/Oben_mitte.jpg);
	height: 100px;
	background-repeat: repeat-x;
	padding-left: 180px;
}
#logo img {
	margin-top: 30px;
}

.thrColLiqHdr #container #header #kopflinks {
	background-image: url(../images/linie_links.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 43px;
	height: 100px;
	background-position: 0px 70px;
}
.thrColLiqHdr #container #header #kopfrechts {
	float: right;
	width: 43px;
	height: 100px;
	background-image: url(../images/linie_rechts.jpg);
	background-repeat: no-repeat;
	background-position: 0px 70px;
}
.thrColLiqHdr #container #header #menu {
	height: 30px;
	background-image: url(../images/linie_links.jpg);
	background-repeat: no-repeat;
	margin-right: 0px;
	text-align: right;
	vertical-align: top;
}
#menu ul {
	float: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	margin-left: 28px;
	width: 94%;
	line-height: 28px;
	height: 28px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
#menu ul li {
	list-style: none;
    display: inline;
	font-weight: bold;
}

#menu img {
	vertical-align: top;
}

.thrColLiqHdr #footer {
	background-image: url(../images/fuss.jpg);
	background-repeat: no-repeat;
	height: 44px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	background-position: -14px;
} 
    .thrColLiqHdr #footer p {
    	margin: 0; /* Wenn Sie die R�nder des ersten Elements in der Fu�zeile auf 0 einstellen, k�nnen Sie unerwartete Abst�nde zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auff�llung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
    
    /* Verschiedene wieder verwertbare Klassen */
    .fltrt { /* Mit dieser Klasse k�nnen Sie ein Element auf der Seite nach rechts flie�en lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse k�nnen Sie ein Element auf der Seite nach links flie�en lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: left;
    	margin-right: 8px;
    }
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schlie�en eines Containers sein, der wiederum alle seine untergeordneten Floats enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}
.clearfloat2 {
	clear:both;
	font-size: 9px;
	text-align: right;
	background-image: url(../images/linie_links.jpg);
	background-repeat: repeat-y;
	font-weight: bold;
	height: 29px;
	vertical-align: top;
	line-height: 13px;
}

.pager {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.braunneu	{
	color: #FFCC33;
	font-size: 11px;
	background-color : #004080;
	font-weight : bold;
	padding-bottom : 2px;
	padding-top : 1px;
	line-height: 20px;
	/* height: 20px; */
}

.tabbraunneu	{
	color: #FFCC33;
	/* font-size: 11px; */
	background-color : #004080;
	font-weight : bold;
	padding-bottom : 2px;
	padding-top : 1px;
	line-height: 160%;
	/* height: 20px; */
}

td a:hover img, a:hover img, a.navbild:hover {
	border: 0;
	border-bottom: none;
	/* border-bottom-color: #ffffff; */
}

hr {
	color: #dddddd;
}
.nachrichten {
	padding: 10px;
	width: 100%;
	border: 1px solid #dddddd;
	background-color: #EFEFEF;
}
.spieltag {
	padding: 2px;
	width: 100%;
	border: 1px solid #dddddd;
	font-weight: bold;	
}
.spieltagblock {
	padding: 2px;
	width: 100%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
}
.spieltagkopf {
	font-weight: bold;
}
.spalte1 {
	padding-left: 48px;
	/* background-color: #dddddd; */
	width: 303px;
}
.spalte2 {
	/* margin-left: 200px; */
	/* background-color: #dddddd; */
}
.huch {
	background-color: #dddddd;
}
.tabhuch {
	background-color: #dddddd;
	font-weight : bold;
	padding-bottom : 2px;
	padding-top : 1px;
	line-height: 160%;
}
.tabhinter {
	background-color: #99ccff; 
	font-weight : bold;
	padding-bottom : 2px;
	padding-top : 1px;
	line-height: 160%;
}
.tabhinter2 {
	background-color: #eeeeee; 
	font-weight : bold;
	padding-bottom : 2px;
	padding-top : 1px;
	line-height: 160%;
	text-align: center;
}
.heim, .gast {
	width: 35%;
}
.headline {
	font-weight: bold;
	padding: 5px;
}
.abstand {
	padding: 5px;
	height: 30px;
	text-align: center;
}
input, select {
	line-height: 120%;
	padding: 2px;
}
form {
	background-color: #dddddd;
	padding: 2px;
}
#mainContent2 .rahmen {
	background-color: #ffffff;
	padding: 2px;
}
.bloecke {
	padding-left: 5px;
}
.box_border {
	border: 1px solid #004080;
}
.box_border2 {
	border: 1px solid #dddddd;
	width: 100%;
}
tr.hinter td a, tr.hinter td {
	font-weight : bold;
	border-bottom: none;
}
tr.hinter td a:hover, tr.hinter td:hover {
	font-weight : bold;
	border-bottom: none;
	background-color: #eeeeee;
}
tr.hinter td.nohover:hover, tr.hinter td.mannschaft:hover {
	font-weight : bold;
	border-bottom: none;
	background-color: #ffffff;	
}
tr.hinter td.nohover2:hover, tr.hinter td.nohover2 {
	font-weight : bold;
	border-bottom: none;
	background-color: #ffffff;
	text-align: right;	
}
tr.hinter td.noho2a:hover, tr.hinter td.noho2a {
	font-weight : bold;
	border-bottom: none;
	background-color: #ffffff;
	text-align: right;
	padding-right: 5px;
	width: 110px;
	line-height: 150%;	
}
tr.hinter td.nohoa:hover, tr.hinter td.nohoa {
	font-weight : bold;
	border-bottom: none;
	background-color: #ffffff;
	text-align: left;
	padding-left: 5px;
	width: 200px;
	line-height: 150%;	
}
tr.hinter td.nohover3:hover, tr.hinter td.nohover3 {
	font-weight : bold;
	border-bottom: none;
	background-color: #ffffff;
	text-align: center;	
}
.torlinks {
	text-align: left;
	padding-left: 5px;
}
.ergeb {
	text-align: center;
	width: 130px;
	background-color: #eeeeee;
}
.ergeb2 {
	text-align: center;
	width: 130px;
	background-color: #eeeeee;
}
.mannschaft {
	text-align: left;
	width: 290px;
}
.atop {
	vertical-align: top;
}
.atop2 {
	vertical-align: top;
	padding-left: 15px;
}
.sp1 {
	text-align: center;
}
.sp1a {
	text-align: center;
	background-color: #dddddd;
}

.sp2 {
	text-align: center;
	width: 120px;
}
.sp3 {
	text-align: center;
	width: 30%
}
.sp4 {
	text-align: right;
}
.sonder, tr.hinter td.sonder:hover {
	color: #004080;
	background-color: #ffffff;
}

INPUT.sudoku
	{
	border-left: #464646 1px solid;
	border-right: #464646 1px solid;
	border-top: #464646 1px solid;
	border-bottom: #464646 1px solid;
	color: #FF9900;
	font-size: 18px;
	background-color: #FFFFCC;
	font-weight: bold;
	text-align: center;
}

INPUT.sudoku2
	{
	border-left: #464646 1px solid;
	border-right: #464646 1px solid;
	border-top: #464646 1px solid;
	border-bottom: #464646 1px solid;
	color: Black;
	font-size: 18px;
	background-color: #FFFFCC;
	font-weight: bold;
	text-align: center;
}

INPUT.sudoku3
	{
	border-left: #464646 1px solid;
	border-right: #464646 1px solid;
	border-top: #464646 1px solid;
	border-bottom: #464646 1px solid;
	color: White;
	font-size: 18px;
	background-color: #B22222;
	font-weight: bold;
	text-align: center;
}

INPUT.sudoku4
	{
	border-left: #464646 1px solid;
	border-right: #464646 1px solid;
	border-top: #464646 1px solid;
	border-bottom: #464646 1px solid;
	color: Green;
	font-size: 18px;
	background-color: #FFFFCC;
	font-weight: bold;
	text-align: center;
}

.box_sudoku {
	font-size: 11px;
	color: #004080;
	text-decoration: none;
	line-height: 15px;
	font-weight: bold;
	border: 2px solid #004080;
}
.sudoku_hr {
	color: #dddddd;
}
.sudoku_mitte {
	text-align: center;
}
.sudoku_links {
	text-align: left;
}
.folge {
	border: 1px solid #dddddd;
	background-color: #EFEFEF;
	width: 75%;
}