/* CSS Document */

/*
Autor: Christian Muhmenthaler
Projekt: ICT Assistant Web SIZ | Prüfungsmodul 241 | Projektarbeit: unihockey-bettingen.ch
Datum der Erstellung: 28.04.2008
Datum letzte Änderung: 12.05.2008
*/

/* Allgemeine Formatiereungen */

* {
margin: 0;
padding: 0;
} /* Alle Abstände (innen und aussen)=Null */

body { /* Allgemeine Formatierungen für alles Sichtbare im BODY */
font: 80%/1.8em Verdana, Arial, Helvetica, sans-serif; /* 80% der Schriftgrösse, 1.8em Zeilenhöhe und die Schriftfamilie */
background: #000;
color: #fff;
}

h1 {
color: #ff0000;
font-size: 1.8em;
padding-bottom: 5px;
}

h2 {
color: #FF7F00;
font-size: 1.6em;
padding-bottom: 5px;
margin: 15px 0;
}

h3 {
color: #FF7F00;
font-size: 1.3em;
padding-bottom: 5px;
margin: 15px 0;
}

a, a:link {
color: #ffa500;
text-decoration: none;
outline: none;
padding-bottom: 3px;
}
	a:hover, a:focus {
	color: #EEC900;
	}
	a img {
	border: none;
	}

span {
color: #EEC900;
font-weight: bold;
letter-spacing: 0.2em;
padding-right: 0.2em;
}

em {
color: #EEC900;
letter-spacing: 0.2em;
padding-right: 0.2em;
}

acronym {
border-bottom: 1px dotted #EEC900;
color: #EEC900;
cursor: help;
font-weight: bold;
letter-spacing: 0.2em;
padding-right: 0.2em;
padding-bottom: 2px;
}

.img-left {
float: left;
padding: 3px;
margin-right: 10px;
margin-bottom: 5px;
border: none;
outline: none;
}
.img-right {
float: right;
padding: 3px;
margin-bottom: 5px;
margin-left: 10px;
border: none;
outline: none;
}
.img-center {
text-align: center;
padding: 3px;
margin-bottom: 5px;
}

/* Layout Stile */

#wrapper {
width: 955px;
margin: 10px auto;
}
	#header {
	height: 150px;
	background: url(../images/imgLayout/neon_header_total_text.png);
	}
	#header:hover {
	height: 150px;
	background: url(../images/imgContent/header-hover-startseite.png);
	}
	.druckkopfzeile {
	display: none;
	}

	#navigation { 
	/* Nur der Balken wird über screen.css gesteuert, die Navigation wird über die separaten CSS Files geregelt */
	height: 1.9em;
	width: 955px;
	color: #000;
	margin: 10px 0;
	background-color: #ff7f00;
	}

	#content {
	float: left;
	width: 400px;
	min-height: 350px;
	padding: 15px;
	margin: 15px;
	}
		#content h2 {
		clear: left;
		border-bottom: 1px solid #FF7F00;
		padding-bottom: 5px;
		margin: 15px 0;
		}
		#content h3 {
		clear: left;
		font-style: italic
		}
		#content p {
		padding-bottom: 10px;
		}
		#content a, #content a:visited {
		border: none;
		color: #EEC900;
		}
		#content a:hover, #content a:focus {
		color: #ff0000;
		border-bottom: 1px solid #ff0000;
		}
		#content a:active {
		color: #FF7F00;
		border-bottom: 1px solid #FF7F00;
		}

	#sidebar {
	float: right;
	width: 275px;
	min-height: 300px;
	padding-top: 15px;
	margin: 0 3px;
	}
		.box {
		background-color: #999;
		margin-bottom: 20px;
		}
		.box p {
		font-size: 0.9em;
		padding: 5px 10px;
		}
		.box h2 {
		color: #000;
		font-size: 0.9em;
		font-weight: bold;
		letter-spacing:1px;
		padding: 3px 10px;
		background-color: #FF7F00;
		}
		.box a, .box a:visited {
		font-weight: bold;
		letter-spacing: 2px;
		}
		.box a:hover, .box a:focus, a:active {
		color: #EEC900;
		}
			.sidebarpic {
			margin: 0 5px;
			padding-bottom: 5px;
			display: inline;
			}
	
	#teaserbar {
	float: left;
	width: 175px;
	padding-top: 15px;
	margin-right: 15px;
	}
		.teaser {
		margin-bottom: 20px;
		}
		.teaser p {
		font-size: 0.9em;
		padding: 5px 10px;
		border-right: 1px solid #FF7F00;
		border-bottom: 1px solid #FF7F00;
		}
		.teaser h2 {
		color: #FF7F00;
		font-size: 0.9em;
		font-weight: bold;
		letter-spacing:1px;
		padding: 3px 10px;
		border-right: 1px solid #FF7F00;
		border-bottom: 1px solid #FF7F00;
		}
		.teaser2 {
		margin-bottom: 20px;
		}
		.teaser2 p {
		font-size: 0.9em;
		padding: 5px 10px;
		}
		.teaser2 h2 {
		color: #FF7F00;
		font-size: 0.9em;
		font-weight: bold;
		letter-spacing:1px;
		padding: 3px 10px;
		border-right: 1px solid #FF7F00;
		border-bottom: 1px solid #FF7F00;
		}
			.teaserpic {
			text-align: center;
			margin-bottom: 5px;
			}
	
	#footer {
	clear: both;
	height: 200px;
	background: url(../images/imgLayout/neon_footer.png);
	}
	
	#footer:hover {
	clear: both;
	height: 200px;
	background: url(../images/imgContent/footerr-hover-startseite.png);
	}

		address {
		color: #FF7F00;
		font-size: 90%;
		font-style: normal;
		letter-spacing: 2px;
		text-align: center;
	    padding: 195px 0 5px 0;
		border-bottom: 3px solid #ff0000;
		}

		address a {
		color: #EEC900;
		}

		address a:hover, adress a:focus {
		color: #ff0000;
		}


/* Separate Klassen für spezielle Formatierungen */

/* Klassen für die Kaderlisten */

.kaderliste {
margin: 5px auto;
padding-bottom: 5px;
border-right: 1px solid #FF7F00;
border-bottom: 1px solid #FF7F00;
}
	.spielernummer {
	clear: right;
	float: left;
	text-align: right;
	width: 20px;
	margin: 0 3px;
	padding: 0 2px 3px 2px;
	}
	.spielername {
	float: left;
	width: 200px;
	margin: 0 3px;
	padding: 0 2px 3px 2px;
	font-weight: bold;
	letter-spacing: 1px;
	}
	.spielerposition {
	display: inline;
	margin: 0 3px;
	padding: 0 2px 3px 2px;
	}

/* Klasse für die Adressen im Content */

.postanschrift {
margin: 0 auto;
padding: 5px 10px;
width: 50%;
background-color: #333;
border-right: 1px solid #FF7F00;
border-bottom: 1px solid #FF7F00;
}

/* Klasse für den PDF Download */

.download {
padding-right: 5px;
}

/* Formularformatierungen */

/* Kontaktformular */

form#kontaktformular {
padding: 5px 10px;
margin: 0 auto;
width: 90%;
line-height: 2.5em;
}
#person label {
display:block;
}

	/* Gruppen */

	fieldset {
	background: transparent none repeat scroll 0%;
	border:1px solid #FF7F00;
	margin:10px 0pt;
	padding: 0 10px 10px 10px;
	}
	
	legend {
	color:#FF7F00;
	font-weight:bold;
	letter-spacing: 1px;
	padding-bottom:10px;
	}

	/* Beschriftung und Anzeige */
	
	label { 
	position: relative; /* etwas höher ... */ 
	bottom: 3px; 
	cursor: pointer; 
	} 

	label.davor {
	float: left; 
	clear: left; 
	width: 90px;    
	text-align: right;  
	margin-right: 10px;
	}

	label.ueber {
	width: 200px;
	}

	input#anrede_herr {  
	padding-left: 5px; 
	margin-left: 100px;    
	}
	input#anrede_frau {  
	padding-left: 5px; 
	margin-left: 20px;    
	}
	
	form p { 
	margin: 0; 
	margin-left: 15px; 
	}
	
	.button {
	background-color:#999;
	border:1px solid #FF7F00;
	color:#fff;
	margin-top:5px;
	padding: 3px 0;
	width: 165px;
	}
		.button:hover {
		background-color:#333;
		border:1px solid #FF7F00;
		color:#ff0000;
		}
	
	label, select, input[type="checkbox"], input[type="radio"],
	input[type="button"], input[type="submit"], input[type="reset"] {
	cursor:pointer;
	}

	/* einzelne Elemente */

	select {
	width: 200px;
	}
	text {
	width: 200px;
	}
	textarea {
	width: 335px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
	font-style:normal;
	font-variant:normal;
	}
	.pflichtfeld {
	color: #FF7F00;
	}

	/* Tastenkombinationen hervorheben */
	.akey {
	border-bottom: 1px solid;
	}
	label .akey {
	font-weight: normal;
	}

/* Fotoseite */

	#fotocontent {
	float: left;
	width: 600px;
	padding: 15px;
	padding-left: 0;
	margin: 15px;
	}
		#fotocontent h2 {
		clear: left;
		border-bottom: 1px solid #FF7F00;
		padding-bottom: 5px;
		margin: 15px 0;
		}
		#fotocontent p {
		padding-bottom: 10px;
		}
		#fotocontent a {
		border: none;
		outline: none;
		}

		#fotocontent a:visited, #fotocontent a:hover, #fotocontent a:focus {
		color: #FF7F00;
		border: none;
		}

/* Tabellenformatierung */

  table {
  margin: 0 auto;
  empty-cells: hide;
  border-spacing: 3px;
  } 
  th, td {
  padding: 3px;
  } 
  th {
  font-style: oblique;
  } 
  .colParameter {
  width: 50px;
  border: 1px solid #FF7F00;
  border-top-color: #000;
  border-left-color: #000;
  text-align: left;
  }
    .colInfo {
  width: 125px;
  border: 1px solid #FF7F00;
  border-top-color: #000;
  border-left-color: #000;
  text-align: left;
  }
  caption {
  color: #FF7F00;
  font-size: 1.2em;
  border-bottom: 1px dotted #FF7F00;
  padding-bottom: 5px;
  margin: 7.5px 0;
  width: 400px;
  }