/* CSS Document */
/*
Farbdefinitionen

blau #445675
hellblau #b6c7d8
hellblaugrau #7c899f
orange #ff9900
grau #ccc8c8
rot #de0000
gelb #ffcc00
gruen #a4e02b

*/

body{
	background-color: #ccc8c8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#445675;
	margin: 0px;
	padding:0px;
	text-align:center;
	width:100%;
}


h1{
	font-size: 16px;
	color:#445675;
	padding-bottom:20px;
	margin:0px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1.first{
	padding-top:0px;
}

h1 a {
	color:#445675;
}

h2{
	font-size:14px;
	color:#445675;
	padding-top:0px;
	padding-bottom:5px;
	margin:0px;
}

h2 a {
	color:#445675;
}

h3{
	font-size: 12px;
	color:#ff9900;
	padding-bottom:5px;
	margin:0px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h3 a {
	color:#ff9900;
}

h4{
	font-size:1.1em;
	font-size: 10px;
	color:#445675;
	padding-bottom:5px;
	margin:0px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h4 a {
	color:#445675;
}

h5{
	font-size:1.1em;
	font-size: 12px;
	color:#445675;
	padding-bottom:5px;
	margin:0px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h5 a{
	color:#445675;
}

h6{
	font-size:1.1em;
	font-size: 12px;
	color:#445675;
	padding-bottom:5px;
	margin:0px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h6 a {
	color:#445675;
}

h7{
	font-size:1.1em;
	font-size: 16px;
	color:#445675;
	padding-bottom:20px;
	margin:0px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h7 a {
	color:#445675;
}

p{
padding-bottom:10px;
margin:0px;
}



#seite{
	position:relative;
	padding:0px;
	width:1000px;
	margin: 0px auto; /* zum zentrieren des inhalts! alle ausser iexpl */
	margin-top:10px;
}


#inhalt{
	text-align:left;
	width:1000px;
	padding:0px;
	margin:0px;
	font-size:10px;
	background:#fff url(../bilder/hgrinhalt.gif) bottom left no-repeat;	
}

#columnnavi{
	width:240px;
	float:left;
	background:url(../bilder/junge_hgr.jpg) no-repeat;

}

#logo{


}



/* ****************************** MENUE BEGIN************************************ */

#navigation{


}

#naviliste{
	margin:0px;
	padding:0px;
	list-style:none;
	width:240px;
	margin-top:130px;
	border-top:1px solid #7c899f;
}


#naviliste li{
	border-bottom:1px solid #7c899f;
}

#naviliste li li{
	margin:0px;
	padding:0px;
	width:220px; /* 200px */
	margin-left:-20px;
	border-top:1px solid #7c899f;
	border-bottom:none;
}


#naviliste li li li{
	margin:0px;
	padding:0px;
	width:200px; /* 160px */
	margin-left:-20px;
	border-top:1px solid #7c899f;
	border-bottom:none;
}


#naviliste li li li li{
	margin:0px;
	margin-left:-20px; 
	padding:0px;
	width:180px;
	border-top:1px solid #7c899f;
	border-bottom:none;
}

#naviliste li a{
	padding:10px;
	display:block;

}


#naviliste li a:hover{
	background:#FF9900;

}

a{
	color:#fff;
	text-decoration:none;
}

.bodytext a{
	color:#FF9900;
}

li a.internal-link{
	color:#FF9900;
}

/* ****************************** MENUE  END ************************************ */


/* ******************************* LOGOS  *********************************** */

#junior-tennis-academy{
	width:156px;
	height:79px;
	float:left;
	margin-left:16px;
}


#jugend-tennis{
	width:156px;
	height:79px;
	float:left;
	margin-left:104px;
}


#erwachsene-tennis{
	width:156px;
	height:76px;
	float:left;
	margin-left:104px;
}


html #junior-tennis-academy{
	margin-left:8px;
}


html #jugend-tennis{
	margin-left:104px;
}


html #erwachsene-tennis{
	margin-left:104px;
}



/* ********************************  ************************************ */

#columninh{
	width:760px;
	float:left;
	background:url(../bilder/jugendtenniszentrum_kopf2.gif) no-repeat;
	position:relative;
}

#globalnavi{
	position:absolute;
	right:20px;
	top:10px;
	color:#fff;
	font-weight:bold;
}

#kopf{
	margin-top:33px;
}


#pfad{
	margin-left:20px;
	margin-right:20px;
	padding-top:10px;
	color:#ff9900;
	font-size:0.9em;
	border-bottom:1px dotted #ccc;
}

#pfad a{
	color:#FF9900;
}

#inhinh{
	padding:20px;
	padding-right:40px;
	padding-bottom:40px;
}




#inhinh img.spacer-gif{
	border:none;

}

#navigation{
	width:195px;
	float:left;
}


#fuss{
	position:relative;
	width:1000px;
	height:8px;
	background:#ccc url(../bilder/schattenunten.jpg);
	text-align:right;
	}





/* stop floater*/

.stopFloat {
display: block;
float: none;
clear: both;
height: 1px;
font-size: 0px;
line-height: 0px;
}


/*  Anpassung Typo3-Tabelle  */

table.contenttable{
	border:1px solid #dedede;
	padding:0px;
	margin:0px;
	width:600px;
	background-color:#fff;
}

table.contenttable thead td{
	background-color:#ffcc00;
	padding:5px;
	margin:2px;
	width:100px;
}

table.contenttable thead p{
	padding:0px;
	margin:0px;
}


table.contenttable td{
	background-color:#FFF;
	padding:5px;
	margin:2px;
	border:1px solid #eee;
}
table.contenttable td p{
	padding:0px;
	margin:0px;
}




/*  Anpassung Typo3-Tabelle Ende */

/* Anpassung Word-tabelle Anfang  */

table.contenttable a {
	color:#f90;
	text-decoration:none;
	
}

/* Anpassung Word-Tabelle Ende */


hr{
	display:none;
}



/*  *********************    Bildrahmen             ********************  */

/* Rahmen Mod */


#inhinh img {
  border: 2px solid #FF9900;
}

#inhinh .csc-frame-invisible img {
  border: none;
}

#inhinh .csc-frame-frame1 img {
  border: 2px solid #445675;
}


#inhinh .blauerrahmen img{border:2px solid #445675;}
#inhinh .roterrahmen img{border:2px solid #e50010;}
#inhinh .gelberrahmen img{border:2px solid #ffde06;}
#inhinh .gruenerrahmen img{border:2px solid #9ce73a;}
#inhinh .hellblauerrahmen img{border:2px solid #8ac9f5;}