/*  =========================================================
Stylesheet für "Heitenrieder Lauf"
Datei:  styles.css
Datum:  18. Januar 2010
Autor:  Simon Häni, Internet Services Häni
========================================================== */


/* ---------------------------------------------------- */
/* Allgemein											*/
/* ---------------------------------------------------- */
html { height: 101%; }
body {
	background-color: #FFFFFF; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	line-height: 16px;
}
*  { padding: 0; margin: 0; }
H1 { 
	text-align: center;
	font-weight: normal; 
	padding-bottom: 16px; 
	color: #999999; 
	font-size: 21pt;
	line-height: 26pt;
}
H2 { 
	font-weight: bold; 
	padding: 8px 0 8px 0; 
	color: #000000; 
	font-size: 14pt;
	line-height: 19pt;  
}
H3 { 
	font-weight: bold; 
	padding-bottom: 4px; 
	color: #000000; 
	font-size: 13pt;
	line-height: 19pt;  
}
H4 { 
	font-weight: bold; 
	padding-bottom: 1px; 
	color: #000000; 
	font-size: 12pt;
	line-height: 19pt;  
}
H5 { 
	font-weight: bold; 
	padding-bottom: 1px; 
	color: #000000; 
	font-size: 12pt;
	line-height: 19pt;
	font-style: italic;
}
H6 { 
	font-weight: normal; 
	padding-bottom: 1px; 
	color: #000000; 
	font-size: 12pt;
	line-height: 19pt;
	font-style: italic;
}
li, blockquote {
	margin-left: 1em;
} 
hr { 
	color: #999999;
	border: 1;
	margin: 2px 0 2px 0; 
	background-color: #999999; 
}
a:link { 
	text-decoration: underline;
	color: #000000; 
} 
a:visited {
	text-decoration: underline;
	color: #000000;
}
a:hover { 
	text-decoration: none;
	color: #8F8F8F;
}
a:focus { 
	text-decoration: underline;
	color: #8F8F8F;
}
a:active { 
	text-decoration: underline;
	color: #8F8F8F;
}

/* ---------------------------------------------------- */
/* Grundrahmen + Hauptrahmen							*/
/* ---------------------------------------------------- */

#Grundrahmen { 
	color: #000000;
	width: 1024px;
	margin: 0 auto;
}
#Hauptrahmen {
	float: left;
	background-color: #C3E2C4;
	width: 1014px;
	padding: 0 0 0 10px;
}


/* ---------------------------------------------------- */
/* Kopfbereich											*/
/* ---------------------------------------------------- */

#Logo {
	float: left;
	margin: 10px 0 0 0;
	width: 196px;
	height: 140px;
}
#Kopfbereich {
	float: left;
	margin: 10px 39px 0 69px;
	width: 220px;
	height: 140px;
}



/* ---------------------------------------------------- */
/* Sponsoren											*/
/* ---------------------------------------------------- */

.SponsorGross{
	float: left;
	background-color: #FFFFFF;
	margin: 10px 10px 5px 10px;
	width: 468px;
	height: 60px;
	border: 1px solid;
	border-color: #8F8F8F;
	text-align: center;
}
.SponsorGrossListe{
	float: left;
	background-color: #FFFFFF;
	margin: 0 10px 3px 36px;
	width: 468px;
	height: 60px;
	border: 1px solid;
	border-color: #8F8F8F;
	text-align: center;
}
#Sponsoren{
	float: left;
	margin: 40px 0 0 0;
	width: 264px;
}
.SponsorKlein{
	float: left;
	background-color: #FFFFFF;
	margin: 0 0 10px 10px;
	width: 120px;
	height: 60px;
	border: 1px solid;
	border-color: #8F8F8F;
}
.Impressionen{
	float: left;
	background-color: #FFFFFF;
	margin: 10px 0 10px 10px;
	width: 254px;
	height: 140px;
}
#Trennung{
	float: left;
	background-color: #FFFFFF;
	width: 560px;	
	margin: 0 0 10px 0;
}

/* ---------------------------------------------------- */
/* Hauptnavigation										*/
/* ---------------------------------------------------- */

#Hauptnavigation {
	float: left;
	width: 140px;
	font-size: 14px;
	font-weight: bold;
	margin: 44px 0 0 0;
}
#Hauptnavigation ul {
	float: left;
}
#Hauptnavigation li {
	float: left;  
	display: block; 
	padding: 2px 1px 2px 2px;
	margin: 0 0 10px 8px;
	line-height: 20px;
}
#Hauptnavigation a {
	text-decoration: none;
	display: block;
}
#Hauptnavigation a:link, #Hauptnavigation a:visited {
	text-decoration: none;
}
#Hauptnavigation a:hover, #Hauptnavigation a:active {
	text-decoration: none;
}
#Hauptnavigation #HauptAktiv a:link, #Hauptnavigation #HauptAktiv a:visited {
	text-decoration: none;
	color: #8F8F8F;
}


/* ---------------------------------------------------- */
/* Content												*/
/* ---------------------------------------------------- */

#Content {
	float: left;
	background-color: #FFFFFF;
	width: 570px;
	margin: 40px 0px 20px 10px;
	_margin: 40px 0px 20px 10px;
	padding: 4px 9px 40px 9px;
	border: 1px solid;
	border-color: #8F8F8F;
}


/* ---------------------------------------------------- */
/* Fusszeile											*/
/* ---------------------------------------------------- */

#Fusszeile {
	float: left;
	margin-top: 42px;
	margin-right: 10px;
	width: 1004px;
	height: 30px;
	border-top: 1px solid;
	border-top-color: #8F8F8F;
	padding: 8px 0 0 0;
	font-size: 10pt; 
	line-height: 14pt;  
}


/* ---------------------------------------------------- */
/* Standard-Kontakt-Formular                            */
/* ---------------------------------------------------- */

#feedback table {
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	border: none;
}
#feedback tr { 
	border-style: solid;
	border-color:#FFFFFF;
	background-color:#FFFFFF
}
#feedback td {
	border-style: solid;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	border: none;
	margin: 0;
	padding: 0;
}
.FormFeldZeile {
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	border : 1px #999999 solid;
	width: 316px; 
}

.FormFeldZeileMittel {
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	border : 1px #999999 solid;
	width: 230px;
}
.FormFeldZeileKurz {
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	border : 1px #999999 solid;
	width: 80px;
}
.FormFeldSuche {
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	border : 1px #999999 solid;
	width: 198px;
	margin: 2px 0 0 0;
}
.FormDropdown {
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	border :1px #999999 solid;
	width: 318px;
	border-style: 1px;
}
.FormDropdownKurz {
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	border :1px #999999 solid;
	width: 200px;
	border-style: 1px;
	margin: 2px 0 0 0;
}
.FormTextarea {
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	border : 1px #999999 solid;
	width: 316px;
	height : 60px;
}
.FormTextareaLang {
	font-size: 12px;
	color: #000000;
	line-height: 14px;
	border : 1px #999999 solid;
	width: 560px;
	height : 30px;
}
.FormButton {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	border : 1px #333333 solid;
	width: 190px;
	background: #999999;
	background-color: #999999;
	cursor: pointer; 
}
.FormButtonSuche {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	border : 1px #333333 solid;
	width: 200px;
	background: #999999;
	background-color: #999999;
	cursor: pointer;
	margin: 2px 0 0 0;
}

/* ---------------------------------------------------- */
/* Divers					                            */
/* ---------------------------------------------------- */

.TextFarbeRot {
	color: #FF0000; 
}
.TextFarbeBlau {
	color: #0000FF;
}
#Drucktitel{ 
   display: none; 
}


/* ---------------------------------------------------- */
/* Rangliste				                            */
/* ---------------------------------------------------- */

#Rangliste{
	font-size: 11px;
	line-height: 12px;
}
#Rangliste table{
	border : 1px #FFFFFF solid;
}
#Rangliste td{
	border : 1px #999999 solid;
	margin: 1px;
	padding: 2px;
}
#Rangliste .TdWeiss{
	background-color: #FFFFFF;
}
#Rangliste .TdGrau{
	background-color: #EEEEEE;
}
#Rangliste a {
	display: block;
}


/* ---------------------------------------------------- */
/* Galerie					                            */
/* ---------------------------------------------------- */

#Galerie table{
	border : 1px #FFFFFF solid;
}
#Galerie td{
	border : 1px #FFFFFF solid;
	margin: 1px;
	padding: 1px;
}