/* DTTB, Aug 2008 */
/****************************************/
/* Gestaltung von ID Containern sh. auch layout.css */
@import url(reset.css);
@import url(layout.css);
@import url(content.css);

#page { background-image:url(/images/backgrounds/nav.jpg); background-repeat:repeat-x; background-position:left 87px; position: relative; }
/****************************************/
#header { height:175px; background-image: url("../images/header.gif"); background-repeat:repeat-x; }
/****************************************/
#logo { width:500px; float:left; }
#logo img { width:500px; height:150px; margin: 0px 0 0 40px; background-image: url("../images/tt_logo_06_2020.png"); background-size:172px;  background-repeat:no-repeat; }
#user { display:none; padding:4px 16px 4px 4px!important; text-align:left!important; }
#date { float:right; color:#666666; padding:49px 0 4px 0px; font-size:80%; display:none; }
/****************************************/
#tabs {	clear:both; background-image:url(/images/backgrounds/nav.jpg); background-repeat:repeat-x; background-position:left top; 
width:100%; background-color:#3300CC; display:none; }
/****************************************/
#container { width:1095px; clear:both; padding:0 0 0 30px; }

#navigation { width:185px; margin:10px 0 0 0px; padding:0 0 0 0px; background-color:#FFFFFF; color:#FFFFFF; float:left;  }
#navigation select { width:145px; display:none }
#navigation ul { margin:0; padding:0; }
#navigation ul ul { margin:0; padding:0; }

/****************************************/
#sub-navigation { border:1px dotted #C5C4B9;border-right:1px dotted #C5C4B9;border-left:1px dotted #C5C4B9; padding: 4px 0 5px 10px; }
#sub-navigation a { font-weight:normal; }
#sub-navigation ul { padding-bottom:0!important; }
#sub-navigation li {  }

/****************************************/
#content { width:775px; line-height:133%; background-color:#FFFFFF; float:left; margin:0;  margin-bottom:10px; }
#content ol, #content ul {  list-style:circle; padding:0 0 1em 1em; margin:0 0 0 1em; }
#content h1 { font-size:125%; font-weight:normal; }
#content h2 { font-size:100%; font-weight:bold; margin:0; padding:0.75em 0 0 0; }
#content-col1 {float:left; width:465px; padding:0 0px 0 0px; background-color: #fff;  } 
#content-col2 {float:right; width:278px; padding:0 10px 0 5px; background-color: #fff; }
#content-row1 { clear:both; padding:0 10px 0 0px; background-color: #fff; }
#content-row2  { clear:both; padding:0 10px 0 0px; background-color: #fff; }
/****************************************/
#footer { width:auto; padding:20px 50px 0px 50px; clear:both; line-height:133%; color:#263e72; }
#footer a { font-weight:normal; color:#FFFFFF; text-decoration:none; }
#footer a:hover { text-decoration: underline; }
#footer #footer-copyright { float:left; }
#footer #footer-link { float:left; clear:left; }
#footer #footer-link a { color:#263e72;  }
#footer #footer-navigation { float:right; color:#45629e; }
#footer #footer-navigation a { padding-left:10px; }


/* Individuelle Konfiguration aus default.css */

/* Individuelle Konfiguration aus interface.css */

/* Individuelle Konfiguration aus Mandanten-Design content.css */
#content input, #content select, #content option, #content textarea { margin:1px 0 1px 0; }
input, textarea {
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 				0.9em;
	border:1px solid #999999;
	background: 			#ffffff;
	color: 					#000;
	padding:2px;
}
input {
	vertical-align:			middle;
}
input:focus,
textarea:focus {
	background: 			#CCC;
}
fieldset {
	margin-bottom: 			1em;
}
legend {
	font-size: 				1.25em;
	font-weight: 			bold;
	color: 					#999;
	display: 				block;
}
#content fieldset p {
	margin-bottom: 			0.5em;
}
fieldset label {
	clear: 					left;
	width: 					240px;
	margin-right: 			10px;
	display: 				block;
	float: 					left;
}
fieldset input,
fieldset textarea {
	width: 					auto;
	display: 				inline;
	float: 					none;
}
#content input[type=radio] { border:0; padding:2px 8px 2px 0; background-color:transparent; }
#content input[type=checkbox] { border:0; padding:2px 8px 2px 0; background-color:transparent; }
#content input[type=hidden] { visibility: hidden; }

#content .query p { clear:both; }
#content .query .button { width:126px!important; font-size:12px; background-color:#CCCCCC; padding:1px 2px 1px 2px;  }
#content .query .button:hover { cursor:pointer; background-color:#aaaaaa; }
#content .edit-object .button { font-size:12px; background-color:#CCCCCC; padding:1px 2px 1px 2px;  }
#content .edit-object .button:hover { cursor:pointer; background-color:#aaaaaa; }


/* Derzeit nur bei der Darstellung der Ligen */
#content .matrix caption { margin-top:16px; margin-bottom:-8px; }
#content .matrix th {  border-right:1px solid #999999; font-weight:bold; padding:0; background-color:#efefef; }
#content .matrix td { border-bottom:1px solid #999999; border-right:1px solid #999999;  padding:0; }
#content .matrix hr { color:#999999; border-color:#999999; }
#content .matrix {  margin:16px 0 16px 0; width:100%; border-left:1px solid #999999; /* border-top:1px solid #999999;*/   font-size:100%; }
#content .matrix h2 { background-color:#efefef; padding:0 4px 0 4px; white-space:nowrap; border-bottom:1px solid #999999; border-top:1px solid #999999; clear:both; }
#content .matrix ul { padding:0 0px 1em 0; margin:1em 0 0em 0; clear:both; }
#content .matrix li { clear:both; padding:0px 0px 0px 0px; margin:0 16px 0px 4px; /* NE 7.1 bug bei overflow:hidden; */ list-style:none; }
#content .matrix span { display:block; float:left; padding:0 0 0 0; width:auto; }
#content span.matrix-relegation { text-align:right; float:right; padding:0 0 0 0; width:2.3em; }
#content span.matrix-relegation-more { display:inline; float:none; padding:0 0.5em 0 0; width:inherit; }

/* Spielklassen nach oben oder unten wechseln 
uses: liga-layer-up,liga-layer-down
*/
#content .liga-layer { background-color:#efefef; padding:4px; }
#content .liga-layer h2 { margin:0em 0 0 0; padding:0 0 0 16px; }
#content .liga-layer p { padding-left:16px; }
#content .liga-layer ul{ margin:0 0 0 0; padding:0; padding-left:16px; }
#content .liga-layer li { display: inline; list-style: none; padding:0 6px 0 0; margin:0 4px 0 0; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:right center; }
#content .liga-layer li:first-child { }
#content .liga-layer li:last-child { background-image:url(../images/empty.gif); }
#content .liga-layer-up { background-image: url(../images/up_11x11.gif); background-position:left middle; background-repeat:no-repeat; padding-left:16px; }
#content .liga-layer-down { background-image: url(../images/down_11x11.gif); background-position:left middle; background-repeat:no-repeat; padding-left:16px;  }

/* Banner */
#banner-skyscraper { /*160x600*/ position:absolute; top:0; left:1065px; z-index:10; }
#banner-super { /*728x90*/ margin-left:165px;  }
#ads-top { position:absolute; top:0; left:160px; z-index:11; }
#banner { position:absolute; top:14px; left:574px; }
#navigation li.banner { margin:0 0 0 0; padding:5px 0 5px 5px;  }


/* Bentzerspezifische Styles fuer Contribute */
.PDF-download { background-image:url(../images/picto-pdf.gif); background-repeat:no-repeat; background-position:left center; padding:2px 0 2px 20px; line-height:160%; font-weight:normal; white-space:nowrap; }
.Tabelle-Linien {  margin:16px 0 16px 0; width:100%; }
.Tabelle-Linien caption { margin-top:16px; margin-bottom:-8px; }
.Tabelle-Linien th {  border-bottom:1px solid #999999; font-size:85%; font-weight:normal; padding:0 8px 0 0px; }
.Tabelle-Linien td { border-bottom:1px solid #999999; border-right:1px none; padding:0 8px 0 0px; }