/* Internetseite RW Unna - klassische Variante mit (X)HTML und CSS
	Start am 30. März 2008
	Letzte Änderung am xx. xxx 2008
*/ 
/* Wichtige Farben
	Rot					: FF0000
	Rot etwas heller	: FF3333
	Rot heller			: FF3939
	Rot dunkler			: E60000
	Rot ganz dunkel		: C00000
	Rot schönes			: DD2323
	Seite				: F1F1F1
*/

/* =======f=================================================== */

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

/* Kalibrierung der wichtigsten Abstände */

* { margin: 0; padding: 0; }

/* Allgemeine Selektoren */

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

html, body { border: 0; } 

h1, h2 {
}

/* Allgemeine Klassen und IDs */

/* =======================================
   2. Styles für die Layoutbereiche
   ======================================= */

body {
	background: url('../images/hintergrund_logo.gif') repeat-x;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #88888A;
}

h2, h3 {
	color: #313131;
}

h1 {
	margin-bottom: .5em;
	font-size: 182%;
	font-weight: normal;
	letter-spacing: -1px;
	color: #F00;	
}

h2 {
	margin-bottom: .5em;
	font-size: 136%;
	font-weight: normal;
	letter-spacing: -1px;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, blockquote, ol, ul {
	margin-bottom: 1.5em;
	text-align: justify;
	line-height: 167%;
	font-size: 107%;
}

blockquote {
	margin-left: 2em;
}

ol {
	margin-left: 2em;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 1em;
	background: url('../images/xxx_img07.gif') no-repeat left center;
}

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

a:hover {
	text-decoration: underline;
	color: #DD2323;
}

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

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


/* ----- 2-Level Navigation ----- */

.sectionStartseite #menu #startseiteTab a,
.sectionVorstand #menu #vorstandTab a,
.sectionFussball #menu #fussballTab a,
.sectionLeichtathletik #menu #leichtathletikTab a,
.sectionHandball #menu #handballTab a,
.sectionEvents #menu #eventsTab a,
.sectionService #menu #serviceTab a, 
.sectionKontakt #menu #kontaktTab a, 
.sectionImpressum #menu #impressumTab a { 
	color: #FFF;
	background: #F00;
	}

/* Haupt- und Sub-Navigation */

#menu {
	width: 840px;
	height: 50px;
	margin: 0 auto;
	border-left: 20px solid #F00;
	}
			
		#menu ul {
				margin: 0;
				padding: 0;
				list-style: none;
				}
		
		#menu li {
				padding: 0;
				display: inline;
				background: none;
				}
		
		#menu a {
				display: block;
				float: left;
				height: 35px; 
				padding: 15px 20px 0 20px;
				font-size: 92%;
				font-weight: bold;
				}
			
		#menu a:hover {
				background: #FF0000;
				text-decoration: none;
				color: #FFF;
				}

		#menu b {
				text-decoration: underline;
				}

/* Logo */

#logo {
	width: 858px;
	height: 160px;
	margin: 0 auto;
    background: #FFF url(../images/header.jpg);
}

		#logo h1 {
				margin: 0;
				padding: 5px 0 0 20px;
				text-align: left;
				letter-spacing: -1px;
				font-size: 250%;
				}

		#logo h2 {
				margin: 0;
				padding: 130px 0 0 10px;
				text-align: left;
				letter-spacing: 0px;
				color: #FFF;
				font-size: 150%;
				font-weight: bold;
				font-style: italic;
				}

		#logo a {
				text-decoration: none;
				color: #FF0000;
				}

/* Seite */

#seite {
	width: 860px;
	margin: 0 auto;
	background: url('../images/hintergrund_seite.gif') repeat-y;	
}

#content {
	float: left;
	width: 560px;
	padding: 20px 29px 20px 50px;
}

#bericht {
	margin-bottom: 20px;
	padding-bottom: 1px;
}

		#bericht h1 {
			padding-bottom: 5px;
			background: url('../images/trenner.gif') repeat-x left bottom;
		}
				
		#bericht a {
			text-decoration: overline;
		}

.floating-box {
	float: left;
	width: 260px;
	margin-bottom: 30px;
	background: url('../images/trenner.gif') repeat-x bottom;
}

		.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
				line-height: 144%;
				}
	
		.floating-box img {
				border: 5px solid #FFFFFF;
				}

.floating-sponsor {
	margin-bottom: 25px;
	width: 560px;
	height: 280px;
}

		.floating-sponsor p.sponsortext {
				padding-top: 20px;
				letter-spacing: 1px;
				font-size: 140%;
				}

		.floating-sponsor img.left {
				float: left;
				margin-right: 40px;
				border: 0px;
				}

		.floating-sponsor p.linkangabe {
				padding-top: 1px;
				letter-spacing: 1px;
				font-size: 130%;
				}

		.floating-sponsor a.verlinken {
				font-size: 80%;
				line-height: 22px;
				}

/* Sidebar */

#sidebar {
	float: right;
	width: 180px;
	margin-top: 40px;
	padding: 20px; 
}

		#sidebar blockquote {
				margin-left: 0;
				padding-left: 1em;
				background: url('../images/xxx_img09.gif') no-repeat right bottom;
				border-left: 5px solid #DB5600;
				}

		#sidebar blockquote p {
				text-align: left;
				line-height: normal;
				font-style: italic;
				}

		#links {
				}

		#links ul {
				background: url('../images/trenner.gif') repeat-x left bottom;
				}

		#links li {
				padding: 5px 0;
				background: url('../images/trenner.gif') repeat-x left top;
				}

		#links a {
				padding-left: 1.5em;
				background: url('../images/symbol_link_sidebar.gif') no-repeat left center;
				color: #C00000;
				}
			
		#links a#hier:link, #links a#hier:visited, #links a#hier:hover, #links a#hier:active {
				background: transparent url('../images/hier.png') left no-repeat;
				color: #FF0000;
				font-weight: bold;
				}
				
		#bild p {
				text-align: center;
				padding-top: 5px;
				padding-bottom: 2px;
				border: 1pt solid #000; 
				}

/* Footer */

#footer {
	height: 50px;
/*	border-top: 1px solid #FFF; */
	border-bottom: 1px solid #FFF;
}

		#footer .wrapper {
				width: 860px;
				margin: 0 auto;
				}
    
		#footer .links {
				float: left;
				width: 560px;
				height: 34px;
				padding: 16px 30px 0 30px;
				background: #FFF;
				border-left: 20px solid #F00;
				font-size: 85%;
				}

		#footer .legal {
				float: right;
				width: 200px;
				height: 34px;
				margin: 0 auto;
				padding: 16px 20px 0 0;
				background: #FF0000;
				text-align: right;
				font-size: 85%;
				color: #FFFFFF;
				}

/* Tabellen */

table {
	border-collapse: collapse;
	width: 100%;
}

		th {
				background: #DD2323;
				height: 29px;
				padding-left: 11px;
				padding-right: 11px;
				color: #fff;
				text-align: left;
				border-left: solid 1px #A8814D;
				border-bottom: solid 2px #ffffff;
				}
		
		tr {
				height: 30px;
				}
		
		td {
				padding-left: 9px;
				padding-right: 9px;
				border-left: solid 1px #EED9C3;
				border-bottom: solid 1px #ffffff;
				}
		
		td.first, th.first {
				border-left: 0px;
				}
		
		tr.rowA {
				background: #FFF0DE url('../images/trbg1.gif') repeat-x;
				}
		
		tr.rowB {
				background: #FFFAF4 url('../images/trbg2.gif') repeat-x;
				}

		tr.rowA_A {
				background: #FFF0DE url('../images/trbg1.gif') repeat-x;
				font-size: 96%;
				}
		
		tr.rowB_B {
				background: #FFFAF4 url('../images/trbg2.gif') repeat-x;
				font-size: 96%;
				}

		#bericht .rowB a.trainer {
				text-decoration: none;
				font-weight: lighter;
				}

		#bericht .rowA a.trainer {
				text-decoration: none;
				font-weight: lighter;
				}


/* Wochenspielplan */

.spielplan th {
	padding-left: 5px; /* vorher 11px */
	padding-right: 5px;
}
		
.spielplan td {
	padding-left: 5px;
	padding-right: 5px;
}

/* Kontaktformular */

legend {
	color: #F00;
	font-weight: bold;
	font-size: 120%;
}
		
		#person label {
				float: left;
				margin: 2px;
				padding-right: 10px;
				width: 100px;
				display: block;
				text-align: right;
				font-weight: bold;
				}
		
		#antwort label, #absenden label {
				font-weight: bold;
				}
		
		#antwort p, #absenden p {
				margin-left: 10px;
				}
		
		fieldset {
				border: 1px solid #DBD;
				background: #FFF;
				}

		textarea {
				margin-left: 10px;
				width: 375px;
				height: 125px;
				}

/* News-Beiträge */

img.picA {
		position: relative;
		top: -2px;
		background: url('../images/a47.gif') no-repeat;
		width: 76px;
		height: 74px;
		padding: 8px;
		}
		
		img.picB {
				position: relative;
				top: -2px;
				background: url('../images/a26.gif') no-repeat;
				width: 146px;
				height: 75px;
				padding: 7px;
				}
		
		img.floatleft {
				float: left;
				margin: 0px 14px 3px 0px;
				}

#news {
		margin-bottom: 20px;
		padding-bottom: 1px;
		}
		
		#news h3 {
				position: relative;
				top: 4px;
				font-size: 18px;
				line-height: 25px;
				color: #656551;
				letter-spacing: -1px;
				background: url('../images/trenner.gif') bottom repeat-x;
				margin-bottom: 15px;
				}
				
		#news .content {
				padding-right: 15px;
				margin-bottom: 20px;
				}
		
		#news .post .header {
				position: relative;
				}
		
		#news .post .date {
				position: absolute;
				right: 15px;
				top: 0px;
				line-height: 35px;
				color: #AFAFA4;
				font-weight: bold;
				}
		
		#news .post .content {
				margin-bottom: 0px;
				}
		
		#news .post .footer {
				position: relative;
				top: -10px;
				background: url('../images/a33.gif') repeat-x;
				height: 54px;
				}
		
		#news .post .footer ul {
				list-style: none;
				position: absolute;
				right: 15px;
				bottom: 1px;
				}
		
		#news .post .footer ul li {
				display: inline; 
				line-height: 19px;
				padding-left: 19px;
				margin-left: 25px;
				background-repeat: no-repeat;
				background-position: 0px 3px;
				}

		#news .post .footer ul li a {
				text-decoration: underline;
				color: #DD2323;
				}

		#news .post .footer ul li.drucken {
				background-image: url('../images/a41.gif');
			
				}
		
		#news .post .footer ul li.kommentar {
				background-image: url('../images/a36.gif');
				}
		
		#news .post .footer ul li.lesen {
				background-image: url('../images/a38.gif');
				}
				
		#news .post .bildrahmen {
				margin: 0.5em 1.0em 2.0em 1.0em;
				}

/* Presseartikel */

.post h3 {
		position: relative;
		font-size: 18px;
		line-height: 25px;
		color: #656551;
		letter-spacing: -1px;
		margin-bottom: 5px;
		}
			
		.post .date {
				position: left;
				line-height: 35px;
				color: #AFAFA4;
				font-weight: bold;
				margin-bottom: 20px;
				}

		.post .content {
				padding-right: 15px;
				margin-bottom: 20px;
				}

		.post .team {
				font-size: 86%;
				}

		.post .bildrahmen {
				margin: 0.5em 1.0em;
				border: 1px solid #ccc;
				width: 526px;
				background-color: #FAFAFA;
				}
				
		.post .bildrahmen p {
				font-size: 0.9em;
				line-hight: 1.4em;
				padding: 0:
				margin: 0.5em;
				}

		.post .bildrahmen p span {
				float: right;
				}

		.post .imgcaption {
				margin: 7px;
				}