* { margin:0; padding:0; font-family:verdana; }  /* Alle Elemente erstmal auf Abstand 0 setzen */

html, body { background: url(../img/bg_chinzeichen_weiss.jpg); } 

h1 div { font-size:9px; font-weight:normal; color:#888; border-bottom: 1px solid #888; margin:0 0 10px 0px;}
#centerdiv {
	position:absolute; top:120px;
	width: 760px; 
	left:50%;
	margin: 0 0 0 -380px;
	background: url(../img/bg_chinzeichen_gelb.jpg);
	background-color: #F0D87A;
	border: 1px Solid #000;
	color:#000000;
	
}
#centerdiv p,h1,h2,h3
{
	margin: 0px 20px 10px 10px; 
}
/* td {border-bottom:1px solid #888; } */
#inhalt h1 {margin: 10px 0 0 0; font-size:14px;}
#inhalt h2,h3 { font-size:16px; letter-spacing:3px; font-weight:bolder;}

#inhalt_lp h1 { font-size:16px; letter-spacing:3px; font-weight:bolder; }
#inhalt_lp h2,h3 {margin: 30px 0 10px 10px; font-size:14px; color:#c00;}

p { font-size:12px;}

ul { font-size:12px;  margin: 20px 20px 20px 30px;  font-weight:bold; }

#seite { 
	position:relative; float:left; top:-121px;
	
}
#menu {
	position:absolute; 
	left:243px; top:-10px;
	
}
#logo { 
	position:absolute; top:10px;
	left:50%;
	margin: 0 0 0 -380px;
}
#logo_gray { 
	position:absolute; top:750px;
	left:50%;
	margin: 0 0 0 -375px;
}

#ecke { 
	position:absolute; top:119px;
	left:50%;
	margin: 0 0 0 295px;
}
#foto { 
	position:absolute; top:120px;
	left:50%;
	margin: 0 0 0 -170px;
}

#weisheit { 
	position:absolute; top:10px;
	right:50%;
	margin: 0 -380px 0 0px;
}
#wing_tsun_kuen { 
	position:absolute; top:144px;
	left:50%;
	margin: 0 0 0 270px;
}
#seite_info, #zeiten { 
	position:absolute; top:500px; width: 200px;
	left:50%;
	margin: 0 0 0 -375px;
	
}

#seite_lp { 
	position:absolute; top:422px; width: 200px;
	left:50%;
	margin: 0 0 0 -375px;
	
}
#seite_lp h1{ font-size:16px; letter-spacing:3px; font-weight:bolder; }

#inhalt { float:left;width:500px; padding-left:2px; color:#000; line-height: 20px;}
#inhalt_lp { position:relative; float:left;width:500px; padding-left:2px; color:#000; line-height: 20px; top:420px}
#copy {
	position:absolute; bottom:5px; right:5px; 
	font-size:smaller; color:#666; 
	
}

#kontakt { font-family: "Courier New"; font-size: 12px; border: 1px dotted #555;} 
#kontakt form {  padding:10px; }
#kontakt input { background-color: #eea; border: 1px solid #555;}


#but1 { position: absolute; top:0px; left:0px; }
#but1 a {position:absolute; width:50px; height:200px; background: url(../img/but_aktuelles.gif);}
#but1 a:hover {position:absolute; width:50px; height:200px; background: url(../img/but_aktuelles_on.gif);}

#but2 { position: absolute; top:0px; left:60px; }
#but2 a {position:absolute; width:50px; height:200px; background: url(../img/but_wingTsun.gif);}
#but2 a:hover {position:absolute; width:50px; height:200px; background: url(../img/but_wingTsun_on.gif);}

#but3 { position: absolute; top:0px; left:120px; }
#but3 a {position:absolute; width:50px; height:200px; background: url(../img/but_ausbilder.gif);}
#but3 a:hover {position:absolute; width:50px; height:200px; background: url(../img/but_ausbilder_on.gif);}

#but4 { position: absolute; top:0px; left:180px; }
#but4 a {position:absolute; width:50px; height:200px; background: url(../img/but_downloads.gif);}
#but4 a:hover {position:absolute; width:50px; height:200px; background: url(../img/but_downloads_on.gif);}

#but5 { position: absolute; top:0px; left:240px; }
#but5 a {position:absolute; width:50px; height:200px; background: url(../img/but_partner.gif);}
#but5 a:hover {position:absolute; width:50px; height:200px; background: url(../img/but_partner_on.gif);}

#but6 { position: absolute; top:0px; left:300px; }
#but6 a {position:absolute; width:50px; height:200px; background: url(../img/but_kontakt.gif);}
#but6 a:hover {position:absolute; width:50px; height:200px; background: url(../img/but_kontakt_on.gif);}



	.dr
	{
		position:relative; margin: 5px;
		float:left;
		background: #c0b85A;
		width:202px;
		height:152px;
		overflow:hidden;
		
	}
	.dr img 
	{
		position:absolute;
		border:1px dotted #555;
		top:30px;
		left:40px;
		width: 120px; 
	}
	.dr p
	{
		position:absolute; text-align:center; bottom:0px; width: 200px; 
		font-size:10px; font-family:tahoma; margin:0px;
	}
	
#button_probetraining {	border:0px; }
	
	
/* Kalender */	
.head { padding:0px; overflow:hidden; font-size:14px; font-weight:bolder; letter-spacing:2px; text-decoration:underline; text-align:center;}
.dayna TD { overflow:hidden; height:15px; font-size:10px; text-align:center;}
.daynr TD { overflow:hidden; height:15px; font-size:12px; text-align:center;}

.std { border:1px solid #008; background-color:#ECCE56;}
.sa { border:1px solid #008; color: #850; background-color:#ECCE56;}
.so { border:1px solid #008; color: #800; background-color:#ECCE56;}

.in_std { background-color:#EDD06C; border:1px solid #888; color: #888; }
.in_sa { background-color:#EDD06C; border:1px solid #888; color: #f88; }
.in_so { background-color:#EDD06C; border:1px solid #888; color: #f88; }

.heute {background-color:#55a; color:#fff;}
.ereignis { background-color:#5a5; color:#fff;}
.geschlossen { background-color:#a55; color:#fff;}
.ausbilder { background-color:#555; color:#fff;}

.in_ereignis { background-color:#ccc; color:#fff;}
.in_geschlossen { background-color:#fee; color:#ccc;}
.in_ausbilder { background-color:#aaa; color:#fff;}


#kalender TABLE { padding: 10px; width:100%;}
#kalender TH {overflow:hidden; font-size:12px; text-align:left; }
#kalender SPAN { font-size: 18px; font-weight:bolder; color:#822; }

#kalender { background-image: url(../img/ewentplaner.jpg); text-align:center; margin:15px 0 15px 0; border: 1px solid #850;}
/* Kalender */