body  
	{ 	
		text-align : center;
        font-family: sans-serif;
        background-color : #f5f5f5;
		margin: 0px auto;
		font-size:12px;
		padding-top: 10px;
    }
	
	#topshadow
	{
		height:8px;
		width:1020px;
		background-image: url(pics/top-shadow.png);
		background-repeat: no-repeat;
		margin: 0px auto;
	}

	#main	
	{
		background-color: #ffffff;
		background-image: url(pics/background-shadow.png);
		background-repeat: repeat-y;
		width:1020px;
		margin: 0px auto;
	}
	
	#bottomshadow
	{
		height:22px;
		width:1020px;
		background-image: url(pics/bottom-shadow.png);
		background-repeat: no-repeat;
		margin: 0px auto;
	}
	
	#innermain	
	{
     	width:970px;
		margin: 0px auto;
		
	}

	
	.globaltable
	{
		width:960px;
		margin:0px;
		margin-left:10px;
		border-collapse:collapse;
		border:0px;
	}
	
	#header
	{
		width:1020px;
		height:125px;
		background-image: url(pics/banner.png);
		background-repeat: no-repeat;
		padding-top:0px;
		margin-top:0px;
	}

	
	#menu
	{
		width:149px;
		text-align:left;
		margin-right:10px;
	}
	
	#contentblock
	{
		margin-top:10px;
		width:970px;
	}
	
	#allcontent
	{
		width:787px;
	}
	
	.content1
	{
		width:787px;		
	}

	.content2
	{
		width:787px;
	}
	
	#footer
	{
		width:970px;
	}
	
	.footer
	{
		height:35px;
		background-image: url(pics/footer.png);
		width:967px;
	}
	
	.footer a
	{
		padding-top:30px;
		font-size:11px;
		color:#ffffff;
	}
	
	.footertext
	{
		padding-top:8px;
	}

	
	

	h1
	{
		color : #1A3387;
		font-size:30px;
		margin-top:10px;
	}

	.h1news
	{
		color : #1A3387;
		font-size:30px;
		margin-top:1px;
		font-weight:bold;
	}
	
	hr
	{
		color : #a0a0a0;
		line-height:1px;
		margin:0px;
		padding:0px;
		
	}
	
	.icons, .icons a{
		text-decoration:none;
        color : #000000;
		font-size:10px;
		padding-bottom: 2px;
	}
	
	
	.homedatabt
	{
		color:#1A3387;
		font-size:11px;
	}

	.newsdatum
	{
		color:#1A3387;
		font-size:11px;
		border-bottom:1px solid #b4b4b4;
		
	}

	.newstopping
	{
		color:#1A3387;

		font-size:23px;
		margin-top:5px;
		font-weight:bold;

		
	}
	.newstopping2
	{
		color:#080808;
		font-size:12px;
		margin-top:7px;
		font-weight:bold;
		line-height:21px;
		
	}
	.newstext
	{
		padding-top:10px;
		color:#080808;
		font-size:12px;
		margin-top:5px;
		line-height:21px;		
	}
	
	.text
	{
		padding-top:10px;
		color:#080808;
		font-size:12px;
		margin-top:5px;
		line-height:20px;	
	}
	
	.mitgliedstabelle
	{
		width:80px;
		float:left;
	}
	
	.mitglied2
	{
		float:left;
	}

	.vereinsbox
	{
		display:block;
		font-size:11px;
		margin-top:3px;
		margin-bottom:3px;
		padding-top:10px;
		padding-bottom:10px;
		line-height:14px;	
		border-top:1px solid #b4b4b4;		
		border-bottom:1px solid #b4b4b4;		
	}
	
	
	.hometermin a:hover
	{
		text-decoration:underline;
	}

	.hometermin a
	{
		text-decoration : none;
	}
	.hometermin
	{
		padding-left:10px;
	}

	
    
	p , th , td 
	{
		text-align : left;
    }
    
	a
	{
        text-decoration : underline;
        color : #000000;
    }
    
	a:active 
	{
		text-decoration : underline;
    }
    
	a:hover 
	{
		text-decoration : none;
    }
	
	.abtcontent
	{
		
		width:795px;
	}
	
	.abtleft
	{
		width:585px;
		float:left;
	}
	
	.abtright
	{
		width:200px;
		float:left;
		padding-left:10px;
		text-align:right;
	}
	
	.abtinner
	{
	
	}
	
	.kalendertable
	{
		margin-top:10px;

		margin-right:10px;
		width:790px;
		float:left;
	}
	
	.kalendertd, .kalendertdtoday, .kalendertdtop, .kalenderferientd
	{
		border:1px solid #b4b4b4;
		width:14%;
	}
	
	.kalendertdtop
	{
		text-align:center;
		background-color:#f5f5f5;
	}
	
	.kalendertd, .kalendertdsunday, kalenderferientd
	{
		height:100px;
	}

	.kalenderferientd
	{
		background-color:#faffc6;
	}
	
	.kalendertdsunday
	{
		border:1px solid #b4b4b4;
		background-color : #decbcb;
	}
	
	.kalendertdtoday
	{
		border:1px solid #000000;
		background-color : #BFCFFF;
	}
	
	.innerkalender, .innerkalendersunday
	{
		margin:3px;
		
	}
	
	.innerkalendersunday
	{
		margin:3px;
		color:#000000;
	}
	

	
	.fussball, .badminton, .drachenflieger, .leichtathletik, .schach, .tennis, .tischtennis, .turnen, .volleyball, .allgemein
	{
		margin-bottom:1px;
		font-size:11px;
		z-index:1000;
	}
	
	.fussball
	{
		background-color:#ffc;
	}
	
	.badminton
	{
		background-color:#e9ffd2;
	}

	.drachenflieger
	{
		background-color:#d5ffff;
	}
	
	.leichtathletik
	{
		background-color:#d6d6eb;
	}
	
	.schach
	{
		background-color:#ffd5ff;
	}
	
	.tennis
	{
		background-color:#d7d7ff;
	}
	
	.tischtennis
	{
		background-color:#afd8d8;
	}
	
	.turnen
	{
		background-color:#ffe2c6;
	}
	
	.volleyball
	{
		background-color:#7fb;
	}
	
	.allgemein
	{
		background-color:#e8e8e8;
	}
	
	
	.terminganz
	{
		width:100%;
		background-image: url(pics/background.png);
		background-repeat: repeat-y;
		float:left;
	}
	
	.termintime, .terminort
	{
		width:141px;
		float:left;
		padding:4px;
		margin-top:2px;
		
		border-top:1px solid #b4b4b4;

	}
		
	.terminort
	 {
		margin-left:2px;
	}
	
	.terminbeschreibung2
	{
		margin-top:2px;
		width:260px;
		float:left;
		padding:4px;
		margin-left:2px;
		height: auto;
		
		border-top:1px solid #b4b4b4;
	}
	
	.terminblocktoptime, .terminblocktoport, .terminblocktopbeschreibung2
	{
		float:left;
		padding:4px;
		height:15px;
		color : #1A3387;
		font-weight:bold;
		border-left:1px solid #b4b4b4;
	}
	
	
	.terminblocktoptime{
		width:139px;
	}
	
	.terminblocktoport{
		width:139px;
		margin-left:2px;
	}		
	
	.terminblocktopbeschreibung2{
		width:260px;
		margin-left:2px;
	}
	
	.uhrzeit{
		background-color:#e3e3f2;
	}
	
	.jahreszeit{
		background-color:#c4c4e3;
	}
	
	.tageszeit{
		background-color:#f4f4fb;
	}
	
    select 
	{
		background-color : #ffffff;
		color : #000000;
		font-weight : bold;
		font-size:11px;
		border:1px solid #b4b4b4;
    }
	
	select:hover {
		color : #000;
		background-color : #f5f5f5;
    }
	
	.kalendername
	{
		float:left;
		text-align:right;
		width:50%;
		font-size:25px;
		color:#909090;
	}
	
	.termin
	{
		text-align:left;
		width:100%;
		float:left;
		
	}
	

	
	.allterminblocktop
	{
		background-color:#a4a4a4;
		margin-bottom:3px;
		height:15px;
		text-align:center;
		color:#fff;
		font-weight:bold;
		width:19%;
	}

	.allterminblock
	{
		background-color:#f4f4f4;
		margin-bottom:3px;
		padding:4px;
		width:19%;
	}
	
	.jahresswitchblock
	{
		display:block;
		width:790px;
		float:left;
		margin-bottom:80px;
		margin-top:10px;
	}
	
	.jahresswitch
	{
		display:block;
		float:left;
		width:197px;
		text-align:center;
		background-color:#ffffff;
	}
	
	.jahresswitchinner
	{
		background-color:#e8e8e8;
		text-align:center;
		display:block;
		padding:3px;
		border:1px solid #ffffff;
		
	}
	
	.jahresswitchinner a
	{
		font-weight:bold;
		color:#1A3387;
		
	}
	
	.jahresswitchinner:hover
	{
		background-color:#b5b5b5;
	}
	
	.terminblock
	{
		display:block;
		width:781px;
		float:left;
		margin-bottom:2px;
		background-color:#e8e8e8;
		padding:3px;
		margin-top:2px;
	}
	
	.terminblocktop, .terminblockbottom
	{
		background-color:#e6c8c9;
		display:block;
		width:100%;
		float:left;
		margin-bottom:2px;
		padding:3px;
	}
	
	.submitblockred
	{
		background-color:#cc0000;
		display:block;
		width:98%;
		float:left;
		margin-bottom:8px;
		padding:3px;
		font-size:20px;
		color : #ffffff;
	}

	.submitblockadmin
	{
		background-color:#00cc00;
		display:block;
		float:left;
		width:100%;
		margin-bottom:8px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:20px;
		color : #ffffff;
		text-align:center;
	}
	
	.terminbeschreibung
	{
		width:20%;
		float:left;
	}
	
	.terminform
	{
		width:35%;
		float:left;
	}
	
	.terminhelp
	{
		width:44%;
		float:left;
	}
	
	a.footer 
	{
		text-decoration : underline;
		color : #ffffff;

    }
	
    a.footer:active 
	{
		text-decoration : underline;
    }
    
	a.footer:hover 
	{
		text-decoration : none;
		background-color : #0000a0;
    }
    
	.loginform
	{
		padding-left:4px;
		padding-top:4px;
	}
	
	div.menufont a
	{
		display : block;
		text-decoration : none;
		color : #1A3387;
		background-color:#dcdcdc;
		font-size:11px;
		font-weight:bold;
		padding:3px;
		border-bottom:2px solid #ffffff;
		
	}

	div.menufont a:hover 
	{
		background-color : #eaeaea;
		text-decoration : none;
	}


	
	div.uberfont 
	{
		color : #ffffff;
		font-weight : bold;
		font-size: 50px;
	}
	
	div.unteruberfont 
	{
		color : #ffffff;
		font-weight : bold;
	}
	
	div.menufont 
	{
		font-size:11px;
		color:#000000;
		overflow: hidden;
	}
	
	strong 
	{
		font-weight : bold;
		color : #000000;
	}
	div.menuuberfont 
	 {     				
		padding:3px;
		font-weight : bold;
		font-size: 12px;
		color : #ffffff;

		background-color : #b4b4b4;
		border-bottom:2px solid #ffffff;
	}
	
	div.abt 
	{
		display : block;
		font-size:12px;
		font-weight : bold;
		color : #1A3387;
		background-color:#dcdcdc;
		float:left;
		width:100%;
		padding-top:3px;
		padding-bottom:3px;
	}

	div.abtadmin
	{
		display : block;
		font-size:12px;
		font-weight : bold;
		color : #1A3387;
		background-color:#dcdcdc;
		float:left;
		width:100%;
		padding-top:3px;
		padding-bottom:3px;
		margin-top:10px;
		margin-bottom:5px;
	}
	
	div.redfont 
	{
		font-weight : bold;
		color : #ff0000;
	}
	
	input.bg
	{
		background-color : #ffffff;
		color : #000000;
		font-weight : bold;
		font-size:11px;
		margin-top:5px;
		display:block;
	}

	input.bgadmin
	{
		background-color : #cc0000;
		color : #ffffff;
		font-weight : bold;
		font-size:11px;
		padding:10px;
		margin-top:10px;
		margin-bottom:10px;
	}
	
	input.bg:hover 
	{
	   color : #000;
	   background-color : #eaeaea;
	}

	input.bgadmin:hover 
	{
	   color : #000000;
	   background-color : #00aa00;
	}


	input 
	{
		background-color : #ffffff;
		color : #000000;
		font-weight : bold;
		font-size:11px;
		margin-top:5px;
	}
	
	input:hover {
		color : #000;
		background-color : #eaeaea;
	}
	
	.feld 
	{
		color : #000000;
		background-color : #ffffff;
	}
	
	.feld:hover 
	{
		background-color : #eaeaea;
	}
	
	.feld:focus 
	{
		background-color : #eaeaea;
	}
     

	  

	td 
	{
		color : #000000;
		vertical-align : top;
	}
	
	td.startseite{
		font-size: 12px;
		line-height:18px;
	}
	
	div.startseite{
		font-size: 12px;
		line-height:20px;


	}
	
	.startseiterechts
	{
		width:130px;
	}

	
	td.grau 
	{
	   vertical-align : top;
	   border-width : 5px;
	   border-color : #ffffff;
	   border-style : solid;
	   background-color : #f5f5f5;
	   color : #000000;
	}
	  
	td.bold 
	{
		vertical-align : top;
		border-width : 0px;
		border-color : #ffffff;
		border-style : solid;
		color : #000000;
		font-weight : bold;
	}
	

	


	td.darkblue 
	{	
		text-align:center;
		vertical-align : top;
		width:970px;
	}
	

    
	td.baum
	{

		border-width:0px;
		padding-top:4px;
		padding-bottom:3px;
		padding-left:0px;
		font-size:11px;           
	}
	
	td.lightblue 
	{
		width:160px;
		margin-top:0px;
		padding-top:10px;
	}

	td.darkbluepics 
	{
		height:130px;
		text-align:center;
		vertical-align:middle;
		background-color : #1A3387;
	}
	
	td.lightbluepics 
	{
		vertical-align:middle;
		height:130px;     			
		border-width : 0px;
		background-color : #dcdcdc;
		border-color : #c0c0c0;
		border-style : solid;
	}

	.newspics
	{
		height:130px;
		text-align:center;
		vertical-align:middle;
		border-bottom:1px solid #dcdcdc;
	}

	
	td.darkblue2 
	{
		vertical-align : top;
		border-width : 0;
		background-color : #b4b4b4;
		border-color : #c0c0c0;
		border-style : solid;
		color : #1A3387;
		font-weight : bold;
	}
		
	h2
	{
		display:block;
		background-color:#cccc00;
		padding:10px;
	}	

	input 
	{
		border-width : 1px;
		border-style : solid;
	}
	
	input:hover {
		color : #000;
		background-color : #c0c0c0;
	}
	
	a.font {
		color : #808080;
		text-decoration : none;
	}
	
	a.font3 {
		color : #000000;
		text-decoration : none;
	}
	
	a.font2 {
		color : #808080;
		text-decoration : none;
		font-weight : bold;
	}
	
	a.numlink {
		text-decoration : underline;
		color : white;
	}
	
	.box, .box2, .box2b {
		position: relative;
		padding: 12px;
		height: auto;
		margin-top:1px;
		margin-bottom:0px;
		margin-left:10px;
		text-align:left;
		overflow:hidden;

	}
	
	.box
	{
		width: 160px;
		font-size:11px;
		border-top:1px solid #b4b4b4;
		border-bottom:1px solid #b4b4b4;
		margin-bottom:10px;
	}
	
	.box2
	{
		width: 120px;
		font-size:11px;
		border-top:1px solid #b4b4b4;
		border-bottom:1px solid #b4b4b4;
	}

	.box2b
	{
		
		padding:3px;
		text-decoration : none;
		color : #1A3387;
		font-size:11px;
		font-weight:bold;
		margin-top:3px;
	}

	#loginbox
	{
		display : block;
		text-decoration : none;
		color : #1A3387;
		background-color:#dcdcdc;
		font-size:11px;
		font-weight:bold;
		padding:3px;
		border-bottom:2px solid #ffffff;
		margin-top:10px;

	}
	#loginbox2
	{
		background-color:#dcdcdc;
		padding-top:10px;
		padding-left:5px;
		padding-bottom:10px;
	}
	
	span.box-top-right, span.box-bottom-left, span.box-bottom-right {
		position: absolute;
		width: 10px;
		height: 10px;
		display: block;
	}
	
	img.abtbild{
		background: url(pics/shadow.gif) no-repeat right bottom;
		padding: 4px 10px 10px 4px;
		border: #eee 1px solid;
		border-right:none;
		border-bottom:none;
		width:175px;
	}

	img.newsbild{
		background-color:#ffffff;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 4px;
		padding-top: 4px;

		border: #a0a0a0 1px solid;
		width:150px;
	}

	img.newsbild2, img.newsbild2left, img.newsbild2right{
		background: url(pics/shadow.gif) no-repeat right bottom;
		padding: 4px 10px 10px 4px;
		border: #eee 1px solid;
		border-right:none;
		border-bottom:none;
	}

	img.newsbild2left{
		float:left;
		margin-right:5px;
		margin-bottom:5px;
		margin-top:5px;
	}

	img.newsbild2right{
		float:right;
		margin-left:5px;
		margin-bottom:5px;
		margin-top:5px;
	}

	img.userimg{
		background: url(pics/shadow.gif) no-repeat right bottom;
		padding: 4px 10px 10px 4px;
		border: #eee 1px solid;
		border-right:none;
		border-bottom:none;
	}

	

	span.box-bottom-left {
		background: url(pics/ecke_links_unten.png) no-repeat;
		bottom: 0;
		left: 0;
	}

/* Lightbox CSS */

	#lightbox{
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
		}

	#lightbox a img{ border: none; }

	#outerImageContainer{
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
		}

	#imageContainer{
		padding: 10px;
		}

	#loading{
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
		}
	#hoverNav{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
		}
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}

	#prevLink, #nextLink{
		width: 49%;
		height: 100%;
		background: transparent url(/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
		}
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 10% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 10% no-repeat; }


	#imageDataContainer{
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%	
		}

	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 100px; float: right;  padding-bottom: 0.7em;	}	
			
	#overlay{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
		background-color: #000;
		}