/* ---------- CSS für TuS Neukölln -------------------- */
html {	
			height: auto;	
			width: auto;		
			}	
			
body {	
			margin: 0;	
			padding: 0;	
			background-color:	#FFFFFF;	
			color: black;	
			font-family:verdana, helvetica, sans-serif;	
			font-size:13px;	
			height: 100%;	
			}	
			
html>body {	
			height: auto;	
			min-height: 100%;	
			}		
			
html>body #inhalt	{	
			height: auto;	
			}
					
/* -------------------- Boxen -------------------- */
#top {	
			padding: 0px;	
			margin-left: 1px;	
			border-bottom: 1px solid #000099;	
			background: white;	
			height: 100px;	
			background-image:	url(../grafik/balken.gif);	
			}
			
#links {		
			position: absolute;	
			left: 0px;	
			top: 100px;	
			border-top: 1px	solid #000099;	
			background: white;	
			padding: 0px;		
			width: 13em;	
			height: auto;	
			}
			
#inhalt {	
			background-image: url(../grafik/hinter_trans.gif);	
			background-repeat: no-repeat;	
			height: auto;	
			padding:3px;		
			border-left:1px solid #004E99;	
			margin:0 8em 0 13em;	
			padding:50px 40px 0	40px;	
			}	
			
#inhalt .mit {	
			background-image: url(../grafik/Hinter_trans.gif);	
			background-repeat: no-repeat;	
			}
			
#otherleftstuff {	
			margin-top: 20px;	
			padding: 0px;	
			text-align: center;	
			background: #D6D6D6;	
			}
			
#news {	
			position: absolute;	
			right:0px;	
			top:100px;	
			padding: 0px 5px;	
			border-left: 3px dotted #004E99;	
			border-bottom: 3px dotted #004E99;			
			width: 10em;	
			height: auto;	
			margin-right: 2em;
			margin-top: 4em;	
			background-color: transparent;	
			}	
			
#ergebnis {	
			position: absolute;	
			right:0px;	
			top:100px;	
			padding: 0px 5px;		
			border-left: 1px solid #004E99;	
			border-bottom: 1px solid #004E99;	
			width: 17em;	
			height: auto;	
			margin-right: 1em;	
			margin-top: 4em;	
			margin-left: 1em;	
			background-color: transparent;	
			}	
			
#clearfooter {	
			clear:both;	
			height:50px;	
			background: transparent;	
			}
			
#footer {	
			float: left;	
			width: 100%;	
			background:silver;	
			border-top: 1px solid #000099;	
			border-bottom: 1px solid #000099;	
			height:30px;	
			color: #000;	
			}	
			
#werbung {	
			position: absolute;	
			width: 21.9%;	
			height: 251px;	
			margin-left: 75%;	
			padding: 10px 1.5%;	
			top: 375px;	
			text-align: center;	
			}		
			
/* ----------------Ende Boxen ------------------------*/
		
.Stil1 {      
			font-size: 10px;       
			}
			
h1 {	
			font: bold x-large Arial, sans-serif;	
			color: #004E99;	
			margin-top: 0px;	
			}
			
#news h2 {	
			color: #9C1A1E;	
			margin-top: 10px;	
			background: transparent;	
			}
			
h2 {	
			font: large Arial, sans-serif;	
			color: #9C1A1E;	
			}
			
h4 {	
			font: bold small Verdana, sans-serif;	
			color: #9C1A1E;	
			margin-bottom: 2px;	
			}
			
h5 {	
			font: italic bold small Arial, sans-serif;	
			color: #43616B;	
			margin-top: 2px;	
			}	
			
p {		font: 0.7em Verdana, sans-serif;
			}	
			
p.name {	
			display: block;	
			text-align: left;	
			color: #FFFF99;
			font: 115% Verdana, sans-serif;	
			}
			
#inhalt p {	
			font: 0.8em Verdana, sans-serif;	
			}	
			
#inhalta {		
			height: auto;	
			padding:3px;		
			border-left:1px solid #004E99;	
			margin:0 18em 0 13em;	
			padding:0px 40px 0 40px;	
			}	
			
#inhalta p.artikel {	
			padding: 0;	
			text-align: left;	
			font-size: 0.9em;	
			line-height: 1.5em;	
			}
			
#inhalta p .bildrechts {	
			float: right;	
			margin: 0px 0px 10px 10px;	
			padding: 0px;	
			border: 2px solid #dcebbe;	
			}	
			
#inhalta p .bildlinks {	
			float: left;	
			margin: 0px 10px 10px 0px;	
			padding: 0px;	
			}
							
#footer p {	
			margin: 4px;	
			text-align: center;	
			}
			
a {	
			color: #34339B;			
			}
			
a:hover {	
			color: #9C191E;		
			}
			
hr {	
			color: #004E99;	
			height: 1px;	
			}	
			
a img {	
			border: 0px none;	
			display: block;			
			}
/* removes extra space underneath caused by default text-alignment */
/* ----------------- Artikel ----------------- */

.artikelneu {	
			margin-bottom: 0px;	
			}
			
.fotoautor {	
			display: inline;	
			float: left;	
			margin: 0em 1.0em 0em 0.5em;	
			}	
			
p.artikelneu a {	
			clear: right;	
			font: bold small Verdana, sans-serif;	
			}
			
.datum {	
			display: block;	
			text-align: left;	
			color: #004E99;	
			font: medium Verdana, sans-serif;	
			}
			
.autor {	
			display: block;	
			color: #000099;	
			font: x-small Verdana, sans-serif;	
			}
/* --------------- News ---------------- */

div#news p.row {	
			width: 100%;	
	margin: 0px 0px 1em 0px;	
			background: transparent;	
			}
			
div#news p.row span.leftcol {	
			float: left;	
			color: #B6B6B6;	
			background: transparent;	
			}	
			
div#news p.row span.rightcol {	
			width: 70%;	
			float: right;	
			background: transparent;	
			}	
			
div#news p.row span.rightcol a {	
			color: #B6B6B6;	
			font-weight: bold;	
			background-color: transparent;	
			}	
			
div#news p.row span.rightcol a:hover {	
			color: #A4B5C5;	
			background-color: transparent;	
			}	
/* -------------------------------- Navigation ------------------------------ */

ul#mainnav {	
			list-style: none;	
			margin: 0px;	
			padding: 0px;	
			background-color: #D6D6D6;	
			}		
			
ul#mainnav li {	
			display: block;	
			border-top: 1px solid #004E99;	
			}
			
ul#mainnav li a {	
			display: block;	
			margin: 0px 0px 0px 0px;	
			padding: 6px 6%;	
			font: bold small verdana, arial, sans-serif;		
/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/	
			text-decoration: none;	
			color: #ff6;	
			width: 88%;				
/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - seenext fix		*/	
			}
			
ul#mainnav li a:hover {	
			background-color: #43616B;	
			color: #eee;	
			}		
			
ul#mainnav li a:focus {	
			background-color: #43616B;	
			color: #eee;	
			}	
			
/* ------------------ zweite nav-ebene ---------------------- */	

ul#mainnav ul.subnav {	
			margin: 0px;	
			list-style: none;	
			padding: 0px;	
			border: 0px solid pink;	
			}
			
ul#mainnav ul.subnav li {	
			border-top: 0 none;	
			border: 0px solid green;	
			padding-left: 1.5em;	
			}
			
ul#mainnav ul.subnav li a {	
			padding: 1%;	
			margin: 0px;	
			font: bold 0.7em 1.5 verdana, sans-serif;	
			color: #000099;	
			background-color: transparent;	
			border: 0px solid yellow;	
			}
			
ul#mainnav ul.subnav li a:hover {	
			color: #43616B;	
			background-color: transparent;	
			text-decoration: underline;	
			}		

/* ---------------- Kopfnavigation ------------------- */	

div#rightnav {	
			position: absolute;	
			top: 100px;	
			right: 20px;	
			width: auto;	
			}	
			
#rightnav p {	
			display: inline;	
			padding: 0 0.5em;	
			border-left: 1px solid #34339B;	
			color: #34339B;	
			}	
			
#rightnav p.erster {	
			border-left: 0px none;	
			}	
			
#rightnav p a {	
			font: 1.0em /1 verdana, sans-serif;	
			}	

/* ---------------- Kopfnavigation ------------------- */		

.spacer {	
			display: block;	
			height: 1px;	
			font: 1px /1 sans-serif;	
			clear: both;	
			}		
			
div#topcontent {	
			position: absolute;	
			top: 0px;	
			left: 0px;	
			width: auto;	
			}
			
#topcontent h2, #topcontent p {	
			display: inline;	
			margin-right: 0.5em;	
			}
			
div#topcontent ul {	
			position: absolute;	
			right: 0px;	
			list-style: none;	
			margin: 0px 0px 40px 0px;	
			}
			
div#topcontent ul li {	
			display:	inline;	
			padding: 0 0.5em;	
			border-left: 1px solid #34339B;		
			}
			
div#topcontent ul li.first {	
			border-left: 0px none;	
			}
			
div#topcontent ul li a {	
			font: 0.7em /1 verdana, sans-serif;	
			}
			
div#top a {	
			display: block;			
/* makes the background hover effect work in Mozilla */	
			width: 100px;	
			background-color: #000099;	
			}
			
div#top a:hover {	
			background-color: #FFFF66;	
			}	
			
div#footer ul {	
			position: absolute;	
			right: 0px;	
			list-style: none;	
			margin: 10px 0px 0px 0px;	
			}
			
div#footer ul li {	
			display: inline;	
			padding: 0 0.5em;	
			border-left: 1px solid #34339B;		
			}
			
div#footer ul li.first {	
			border-left: 0px none;	
			}
			
div#footer ul li a {	
			font: 0.7em /1 verdana, sans-serif;	
			}
			
/* ------------- Seite wmw ---------------------- */
/* ------------ wmw Contentbereich Brett -------------------- */

#inhalt_ohne {	
			min-height: 300px;	
			height: auto;	
			border-left: 1px solid #004E99;	
			float: right;	
			margin: 0 5em 0 0;	
			background-repeat: no-repeat;	
			}
			
#brett {	
			color:#FFFF66;	
			background:#fafafa;	
			background-image: url(../grafik/Brett_4farben.gif);	
			background-repeat: no-repeat;	
			font-family:verdana, arial, helvetica, sans-serif;	
			line-height: 1.4em;	
			padding: 1em 1em 1em 1em;	
			margin:5em 2em 5em 2em;	
			border-top:2px solid #837c6b;	
			border-right:2px solid #e4d9c0;	
			border-bottom:2px solid #e4d9c0;	
			border-left:2px solid #837c6b;	
			width: 350px;	height: 220px;	
			background-position: center;	
			}		
/* --------------- Hoover infos ---------------------------- */	

#hovnav {	
			position: absolute;	
			top: 10em;	
			left: 2em;	
			color:#FFFF66;	
			background:#D6D6D6;	
			width:10em;	
			padding:10px 1px 10px 1px;	
			margin:60px 0 0 5px;	
			line-height:19px;	
			border-top:1px solid #e4d9c0;	
			border-right:1px solid #99917d;	
			border-bottom:1px solid #99917d;	
			border-left:1px solid #e4d9c0;	
			}
			
#hovnav ul {	
			list-style-type:none;	
			margin:0px;	
			padding:0px;	
			}
			
#hovnav a {	
			color: #FFFF66;	
			background: #D6D6D6;	
			font: bold small verdana, arial, helvetica, sans-serif;	
			text-decoration:none;	
			margin:2px;	
			padding:1px;	
			display:block;	
			width:195px;	
			border-top:1px solid #99917d;	
			border-right:1px solid #e4d9c0;	
			border-bottom:1px solid #e4d9c0;	
			border-left:1px solid #99917d;	
			}
			
#hovnav a:visited {	
			color: #FFFF66;	
			background:#D6D6D6;	
			}
			
#hovnav a:hover, #hovnav a:focus {	
			color: white;	
			background:#43616B;	
			border-top:1px solid #e4d9c0;	
			border-right:1px solid #99917d;	
			border-bottom:1px solid #99917d;	
			border-left:1px solid #e4d9c0;	
			}
			
#hovnav a .info {	
			display:none;	
			}
			
#hovnav a:hover .info {	
			color:white;	
			background:transparent;	
			display:block;	
			position: absolute;
			top: 200px;
			left: 300px;	
			width:300px;	
			height:140px;	
			padding:20px 0px 0 20px;	
			font:17px verdana, sans-serif;	
			line-height:20px;	
			}
/* ------------------------- Bildvergrößerung --------------------------*/

#pic {	
			background-color: #FFFFFF;	
			left: 10px;	
			position: relative;	
			top: 10px;	
			width: 135px;
			}
			
#pic a .large {	
			border: 0px;	
			display: block;	
			height: 1px;	
			left: -1px;	
			position: absolute;	
			top: -1px;	
			width: 1px;
			}
			
#pic a img {	
			border: 0;
			}
			
#pic a.p1, #pic a.p1:visited {	
			background: #FFFFFF;	
			border: 1px solid #000000;	
			display: block;	
			height: 90px;	
			left: 0;	
			text-decoration: none;	
			top: 0;	
			width: 135px;
			}
			
#pic a.p1:hover {	
			background-color: #8C97A3;	
			color: #000000;	
			text-decoration: none;
			}
			
#pic a.p1:hover .large {	
			border: 1px solid #000000;	
			display: block;	
			height: 233px;	
			left: 150px;	
			position: absolute;	
			top: -60px;	
			width: 300px;
			}
/* ---------------------------------------------------------------------*/