/* Allgemeine Styles */
body { color: black; font-size: 12px; font-family: Arial, SunSans-Regular, sans-serif; width: 1001px; margin: 0; padding: 0; }
h1 {display: none}
h2 { font-size: 18px; line-height: 20px; background-image: url(../media/wheel.gif); background-repeat: no-repeat; text-transform: uppercase; margin-top: 6px; margin-bottom: 10px; margin-left: -25px; padding-left: 25px; }
h3 { color: white; font-size: 15px; margin-top: 12px; margin-bottom: 6px; }
h4 {font-size: 12px; color: black; margin: 0 0 12px;}
h5 { color: black; font-size: 10px; margin: 0 0 4px; }
img { border-style: none; border-width: 0; }
a { color: white; text-decoration: none; }
a:hover { color: #fefe33; }
strong { color: black; }
.clear { font-size: 0; line-height: 0; clear: both  }
.floatleft {float: left}
.bildlinks {float: left;display: block;margin-right: 12px; margin-bottom: 6px;}

.zeilemitpfeil { line-height: 32px; height: 32px; }
.zeilemitpfeil img { vertical-align: middle; }
td { margin-right: 10px; }
tr { border-bottom: 1px dashed white; }
.fehler { color: red; font-size: 10px; margin-top: 6px; }
.gelb {color: #fefe33; }

/* Linke Spalte */
#linkespalte { width: 220px; float: left; display: block  }
#linkespalte ul { height: 300px; margin: 175px 0 0 10px; padding: 0; list-style-type: none; }
#linkespalte a { color: white; font-weight: bold; text-transform: uppercase; }
#linkespalte a:hover { color: #fefe33; }
#linkespalte li { margin-top: 5px; margin-bottom: 10px; }
#linkespalte img { margin-left: 10px; }
#linkespalte .aktiv {color: #fefe33; }
#werbung_links { font-size: 10px; text-transform: uppercase; margin-top: 180px; margin-left: 10px; }
#logosbn a {
				width: 124px; 
				height: 85px; 
				background-image: url(http://www.skatebynight.de/media/sbn_startseite.jpg);
				position: absolute; 
				top: 525px; 
				left: 10px;
				display: block}

#logosbn span {visibility: hidden}

/* Kopf oben */
#kopf { width: 780px; height: 145px; float: left; }
#infozeile { color: #0cc; font-size: 12px; width: 645px; float: left; }
#kontakt { color: black; font-size: 10px; text-transform: uppercase; width: 130px; float: left; margin: 0 0 7px; padding: 0; }
#kontakt a {color: black}
#kontakt a:hover { color: #0cc; }

/* Werbung rechts */
#werbung_rechts {  margin-left: 870px;display: block }
#werbung_rechts img { margin-top: 15px; }

/* Inhalt Styles allgmein */
#inhalt { width: 645px; float: left }
#inhalt p { color: black;  }
#inhalt ul { color: black; line-height: 16px; margin: 0; padding: 0; list-style-image: url(../media/wheel_klein.gif); }
#inhalt li { margin-bottom: 6px; margin-left: 16px; padding: 0; }

.spalte { display: block; float: left; width: 270px; margin-right: 15px; }
.spalte img { border: solid 1px white; }
.spalteklein {display: block;float: left;width: 320px;}
.kastenmittel { color: #fff; background-image: url(../media/kasten_mittel_hg.gif); background-repeat: repeat-y; width: 319px; float: left; display: block         }
.kastenmittel_oben {font-size: 0; background-image: url(../media/kasten_mittel_oben.gif); background-repeat: no-repeat; width: 319px; height: 5px  }
.kastenmittel_unten { font-size: 0; line-height: 0; background-image: url(../media/kasten_mittel_unten.gif); background-repeat: no-repeat; width: 319px; height: 5px; }
.kastenmittel_inhalt { margin: 10px 10px 10px 40px; }
.kastenmittel_inhalt p { margin: 0; padding: 0; }
.kastenmittel .strecke { margin-top: 6px; border: solid 1px white; }
.kastenmittel .mehrspalte { font-size: 11px; float: right; margin-top: -22px }
.kastenmittel .mehrspalte img { vertical-align: middle; }
.kasten {color: #fff; background-image: url(../media/kasten_hg.gif); background-repeat: repeat-y; width: 645px; display: block   }
.kasten_oben { font-size: 0;background-image: url(../media/kasten_oben.gif); background-repeat: no-repeat; width: 645px; height: 5px  }
.kasten_unten { font-size: 0; line-height: 0; background-image: url(../media/kasten_unten.gif); background-repeat: no-repeat; width: 645px; height: 5px; }
.kasten_inhalt { margin: 20px 20px 20px 40px; }
.kasten_inhalt p {margin-bottom: 6px;}
	/* Strecken Styles */
	#termine { right: 20px; display: block; float: left; width: 280px; }
	#termine ul { color: white; margin: 0; padding: 0; list-style-type: none; }
	#termine li { font-weight: bold; margin-bottom: 12px; }

	#ablauf { display: block; float: left; width:280px; }
	#ablauf ul { color: black; line-height: 16px; margin: 0; padding: 0; list-style-image: url(../media/wheel_klein.gif); }
	#ablauf li { margin-bottom: 6px; margin-left: 16px; padding: 0; }

	.streckenbeschreibung {margin-top: 30px;}
	.streckentext {float: left;display: block;width:280px;}
	.streckentext p {font-size: 10px;}
	.streckentext h4 {color: white;}

	.streckenbild {float: left;display: block;}
	.streckenbild img { border: solid 1px white; }

	/* Kontakt */
	.kontak {display: block;float: left;width: 60px;}

	/* Ordner */
	.ordner ul { color: black; line-height: 16px; margin: 0; padding: 0; list-style-image: url(../media/wheel_klein.gif); }
	.ordner li { margin-bottom: 6px; margin-left: 16px; padding: 0; }
	.ordner img {border: solid 1px white;float: right;margin-right: 30px;margin-left: 10px;margin-bottom: 10px;}
	.ordner .grafik { float: left; border-style: none; border-width: 0;margin-right: 5px; }
	form {}
	form span {float: left;display: block;width: 100px;clear: left}
	input { width: 150px; border: solid 1px black; }
	.option {width: 15px;border: none 0px;}
	.plz { width: 40px; margin-right: 10px; }
	.ort { width: 98px; }
	.tag { width: 30px; margin-right: 10px; }
	.monat { width: 30px; margin-right: 10px; }
	.jahr { width: 50px; }
	p .fehler { color: red; margin-bottom: 0px; }

	/* fotogalerie */
	#fotogalerie img { margin: 5px; border: solid 1px white; }

	/* Teilnehmer Zahlen */
	.teilnehmer .datum { line-height: 15px; width: 40px; height: 15px; float: left; clear: left; margin-right: 5px; border-right: 1px solid black; }
	.teilnehmer .balken { line-height: 11px;  height: 11px; float: left; margin-top: 2px; margin-bottom: 2px; display: block;background-color: white;}
	.teilnehmer .zahl {font-size: 9px;color: #000000;line-height: 15px;display: block;float: left;margin-left: 5px;}
	.teilnehmer .marker { line-height: 5px; width: 1px; height: 5px; float: left;  border-top: 1px solid black; border-left: 1px solid black; }
	.teilnehmer .trenner {line-height: 15px; width: 40px; height: 15px; float: left; clear: left;}