@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #55555A;
	background: url(../picture_layout/bg.gif) repeat-x #51789D;
	margin: 0;
	padding: 27px 0 0 0;
}
div {
	padding: 0;
	margin: 0;
}
a {
	color: #55555A;
	text-decoration: none;
}
img {
	border: 0;
}
h1 {
	font-size: 140%;
	font-weight: bold;
	margin: 15px 0 10px 0;
	padding: 0;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 0;
}
h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 0;
}
p {  /*offen*/
	margin: 10px 0 10px 0;
	/*padding: 5px;*/
}
p.padding_20 {
	padding: 20px 0;
}
table {
	border-collapse: collapse;
	margin: 10px 0;
	padding: 0;
}
table td {
	vertical-align: top;
}
table th {
	align: left;
}
table td.h_1 {
	height: 2px;
}
table.NoMargin td p {
	margin: 0;
}
table td.heading {
	font-size: 110%;
	font-weight: bold;
	color: #4B7AA5;
}
.red {
	color: #FF0000;
}
.center, .align-center {
	text-align: center;
}
/*Haupt-Container*/
div#container {
	width: 821px;
	margin: 0 auto 10px auto;
	background: #FFF url(../picture_layout/bg-Container.gif) no-repeat right bottom;
}
/*Head mit Bildern*/
div#head {
	width: auto;
	vertical-align: bottom;
	background: url(../picture_layout/bg.gif) repeat-x 0 -27px;
}
div#bilderleiste {
	position: relative;
	width: auto;
	background: #FFF url(../picture_layout/bilder-leiste/bg.gif) repeat-x top left;
}
div#bilderleiste div#TopNav {
	position: absolute;
	margin: 0;
	width: 220px;
	top: 0;
	left: 600px;
}
div#bilderleiste div#TopNav ul {
	margin: 5px 0 0 5px;
	padding: 0;
	list-style:none;
}
div#bilderleiste div#TopNav ul li {
	float: left;
  	margin: 0;
  	padding: 0;
}
div#bilderleiste div#TopNav ul li.border {
	background: url(../picture_layout/bilder-leiste/bg-li.gif) no-repeat top right;
}
div#bilderleiste div#TopNav ul li a {
	display: block;
	padding: 0 0 0 15px;
	margin-right: 7px;
}
div#bilderleiste div#TopNav ul li a.home {
	background: url(../picture_layout/bilder-leiste/home.gif) no-repeat left center;
}
div#bilderleiste div#TopNav ul li a.kontakt {
	background: url(../picture_layout/bilder-leiste/kontakt.gif) no-repeat 4px center;
	padding-left: 22px;
}
div#bilderleiste div#TopNav ul li a.impressum {
	background: url(../picture_layout/bilder-leiste/impressum.gif) no-repeat 4px center;
	padding-left: 15px;
}
/*Trenner (Muster)*/
div#trenner {
	width: auto;
	height: 25px;
	background: url(../picture_layout/trenner/bg.gif) repeat-x left top;
	margin: 0 10px;
}
/*Zweispaltiges Grundgerüst*/
div#zweispaltig {
	position: relative;
	width: auto;
	overflow: visible; /*falls Content kleiner als NAV ist  Opera & Co bzgl. der HG-Farbe; auto kann (vermutlich) Scrollbalken im IE zeigen*/
}
/*Navigation Links*/
div#zweispaltig div#LeftNav {
	float: left;
	width: 210px;
	margin: 20px 0 0 0;
	background: url(../picture_layout/LeftNavigation/bg.gif) repeat-y top left;
}
/*1. Ebene...*/
div#zweispaltig div#LeftNav ul {
	margin: 0 20px 0 6px;
	padding: 0;
	list-style-type: none;
}
div#zweispaltig div#LeftNav ul li {
	margin: 0;
	padding: 5px 0;
	border-bottom: solid 1px #164D80;
}
div#zweispaltig div#LeftNav ul li.last {
	border-bottom: none;
}
div#zweispaltig div#LeftNav ul li a {
	display: block;
	padding: 4px 0 4px 30px;
	background: url(../picture_layout/LeftNavigation/pfeil.gif) no-repeat 4px center #fff;
	color: #053E73;
	font-weight: bold;
}
div#zweispaltig div#LeftNav ul li a:hover, div#zweispaltig div#LeftNav ul li a.active {
	background: url(../picture_layout/LeftNavigation/pfeil2.gif) no-repeat 4px center #F7F8FA;
	color: #6E8EB2;
}
/*2. Ebene*/
div#zweispaltig div#LeftNav ul ul {
	margin: 0 20px 0 0;
}
div#zweispaltig div#LeftNav ul ul li {
	margin-left: 30px;
	padding: 2px 0;
	border: 0;
}
div#zweispaltig div#LeftNav ul ul li a, div#zweispaltig div#LeftNav ul ul li a:hover {
	display: block;
	padding: 2px 0 2px 0;
	background: none;
	color: #053E73;
	font-weight: bold;
	font-size: 95%;
}
div#zweispaltig div#LeftNav img#LogoBE {
	padding: 100px 0 30px 18px;
}
/*Content-Bereich*/
div#zweispaltig div#Content {
	width: auto;
	margin: 0 15px 0 225px;
}
div#zweispaltig div#Content h1 {
	color: #053E73;
	padding: 0 0 0 20px;
	margin: 20px 0 10px 0;
	background: url(../picture_layout/Content/bg-h1.gif) no-repeat left center;
}
div#zweispaltig div#Content h2 {
	color: #4B7AA5;
	padding: 0 0 0 20px;
	background: url(../picture_layout/Content/bg-h2.gif) no-repeat left center;
}
div#zweispaltig div#Content a {
	padding-left: 20px;
	background: url(../picture_layout/Content/a_pfeil.gif) no-repeat left center;
	color: #164B7C;
	font-weight: bold;
}
div#zweispaltig div#Content table.termine a, div#zweispaltig div#Content a#top, div#zweispaltig div#Content a.btn, div#zweispaltig div#Content table.Nav1 a, div#zweispaltig div#Content a.ImgLink {
	padding-left: 0px;
	background: none;
}
div#zweispaltig div#Content a.Fit4Net {
 	padding-left: 0px;
	background: none;
	color: #55555A;
}
div#zweispaltig div#Content p.Datum {
	color: #053E73;
	font-size: 95%;
	font-weight: bold;
	padding: 0 0 0 15px;
	background: url(../picture_layout/Content/kreis-gelb.gif) no-repeat left center;
	margin: 2px 0 0 0;
}
div#zweispaltig div#Content .FloatLeft {
	margin: 10px 15px 15px 0;
	float: left;
}
div#zweispaltig div#Content table.default {
	width: 99%;
}
div#zweispaltig div#Content table.default td.t1 {
	width: 50%;
}
div#zweispaltig div#Content table.termine {
	width: 100%;
	margin: 5px 0;
}
div#zweispaltig div#Content table.termine td.t1 {
	width: 17%;
	color: #053E73;
	font-weight: bold;
	font-size: 95%;
}
div#zweispaltig div#Content table.termine td.t2 {
	width: 57%;
	color: #6F95B7;
	font-weight: bold;
}
div#zweispaltig div#Content table.termine td.t2 a, div#zweispaltig div#Content table.termine td.t4 a {
	color: #6F95B7;
	font-weight: bold;
}
div#zweispaltig div#Content table.termine td.t2 a:hover {
	text-decoration: underline;
}
div#zweispaltig div#Content table.termine td.t3 {
	width: 26%;
	text-align: right;
	vertical-align: bottom;
}
div#zweispaltig div#Content table.termine td.t4 {
	width: 83%;
	color: #6F95B7;
	font-weight: bold;
}
div#zweispaltig div#Content div.news {
	background: #F9F9F9;
	padding: 10px;
	margin: 15px 0;
	position: relative;
	width: auto;
}
div#zweispaltig div#Content div.news2 {
	background: #fff;
	padding: 10px;
	margin: 15px 0;
	position: relative;
	width: auto;
}
div#zweispaltig div#Content div.news div.NewsImg, div#zweispaltig div#Content div.news2 div.NewsImg {
	float: left;
	padding: 5px 15px 10px 0;
}
div#zweispaltig div#Content div.news table, div#zweispaltig div#Content div.news2 table {
	width: 560px;
}
div#zweispaltig div#Content div.news table td.t1, div#zweispaltig div#Content div.news2 table td.t1 {
	width: 200px;
}
div#zweispaltig div#Content div.news table td.t2, div#zweispaltig div#Content div.news2 table td.t2 {
	width: 360px;
}
div#zweispaltig div#Content div.news p, div#zweispaltig div#Content div.news2 p {
	margin: 6px 0;
}
div#zweispaltig div#Content table.Nav1 {
      width: 80%;
      height: 40px;
      background-color:#E7E2E2;
      padding: 0;
      margin: 15px auto 15px 0;
      text-align: right;
      border: 0;
      border-spacing: 0;
}
div#zweispaltig div#Content table.Nav1 td {
      vertical-align: top;
      padding: 0;
      margin: 0;
      text-align: right;
}
div#zweispaltig div#Content table.Nav2 {
      width: 98%;
      background-color:#F9F9F9;
      padding: 0;
      margin: 0 0 0 auto;
      border: 0;
      height: 31px;
      border-spacing: 0;
}
div#zweispaltig div#Content table.Nav2 td {
      background-color:#F9F9F9;
      padding: 0 0 0 5px;
      margin: 0;
      text-align: left;
      vertical-align: middle;
	  color: #164B7C;
}
div#zweispaltig div#Content table.Nav2 td.t1 {
      width: 40%;
}
div#zweispaltig div#Content table.Nav2 td.t2, table.Nav2 td.t3 {
      width: 30%;
      text-align: center;
}
/*Kontaktformular*/
div#zweispaltig div#Content table.KontaktForm {
}
div#zweispaltig div#Content table.KontaktForm td.t1 {
	width: 18%;
}
div#zweispaltig div#Content table.KontaktForm td.t2 {
	width: 32%;
}
div#zweispaltig div#Content table.KontaktForm td.t3 {
	width: 18%;
}
div#zweispaltig div#Content table.KontaktForm td.t3r {
	width: 18%;
	text-align: right;
}
div#zweispaltig div#Content table.KontaktForm td.t4 {
	width: 32%;
}
div#zweispaltig div#Content table.KontaktForm input.text {
	width: 90%;
}
div#zweispaltig div#Content table.KontaktForm textarea {
	width: 90%;
	margin-left: 10px;
}
div#zweispaltig div#Content table.KontaktForm input.button {
	border: 1px solid #164D80;
	padding: 2px 4px;
	margin: 10px 0;
}
div#zweispaltig div#Content table.KontaktForm input.plz {
	width: 25%;
}
div#zweispaltig div#Content table.KontaktForm input.ort {
	width: 60%;
}
/*Content - Impressum*/
div#zweispaltig div#Content table.impressum {
	width: 100%;
}
div#zweispaltig div#Content table.impressum td {
	width: 50%;
}
div#zweispaltig div#Content table.impressum td p {
	margin: 0;
}
div#zweispaltig div#Content table.impressum td a.Fit4Net {
	text-decoration: none;
	font-weight: normal;
}
/*Content - Vereinsleitung*/
div#zweispaltig div#Content table.vorstand {
	width: 100%;
	background-color: #F9F9F9;
}
div#zweispaltig div#Content table.vorstand td p {
	margin: 1px 0;
}
div#zweispaltig div#Content table.vorstand td.t1 {
	width: 20%;
}
div#zweispaltig div#Content table.vorstand td.t2 {
	width: 40%;
}
div#zweispaltig div#Content table.vorstand td.t3 {
	width: 40%;
}
/*Tabelle mit Bildern*/
div#zweispaltig div#Content table.bilder {
	width: 99%;
}
div#zweispaltig div#Content table.bilder td {
	width: 50%;
}
/*Content - Kontaktformular*/
/*Kontaktformular*/
div#zweispaltig div#Content p.padding_20 {
	padding: 15px 0 20px 0;
}
div#zweispaltig div#Content table.KontaktForm {
	width: 95%;
}
div#zweispaltig div#Content table.KontaktForm td.t1 {
	width: 18%;
}
div#zweispaltig div#Content table.KontaktForm td.t2 {
	width: 32%;
}
div#zweispaltig div#Content table.KontaktForm td.t3 {
	width: 18%;
}
div#zweispaltig div#Content table.KontaktForm td.t3r {
	width: 18%;
	text-align: right;
}
div#zweispaltig div#Content table.KontaktForm td.t4 {
	width: 32%;
}
div#zweispaltig div#Content table.KontaktForm input.text {
	width: 90%;
}
div#zweispaltig div#Content table.KontaktForm textarea {
	width: 90%;
	margin-left: 10px;
}
div#zweispaltig div#Content table.KontaktForm input.button {
	border-right: 1px solid #36648E;
	border-top: 1px solid #36648E;
	border-bottom: 1px solid #36648E;
	border-left: 3px solid #FAE571;
	padding: 2px 4px;
	margin: 10px 0;
	color: #154B7C;
	font-weight: bold;
	background-color: #F2F5F7;
}
div#zweispaltig div#Content table.KontaktForm input.plz {
	width: 25%;
}
div#zweispaltig div#Content table.KontaktForm input.ort {
	width: 60%;
}
/*Fußzeile*/
div#zweispaltig div#Content div#footer {
	border-top: solid 1px #EBEBEB;
	color: #104679;
	font-size: 92%;
	height: 25px;
	margin-top: 10px;
	position: relative;
}
div#zweispaltig div#Content div#footer a {
	color: #104679;
	text-decoration: none;
	background: none; /*wg. der globalen Einstellung für die Links...*/
	padding-left: 0;
}
div#zweispaltig div#Content div#footer ul {
	margin: 5px 0;
	padding: 0;
	list-style-type: none;
}
div#zweispaltig div#Content div#footer ul li {
	padding: 0;
	margin: 0;
	float: right;
}
div#zweispaltig div#Content div#footer ul li.trenner {
	width: 250px;
}
div#zweispaltig div#Content div#footer ul li.border {
	border-right: solid 1px #104679;
}
div#zweispaltig div#Content div#footer ul li a.print {
	padding: 0 10px 0 25px;
	background: url(../picture_layout/footer/drucken.gif) no-repeat left center;
}
div#zweispaltig div#Content div#footer ul li a.top {
	padding: 0 20px 0 10px;
	background: url(../picture_layout/footer/pfeil.gif) no-repeat right center;
}
div#SiteFooter {
	clear: both;
	width: auto;
	height: 1px;
}
/*Muster*/
div#muster {
	background: url(../picture_layout/trenner/bg.gif) repeat-x top left;
	height: 20px;
	text-align: right;
	clear: both;
}
div#muster img {
	height: 20px;
	width: 5px;
}
/*Sportler on TOP*/
div#sportler {
	position: absolute;
	top: 10px;
	right: 50%;
	height: 146px;
	width: 800px;
	background: url(../picture_layout/sportler.gif) no-repeat top right;
	margin-right: 411px;
}