/* Internetseite des Kreis 32 - Unna-Hamm mit (X)HTML und CSS
	Start am 17. Juli 2006
	Letzte Änderunge am xx. Juli 2006
*/ 
/* Wichtige Farben							   				     TFT				Notebook
	Hintergrund	MOKASIN		: FFE4B5	255,228,181				hell creme		himbeere		+++
	Creme					: FFE4B5	249(252),241,174		gelb	 		creme
	Text-Schrift NAV		: D82819	204,51,51				heller, OK		dunkler, OK		+++
	Text-Schrift NAV FETT	: C24023	194,64,35				OK				OK				+++
	Text-Schrift			: FF1A1A	255,26,26				OK				OK				+++
	grau					: D4D0C8	212,208,200				OK				OK				+++
	weiß					: FFFFFF							OK				OK
	hell creme				: FFFACD	255,250,205				vielleicht		hell creme
	Creme					: F9F1AE							vor gelb		SUPER OK
*/

========================================================== */


/* =======================================
   1. Anfang der neuen Definition
   ======================================= */

h1, h2, h3 {
	margin: 0;
	text-transform: lowercase;
	letter-spacing: -.05em;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	}

h1 {
	font-size: 1.8em;
	}
	
h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1em;
	}

p {		/* inkl. ul und ol mit einbeziehen */
	margin-top: 0;
	line-height: 150%;
	}

img.left {
	float: left;
	border: 0px solid #000;
	margin: 6px 15px 0 0;
}

img.right {
	float: right;
	margin: 1px 0 0 15px;
}

.bericht {
	margin-left: 15px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	}

		.bericht .titelzeile {
				padding: 5px 0;
				border-bottom: 1px solid #FFF; /*#354658*/;
				background: url(../images/img06.jpg) no-repeat left bottom;
				color: #000;
				}
		
		.bericht a:hover {
				color: #00F;
				}

		.bericht h2 {
				font-size: 1.8em;
				}

		.bericht .info {
				margin-top: -19px; /* muss später wieder korrigiert werden */
				padding: 2px 10px;
				background: #FFFACD; 			
				/*border-top: 1px solid #;*/
				border-bottom: 1px solid #000000;
				text-transform: uppercase;
				text-align: right;
				font-size: 11px;
				}

		.bericht .text {
				padding: 0 0 5px 20px;
				text-align: justify;
				font-size: 15px;
				}
		
/* ============== DFBnet ================= */
		
		.bericht h3 {
				font-size: 1.5em;
				}
		.bericht .text-14 {
				padding: 0 0 5px 20px;
				text-align: justify;
				font-size: 14px;
				}
		





/* =============== ENDE ================== */



/* =======================================
   1. Kalibrierung und allgemeine Styles
   ======================================= */

/* Kalibrierung der wichtigsten Abstände */

/* Allgemeine Selektoren */
html { height: 101%; }						/* erzwingt Scrollbar im Firefox */

body {
		margin: 0px;
		paddng: 0px;
		font-size: 85%;
		font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
		text-align: center;		/*zentrieren - für ältere Browser >> muss in jedem DIV aufgehoben werden durch "text-align: right oder left;"*/
		background-color: #FFE4B5;
		}

#wrap {
		width: 900px;
		margin: 0 auto;
		text-align: left;
		}

#header {
		float: left;
		width: 900px;
		height: 165px;
		margin-top: 5px; 
		}

#zusatz_navigation {
		float: left;
		width: 900px;	/*Gesamtbreite = 900px*/
		height: 28px;	/*Gesamthöhe = 30px*/
		border-bottom: 1px solid #999;
		border-top: 1px solid #999;
		}

#zusatz_navigation ul {	/* Navigationsmenü */
		margin: 0 0 0 167px;
		white-space: nowrap;
		font-size: 110%;
		list-style-image: none;
		}
		
#zusatz_navigation ul li {	/* in jedem Listenelement ein Link */
		display: inline;
		float: left;
		margin: 4px 0 0 0;
		list-style-type: none;
		}

#zusatz_navigation ul a:link, #zusatz_navigation ul a:visited {
		display: block;
		float: left;
		margin: 0 15px 0 0;
		padding: 0 0 0 17px;
		}

#zusatz_navigation ul a:hover, #zusatz_navigation ul a:active {
		background-color: #D4D0C8;
		color: #FFFFFF;
		}

#zusatz_navigation a#hier:link, #zusatz_navigation a#hier:visited,	/* Kennzeichnung WO BIN ICH horizontal*/
#zusatz_navigation a#hier:hover, #zusatz_navigation a#hier:active {
		background: transparent url('../images/hierbinich.gif') left no-repeat;
		color: #0000FF;
		font-weight: bold
		}

a {	/* für die komplette Navigation */
		color: #C24023;
		text-decoration: none;
		}

#ueberschrift {
/*		position: absolute; */
		left: 348px;
		font: bold 20px 'Trebuchet MS', Verdana, Arial, Sans-Serif;
		color: #FD5353;
		}

#navigation {
		float: left;
		width: 162px;	/*Gesamtbreite = 162px*/
		hight: 400px;
		}

.navigationsboxen {
		height: 23px;
		}
				
.navigationsboxen a {
		font-size: 14px;
		}

.navigationsboxen a:hover {
		display: block;
		background-color: #D4D0C8;
		font-weight: bold;
		}

#navigation a#hier:link, #navigation a#hier:visited,	/* Kennzeichnung WO BIN ICH vertikal*/
#navigation a#hier:hover, #navigation a#hier:active {
		color: #0000FF;
		font-weight: bold;
		}

#navigationrechts {
		padding: 0 20px 0 0;
		}

#navigationrechts a#hier:link, #navigationrechts a#hier:visited,	/* Kennzeichnung WO BIN ICH vertikal*/
#navigationrechts a#hier:hover, #navigationrechts a#hier:active {
		color: #0000FF;
		font-weight: bold;
		}		

#content {
		float: left;
		width: 577px;	/*Gesamtbreite = 588px*/
		hight: 400px;
		padding: 10px 5px 0 5px;
		font:  12px 'Verdana', Arial, Sans-Serif;
		text-align: left;
		border-left: 1px solid #999;
		}
		
		.hintergrund {
				padding: 3px 5px; 
				background: #D3D3D3;
				}

.block {
		text-align: justify;
		}
		
#contenttab {
		}

.kontrastbox {
		border: 3px solid #F8A471;
		padding: 1px 0px 1px 20px;
		}

h3.tagung {
		text-align: left;
		padding: 6px 6px;
		font:  16px 'Verdana', Arial, Sans-Serif;
		background: #F8A471;
		}

td.tagung70 {
		text-align: left;
		width: 70px;
		}

td.tagung470 {
		text-align: left;
		width: 475px;
		}

h3.pressemonat {
		text-align: left;
		padding: 6px 6px;
		font:  16px 'Verdana', Arial, Sans-Serif;
		background: #F8A471;
		}

td.presse70 {
		text-align: left;
		width: 70px;
		}

td.presse470 {
		text-align: left;
		width: 475px;
		}

.spielplanbox {
		}

table {
		emptty-cells: hide;
		}

caption {
		text-align: center;
		margin: 0 0 25px 0;
		font:  18px 'Verdana', Arial, Sans-Serif;
		font-weight: bold; 
		}
		
th, td {
		padding: 3px;
		width: 180px;
		text-align: center;
		}
th {
		background: #D4D0C8;
		}

thead th {
		border: 1px solid #999;
		text-align: center;
		}

#sidebar {
		float: left;
		text-align: right;
		width: 148px;	/*Gesamtbreite = 150px*/
		hight: 400px;
		padding: 10px 0px 0 2px;
		}
		
.zeilenabstand {
		line-height: 1.4;
		}
		
.marker {
		border-left: 5px solid #0000FF;
		padding-left: 5px;
		}
		
/*h5 i {						im Absatz etwas hervorheben
		color: #FF1A1A;
		font:  bold 16px 'Trebuchet MS', Verdana, Arial, Sans-Serif;
		}
*/

#galerie dl {
		margin: 0px 20px;
		}

#galerie dd {
		font-size: 14px;
		}

#galerie dt img {
		border: 1px solid #000;
		}


table.krombacherpokal {
		border-collapse: separate;
		border-spacing: 2px 2px;
		margin: 4px;
		}

.table.krombacherpokal {			/*.thead.krombacherpokal tr.caption*/
		border: 2px solid #D4D0C8;
		background-color: #99CCFF;
		text-align: right;
		font: 25px 'Verdana', Arial, Sans-Serif;
		}

.teiler {
		height: 2px;
		background-color: #e0c580;
		}

/* --- Pokalübersicht --- */

.krombacherpokal {
		float: left;
		width: 577px;	/*Gesamtbreite = 588px*/
		padding: 10px 5px 0 5px;
/*		font:  12px 'Verdana', Arial, Sans-Serif;
		text-align: left;
		border-left: 1px solid #999;*/
		}

/* --- Bilder --- */

#bild .mittig {
		padding-top: 10px;
		} 

/*

.personenliste caption {
		text-align: left;
		padding: 5px;
		font: 16px 'Verdana', Arial, Sans-Serife;
		background-color: #99CCFF;
		border: 1px solid #999;	
		}

.personenliste img {
		width: 100px;
		border: 1px solid #999;
		}

.personenliste td {
		height: 34px;
		width: 100px;
		}

td.persname {
		padding: 3px 0px 0px 0px;
		font: 14px 'Verdana', Arial, Sans-Serife;
		text-align: right;
		width: 100px;
		}

td.persnname {
		padding: 3px 0px 0px 7px;
		font: 14px 'Verdana', Arial, Sans-Serife;
		width: 178px;
		}
		
td.persre {
		text-align: right;
		width: 100px;
		}

td.persli {
		padding: 0px 0px 0px 7px;
		width: 178px;
		}
		
.perstrenner {
		font: 20px 'Verdana', Arial, Sans-Serife;
		text-decoration: underline;
		}
*/