/* CSS Document */

/* 
Farbedefinitionen:
dunkelblau #036
mittelblau hinter globalnavi #325a7d
orange #f93
gruen #8b9c81

relevante pfade:
../bilder/ltc_tennisclub_1990_logo.jpg
 */

body{
	color:#036;
	font-size:100.01%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding:0px;
	text-align:center;
	background:#036 url(../bilder/hgr.gif) no-repeat;
	scrollbar-base-color:#fff;
 	scrollbar-3dlight-color:#ababab;
  	scrollbar-arrow-color:#ababab;
  	scrollbar-darkshadow-color:#888383;
  	scrollbar-face-color:#fff;
  	scrollbar-highlight-color:#ababab;
	scrollbar-shadow-color:#888383;
  	scrollbar-track-color:#fff;
}

/* scrollbar~ nur fuer Iexpl, muss fuer neue Version im html ebenfalls angegeben werden*/
html{
	scrollbar-base-color:#fff7;
  	scrollbar-3dlight-color:#ababab;
  	scrollbar-arrow-color:#ababab;
  	scrollbar-darkshadow-color:#888383;
  	scrollbar-face-color:#fff;
  	scrollbar-highlight-color:#ababab;
  	scrollbar-shadow-color:#888383;
  	scrollbar-track-color:#fff;
}

h1{
	font-size:1.2em;
	padding-top:0px;
	padding-bottom:10px;
	margin:0px;
	color:#4c665b;
}

h2{
	font-size:1.0em;
	padding-top:0px;
	padding-bottom:5px;
	margin:0px;
}

a {
	text-decoration:none;
}

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

#seite{
	position:relative;
	width:970px;
	margin: 0px auto; /* zum zentrieren des inhalts! alle ausser iexpl */
}

#inhalt{
	text-align:left;
	width:970px;
	padding:1px;
	font-size:0.7em;
	position:relative;
	min-height:500px;
}

#kopf{
	position:relative;
	width:970px;
	height:180px;
	background:#325a7d url(../bilder/ltc_tennisclub_1990_logo.jpg) no-repeat;
	padding-bottom:1px;
}

#claim{
	position:absolute;
	width:400px;
	top:115px;
	left:26px;
	color:#fff;
}

#globalnavirahmen{
	position:absolute;
	width:970px;
	top:156px;
	height:20px;
}

#globalnavi{
	font-size:11px;
	margin-left:228px;
	height:20px;
}

#globalnavi ul{
	margin:0px;
	padding:0px;
}

#globalnavi li{
	list-style:none;
    margin:0px;
	padding:0px;
	float:left;
}

#globalnavi li a{
	display:block;
	width:100px;
	padding-top:5px;
	text-align:center;
	height:20px;
	background-color:#036;
	border-right:1px solid #fff;
	color:#fff;
}

*html #globalnavi li a{
               height:20px;
}
#globalnavi li a:hover{
	background-color:#f93;
}
#globalnavi li a:hover.altweb{
	background-color:#8b9c81;
}
#globalnavi li.liact{
	background-color:#FF9933;
	display:block;
	width:100px;
	padding-top:5px;
	text-align:center;
	height:20px;
	border-right:1px solid #fff;
	color:#fff;
}
#globalnavi li a.lifirst {
       border-left:1px solid #fff;
}
*html #globalnavi li.liact{
               height:20px;
}
*html #globalnavi li.lifirstact{
               height:20px;
}
#globalnavi li.lifirst{
	background-color:#003366;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	display:block;
	width:100px;
	padding-top:5px;
	text-align:center;
	height:20px;
	color:#fff;
}
#globalnavi li.lifirst a{
	background-color:#003366;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	display:block;
	width:100px;
	padding-top:5px;
	text-align:center;
	height:20px;
	color:#fff;
}
#globalnavi li.lifirstact{
	background-color:#FF9933;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	display:block;
	width:100px;
	padding-top:5px;
	text-align:center;
	height:20px;
	color:#fff;
}
#koerper{
	width:970px;
	background:#fff url(../bilder/hgr_inhalt.gif);
	clear:both;
}

#themennavi{
	width:228px;
	float:left;
	background-color:#8b9c81;
}

#themennavi ul{
	margin:0px;
	padding:0px;
	margin-top:30px;
	border-top:1px solid #fff;
}
#themennavi ul ul{
	margin:0px;
	padding:0px;
	border-top:none;
	color:#f93;
}
#themennavi ul ul li a.submenue{
	color:#f93;
	width:198px;
	padding-left:20px;
}
#themennavi ul ul li a.submenue:hover{
	color:#fff;
	width:198px;
	padding-left:20px;
}
#themennavi li{
	list-style:none;
    color:#fff;
	margin:0px;
	padding:0px;
	width:100%;
	/*display:block;
	width:228px;
	border-style:none;
	padding:10px;
	border-bottom:1px solid #fff;*/
}
#themennavi li a{
	text-decoration:none;
	display:block;
	width:208px;
	border-style:none;
	padding:10px;
	border-bottom:1px solid #fff;
	color:#fff;
}
#themennavi li a:hover{
	text-decoration:none;
	background:#FF9933;
	width:208px; /* aktueller test1 */
	color:#fff;
}
*html #themennavi li a{
	width:208px; /*test quirks???*/
}
*html #themennavi li a:hover{
	width:208px; /*test quirks???*/
}
#themennavi li.naviaktiv{
	text-decoration:none;
	background:#FF9933;
	width:208px;
	color:#fff;
}
#themennavi li.naviaktiv a{
	text-decoration:none;
	background:#FF9933;
	width:208px;
	color:#fff;
}
#themennavi li.naviaktiv a.submenue{ /*  huhu */
	text-decoration:none;
	background:none;
	width:198px; /* 198 */
	color:#fff;
}
#themennavi li.naviaktiv ul li a.sub4menue{
	width:158px;
	background:#fff;
	color:#f93;
	padding-left:60px;
}
#themennavi li.naviaktiv ul li a.sub5menue{
	width:138px;
	background:#fff;
	color:#f93;
	padding-left:80px;
}
#navi li.naviaktiv ul li a.submenue{ /*  huhu2 */
	text-decoration:none;
	background:#fc6;
	width:198px; /* 198 */
	color:#fff;
}
#navi li.naviaktiv ul li a.subsubmenue {
	width:178px;
	background:#fdeac3;
	color:#f93;
	padding-left:40px;
}
#themennavi li.aktiv{
	background:#f93;

	font-weight:bold;

	color:#fff;

	display:block;

	width:228px; /* aktueller test2 208px */

	padding:10px;

	border-bottom:1px solid #fff;

	background:#FF9933;

}



.pfad{

	color:#666;

	border-bottom:dotted 1px #ccc;

	display:block;

	margin-top:-10px;

                 margin-bottom:20px;

}

.pfad a{

	color:#666;

	text-decoration:none;

}



.pfadli{

                display:inline;



}

#col1 {float:left; width:255px; height:10px;}
#col3 { width:auto; margin-left: 255px; margin-right: 0; }
#inhinhalt{

	position:relative;

	/*margin-left:255px;*/

	width:690px;

	padding-top:30px;
    
}



#inhinhalt table td table td{

                color:#036;

	font-size:100.01%;

	font-family:Verdana, Arial, Helvetica, sans-serif;



}





.inh{

	

}



#inhinhalt  h1{

	padding:5px;

	margin:0px;

	margin-bottom:10px;

	border-bottom:1px solid #FF9933;

	background:url(../bilder/hgr_inhinhalt_h1.gif);

	color:#fff;

	text-transform:uppercase;

}









p.bodytext a{

	text-decoration:none;

	color:#f93;



}



#inhinhalt .csc-header-n2 h1{

	padding:5px;

	margin:0px;

	margin-bottom:10px;

	border-bottom:1px solid #FF9933;

	background:url(../bilder/hgr_inhinhalt_h1.gif);

	color:#fff;

	text-transform:uppercase;

}



*html #inhinhalt .csc-header-n2 h1{

	color:#fff;



}



#inhinhalt h1.csc-firstHeader{

	padding:5px;

	margin:0px;

	margin-bottom:10px;

	color:#fff;

	text-transform:uppercase;

	font-size:1.2em;

	text-weight:bold;

	background:url(../bilder/hgr_inhinhalt_h1.gif);

	border-bottom:1px solid #FF9933;

}



*html #inhinhalt h1.csc-firstHeader{

	color:#fff;

	background:url(../bilder/hgr_inhinhalt_h1.gif);

	border-bottom:1px solid #FF9933;

}


.stopFloat {

display: block;

float: none;

clear: both;

height: 1px;

font-size: 0px;

line-height: 0px;

}







#inhinhalt fieldset.csc-mailform label {

font-family: Arial, Helvetica, sans-serif;

 font-size: 12px;

 width: 120px;

 float: left;

 clear: right;



      }



#inhinhalt fieldset.csc-mailform input, textarea {

float: left;

margin-left: 0px;



      }



       

#inhinhalt DIV.csc-mailform-field{

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

height: 27px;

border: 0px;

width:100%;

}



#inhinhalt fieldset {

border: 0px; 

margin-left:0px;

padding:10px;

background:#efefef;

width:500px;

} 



#inhinhalt DIV.csc-mailform-field  input.csc-mailform-submit {

display:block;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

width: 100px;

float: left;

}



#mailformformtype_mail{

border:1px solid #8b9c81;

}





#banner{

padding:10px;

margin-top:10px;

}
#suche{
	position:absolute; top:155px; right:0px; padding:0;margin:0; visibility:inherit;
}
#suche input {margin:0; padding: 3px 3px; border: 1px solid #f93; background-color: #b0c2ce; font-size:1em; color: #036;}
#suche input.csc-mailform-submit {border: 1px solid #f93; background-color: #036; color: #fff;}

  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet 
  #ie_clearing { display: none; }*/

#inhinhalt div.csc-textpic-left div.csc-textpic-text { float:left; clear:none;}
#inhinhalt div.csc-textpic-center div.csc-textpic-text { clear:none;}