* {
	margin: 0px; padding: 0px; border: 0px;
	font-family: Verdana, Arial; font-weight: normal; font-size: 11px; color: #000000; text-decoration: none; 
}
strong { font-weight: bolder; }
.markiert { color: #038e01; }

a { font-family: Verdana, Arial; font-weight: normal; font-size: 11px; color: #038e01; text-decoration: none; }
a:hover { color: #ff6100; }

p { margin-bottom: 5px; }

body {
	width: 100%;
	background-color: #F7F7F7; text-align: center;
	background: url('../images/SiteBG.jpg') repeat;
}

#headerBG {
	width: 100%; height: 171px;
	background: url('../images/HeaderBG.jpg') repeat-x;
	overflow: hidden; }

	#headerBG #header {
		width: 770px; height: 171px;
		margin: 0 auto; }

#contentBG {
	width: 100%; 
	overflow: visible; }

	#contentBG #content {
		width: 770px; 
		margin: 0px auto; padding-top: 7px;
		background-color: #dbdbdb; text-align: left;
		position: relative; overflow: visible; }

		#contentBG #content #banner {
			width: 160px;
			position: absolute; top: 3px; right: -175px;
			overflow: hidden; }

			#contentBG #content #banner .bannerItem {
				width: 150px;
				margin-bottom: 4px; padding: 4px; border: 1px solid #000000;
				background-color: #ffffff;
				position: relative; float: none; overflow: hidden; }

		#contentBG #content #newsTicker {
			width: 762px; height: 20px;
			margin: 0px 4px 10px 4px;
			line-height: 20px; background-color: #ffffff;
			position: relative; overflow: hidden; }

		#contentBG #content #lCol {
			width: 176px;
			padding: 0px 4px 4px 2px;
			float: left; overflow: hidden; }


		#contentBG #content #crCol {
			width: 588px;
			float: left; overflow: hidden; }

			#contentBG #content #cCol {
				width: 408px;
				padding: 0px 4px 4px 0px;
				position: relative; float: left; overflow: hidden; }

			#contentBG #content #rCol {
				width: 176px;
				float: left; overflow: hidden; }



/* ##### schmale Boxen links und rechts ##### */

#contentBG #content #lCol .BoxHead, #contentBG #content #crCol #rCol .BoxHead {
	width: 142px; height: 18px;
	padding: 2px 17px 1px 17px;
	line-height: 18px; font-weight: bold; color: #ffffff;
	background: url('../images/smallBoxHeader.jpg') no-repeat;
	position: relative; float: none; overflow: hidden; }

#contentBG #content #lCol .BoxContent, #contentBG #content #crCol #rCol .BoxContent {
	width: 170px;
	padding: 0px 4px 0px 2px;
	background: url('../images/smallBoxContentBG.jpg') repeat-Y;
	float: none; overflow: hidden; }

	#contentBG #content #lCol .BoxContent .Images, #contentBG #content #crCol #rCol .BoxContent .Images {}

	#contentBG #content #lCol .BoxContent .Text, #contentBG #content #crCol #rCol .BoxContent .Text {
		width: 144px;
		padding: 13px 13px 0px 13px;
		line-height: 18px;
		float: none; overflow: hidden; }

		#contentBG #content #lCol .BoxContent .Text, #contentBG #content #crCol #rCol .BoxContent .Text .primAtt {
			width: 144px; line-height: 18px;
			font-weight: bold;
			float: none; overflow: hidden; }

		#contentBG #content #lCol .BoxContent .Text, #contentBG #content #crCol #rCol .BoxContent .Text .secAtt {
			width: 144px; line-height: 18px;
			float: none; overflow: hidden; }


	#contentBG #content #crCol #rCol .BoxContent .Tabelle {
		width: 167px;
		padding: 10px 2px 0px 1px;
		float: none; overflow: hidden; }

		#contentBG #content #crCol #rCol .BoxContent .tabelleEntry {
			width: 167px;
			margin-bottom: 5px;
			float: none; overflow: hidden; }

			#contentBG #content #crCol #rCol .BoxContent .tabelleEntry .Platz {
				width: 21px;
				margin-right: 6px;
				text-align: right;
				float: left; overflow: hidden; }

			#contentBG #content #crCol #rCol .BoxContent .tabelleEntry .Verein {
				width: 105px;
				text-align: left;
				float: left; overflow: hidden; }

			#contentBG #content #crCol #rCol .BoxContent .tabelleEntry .Tore {
				width: 15px;
				text-align: right;
				float: left; overflow: hidden; }

			#contentBG #content #crCol #rCol .BoxContent .tabelleEntry .zu {
				width: 5px;
				text-align: center;
				float: left; overflow: hidden; }

			#contentBG #content #crCol #rCol .BoxContent .tabelleEntry .Gegentore {
				width: 15px;
				text-align: left;
				float: left; overflow: hidden; }


#contentBG #content #lCol .BoxFoot, #contentBG #content #crCol #rCol .BoxFoot {
	width: 176px; height: 19px;
	margin-bottom: 3px;
	background: url('../images/smallBoxFoot.jpg') no-repeat;
	float: none; overflow: hidden; }




/* ##### mittlere Boxen ##### */

#contentBG #content #crCol #cCol .BoxHead {
	width: 352px; height: 18px;
	padding: 2px 17px 1px 40px;
	line-height: 18px; font-weight: bold; color: #ffffff;
	background: url('../images/middleBoxHeader.jpg') no-repeat;
	position: relative; float: none; overflow: hidden; }

	#contentBG #content #crCol #cCol .BoxHead .Datum {
		line-height: 18px; color: #ffffff;
		float: right; overflow: hidden;}

#contentBG #content #crCol #cCol .BoxContent {
	width: 402px;
	padding: 0px 4px 0px 2px;
	background: url('../images/middleBoxContentBG.jpg') repeat-Y;
	float: none; overflow: hidden; }

	#contentBG #content #crCol #cCol .BoxContent .Text {
		width: 347px;
		padding: 14px 15px 0px 40px;
		line-height: 18px;
		float: none; overflow: hidden; }



/*
		#contentBG #content #crCol #cCol .BoxContent .Text .newsArcLine {
			width: 347px;
			float: none; overflow: hidden;}

			#contentBG #content #crCol #cCol .BoxContent .Text .newsArcLine .newsArcDate {
				width: 75px; line-height: 18px;
				float: left; overflow: hidden; }

			#contentBG #content #crCol #cCol .BoxContent .Text .newsArcLine .newsArcHdl {
				width: 227px; line-height: 18px;
				float: left; overflow: hidden; }

			#contentBG #content #crCol #cCol .BoxContent .Text .newsArcLine .newsArcLink {
				width: 45px; line-height: 18px;
				text-align: right;
				float: left; overflow: hidden; }
*/




		#contentBG #content #crCol #cCol .BoxContent .Text .ArchivEntry {
			padding-bottom: 14px;
			position: relative; overflow: hidden; }

			#contentBG #content #crCol #cCol .BoxContent .Text .ArchivEntry .Date {
				/*padding-right: 10px;*/
				float: left; overflow: hidden; }

			#contentBG #content #crCol #cCol .BoxContent .Text .ArchivEntry .BoxTitle {
				float: left; overflow: hidden; }

			#contentBG #content #crCol #cCol .BoxContent .Text .ArchivEntry .Headline {
				font-weight: bold;
				overflow: hidden; }

			#contentBG #content #crCol #cCol .BoxContent .Text .ArchivEntry .Link {  }

				#contentBG #content #crCol #cCol .BoxContent .Text .ArchivEntry .Link a {
					display: block;
					padding: 0px 40px 0px 0px;
					background: url('../images/targetLinkBG.jpg') no-repeat right 4px;
					float: right; overflow: hidden; }









		#contentBG #content #crCol #cCol .BoxContent .Text .FF2Fix {
			width: 347px;
			float: none; overflow: hidden; }

		#contentBG #content #crCol #cCol .BoxContent .Text .Images {
			width: 126px;
			margin: 0px 19px 5px 0px;
			float: left; overflow: hidden; }

		#contentBG #content #crCol #cCol .BoxContent .Text .PortImages {
			width: 170px;
			margin: 0px 19px 5px 0px;
			float: left; overflow: hidden; }
		
		#contentBG #content #crCol #cCol .BoxContent .Text .PortName {
			margin-bottom: 15px; font-weight: bold; }

		#contentBG #content #crCol #cCol .BoxContent .Text .PortAtt {
			width: 347px;
			padding: 25px 0px 15px 0px;
			float: none; overflow: hidden; }

			#contentBG #content #crCol #cCol .BoxContent .Text .PortAtt .PortLabel {
				width: 347px;
				margin: 5px 0px 0px 0px;
				font-weight: bold;
				background: url('../images/Dotline.gif') repeat-x left bottom;
				float: none; overflow: hidden; }

			#contentBG #content #crCol #cCol .BoxContent .Text .PortAtt .PortValue {
				width: 300px;
				padding-left: 47px;
				float: none; overflow: hidden; }

	#contentBG #content #crCol #cCol .BoxContent .targetLink {
		display: block;
		padding: 14px 40px 3px 40px;
		background: url('../images/targetLinkBG.jpg') no-repeat right 16px;
		float: left; overflow: hidden; }

#contentBG #content #crCol #cCol .BoxFoot {
	width: 408px; height: 19px;
	margin-bottom: 3px;
	background: url('../images/middleBoxFoot.jpg') no-repeat;
	float: none; overflow: hidden; }



/* ##### Kontakt-Formular ##### */

.formInputRow {
	width: 347px; height: 42px;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
}
.triple {}

	.formInputFieldContainer {
		width: 165px; height: 42px;
		font-size: 0px;
		float: left; overflow: hidden;
	}
	.triple .formInputFieldContainer { width: 166px; }

		.formInputField {
			width: 158px; height: 20px;
			margin-bottom: 0px; padding-left: 5px; padding-top: 4px; border: 1px solid #000000;
			font-family: Verdana, Arial; font-size: 11px; color: #000000; font-weight: bold; background-color: #F7F7F7;
			overflow: hidden;
		}
		.triple .formInputField { width: 159px; }

		.formInputFieldLabel {
			width: 165px; height: 13px;
			font-family: Verdana, Arial; font-size: 9px; color: #000000; font-weight: bold; line-height: 13px;
			overflow: hidden;
		}
		.triple .formInputFieldLabel { width: 166px; }






/* ##### Menue ##### */

.mEntry {
	width: 170px; height: 20px;
	position: relative; overflow: hidden; }

.mEntry.inactive { display: none; }

	.mEntry .m1Level {
		display: block; width: 140px; height: 19px;
		padding: 0px 15px; border-bottom: 1px; border-style: solid; border-color: #000000;
		line-height: 19px; color: #000000; 
		overflow: hidden;}

	.mEntry .m1Level:hover { background-color: #ff8f4d; }
	.mEntry .m1Level.active { background-color: #ff8f4d; }


	.mEntry .m2Level {
		display: block; width: 125px; height: 19px;
		padding: 0px 15px 0px 30px; border-bottom: 1px; border-style: solid; border-color: #000000;
		line-height: 19px; color: #000000;
		overflow: hidden; }

	.mEntry .m2Level:hover { background-color: #ffbf99; }
	.mEntry .m2Level.active { background-color: #ffbf99; }


	.mEntryEdit {
		width: 28px; height: 12px;
		position: absolute; right: 4px; top: 4px; overflow: hidden; }

		.mEntryEdit a {
			display: block; width: 28px; height: 12px;
			background: url('../images/editBtn28x12.gif') no-repeat; background-position: 0px 0px; }

		.mEntryEdit a:hover {
			background: url('../images/editBtn28x12_hover.gif') no-repeat; background-position: 0px 0px; }


	.mEntryEditMiddle {
		width: 35px; height: 14px;
		position: absolute; right: 4px; top: 4px; overflow: hidden; }

	#contentBG #content #crCol #cCol .BoxHead .mEntryEditMiddle { top: 5px; right: 8px; }

		.mEntryEditMiddle a {
			display: block; width: 35px; height: 14px;
			background: url('../images/editBtn35x14.gif') no-repeat; background-position: 0px 0px; }

		.mEntryEditMiddle a:hover {
			background: url('../images/editBtn35x14_hover.gif') no-repeat; background-position: 0px 0px; }


/* ##### Bildlisten jeder Art ##### */

.DLOption {
	width: 347px;
	padding: 10px 0px 20px 0px;
	position: relative; float: none; overflow: hidden;
}
	.DLOptionImage {
		width: 100px; height: 81px;
		padding: 1px; border: 1px solid #56765F;
		float: left; overflow: hidden;
	}
	.DLOptionTextLinkBox {
		width: 228px;
		padding-left: 15px;
		background-image: url(../images/Auflistungsdot.gif); background-position: 16px 2px; background-repeat: no-repeat;
		float: left; overflow: hidden;
	}
		.DLOptionHdlText {
			width: 228px;
			padding-bottom: 7px;
			overflow: hidden;
		}
			.DLOptionHdl {
				width: 228px;
				font-weight: bold;
				overflow: hidden;
			}

				.DLOptionHdl a {
					font-family: Verdana, Arial; font-weight: bold; font-size: 11px; color: #ff6100; text-decoration: none; }

				.DLOptionHdl a:hover {
					color: #ff6100; }

			.DLOptionText {
				width: 228px;
				overflow: hidden;
			}

			#contentBG #content #crCol #cCol .BoxContent .DLOption .targetLink {
				display: block;
				padding: 0px 40px 0px 0px;
				background: url('../images/targetLinkBG.jpg') no-repeat right 5px;
				float: right; overflow: hidden; }


		.DLOptionItem {
			width: 228px;
			padding-bottom: 3px;
			overflow: hidden;
		}


/* ##### Formatierungen für Galerien ##### */

.galerieContainer {
	width: 347px;
	position: relative;
	float: none; overflow: hidden;
}
	.imageField {
		width: 347px;
		margin: 0; padding: 0; border: 0px;
		overflow: hidden;
	}
		.imageFieldContainer {
			width: 321px; height: 241px;
			margin: 20px auto 0 auto; padding: 12px; border: 1px solid #56765F;
			text-align: center;
			position: relative; overflow: hidden;
		}
			.imageFieldImage {
				width: 321px; height: 241px;
				margin: 0px auto 0px auto; border: 0;
				text-align: center;
				position: relative;
			}
		.imageFieldText {
			width: 323px;
			margin-top: 10px; padding: 0px 12px 0px 12px;
			text-align: center;
			float: none; overflow: hidden;
		}
		.imageFieldNavi {
			width: 323px;
			margin: 10px 0px 15px 0px; padding: 0px 12px 0px 12px;
			text-align: center;
			float: none; overflow: hidden;
		}

.ImageMagnifier{
	width: 20px; height: 20px;
	margin: 0; padding: 0; border: 0;
	position: absolute; right: 15px; bottom: 15px;
	overflow: hidden;
}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */