/* Pro Team Tennis Academy - css, by Dennis Gratz */
/* All associated graphics copyright 2008, Dennis Gratz */
/* Added: 11.03.2008 */


/* /////////////// basic elements /////////////// */

* {padding: 0; margin:0;}

p {
margin:0;
padding:0;
}

h1 {
font-size:14px;
margin:0;
padding:0;
}

h2 {
font-size:20px;
margin:0;
padding:0;
}

h3 {
font-size:20px;
color:#FFCC00;
margin:0;
padding:5px;
}

a {
color:#FFFF00;
text-decoration:underline;
}

a:hover {
color:#FFCC00;
}

body { 
	font: 10pt verdana,Helvetica,sans-serif; 
	color: #FFFFFF; 
	padding: 0px;
	margin-top: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
	background-color:#FFFFFF;
	background: url(../img/backverlauf2008.jpg) repeat-y center;
}
	
			#aktuell h1 {
				margin-top: 8px;
				margin-bottom: 8px;
				margin-left:10px;
				font: 12pt Arial;
				font-weight:bold;
				color:#FFFFFF;
				}
					
			#menu a {
				font: 10pt verdana,Helvetica,sans-serif;
				color:#FFFFFF;
				text-decoration:none;
				}

			#menu a:hover {
				font: 10pt verdana,Helvetica,sans-serif;
				color:#FFCC00;
				text-decoration:underline;
				}
				
/* //////////// Layout //////////// */		 
		 
#container {
	width: 900px;			
	margin-left: auto;
	margin-right: auto;	
	position: relative;
	background: url(../img/backverlauf2008.jpg) repeat-y;
	text-align: left;	
	}
		
#head { 
	background: url(../img/proteam2008175x.jpg) no-repeat;
	width: 900px;
	height: 176px;
	}
	
#head p {
	display: none;
	} 

		/* //////////// Linke-Seite //////////// */			
		
		#menuwhrapper {
			position: absolute;
			top: 176px;
			left:29px;
			width: 165px;
			display: block;
		}
		
		#menuwhrapper li {
			padding:4px 0 4px 10px;
			list-style-type: none;		
		}	
		
		#menuwhrapper ul {
			margin:0; padding:0;
		}
					
			#aktuell li {
				margin:0 10px 0 0;
				}
		
			/* //////////// Top-Images //////////// */	
			
			#menu h3 {	
				background:url(../img/short_top.gif) no-repeat;
				width: 165px;
				}							
					
			#foto h3 {	
				background:url(../img/short_top.gif) no-repeat;
				width: 165px;
				}		

			#aktuell h3 {	
				background:url(../img/short_top.gif) no-repeat;
				width: 165px;
				}		
				
			/* //////////// Middle-Images //////////// */	
			
			#menu {	
				margin:0; padding:0;
				background:url(../img/short_middle.gif) repeat-y;
				}
				
			#foto {	
			    margin:0; padding:0;
				background:url(../img/short_middle.gif) repeat-y;
				}
			
			#aktuell {	
				margin:0; padding:0;
				background:url(../img/short_middle.gif) repeat-y;
				}
		
			/* //////////// Bottom-Images //////////// */	
			
			#menu ul {
				margin:0;
				padding:0 0 11px 0;
				background:url(../img/short_bottom.gif) bottom no-repeat;
				width:165px;
				}

			#foto ul {
				margin:0;
				padding:0 0 10px 0;
				background:url(../img/short_bottom.gif) bottom no-repeat;
				width:165px;
				}
				
			#aktuell ul {
				margin:0;
				padding:0 0 10px 0;
				background:url(../img/short_bottom.gif) bottom no-repeat;
				width:165px;
				}

		/* //////////// Rechte-Seite //////////// */		
		
		#text h3 {	
			background:url(../img/text_top.gif) top left no-repeat;
			width: 685px;
			}					
							
		#text {
			padding: 0;
			margin: 0 0 0 194px;
			width: 685px; 
			background: url(../img/text_middle.gif) repeat-y;		
			}	
		
		#text p.p1 {
			margin-bottom:0;
			padding:0 0 21px 0;
			background:url(../img/text_bottom.gif) left bottom no-repeat;
			width:685px;		
			}			

		#text p {
			padding: 4px 10px 10px 4px; margin: 0;
			}
			
		#text h1 {
			margin: 10px;
			text-align:center;
			font-style:italic;
			}

		#text li {
			padding:5px;
			}	
		
		#text ul {
			margin-left:50px; 
			padding:0;
			}

		#footer {
			font: 10pt verdana,Helvetica,sans-serif;
			color:#BBBBBB;
			text-align: right;
			padding:3px 30px 43px 30px;
			}
			
			#footer a {
				font: 10pt verdana,Helvetica,sans-serif;
				color:#BBBBBB;
				}
			
			#footer a:hover {
				font: 10pt verdana,Helvetica,sans-serif;
				color:#BBBBBB;
				text-decoration:underline;
				}