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

/***************************************************************/
/* HTML - ANFANG
/***************************************************************/
/* Verhinderung von springenden Seiten */
html {
	overflow-y: scroll;
}

/* mittige Ausrichtung */
body {
	margin: 0px;
	text-align: center;
}

/* Seite */
.page {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	font-size: 13px;
	width: 100%;
}
/***************************************************************/
/* HTML - ANFANG
/***************************************************************/

/***************************************************************/
/* Allgemeine Styles fuer Inhaltselemente - ANFANG
/***************************************************************/
/* Absatzkontrolle */
p {
	margin: 0px;
	padding: 0px;
}

/* Ueberschrift h1 */
h1 {
	font-size: 25px;
	color: #71bdee;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	line-height: 150%;
}

/* Klasse der Ueberschrift h1 */
.h1 {
  padding-right: 50px;
	border-bottom: 1px solid #71bdee;
}

/* Klasse der Ueberschrift h1 */
.h1_special {
	font-size: 25px;
	color: #71bdee;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	line-height: 150%;
  padding-right: 50px;
	border-bottom: 1px solid #71bdee;
}

/* Klasse der Ueberschrift h1 */
.h2_special {
	font-size: 25px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	line-height: 150%;
  padding-right: 50px;
	border-bottom: 1px solid #858585;
}

a,
a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #71BDEE;
}

a:hover {
  text-decoration: none;
  color: #969696;
}

.bold_black,
.bold_black a,
.bold_black a:link,
.bold_black a:visited,
.bold_black a:hover,
.bold_black a:active,
a.bold_black,
a:link.bold_black,
a:visited.bold_black,
a:hover.bold_black,
a:active.bold_black {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	color: #19171a;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
  margin-bottom: 8px;
  padding: 0px;
}

.bold_blue,
.bold_blue a,
.bold_blue a:link,
.bold_blue a:visited,
.bold_blue a:hover,
.bold_blue a:active,
a.bold_blue,
a:link.bold_blue,
a:visited.bold_blue,
a:hover.bold_blue,
a:active.bold_blue {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	color: #71bdee;
	font-weight: bold;
	text-decoration: none;
}
/***************************************************************/
/* Allgemeine Styles fuer Inhaltselemente - ENDE
/***************************************************************/

/********************************************************************************************************************/

/***************************************************************/
/* Header OUT - ANFANG
/***************************************************************/
/* Box für den Header */
.header_out {
	height: 32px;
	min-width: 1220px;
	background-color: #71bdee;
	color: #ffffff;
	overflow: hidden;
	font-size: 10px;
}

/* Header */
.header_in {
	/*width: 1220px;*/
	width: 765px;
	overflow: hidden;
	margin: auto;
	margin-top: 10px;
	padding-left: 455px;
}

/* 1. Element im Header */
.header_name {
	text-transform: uppercase;
	float: left;
	/*margin-left: 455px;*/
}

.hf_text a,
.hf_text a:link,
.hf_text a_visited,
.hf_text a:hover,
.hf_text a:active {
  color: #ffffff;
  text-decoration: none;
}

/***************************************************************/
/* Header OUT - ENDE
/***************************************************************/

/***************************************************************/
/* Footer OUT - ANFANG
/***************************************************************/
/* Box für den Footer */
.footer_out {
	height: 68px;
	min-width: 1220px;
	background-color: #d4ebf9;
	border-top: 1px solid #71bdee;
	overflow: hidden;
	color: #787878;
	font-size: 10px;
}

/* Footer */
.footer_in {
	width: 1220px;
	overflow: hidden;
	margin: auto;
	margin-top: 27px;
}

/* 1. Element im Footer */
.footer_name {
	text-transform: uppercase;
	float: left;
	margin-left: 138px;
}
/***************************************************************/
/* Footer OUT - ENDE
/***************************************************************/

/***************************************************************/
/* Header & Footer OUT - ANFANG
/***************************************************************/
/* Text */
.hf_text {
	float: left;
	margin-right: 15px;
  white-space: nowrap;
}

/* Text rechts */
.hf_text_right {
	float: left;
	margin-left: 25px;
}
/***************************************************************/
/* Header & Footer OUT - ENDE
/***************************************************************/

/********************************************************************************************************************/

/***************************************************************/
/* Mittelteil - ANFANG
/***************************************************************/
/* Mittelteil */
.body {
	width: 1220px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 43px;
	text-align: left;
	overflow: hidden;
}
/***************************************************************/
/* Mittelteil - ENDE
/***************************************************************/

/***************************************************************/
/* Header - ANFANG
/***************************************************************/
/* Header */
.header {
	height: 130px;
  margin-bottom: 25px;
	padding-left: 124px;
	overflow: hidden;
}

/* Logo */
.logo {
	/*margin-left: 124px;*/
	margin-top: 15px;
	float: left;
	background-color: #ffffff;
}

/* Banner im Header */
.header_banner {
	margin-right: 180px;
	float: right;
}

/* Linie beim Logo */
.header_line {
	z-index: -100;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #71bdee;
	top: 156px;
	overflow: hidden;
}
/***************************************************************/
/* Header - ENDE
/***************************************************************/

/***************************************************************/
/* MAIN (left, middle, content) - ANFANG
/***************************************************************/
/* Main */
.main {
	/*float: left;*/
	clear: both;
  overflow: hidden;
}
/***************************************************************/
/* MAIN (left, middle, content) - ENDE
/***************************************************************/

/***************************************************************/
/* linker Bereich - ANFANG
/***************************************************************/
/* Box fuer den linken Bereich */
.left {
	/*width: 322px;*/
	width: 184px;
	padding-left: 138px;
	float: left;
	/*margin-bottom: 90px;*/
	overflow: hidden;
}

/* Navigation */
.navigation {
	float: left;
	/*margin-left: 138px;*/
	overflow: hidden;
	width: 184px;
}

/* Navigationstext */
.nav,
.nav a:link,
.nav a:visited,
.nav a:hover {
	color: #787878;
	line-height: 150%;
	font-size: 13px;
	text-decoration: none;
}


/* Navigationstext - aktiv */
.nav_active,
.nav_active a:link,
.nav_active a:visited,
.nav_active a:hover {
	color: #71bdee;
	line-height: 150%;
	font-size: 13px;
	text-decoration: none;
}

/* Navigation 2 Image */
.navigation2_img {
	clear: both;
  top: 350px;
	width: 138px;
	position: absolute;
	overflow: hidden;
	margin-left: -138px;
}

/***************************************************************/
/* linker Bereich - ENDE
/***************************************************************/

/***************************************************************/
/* mittlerer Bereich - ANFANG
/***************************************************************/
.middle {
	overflow: hidden;
	float: left;
}
/***************************************************************/
/* mittlerer Bereich - ENDE
/***************************************************************/

/***************************************************************/
/* Content Header - ANFANG
/***************************************************************/
/* Box fuer den Content Header */
.content_header {
	float: left;
	height: 387px;
}

/* Bild 1 */
.content_header_1 {
	float: left;
}

/* Bild 2 */
.content_header_2 {
	float: left;
	margin-left: 13px;
}
/***************************************************************/
/* Content Header - ENDE
/***************************************************************/

/***************************************************************/
/* Content statisch - ANFANG
/***************************************************************/
/* Box fuer den statischen Inhalt */
.content_inhalt {
	clear: both;
	width: 610px;
	/*color: #969696;*/
	color: #858585;
	line-height: 150%;
	overflow: hidden;
	margin-bottom: 50px;
}
/***************************************************************/
/* Content statisch - ENDE
/***************************************************************/

/***************************************************************/
/* Content dynamisch (Vereine, News, Angebote) - ANFANG
/***************************************************************/
/* Box fuer den dynamischen Inhalt */
.content {
	clear: both;
	margin-left: 138px;
	width: 900px;
	/*color: #969696;*/
	color: #858585;
	line-height: 150%;
	overflow: hidden;
}
/***************************************************************/
/* Content dynamisch (Vereine, News, Angebote) - ENDE
/***************************************************************/

/***************************************************************/
/* Angebot - ANFANG
/***************************************************************/
/* Box fuer die Sammlung der Angebote */
.content_angebot {
	width: 340px;
	float: left;
}

/* Box fuer ein Angebot */
.angebot {
	clear: both;
	width: 340px;
	margin-bottom: 10px;
	overflow: hidden;
}
/***************************************************************/
/* Angebot - ENDE
/***************************************************************/

/***************************************************************/
/* News - ANFANG
/***************************************************************/
/* Box fuer die Sammlung der News */
.content_news {
	float: left;
	margin-left: 40px;
	width: 520px;
}

/* Box fuer eine News */
.news {
	clear: both;
	/*width: 340px;*/
	margin-bottom: 20px;
	overflow: hidden;
}

/* Titel der News */
a.news span.news_title,
a:link.news span.news_title,
a:visited.news span.news_title,
a:hover.news span.news_title,
a_active.news span.news_title {
	font-size: 20px;
	color: #2d2d2d;
	line-height: 100%;
}

.news_box {
  clear: both;
  margin-bottom: 50px;
  overflow: hidden;
  width: 610px;
}

.news_text {
  float: left;
  margin-left: 20px;
  overflow: hidden;
  width: 442px;
}
/***************************************************************/
/* News - ENDE
/***************************************************************/

/***************************************************************/
/* Verein - ANFANG
/***************************************************************/
/* Box fuer die Sammlung der Vereine */
.content_verein {
	clear: both;
	width: 900px;
	overflow: hidden;
}

/* Box fuer einen Verein */
.verein {
	width: 300px;
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
}
/***************************************************************/
/* Verein - ENDE
/***************************************************************/

/***************************************************************/
/* Verein, Angebot - ANFANG
/***************************************************************/
/* Bild */
.verein_image,
.angebot_image {
	float: left;
	margin-right: 15px;
	/*width: 132px;*/
  /*height: 100px;*/
}

/* Text */
.verein_text,
.angebot_text {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
	width: 137px;
}

/* Titel */
.verein_title,
.angebot_title {
	font-weight: bold;
}
/***************************************************************/
/* Verein, Angebot - ENDE
/***************************************************************/

/***************************************************************/
/* Banner rechts - ANFANG
/***************************************************************/
/* Box fuer den rechten Bereich */
.right {
	float: right;
	width: 160px;
	top: 0px;
	margin-left: 20px;
}
/***************************************************************/
/* Banner rechts - ENDE
/***************************************************************/

/********************************************************************************************************************/

/***************************************************************/
/* Zusatz - ANFANG
/***************************************************************/
/* float-Bruch und Abstandshalter */
.trenner {
	clear: both;
	height: 50px;
}
/***************************************************************/
/* Zusatz - ENDE
/***************************************************************/

/********************************************************************************************************************/

a.news,
a:link.news,
a:visited.news,
a:hover.news,
a:active.news {
  text-decoration: none;
  /*color: #969696;*/
  color: #858585;
}

.back {
  float: right;
}