@charset "UTF-8";

*	{margin: 0px;
	padding: 0px;}

html, body {}

html	{font: 100% Arial, Helvetica, sans-serif;}

body	{background: url("./Kontext/Bilder/Platzanlage-Hintergrund-mit.jpg") no-repeat fixed;
	min-height: 100%;
	height: 100%;}

h2, h3, h4, p {padding-bottom: 1em;}

h1	{font-size: x-large;}
h2	{font-size: large;}
h3, h4	{font-size: medium;
	padding-left: 1em;}
    p   {font-size: small;
	padding-left: 2em;}
h4	{font-weight: lighter;}

img	{border: none;}	
a	{text-decoration: none;}
acronym	{border-bottom: 1px dotted; cursor: help;}

/* interne und externe Links */

#text a:before {content: "\25E2\00A0"; color: #f3b632;}
#fuss a:before {content: "\25E2\00A0"; color: #f3b632;}

#text a[href ^="http"]:before {content: "\25E5\00A0"; color: #f3b632;}
#fuss a[href ^="http"]:before {content: "\25E5\00A0"; color: #f3b632;}

#text a[href ="../"]:before {content: "\25E4\00A0"; color: #f3b632;}
#text a[href ="../../"]:before {content: "\25E4\00A0"; color: #f3b632;}

#text a[href ^="../Galerie"]:before {content: "";}

#text a[id]:before {content: "";}
#text a[href ^="mailto"]:before {content: "";}

#text a[href $="pdf"] {padding-right: 20px;
background: url("./Grafik/icon_pdf.gif") no-repeat center right scroll;}
#nav_re a[href $="pdf"] {padding-left: 14px;
background: url("./Grafik/icon_pdf.gif") no-repeat center left scroll;}

/* Bereiche */

div#haupt {
	width: 900px;
	margin: 0 auto;
	background-color: #f5f5f5;
    	height: auto;
}

div#titel {position: relative;
	background-image: url("./Kontext/Bilder/Hintergrund-Schuhe-klein.gif");
	background-position: bottom center;
	background-repeat: no-repeat;}

div#titel_zeile1 {height: 1em;
	text-align: right;
	padding-right: 1em;
	visibility: hidden;}

div#titel_logo {position: absolute;
	right: 0px; top: 1em;
	width: 8em;
	padding: 1em 2em 1em 0em;
	text-align: center;
	vertical-align: middle;}

div#titel_oben {position: relative;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 10em;
	height: 50px;}

div#titel_unten {margin-right: 11em;
	margin-left: 2em;
	padding: 2em 1em 2em 1em;
    	border-bottom: solid 3px #ce303d;}

div#titel_unten_innen {float: right;
	text-align: right;
	padding: 1em 1em 0em 1em; 
	background-color: #f5f5f5;
	border-top: solid 3px #ce303d;}

#seite {
	margin: 2em 0em 0em 0em; 
}
div#seite { 
	 min-height:650px; 
}

div#text {margin-top: 0em;
    	margin-right: 10em;
	margin-left: 10em;
	padding: 1em 2em 0em 2em;
}

div#nav_li	{
	padding: 1em .5em .5em 0em; 
	margin-left: -1em;
	margin-top: 0em;
	float: left; 
	width: 10em;
}

div#nav_re	{
	padding: 1em .5em .5em 0em; 
	margin-right: -1.5em; 
	margin-top: 0em;
	float: right; 
	width: 10em;
}

div#fuss {
	padding-top: 1em;
	border-top: solid 2px #f3b632;
	background-color: #e6e6e6;
	text-align: center;
	clear: both;}

/* Navigation */
#nav_re ul,
#nav_li ul {list-style-type: none;
	padding: 0.5em 1em 0em 1em;
	background: url("./Kontext/Bilder/Kasten-HG-Verlauf.png") repeat-x;
	background-color: #e6e6e6;
	border-top: 2px solid #f3b632; 
	border-right: 2px solid #dcdcdc;
	margin-bottom: 1em;}
	
#nav_re li,
#nav_li li {font-size: small;
	line-height: 1.2em;}

#nav_li a:hover, #nav_li a:focus,
#nav_re a:hover, #nav_re a:focus {background-color: #f3b632;}

#nav_li a:visited,
#nav_re a:visited {color: black;}

/* linke Spalte */

#nav_li a {display: block;
	padding: 0.3em;}

#nav_li li.Verein {}
#nav_li li.Jugend {}
#nav_li li.Mitgliedschaft {}
#nav_li li.Aktuelles {}
#nav_li li.Kooperation {}
#nav_li li.Sportprogramm {}
#nav_li li.Impressum {}

#nav_li ul.Verein_sub {display: none;}
#nav_li ul.Jugend_sub {display: none;}
#nav_li ul.Mitgliedschaft_sub {display: none;}
#nav_li ul.Kooperationen_sub {display: none;}

/* rechte Spalte */

#nav_re a {display: block;
	padding: 0.3em;}

#nav_re li.Basketball {}
#nav_re li.Breitensport {}
#nav_re li.Frisbee {}
#nav_re li.Gesundheitssport {}
#nav_re li.Handball {}
#nav_re li.Leichtathletik {}
#nav_re li.Ski {}
#nav_re li.Tennis {}
#nav_re li.Tischtennis {}
#nav_re li.Turnen {}
#nav_re li.Volleyball {}

#nav_re ul.BS_sub {display: none;}
#nav_re ul.GS_sub {display: none;}
#nav_re ul.LA_sub {display: none;}
#nav_re ul.Ski_sub {display: none;}
#nav_re ul.Tennis_sub {display: none;}

/* Textauszeichnungen */
/* Fusszeile */

#fuss p {font-size: x-small;
	color: gray;}

/* Textteil */

#text h2 {
    	background: url("./Grafik/Quadrat/gelb-2.png") repeat-x scroll left center;
	padding-bottom: 0.5em;}

#text h2 span {color: inherit; background: #f5f5f5; padding-right: 1em;} 

#text h3.mit {
    	background: url("./Grafik/Quadrat/rot-2.png") repeat-x scroll left center;
	padding-bottom: 0.5em;}

#text h3.mit span {color: inherit; background: #f5f5f5; padding-right: 1em; margin-left: -1em; padding-left: 1em;} 

#text h3.Umbau {color: #ce303d;}

#text ul,
#text dl {font-size: small;
	padding-bottom: 1em;}
#text ul {padding-left: 3em;}
#text dl {padding-left: 2em;}
#text dt {font-weight: bold;}
#text dd {padding-left: 2em;}

#text p.klein,
#text p.klein_ohne,
#text dl.klein {font-size: x-small;
	padding-left: 2.5em;}
#text p.klein_ohne {padding-left: 0em;}
#text ul.sitemap {padding-bottom: 0em;}

.zentriert {text-align: center;}

/* Bilder */ 

#text img {float: right;
	padding-left: 2px;
	padding-bottom: 2px;}

#text img.ohne {float: none;
	padding-right: 2px;
	padding-bottom: 2px;}
	
#text img.Endpunkt {float: none; padding-left: .2em; padding-bottom: 0px;}

/* Tabellen */

#text table {font-size: small;
	width: 90%;
	margin-left: 2em;
	border-collapse: collapse;
}
#text table.Belegung {font-size: x-small;
	}

#text table.Beitrag, 
#text table.Tennis {
	padding-bottom: 1em;}

#text table.Schnuppertennis,
#text table.Belegung, 
#text table.LA {
	margin-bottom: 1em;}

#text td.Beitrag_Betrag	{
	text-align: right;
	width: 20%;}

#text table.Tennis th, #text table.Tennis td,
#text table.Schnuppertennis th, #text table.Schnuppertennis td,

#text table.LA th, #text table.LA td {
	padding-bottom: .3em;
	padding-right: .3em;
}
#text table.Tennis th, #text table.Tennis td {
	text-align: left;
	vertical-align: top;}

#text table.Belegung td,	
#text table.Schnuppertennis th, #text table.Schnuppertennis td,
#text table.LA th, #text table.LA td
	{border: 1px solid black;
	text-align: center;}

#text table.Schnuppertennis th, #text table.Schnuppertennis td {
	padding-top: .3em;}

#text table.Belegung td,
#text table.LA th, #text table.LA td {
	vertical-align: middle;}


#text table.Belegung td.belegt {background-color: #cc0033;
	color: #cc0033;}

.float_aus {clear: both;}

/* Druck */

@media print {
    body, p, div, ul, dl, td, th, h2, h3 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background-color: transparent;
    line-height: 1.2;}

    div#text {margin: 0em 0em 0em 0em !important;
    width: 210mm !important;}

    div#nav_li,
    div#nav_re,
    div#fuss {display: none;}

div#titel_oben {
	margin-top: 1em;
	margin-left: 2em;}

div#titel_unten {border-bottom: none;}
div#titel_unten_innen {
    	text-align: left; float: left;
	margin-left: 0em; padding: 0em;
    	border-top: none;}
div#titel_unten_innen h2 {margin-left: -1em;}

div#titel_logo {display: none;}

#text table.Belegung td.belegt {
	color: black;}
}