/* Copyright VfL Tegel 1891 e.V. Tischtennis  */
/*   illegales Kopieren wird strafrechtlich verfolgt */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:13px;
	color: black;
	background-color: #88aeea;
	/* SCROLLBAR-BASE-COLOR: #99CCFF;   Internet Explorer only */
	/* SCROLLBAR-ARROW-COLOR: #000000;  Internet Explorer only */
    scrollbar-face-color:#2b68c4;
    scrollbar-arrow-color:#9dadcc;
    scrollbar-track-color:#e8e8e8;
    scrollbar-shadow-color:#9dadcc;
    scrollbar-highlight-color:#9dadcc;
    scrollbar-3dlight-color:'';
    scrollbar-darkshadow-Color:'';
	background-image : url(pics/page_blau_background.jpg);
	/*background-repeat : repeat-y; */
	}
a {
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: Black;
	font-size: 12px;
	background-color : transparent;
	}

a.nav {
	text-decoration: none;
	font-family: sans-serif;
	font-weight: bold;
	color: Black;
	font-size: 11px;
	background-color : transparent;
	}

a.var2 {
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	/*font-weight: bold;*/
	color: Black;
	font-size: 8px;
	background-color : transparent;
	}
a.big {
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	/*font-weight: bold;*/
	color: Navy;
	font-size: 16px;
	background-color : transparent;
	}
	a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
a.var2:hover {
	color: Blue;
	text-decoration: underline;
	background-color : transparent;
	}
.ahem {
	display:	none;
	}
strong, b {
	font-weight: bold;
	}
p {
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	margin-top: 0px;
	margin-bottom: 30px; /* Read kludge below. */
	}
pre {
	font-size:11px;
	color:blue;
	}
	
h1 {
	color: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	color: Black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	color: Black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	color: Black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}
h4.menu {
	color: Black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}
h5 {
	color: Black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top:  0px;
	margin-bottom: 30px;
	}
h5.menu {
	color: Black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top:  0px;
	margin-bottom: 0px;
	}
h6 {
	color: Black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 20px;
	}
h7 {
	color: Black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 20px;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* this class must be combined with nobr in html for ie5win */
	}
.tiny {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
	}

.flash {
	}

.top {
	color: Background;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
/* Margins must be 0. Opera puts this outside the box, even though Netscape 6.01 doesn't. Read kludge below.*/
	}
.left {
	color: Black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 22px;
/*	line-height: 19px;
	margin-bottom: 20px; */
	font-weight : bolder;
	}
.right {
	color: Black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
	}

.volume {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 26px;
	line-height: 52px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 50px;
	}
.number {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 60px;
	line-height: 100px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: -30px;/* deals with bizarre ie5 not ie5.5 glitch. explained in the text. */
	}


#top {
	margin: 0px 0px 0px 0px;
	border: 0px solid White;
	height: 104px; /* Incorrect value fed to ie5win */
	background: url(pics/top-bg.gif) repeat;
	background-color: transparent;
	}
body>#top {
	height: 104px; /* Correct for CSS2 browsers. */
	}

#middle {
	margin: 10px 140px 30px 160px; /* Incorrect value fed to ie5win */
	padding: 10px 15px 10px 10px;
	border: 1px solid Black;
	background: #F0F0F0 url(pics/tt_background.jpg) repeat;
/*	background: #F0F0F0; */
	}

body>#middle {
	margin: 10px 140px 30px 160px; /* Correct for CSS2 browsers. */
	}

#middlefull {
	margin: 10px 10px 5px 160px; /* Incorrect value fed to ie5win */
	padding: 10px 15px 10px 10px;
	border: 1px solid Black;
	background: #F0F0F0 url(pics/tt_background.jpg) repeat;
/*	background: #F0F0F0; */
	}

body>#middlefull {
	margin: 10px 10px 5px 160px; /* Correct for CSS2 browsers. */
	}

	
#left {
	position: absolute;
	width: 146px; /* Incorrect value fed to ie5win */
	top: 105px;
	left: 0px; /* -150 */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid Black;
	/*background: Background url(pics/left-bg.jpg) repeat-y;*/
	background-color: transparent;
	border-color : Black;
	}
body>#left {
	width: 146px; /* Correct for CSS2 browsers. */
	}

TABLE.left {
	border : 0px solid Black;	
	padding : 0px;
	/*background: transparent url(pics/left-bg.jpg) repeat-y;*/
}

TR.left {
}

TD.lefttop {
	background: transparent url(pics/left-top.gif) no-repeat;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border : 0px solid Black;
	border-width : 0px;
	height : 17px;
	width : 146px;
	line-height : 1px; /*Netscape needs at least   to display the image so set line hight to minimum */
}

TD.left {
	background: transparent url(pics/left-button.jpg) no-repeat;
	font-family : "Arial Narrow", Arial, sans-serif;
	font-size : xx-small;
	height : 30px;
	text-align : center;
	margin : 0px 0px 0px 0px;
	border-collapse : collapse;
	table-layout : fixed;
	border : 0px solid Black;
	border-width : 0px;
	padding: 8px 0px 0px 0px;
	/*width : 100px;*/
	vertical-align: top;
}

TD.leftad {
	background: transparent url(pics/left-ad.jpg) no-repeat;
	height : 38px;
	text-align : center;
	margin : 0px 0px 0px 0px;
	border-collapse : collapse;
	table-layout : fixed;
	border : 0px solid Black;
	border-width : 0px;
	padding: 6px 0px 0px 0px;
	/*width : 100px;*/
	vertical-align: top;
}

TD.leftad2 {
	background: transparent url(pics/left-ad2.jpg) no-repeat;
	height : 72px;
	text-align : center;
	margin : 0px 0px 0px 0px;
	border-collapse : collapse;
	table-layout : fixed;
	border : 0px solid Black;
	border-width : 0px;
	padding: 6px 0px 0px 0px;
	/*width : 106px;*/
	vertical-align: top;
}

TD.leftblank {
	background: transparent url(pics/left-bg.jpg) repeat-y;
	text-align : center;
	margin : 0px 0px 0px 0px;
	border : 0px solid Black;
	border-width : 0px;
	padding: 0px 0px 0px 0px;
}

TD.leftbottom {
	background: transparent url(pics/left-bottom.gif) no-repeat;
	margin : 0px 0px 0px 0px;
	height : 16px;
}	
	
	
TABLE.right {
	border : 0px solid Black;	
	padding : 0px;
}

TR.right {
/*	background : transparent;*/
/*	background: transparent url(pics/right-bg.jpg) repeat-y;*/
}

TD.righttop {
  	background: transparent url(pics/right-top.gif) no-repeat;
	margin : 0px 0px 0px 0px;
	height : 13px;
	width : 167px;
	line-height : 1px; /*Netscape needs at least   to display the image so set line hight to minimum */
	padding: 0px 0px 0px 0px;
}

TD.right {
	background: transparent url(pics/right-button.jpg) no-repeat;
	font-family : "Arial Narrow", Arial, sans-serif;
	font-size : xx-small;
	height : 42px;
	text-align : center;
	margin : 0px 0px 0px 0px;
	/*border-collapse : collapse;*/
	table-layout : fixed;
	border : 0px solid Black;
	border-width : 0px;
	padding: 10px 0px 0px 0px;
	vertical-align: top;
	}

TD.rightblank {
	background: transparent url(pics/right-bg.jpg) repeat-y;
	text-align : center;
	margin : 0px 0px 0px 0px;
	/*border-collapse : collapse;*/
	border : 0px solid Black;
	border-width : 0px;
	padding: 0px 0px 0px 0px;
}

TD.rightad {
	background: transparent url(pics/left-ad2.jpg) no-repeat;
	height : 72px;
	text-align : center;
	margin : 0px 0px 0px 0px;
	border-collapse : collapse;
	table-layout : fixed;
	border : 0px solid Black;
	border-width : 0px;
	padding: 6px 0px 0px 0px;
	/*width : 106px;*/
	vertical-align: top;
}
		
TD.rightbottom {
	background: transparent url(pics/right-bottom.gif)  no-repeat;
	margin : 0px 0px 0px 0px;
	height : 14px;
	padding: 0px 0px 0px 0px;
}	
		
#right {
	position: absolute;
	width: 167px; /* Incorrect value fed to ie5win */
	top: 200px;
	/*top: 275px;*/
	right: 10px; /* -180px*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid Black;
	background: transparent;
	}
body>#right {
	width: 167px; /* Correct for CSS2 browsers. */
	}

#bem {
	position: absolute;
	width: 167px; /* Incorrect value fed to ie5win */
	top: 125px;
	right: 15px; /* -180px*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid Black;
	background: transparent;
	}
body>#bem {
	width: 167px; /* Correct for CSS2 browsers. */
	}
	
	
#banner {
		background: Background url(pics/top-bg.jpg) repeat-x;
		height: 104pt;
		margin-top : 0px;
		margin-left : 0px;
		margin-right : 0px;
		margin-bottom : 0px;
		border : 0px solid White;
		padding: 0px 0px 0px 0px;
		/*width : 800px;*/
		}
body>#banner {
	height: 104px; /* Correct for CSS2 browsers. */
	}

#banner.h1 {
	font-size : 40px;
	text-align : center;
}

/* This is the style for the popupdescriptions. */
#divTooltip {
	position:absolute;
	top:0px; 
	width:150px; 
	visibility:hidden; 
	z-index:200; 
	background-color: #FFFFE0; 
	layer-background-color:#f3f3f3;
	}

.normalStyle    {
	padding:2px;
	text-align:center;
	font-weight:500;
	width:150px;
	color:#000000;
	top:100px;
	font-family:verdana,arial,helvetica;
	font-size:11px;
	background-color: #FFFFE0;
	layer-background-color:#f3f3f3;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	cursor:default;
	}

.netscape4Style {
	padding:0px;
	font-weight:500;
	width:150px;
	color:#000000;
	top:100px;
	font-family:verdana,arial,helvetica;
	font-size:11px;
	background-color:#f3f3f3;
	layer-background-color:#f3f3f3;
	border:1px solid #000000;
	}  
		
#rightpic {
	position: absolute;
	top: 212px;
	right: 68px;
	width: 70px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid Black;
	background-color: transparent;
	border-color : Black;
	visibility : hidden;
	}

#toppic {
	position: absolute;
	top: 30px;
	right: 15px;
	width: 105px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid Black;
	background-color: transparent;
	border-color : Black;
	visibility : hidden;
	}

#leftpic {
	position: absolute;
	top: 112px;
	left: 23px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid Black;
	background-color: transparent;
	border-color : Black;
	visibility : hidden;
	}
	

INPUT.text {
  background-color : #F5F5F5;
}
			
TEXTAREA.text {
  background-color : #F5F5F5;
}
			
/* SETTING THE BOX TOPS IN LINE - 3 COLUMNS, NO BOX ABOVE. */

/* THE PROBLEM - ie5win screws up differently in absolute boxes and non-absolute boxes. The middle box is not absolute. Here ie5win uses margin-top, but puts it UNDER the P margin-top, and both outside the box, instead of putting the P inside the box.. Which means whichever is larger will decide where the top of the middle box sits. Also the distance between its text and its top border will be only the padding, instead of padding plus P margin. BUT in absolute boxes ie5win gets P margin inside the box, but now overlaps it with the padding, instead of adding them together. So text in ie5win will always start higher in all the boxes, so design for that... */

/*THE SOLUTION - to get the box tops in line, and the text tops in line, decide the real distance and use that for the absolutes' tops. Now, the middle box margin-top must be made equal to the absolute's  tops, and must be equal to or larger than P margin-top, and P margin-top must e