/**** allgemein, nur Schriftart ****/
body
{
	font-family:Verdana, Arial, Helvetica, Sans Serif;
	font-size:8pt;
}
h1 {	font-size:12pt;font-weight:bold;padding-top:2px;padding-bottom:2px; }
h2 {	font-size:11pt;font-weight:bold;padding-top:2px;padding-bottom:2px; }
h3 {	font-size:10pt;font-weight:bold;padding-top:2px;padding-bottom:2px; }

td {	text-align:left; }

/**** Link-Verhalten ****/
a {
	color:#DA251D; 
}
a.link, a:visited { 
	color:#DA251D;
}
a:active, a:hover {
	color:#DA251D; 
} 

.meldung_ok {
	color: green;
	font-weight: bold;
}
.meldung_fehler {
	color: red;
	font-weight: bold;
}
 
/**** Titelzeile TSV ****/
#banner {
	width: 950px;
    height: auto;
	float:center;
    background-color:#DA251D;
    background-image:url(pix/bg.bmp);
    padding: 5px;
}

/**** DIV - Menü (also der Rahmen um alle Menüpunkte und Copyright) ****/
#menu {
    width: 130px;
    float: left;
    border: 0px dotted;		/* Nur zum Debuggen auf 1px setzen */
    overflow:hidden;
}

/**** DIV mit dem Hauptinhalt ****/
#mitte {
	border: 1px dotted #DDDDDD;
    width: 795px;
    float:right;
    margin:auto;
    margin-top: 10px;
    /*margin-bottom: 10px;*/
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 0px;
}


/**** Elemente in Titelzeile (Bilder) ****/
.banner {
	vertical-align: middle;
}

.banner_r {
	vertical-align: middle;
	float:right;
}

/**** Blöcke in Menü; DIVs mit class=menucontainer ****/
.menucontainer {
	border:1px solid #000;
	background-color:#DA251D;
	color:white;
	width:106px;
	margin:10px;		/* auf allen Seiten Abstand */
	float:center;
}


/**** Menü-Untereinträge, also Abteilungen (rot auf weiss) ****/
.menusub {		
 display:block;
 padding:1px;
 border-top:1px solid #000;
 background-color:white;
 text-align:center;
 color:#DA251D;
 text-decoration:none;
 }
/**** Menü-Untereinträge, also Abteilungen (rot auf weiss): ENTWICKLUNG - DURCHGESTRICHEN ****/
 .menusub_D {		
 display:block;
 padding:1px;
 border-top:1px solid #000;
 background-color:white;
 text-align:center;
 color:#cccccc;
 text-decoration:line-through;
 }
 
/**** Menüpunkt ohne Link (weiss auf rot) ****/
.menutitle{		
	background-color:#DA251D;
	font-weight:bold;
	text-align:center;
	margin:2px;
	text-decoration:none;
	color:#cccccc;
}

/**** Menüpunkt (weiss auf rot) -> erster (ohne extra Border oben) ****/
.menu1 {
 display:block;
 padding:3px;
 background-color:red;
 text-align:center;
 color:#DA251D;
 text-decoration:none;
 }
 /**** Menüpunkt (weiss auf rot) -> weitere ****/
.menu {
 display:block;
 padding:3px;
 border-top:1px solid #000;
 background-color:red;
 text-align:center;
 color:#DA251D;
 text-decoration:none;
 }
			
			/**** Link-Verhalten bei den Menüpunkten ****/
			a.menusub:link, a.menusub:visited { 
			  color:#DA251D;
			 background-color:white;
			 text-decoration:none; 
			}
            a.menusub_D:link, a.menusub_D:visited { 
			  color:#cccccc;
			 background-color:white;
			 text-decoration:line-through; 
			}
			a.menu:link, a.menu:visited, a.menu1:link, a.menu1:visited { 
			  color:white;
			 background-color:#DA251D;
			 text-decoration:none; font-weight:bold;
			}
			a.menusub:active, a.menusub:hover { 
			  color:#DA251D; 
			 background-color:#eeeeee;
			}
            a.menusub_D:active, a.menusub_D:hover { 
			  color:#DA251D; 
			 background-color:#cccccc;
             text-decoration:line-through; 
			}
			a.menu:active, a.menu:hover, a.menu1:active, a.menu1:hover {
			  color:#eeeeee; 
			 } 



/**** Copyright-Block unten links ****/			 
p.copyright {
	font-size:7pt;
	color: #cccccc;
	text-align:center;
}

p.counter {
	font-size:7pt;
	text-align:center;
}

/**** Gästebuch ****/
table.gb {
	/*width:95%;*/
}
tr.gb {
}
td.gbname, td.gbtext {
	vertical-align:top;
	border: 0px solid #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

/**** grauer Hintergrund (bsp Gästebuch) ****/
.greyback {
	background-color:#eeeeee;
}



/**** News / Termine ****/
p.news, p.termine {
	text-align:center;
}
table.news, table.termine {
	width:92%;
	text-align:center;
	border: 0px solid;
	/*border-collapse:collapse;*/
}
th.news, th.termine {
	color: #cccccc;
    border: 1px solid #bbbbbb;
	font-weight:bold;
	text-align:center;
}
td.news, td.termine {
	vertical-align:middle;
	border: 0px solid;
	padding-left: 5px;
	padding-right: 5px;
}
td.newsTitel, td.termineTitel {
	vertical-align:middle;
	text-align:left;
	border: 0px solid;
	padding-left: 5px;
	padding-right: 5px;
	font-size:8pt;
}
td.newsAbt, td.termineAbt {
	vertical-align:middle;
	text-align:center;
	border: 0px solid;
	padding-left: 5px;
	padding-right: 5px;
	width: 150px;
}
td.newsAbt {
	font-weight: bold;
}
td.newsDatum, td.termineDatum {
	vertical-align:middle;
	white-space:nowrap;
	text-align:center;
	border: 0px solid;
	padding-left: 5px;
	padding-right: 5px;
	width: 80px;
}
td.termineDatum {
	font-weight: bold;
}
td.button {
	vertical-align:middle;
	border: 0px solid;
	padding-left: 0px;
	padding-right: 0px;
}
h2.newsheader, h2.termineheader {
	margin-bottom:0px;
}
span.autor {
	color:#cccccc;
}

.error {
	color:red;
	font-weight:bold;
}

/**** Links oben bei den Abteilungen ****/
a.abtlinks {
	font-size:9pt;
}
td.abtlinks {
	background-color:#EEEEEE;
	text-align:center;
}
table.abtlinks {
	width:90%;
}
table.abtheader, table.header {
	margin-top: 10px;
	width:100%;
}
td.abtheader, td.header {
    background-color:#DA251D;
    color:#FFFFFF;
    font-size:11pt;
    font-weight:bold; 
    padding-left:10px;
}
a.abtheader, a.abtheader:visited, a.abtheader:active, a.abtheader:hover {
	color:#FFFFFF;
    font-size:11pt;
    font-weight:bold; 
	text-decoration:none;
} 
td.adminheader {
    background-color:#000080;
    color:#FFFFFF;
    font-size:11pt;
    font-weight:bold; 
    padding-left:10px;
}
a.adminheader, a.adminheader:visited, a.adminheader:active, a.adminheader:hover {
	color:#FFFFFF;
    font-size:11pt;
    font-weight:bold; 
	text-decoration:none;
} 
p.willkommen {
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
}
p.willkommen_f {
	padding-top:0px;
	padding-bottom:10px;
	text-align:center;
}

/**** Trainingszeiten ****/
table.training {
}
th.training {
    border: 1px solid black;
    font-weight:bold;
    padding-left: 10px;
    padding-right: 10px;    
}
td.training {
	text-align:left;
    padding-left: 10px;
    padding-right: 10px;    
    vertical-align: top;
	border: 1px dotted;
}
td.trainingkategorie {
	padding-left: 3px;
	background-color:#AAAAAA;
	color:#FFFFFF;
	font-weight:bold;
}
/**** Kontakt ****/
#kontaktrahmen {
      border:0px dotted red;
     /* text-align:center;*/
}

div.kontakt {
	border: 0px dotted;	
	display:inline;
	float:left;
	width:170px;
	margin:auto;
	margin-left:5px;
	margin-right:5px;
}

.kontaktfunktion {
    border: 1px solid black;
    font-weight:bold;
    padding-left: 3px;
    padding-right: 3px; 
    text-align: center;    
    margin-bottom:5px;  
    margin-top:0px; 
    /*height: 30px;	*/		/* falls mal eine 2zeilige Funktion vorkommt */
}
.kontaktname {
    font-weight:bold;
}
.kontaktbild {
    text-align: center;
    margin-bottom:2px;
    margin-top:2px;
}
.kontaktadresse, .kontaktemail {
}

/**** Link für Login ****/
#loginlink {
	border: 1px solid #CCCCCC;
	float:right;
}

.loginlink {
	margin-right:10px;
	margin-left:10px;
}

/**** Eingabefelden, Buttons (für zB Gästebuch) ****/
textarea , input, select
{   font-family:Verdana;
    font-size:8pt;
    border-left: 2px solid #CCCCCC;
    border-right:2px solid #CCCCCC;
    border-top:2px solid #CCCCCC;
    border-bottom:2px solid #CCCCCC;
}

/**** Box auf der Startseite mit Berichten und Terminen, 180px breit ****/
#startbox_links, #startbox_rechts
{	
	font-size:7pt; 
	width: 160px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	padding:5px 10px 5px 10px; 
}

#startbox_links
{ 	float:left; 	
	overflow:hidden;
}
#startbox_rechts
{ 	float:right; 
	overflow:hidden;
}

/**** Main-div auf den Startseiten der Abteilungen ****/
#startmainabteilung
{	float:left; 
	border:0px solid blue; 
	width: 385px;
	text-align:left;
	padding-left:10px; 
	padding-right:10px;
	margin-left:12px;	/* Abstand zur linken Box */
}

/**** Main-div mit Bild auf der Startseite ****/
#startmain
{	float:left; 
	border:0px solid blue; 
	width: 385px;
	text-align:center;
	padding-left:10px; 
	padding-right:10px;
	margin-left:12px;	/* Abstand zur linken Box */
}
td.aktuell {
	/*background-color:#EEEEEE;*/
	border:2px solid #CCCCCC;
	padding: 2px 2px;
	vertical-align:middle;
}

/**** Überschriften auf der Startseitenbox ****/
table.headerklein {
	width:100%;
	border: 0px solid;
	padding-bottom: 3px;
}
td.headerklein {
    background-color:#DA251D;
    color:#FFFFFF;
    font-size:8pt;
    font-weight:bold; 
    /*padding-left:10px;*/
    text-align:center;
}

ul {
	margin-top:5px;
}

/**** Liste der neuesten Termine, Berichte auf der Startseite ****/
ul.startnews, ul.starttermine {	
	margin-left:10px; 
	margin-top:0px; 
	margin-bottom:3px; 
	padding-left:0px; 
	padding-top:0px; 
}
/*ul.startnews > li, ul.starttermine > li {
	margin-bottom:5px;
}*/

li.startnews, li.starttermine {
	margin-bottom:5px;
}

/**** hellgrauer Zeilenhintergrund ****/
.lgrey {
    background-color:#EEEEEE;

}

/**** dunkelgraue Schriftart ****/
.greyfont {
    color:#CCCCCC;

}

.textleft {
	text-align:left;
}

span.berichtelink_n {
	float:left;
	background-color:#dddddd;
}
span.berichtelink_a {
	float:right;
	background-color:#dddddd;
}
td.galerie {
	text-align:center;
	vertical-align: top;
}

td.admincounter {
	font-size:8pt;
	padding-left:10px;
	padding-right:10px;
	border: 1px solid;
	font-family:Courier New;
}
table.admincounter {
	border-collapse:collapse;
}


td.sponsor {
		font-size:7pt;	
}

hr {
border:dashed #cccccc 1px;

}