/* 	CSS Document f�r Tenniscenter Mitterling 
	Autor: Ursula Leopold, www.pixelgarden.at
	Datum: 12. Oktober 2006
	Projekt-Arbeit BIT/Internetentwickler 2006
*/
 
* 				{ margin: 0; padding: 0;}

body 			{ background: #DFC5BE; color: #000000; font-size: 14px; 
			  	  font-family:"Trebuchet MS", Modern, sans-serif;
			  	 /* For IE5 Win */ voice-family: "\"}\""; voice-family: inherit; font-size: 12px;}

#seiteninhalt	{ width:1000px; margin:0px auto; text-align:left;  border: 1px solid #6D0303;
				  background-image:url(../img/tennisschlaeger_ganz.jpg); background-position: 0 -80px; 
				  background-repeat: no-repeat;float: left;}


/* Diverses */
.marker		{font-weight: bold; font-size: 1em; color: #900;}
.bolder		{font-weight: bold;}
.leer		{margin: 0 0 0 25px;}

/*ACRONYM 	{background-color:transparent; text-decoration: underline;} */

h1			{font-size: 2em; font-weight: lighter; color: #900; padding: 20px 0 20px 0;}
h3			{font-size: 1.2em; font-weight: bold; color: #900; padding: 5px 0 5px 0;}
h5			{font-size: 1em; font-weight: normal; color: #900; padding: 20px 0 10px 0;}
h4			{font-size: 1.2em; font-weight: normal; color: #900; padding: 20px 0 10px 0;}


/* ======== allgemeine Link-Definitionen  ======================*/
a					{ text-decoration: none; font-weight: bold; border: none;}
a:link 				{ color: #000;}
/*a:visited 	 	    { color: #DDD;}*/
a:visited 	 	    { color: #202020;}
a:active 			{ color: #000;}
a:hover		  	    { color: #61BEDF;}

img					{ border: none;}

/* ======== Header-Bereich ========================= */
#header 	{ }
#logos 		{ text-align: right; padding:0; /*filter:alpha(opacity=50); -moz-opacity: 0.50; */ }

#nav		{ margin: 0px; text-align: left; height: 1.5em; min-width: 800px;
			  border: 1px solid #6D0303; font-size: 14px; font-weight: bold; background-color: #AD4F34; }			
#nav ul li 	{ display: inline; padding: 0 1.3em; vertical-align: middle; text-transform: uppercase; } 


/* Schlaeger - Mitte */

#masthead 	{ background-image: url(../img/tennisschlaegerTeil_03.jpg); 
			  background-repeat: repeat-x; background-color: #9E482F;}
#mainImg 	{ margin:0 0 0 0px;width: auto; height: 60px; background-repeat: no-repeat;
			background-image:url(../img/tennisschlaegerTeil_01a.jpg); }
#wobinich	{color: #E5947D; text-transform:uppercase; 
			 font-weight: bold; font-size:2em; padding: 15px 0 5px 20px;}			


/* Navigationszeile unten (Tages, Wochenansicht und Hilfe ) */
#navRes			{ margin: 0; padding: 0; text-align: left; height: 1.5em; min-width: 800px;
			  	  border: 1px solid #6D0303; border-bottom: none; height: 1.8em; 
			  	  font-size: 14px; font-weight: bold; background-color: #AD4F34;}
#navRes ul		{ margin: 8px 0 0 270px; }
#navRes ul li 	{ display: inline; padding: 5px 1.3em 0px 1.3em;  text-transform: uppercase; } 

#navRes a:link 			{ color: #E5947D;}
#navRes a:visited 	 	{ color: #aaa;}
#navRes a:active 		{ color: #000;}
#navRes a:hover		  	{ color: #61BEDF;}

.aktiv	{ background-color: #FFFFFF; border-left:1px solid #9E482F; border-right: 1px solid #9E482F; 
		  border-top: 1px solid #9E482F; padding: 0 0 15px 0; color: #000;
		  background-image: url(../img/schatten.jpg); background-repeat: repeat-x;}
.passiv { color: #E5947D;}


/* ======== Content-Bereich = (beinh�lt allen Inhalt des gro�en wei�en "Blattes" ======================== */

#content		{width: 728px; min-height: 475px; margin: 0 0 0 270px; right: 0; background-color: #FFFFFF; 
				 border-left: 1px solid grey;  padding: 0;
				 font-size: 0.5em; /* For IE5 Win */ voice-family: "\"}\""; voice-family: inherit; font-size: 0.9em;
				 background-image: url(../img/weiss.gif); background-repeat: repeat-x; }
/*				 
#contentWoche	{width: 978px; min-height: 475px; margin: 0 0 0 20px; right: 0; background-color: #FFFFFF; 
				 border-left: 1px solid grey;  padding: 0;
				 font-size: 0.5em; voice-family: "\"}\""; voice-family: inherit; font-size: 0.9em;
				 background-image: url(../img/weiss.gif); background-repeat: repeat-x; }
*/

#content_inhalt	{margin: 0 15px 15px 15px; padding: 10px 20px;}
/* oben Mitte */
#aktiverTag		{ padding: 10px 5px 0px 5px; font-size:1.4em; color: #900; font-weight: bold; 
				  width: 200px; text-align: center;}
#aktiveWoche	{ padding: 10px 5px 0px 5px; font-size:1.4em; color: #900; font-weight: bold; 
				  width: 100px; text-align: center; }
#aktiverPlatz	{ margin: -24px 0 0 140px; font-size:1.4em; color: #E5947D; font-weight: bold; 
				  width: 100px; text-align: center; }
				  
/* ------------------------------------------------- Definition der "Platz-Kn�pfe" oben  --- */
#plaetze 		{  margin: -24px 0 0 317px; font-size: 1.1em;  width: 335px; }

/* Farb�nderung der Kn�pfe H1-F3) */
.passiverPlatz	{ margin: 1px 0 0 0; padding: 1px 2px; width: 26px; height: 22px;
				  font-weight: bold; 
			      border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0;
				  border-right: 1px solid #808080; border-bottom: 1px solid #808080; 
				  background-image: url(../img/schatten.jpg); background-repeat: repeat-x; }

.aktiverPlatz	{ margin: 2px 0 0 0; padding: 1px 2px; width: 26px; height: 22px;
				  font-weight: bold; color: #900; 
			      border-top: 1px solid #E2B0B0; border-left: 1px solid #E2B0B0;
				  border-right: 1px solid #900; border-bottom: 1px solid #900; 
				  background-image: url(../img/schatten_aktiv.jpg); background-repeat: repeat-x; }
	
/* alles rechts -- /* gesamte rechter Infoteil */		 
#infokasten		{width: 200px; margin: 10px 3px 0 510px;  padding: 3px;} 
#info			{padding: 3px;}  /* Text vor resPlatz-Formular */


/* reservierePlatzFormular - Damit Formular nicht auseinanderf�llt */
/*#resPlatz		{ margin: 2px; }*/
#resPlatz		{ position:absolute; left:780px;top:135px; margin: 2px; }
#resPlatz table 	{ border:none;}
#resPlatz tr		{ border: 1px solid grey; }
#resPlatz td		{ padding: 5px 1px; width: auto; border: 1px solid #dddddd; vertical-align:top; text-align: center;
					  font-size: 11px;}
					  
/* Klassen des Formulars reservierePlatzFormular.inc.php */					
.feldZeitAuswahl	{ width: 55px; font-size: 0.8em;}
.feldDatum			{ width: 50px; font-size: 0.8em;}
.feldPlatzAuswahl	{ width: 45px; font-size: 0.8em; font-weight: bold;}
.plusButton			{ width: 17px; height: 17px; font-size: 0.8em; color: #900; font-weight: bold; }
.loescheButton		{ width: 17px; font-size: 0.8em; color: #900; font-weight: bold; }
						/*background-image:url(../img/x.gif); background-repeat: no-repeat; */

.reserviereButton	{ margin: 5px 0 0 2px; padding: 3px 4px; width: 172px;
					  border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0;
					  border-right: 1px solid #808080; border-bottom: 1px solid #808080; 
				      background-image: url(../img/schatten.jpg); background-repeat: repeat-x; }
					 
/* Tages/Wochentabelle (gr�ne/rote Felder) */
#klickTabelle 			{ clear: both; float: left; font-size: 11px; margin: 0px 0 0 0; }
#klickTabelle table		{ border: none;}
#klickTabelle tr, th	{ text-align: center; font-size: 11px; border: 1px solid #dddddd;}
#klickTabelle td 		{ vertical-align:top; font-size: 11px; border: 1px solid #dddddd;}

#klickTabelle2 			{ clear: both; position:absolute; left:-450px; top:0px; font-size: 11px; margin: 0px 0 0 0; }
#klickTabelle2 table		{ border: none;}
#klickTabelle2 tr, th	{ text-align: center; font-size: 11px; border: 1px solid #dddddd;}
#klickTabelle2 td 		{ vertical-align:top; font-size: 11px; border: 1px solid #dddddd;}

.tag_NichtAktuell	{ color: #990000;}

/* LINKE SPALTE */

/* Damit der Kalender (links) richtig positioniert ist */
/*#kalenderMonat			{float: left; margin: -425px 0 0 10px; padding: 10px 5px 5px 5px; background-color: #fff; 
						 width: 230px; height: 270px; border: 1px solid #9E482F; text-align: center;}
*/						 
#kalenderMonat			{position:absolute; left:18px;top:160px; padding: 10px 5px 5px 5px; background-color: #fff; 
						 width: 230px; height: 270px; border: 1px solid #9E482F; text-align: center;} 						 

/* Kontakt-Container */
/*#kontaktInfo 			{ clear: left; float: left; text-align:left; margin: -120px 0 0 10px; padding: 5px 15px; 				
						  background-color: #FFFFFF; border: 1px solid #ddd; width: 230px; 
						  background-image: url(../img/infoKasten.jpg); background-position:100% 100%;
						  background-repeat: no-repeat; border: 1px solid #9E482F;*/
						  /* Hack f�r IE, muss hier hacken, weil DOCTYPE XTHML, da spinnt IE immer noch */
						  /*voice-family: "\"}\""; voice-family:inherit; width: 230px;}*/
						  
#kontaktInfo 			{position:absolute; left:10px;top:460px;  text-align:left; padding: 5px 15px; 				
						  background-color: #FFFFFF; border: 1px solid #ddd; width: 230px; 
						  background-image: url(../img/infoKasten.jpg); background-position:100% 100%;
						  background-repeat: no-repeat; border: 1px solid #9E482F;
						  /* Hack f�r IE, muss hier hacken, weil DOCTYPE XTHML, da spinnt IE immer noch */
						  voice-family: "\"}\""; voice-family:inherit; width: 230px;}

html>body #kontaktInfo {width: 210px;}

						  
						  
						  
						  
#kontaktInfo p			{ padding: 5px 0px;}

/* wird nicht ben�tigt
#kontaktInfo_weiteroben			  { clear: left; float: left; margin: -120px 0 0 10px; 
						  			padding: 5px 15px; background-color: #FFFFFF; border: 1px solid #ddd; width: 210px; 
						  			background-image: url(../img/infoKasten.jpg); background-position:100% 100%;
						  			background-repeat: no-repeat; border: 1px solid #9E482F;	}
#kontaktInfo_weiteroben p		  { padding: 5px 0px;}   */
						  
						  
/* iFrames -- alle Inhalte die im wei�en Blatt sind und rausscrollen k�nnen*/
#iFrameWindow 			{ height: 410px; width: 700px; overflow: auto; border: none; margin: 0 10px 10px 10px; 
						  font-size: 14px; padding: 5px;}
#iFrameWindow ol li		{padding: 10px 0; list-style:decimal;}
#iFrameWindow p			{padding: 10px 0;}
#iFrameWindow img		{padding: 5px; border: 1px solid #61BEDF;}
#iFrameWindow.layOver	{clear: left; float: left; background-color: #000000; margin: 2px; padding: 2px; 
						 top: 12px; left: 12px;}

/* HILFE.php - damit die Bilder und die Texte nicht im Raum rum schwieren */
.bildHilfe				{clear: right; float: right; border: 1px solid #C0C0C0; padding: 5px; margin: 7px 10px 7px 0; }
.hilfe					{margin: 10px 0; padding: 10px 10px 10px 0px; }

/* Kalender-Features */
.calender table			{background-color:#FFFFFF; border:none; width: 100%;}
.calender tr			{border: 1px solid #C0C0C0;}

 /* ========= KalenderBlock (im JavaScript/PHP) ============*/
 /* Tabelle allgemein */
.kalenderBlockTableKlasseAussen	{background-color: #FFFFFF; border: 1px solid #C0C0C0;  margin: 15px 10px; padding: 5px;}
.kalenderBlockTableKlasseInnen	{background-color: #FFFFFF; }

/*Zur�ckButton */
.rueck_visible 		{ background-image: url(../img/rueckPfeil.jpg); background-repeat:no-repeat; width: 16px; 
			  background-color: #FFF; height: 16px; border: none; margin: 0 0px 0 10px; visibility:visible;}
.rueck_hidden 		{ background-image: url(../img/rueckPfeil.jpg); background-repeat:no-repeat; width: 16px; 
			  background-color: #FFF; height: 16px; border: none; margin: 0 0px 0 10px; visibility:hidden;}
.vor_visible		{ background-image: url(../img/vorPfeil.jpg); background-repeat:no-repeat; width: 16px;
			  background-color: #FFF; height: 16px; border: none; margin: 0 10px 0 0px; visibility:visible;}
.vor_hidden		{ background-image: url(../img/vorPfeil.jpg); background-repeat:no-repeat; width: 16px;
			  background-color: #FFF; height: 16px; border: none; margin: 0 10px 0 0px; visibility:hidden;}

.monat		{font-weight: bold; text-align: center; margin: 0 2px 0 2px; background-color: #FFF; border: none;}
			  
.kalenderBlockTableKlasseInnen tr {font-weight: bold; font-size: 12px; text-align: center; text-transform: uppercase;}
.kalenderBlockTagesButton { background-image: url(../img/schatten.jpg); background-repeat: repeat-x;
			 border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; width: 22px;
			 border-right: 1px solid #808080; border-bottom: 1px solid #808080;  
			 /*background-color: #B3E4F2;  width: 22px;*/ text-align: center;}
.kalenderBlockTagesButtonAktuell { background-image: url(../img/schatten_aktiv.jpg); background-repeat: repeat-x;
			 border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; width: 22px;
			 border-right: 1px solid #808080; border-bottom: 1px solid #808080;  
			 /*background-color: #B3E4F2;  width: 22px;*/ text-align: center;}
.kalenderBlockTagesButtonNichtAktuell { background-image: url(../img/schatten.jpg); background-repeat: repeat-x;
			 border-top: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; width: 22px;
			 border-right: 1px solid #808080; border-bottom: 1px solid #808080;  
			 /*background-color: #B3E4F2;  width: 22px;*/ text-align: center;}
			 
 /* ========= TagesAnsichtBlock (im JavaScript/PHP) ============*/
.tagesAnsichtButtonReserviert	{width: 80px; height:18px; font-weight: bold; color: #000000; background-color: #AD4F34; font-size: 8pt;}
.tagesAnsichtButtonFrei		{width: 80px; height:18px; font-weight: bold; color: #000; background-color: #B3E4F2; font-size: 8pt;}
.tagesAnsichtButtonBuchen 	{width: 80px; height:18px; font-weight: bold; color: #000; background-color: #61BEDF; font-size: 8pt;}

 /* ========= WochenAnsichtBlock (im JavaScript/PHP) ============*/
.wochenAnsichtButtonReserviert	{width: 55px; height:18px; font-weight: bold; color: #000000; background-color: #AD4F34; font-size: 8pt;}
.wochenAnsichtButtonFrei	{width: 55px; height:18px; font-weight: bold; color: #000; background-color: #B3E4F2; font-size: 8pt;}
.wochenAnsichtButtonBuchen 	{width: 55px; height:18px; font-weight: bold; color: #000; background-color: #61BEDF; font-size: 8pt;}

#reservierung 	{position:absolute; left:750px; top:140px;}
#login_anzeige	{position:absolute; left:18px; top:120px;}
#seite_drucken	{position:absolute; left:-730px; top:50px;}
#login			{position:absolute; left:-140px; top:0px;}
#passwort		{position:absolute; left:800px; top:140px;}