/*
	TSV Haiterbach
	Dieses CSS File wurde explizit für den TSV Haiterbach e.V. 
	von Sebastian Köster erstellt. Kopieren ist nur nach Absprache möglich
	
	Dieses CSS ist für die Darstellung am Bildschirm erstellt worden
*/

/*
	Klasse BODY 
	Um auf der linken und rechten Seite einen Rahmen von jeweils 
	10% der gesamten Bildschirmgröße zu erreichen.
	Die Prozentuale Angabe kann auch in Pixeln gemacht werden.
*/
body {
	margin: 1% 10% 0% 10%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-image: url(hgd/body.jpg);
	background-repeat:repeat;
}
.top{
	width: 100%;
	height: 166px;
	
	background-image: url(../hgd/top.jpg);
	background-repeat: repeat-x;
}

.topleft{
	width: 150px;
	height: 166px;
	
	background-image: url(../hgd/topleft.jpg);
	background-repeat: no-repeat;
	
	float:left;
}

.topbreit{
	padding-top: 100px;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 200%;
	font-weight: lighter;
	letter-spacing: 0.4em;
	
	float:left;
}
#Schriftzug
{
	color: #FFFFFF;
	font-size: 50%;
	font-weight: lighter;
	letter-spacing: 0.4em;
}

.topright{
	height: 166px;
	width: 94px;
	
	background-image: url(../hgd/topright.jpg);
	background-repeat: no-repeat;
	
	float:right;
}
.main{
	background-color:#f6fdf6;
}

.mainleft{
	background-image: url(../hgd/bodyleft.jpg);
	background-repeat: repeat-y;
	margin:0;
}

.navigation{
	width: 122px;
	float:left;
}

.mainbreit{

	padding: 10px 90px 1px 170px;
	
	background-image: url(../hgd/bodyright.jpg);
	background-repeat: repeat-y;
	background-position:right;	
}


.bodytext{
	font-size: 100%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.tbody, tbody, .contenttable{
	font-size: 100%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
tbody{
	line-height:0;
}

.csc-header-date{
	text-align: right;
	margin:0px;
	padding:0px;
}

.footer{
	height: 64px;
	width: 100%;
	
	background-image: url(../hgd/footer.jpg);
	background-repeat: repeat-x;

	font-size: 80%;
	float:none;
	padding: 0;
	margin: 0;
}

.footerleft{
	height: 64px;
	width: 150px;
	
	background-image: url(../hgd/footerleft.jpg);
	background-repeat: no-repeat;

	float:left;
}

.footerbreit{
	float:left;
}

.footerright{
	height: 64px;
	background-image: url(../hgd/footerright.jpg);
	background-repeat: no-repeat;
	background-position: right top;

	padding: 20px 15px 0 0;
	
	float:right;
}
.footerright a{
	text-decoration:none;
	color:#999999;
}

.footerright a:hover{
	text-decoration:none;
	color:#000000;
}

.copy{
	display:none;
	visibility:hidden;
}

/*
	NAVIGATION
*/

/* Grundeinstellung und Postionierung der Liste*/
/*ID Navigationsbutton
 li = Listenelement
 ul = Liste 
 a = Linkhistorie (Mouseover, besucht, aktiv)
*/

/* Grundeinstellung und Postionierung der Liste*/
ul#navbutton 
{
	width: 122px;
	margin: 0 0 0 -20px;
	line-height: 20px;
	text-indent: 15px;
  }

/* Keine Aufzählugszeichen anzeigen*/
  ul#navbutton li 
  {
    list-style: none;	
  }

/* Link; onclick; Überschrift*/
  ul#navbutton a, ul#navbutton span, ul#navbutton h2 
  {
  	height:20px;
  	background-image:url(../hgd/navi.jpg);
    display:block;
    text-decoration: none; 
    color:#666666;
/*	color:#FFFFFF;
*/  
}
/*
Bei Mouseover, onclick
*/ 
ul#navbutton a:hover
  {
    color: #999999;
	background-image:url(../hgd/navover.jpg);
  }
  
 ul#navbutton span 
  {
    color: #999999; 
	background-image:url(../hgd/navover.jpg);
  }
  
/*Überschrift - Noch Nicht benötigt!*/
ul#navbutton h2
  {
    margin: 11px  0 0;
    color: #FFFFFF; 
	background-color: #0e2c70;
	text-indent: 10px;
	font-size: 100%;
  }

/* Zweite Menueebene*/

#navbutton li ul { 
	width: 122px;
	margin-left:-40px;
	display:block;
	font-size:80%;
	line-height:12px;
	text-indent:20px;
}

#navbutton li ul a {
	width: 122px;
	height: 12px;
	background-image:url(../hgd/navi.jpg);
}

#navbutton li ul a:hover {
	width: 122px;
	background-image:url(../hgd/navover.jpg);
	 
}
/* Dies positioniert das Untermenü */

#navbutton #navactive a{
	width: 122px;
	background-image:url(../hgd/navover.jpg);
	color: #999999; 
}

#navbutton li ul #navactive a{
	width: 122px;
	background-image:url(../hgd/navi.jpg);
	 color:#666666; 
/* color: #FFFFFF; 
*/
}

#navbutton li ul span 
  {
    color: #999999; 
	background-image:url(../hgd/navover.jpg);
  }

  
/* Header der Navigationsleiste */
.navhead{
	margin-top:15px;
	margin-left:20px;
	width: 122px;
	height: 20px;
	background: url(../hgd/nav_header.gif) no-repeat;
}

/* Footer der Navigationsleiste */
.navfoot {
	margin: 0 0 0 20px;
	width: 122px;
	height: 33px;
	background: url(../hgd/nav_footer.gif) no-repeat;
}

/* Überschriften */
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 140%;
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 100%;
}
h4 {
	font-size: 80%;
}

/*Hyperlinks für den allg. Text*/

.mainbreit a{
    color:#666666;
	text-decoration:underline;
}

.mainbreit a:link {
	color:#666666;
}
.mainbreit a:visited {
	color:#666666;
	font-style:italic;
}
.mainbreit a:hover {
	color:#009933;
	text-decoration:none;
}
.mainbreit a:active {
	color:#000000;
}
/*Richtilinien für Bilder*/
img{
border:none;
margin:10px;
}