/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
* Filename: styles.css 
* Version: 1.0.0 (2009-03-19) YYYY-MM-DD 
* Website: http://www.schlaegertypen.de/ 
* Layout: Robert Morawe
* © Butterf!sch - Werbeagentur 2009 - www.butterfisch-werbeagentur.de -	 	 
* Description: Handles the site layout.

 == STRUCTURE: ============================== 
* Page width: 940 px 
* Number of columns: 3
* darkgrey: #465158
* red: #db0a01
 ============================================ */

/*========================*/
/*-------- STYLES --------*/
/*========================*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	behavior:url("csshover3.htc");
}
html, body {
	font: normal 100.01%/150% Geneva, Arial, Helvetica, sans-serif;
	color: #485258;
	text-decoration: none;
	background: #e9ebed url(../_images/bg-kachel.gif) repeat-x;
}
h1 {
}
h2 {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #485258;
	text-decoration: none;
}
h3 {
	background: url(../_images/bg-h3.gif) no-repeat left bottom;
	font-size: 1em;
	font-weight: bold;
	color: #485258;
	text-decoration: none;
	height: 1.8em;
	padding: 0px 0px 5px;
}
h4 {
	font-weight: bold;
	font-size: 0.75em;
	line-height: 1.3em;
	border-bottom: 1px dashed #999999;
	padding: 0px 0px 5px;
}
h5 {
	background: #FFFFFF;
	height: 28px;
	padding: 5px 0px 0px;
}
p, th, td {
	font-size: 0.8em;
	line-height: 1.3em;
}
th, td {
	padding: 2px 0px;
}
tr.gray {
	background: #e9ebed;
}
img {
	border: none;
}
img, div, a { 
	behavior: url(iepngfix.htc) 
}
ul {}
li {}
a:link, a:visited {
	color: #465158;
	text-decoration: underline;
}
a:hover, a:active {
	color: #db0a01;
	text-decoration: underline;
	outline: none; /* hide dotted outline in Firefox */
}
a:focus {
	border: none;
}
a.button {
	background: transparent url(../_images/bg_button_a.gif) no-repeat scroll right top;
	display: block;
	float: right;
	height: 24px; /* sliding doors padding */
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 6px 6px 0px;
	padding: 0px 10px 0px 0px;
}
a.button:link, a.button:visited {
	color: #465158;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}
a.button:hover, a.button:active {
	color: #db0a01;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}
a.button span {
	background: transparent url(../_images/bg_button_span.gif) no-repeat;
	display: block;
	line-height: 1.3em;
	padding: 4px 0px 6px 10px;
	text-decoration: none;
} 

/*-------------------*/
/*----- CLASSEN -----*/
.clear {
	clear: both;
}
.red {
	color: #db0a01;
}
.bold {
	font-weight: bold;
}
.hidden {
	visibility: hidden;
}
.center {
	margin: 0px 20px 0px 0px;
}
.key-01 {
	background: url(../_images/bg-key01.png) no-repeat 0px 0px;
	height: 184px;
	width: 940px;
}
.key-02 {
	background: url(../_images/bg-key02.png) no-repeat 0px 0px;
	height: 120px;
	width: 940px;
}
.key-03 {
	background: url(../_images/bg-key03.png) no-repeat 0px 0px;
	height: 120px;
	width: 940px;
}
.key-04 {
	background: url(../_images/bg-key04.png) no-repeat 0px 0px;
	height: 120px;
	width: 940px;
}
.key-05 {
	background: url(../_images/bg-key05.png) no-repeat 0px 0px;
	height: 120px;
	width: 940px;
}
.key-06 {
	background: url(../_images/bg-key06.png) no-repeat 0px 0px;
	height: 120px;
	width: 940px;
}
.key-07 {
	background: url(../_images/bg-key07.png) no-repeat 0px 0px;
	height: 120px;
	width: 940px;
}
.key-08 {
	background: url(../_images/bg-key08.png) no-repeat 0px 0px;
	height: 120px;
	width: 940px;
}
.key-09 {
	background: url(../_images/bg-key09.png) no-repeat 0px 0px;
	height: 120px;
	width: 940px;
}

/*------------------*/
/*----- STYLES -----*/
a.logo:link, a.logo:visited, a.logo:hover, a.logo:active  {
	color: #465158;
	text-decoration: none;
	font-size: 0.7em;
	display: block;
	line-height: 2.4em;
	text-indent: -9999px;
	height: 107px;
	width: 253px;
}

/*== NAVIGATION ==============================*/
a.news {
	text-decoration: none;
	display: block;
	height: 52px;
	width: 77px;
	text-indent: -9999px;
}
a.news:link, a.news:visited {
	background: url(../_images/navi-news.gif) no-repeat 0px 0px;
}
a.news:hover {
	background: url(../_images/navi-news.gif) no-repeat -116px 0px;
}
a.news:active {
	background: url(../_images/navi-news.gif) no-repeat -232px 0px;
}
a.verein {
	text-decoration: none;
	display: block;
	height: 52px;
	width: 77px;
	text-indent: -9999px;
}
a.verein:link, a.verein:visited {
	background: url(../_images/navi-verein.gif) no-repeat 0px 0px;
	}
a.verein:hover {
	background: url(../_images/navi-verein.gif) no-repeat -116px 0px;
}
a.verein:active {
	background: url(../_images/navi-verein.gif) no-repeat -232px 0px;
}
a.erwachsene {
	text-decoration: none;
	display: block;
	height: 52px;
	width: 113px;
	text-indent: -9999px;
}
a.erwachsene:link, a.erwachsene:visited {
	background: url(../_images/navi-erwachsene.gif) no-repeat 0px 0px;
}
a.erwachsene:hover {
	background: url(../_images/navi-erwachsene.gif) no-repeat -116px 0px;
}
a.erwachsene:active {
	background: url(../_images/navi-erwachsene.gif) no-repeat -232px 0px;
}
a.jugend {
	text-decoration: none;
	display: block;
	height: 52px;
	width: 77px;
	text-indent: -9999px;
}
a.jugend:link, a.jugend:visited {
	background: url(../_images/navi-jugend.gif) no-repeat 0px 0px;
}
a.jugend:hover {
	background: url(../_images/navi-jugend.gif) no-repeat -116px 0px;
}
a.jugend:active {
	background: url(../_images/navi-jugend.gif) no-repeat -232px 0px;
}
a.training {
	text-decoration: none;
	display: block;
	height: 52px;
	width: 82px;
	text-indent: -9999px;
}
a.training:link, a.training:visited {
	background: url(../_images/navi-training.gif) no-repeat 0px 0px;
}
a.training:hover {
	background: url(../_images/navi-training.gif) no-repeat -116px 0px;
}
a.training:active {
	background: url(../_images/navi-training.gif) no-repeat -232px 0px;
}
a.galerie {
	text-decoration: none;
	display: block;
	height: 52px;
	width: 77px;
	text-indent: -9999px;
}
a.galerie:link, a.galerie:visited {
	background: url(../_images/navi-galerie.gif) no-repeat 0px 0px;
}
a.galerie:hover {
	background: url(../_images/navi-galerie.gif) no-repeat -116px 0px;
}
a.galerie:active {
	background: url(../_images/navi-galerie.gif) no-repeat -232px 0px;
}
a.kontakt {
	text-decoration: none;
	display: block;
	height: 52px;
	width: 77px;
	text-indent: -9999px;
}
a.kontakt:link, a.kontakt:visited {
	background: url(../_images/navi-kontakt.gif) no-repeat 0px 0px;
}
a.kontakt:hover {
	background: url(../_images/navi-kontakt.gif) no-repeat -116px 0px;
}
a.kontakt:active {
	background: url(../_images/navi-kontakt.gif) no-repeat -232px 0px;
}

/*== TEASER ==============================*/
p.teasertxt {
	color: #000000;
	padding: 12px;
	height: 10em;
}

a.teaser:link, a.teaser:visited {
	color: #465158;
	text-decoration: none;
	font-weight: bold;
	background: url(../_images/bg-button.gif) no-repeat 0px 0px;
	height: 22px;
	width: 73px;
	display: block;
	text-align: center;
	font-size: 0.7em;
	margin: 0px 0px 0px 120px;
	line-height: normal;
	padding: 3px 0px 0px;
}
a.teaser:hover, a.teaser:active {
	color: #db0a01;
	text-decoration: none;
	font-weight: bold;
	background: url(../_images/bg-button.gif) no-repeat 0px 0px;
	height: 22px;
	width: 73px;
	display: block;
	font-size: 0.7em;
	line-height: normal;
	padding: 3px 0px 0px;
}

/*== CONTENT ==============================*/
#contenttxt p {
	padding: 0em 0em 1.5em;
}
#contenttxt ul {
	padding: 0em 1em 1.5em 0em;
	list-style: none;
	float: left;
	width: 320px;
}
#contenttxt li {
	font-size: 0.8em;
	line-height: 1.3em;
}
#contentteaser ul {
	padding: 12px 12px 12px 24px;
}
#contentteaser li {
	font-size: 0.74em;
	line-height: 1.3em;
	padding: 0px 0px 4px;
}
.newsimg {
	float: right;
	width: 240px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.anreisser {
	float: left;
	width: 620px;
	padding: 0px 20px 20px;
}
.anreisser-txt {
	float: left;
	width: 470px;
}
.anreisser img {
	height: 92px;
	width: 140px;
	float: left;
	padding: 0px 10px 0px 0px;
}
#mannschaft {
	float: left;
	width: 620px;
	padding: 20px 20px 0px;
}
#adresse ul {
	padding: 12px;
	list-style: none;
}
#adresse li {
	font-size: 0.74em;
	line-height: 1.3em;
	padding: 0px 0px 4px;
}
a.download:link, a.download:visited,
a.download:hover, a.download:active {
	background-image: url(../_images/pdf_icon.gif);
	background-repeat: no-repeat;
	display: inline;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 60px;
	background-position: left center;
}

/*== FOOTER ==============================*/
#footer ul {
	list-style: none;
	display: inline;
}
#footer li {
	display: inline;
}

/*== KONTAKTFORMULAR ==============================*/
form#kontakt {
	float: left;
	width: 580px;
	padding: 0px 20px 0px;
}
fieldset {
	border: 1px solid #db0a01;
	padding: 20px;
}
legend {
	font-size: 0.8em;
	font-weight: bold;
	padding: 0px 5px;
	color: #485258;
}
form#kontakt ul{
	float: left;
	width: 380px;
	padding: 0px 60px;
}
form#kontakt li{
	float: left;
	width: 380px;
}
label {
	float:left;
	display:block;
	width:120px;
	font-weight: bold;
	line-height: none;
	font-size: 11px;
}
* html label.forIE {  		/* nur fuer Internet Explorer */
	width: 120px;     /* Version 5.x */
	w\idth: 123px;    /* Version 6 */
}
input {
	width:250px;
	background: transparent url(../_images/bg-input-big.gif) no-repeat left top;
	height: 23px;
	border-style: none;
	margin: 0px 0px 3px;
	font-size: 12px;
	line-height: 16px;
}
input#strasse {
	float: left;
	width: 162px;
	margin: 0px 3px 3px 0px;
	background: url(../_images/bg-input-small.gif) no-repeat left top;
	height: 23px;
	display: block;
}
input#hnr {
	float: left;
	width: 84px;
	margin: 0px 0px 3px;
	background: url(../_images/bg-input-smaller.gif) no-repeat left top;
	height: 23px;
	display: block;
}
input#plz {
	float: left;
	width: 84px;
	margin: 0px 3px 3px 0px;
	background: url(../_images/bg-input-smaller.gif) no-repeat left top;
	height: 23px;
	display: block;
}
input#ort {
	float: left;
	width: 162px;
	margin: 0px 0px 3px;
	background: url(../_images/bg-input-small.gif) no-repeat left top;
	height: 23px;
	display: block;
}
textarea {
	width:249px;
	background: transparent url(../_images/bg-input-txt.gif) no-repeat left top;
	border-style: none;
	height: 92px;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px 0px 3px;
}
input#abschicken {
	width:250px;
	background: url(../_images/bg-btn-submit.gif) no-repeat left top;
	height: 26px;
	cursor: pointer;
}