/* Farbwert blau: #2371C0 - alternativ (dunkler): #004ea3 */
body {
	/* position and dimensions */
	height: 85%;
	/* paddings and margins */
	margin: 0;
	/* font and formatting*/
	font-size: 12px;
	font-family: Arial, Helvetica;
	/* borders and background */
	background-color: white;
}
a, a:visited {
	color: #004ea3;
}
td {
	/* font and formatting*/
	font-size: 12px;
	font-family: Arial, Helvetica;
}
ul {
	/* paddings and margins */
	padding: 0;
	margin: 0;
	/* font and formatting*/
	list-style-type: none;
	list-style-position: outside;
}
ul li {
	/* paddings and margins */
	padding: 0;
	margin: 0;
	/* font and formatting*/
	list-style-type: none;
	list-style-position: outside;
}
ul.quotes li {
	margin: 5px 0;
}
ul.quotes li i {
	margin-left: 5px;
}
hr.hr_gray {
	height: 1px;
	background-color: #bcbcbc;
	border: none;
}

.fc_blue {
	color: #004ea3;
}
.fc_white {
	color: white;
	visibility: hidden;
}
.fc_gray {
	color: #bcbcbc;
}
#header {
	/* position and dimensions */
	position: absolute;
	top: 0;
	left: 160px;
	width: 80%;
	/* IE braucht 1 Pixel mehr Hoehe */
	height: 126px;
	/* paddings and margins */
	padding-left: 20px;
	/* font and formatting*/
	font-weight: bold;
	font-size: 60px;
	/* dunkleres blau: #004ea3 */
	color: #2371C0;
	text-align: left;
	line-height: 100px;
	z-index: 5;
	/* borders and background */
	border-bottom: 2px solid #2371c0;
	background-image: linear-gradient(90deg, #efefef 10%, white 90%);
	display: grid;
	grid-template-rows: 50% 50%;
}
#header .subheader  {
	font-size: 18px;
	line-height: 50px;
	color: #555;
}
.gruendung {
	/* paddings and margins */
	padding-left: 20px;
	/* font and formatting*/
	font-size: 16px;
}
.gruendung img {
	/* position and dimensions */
	height: 60px;
	/* font and formatting*/
	vertical-align: middle;
}
#left {
	/* position and dimensions */
	position: absolute;
	left: 0;
	top: 0;
	height: 92%;
	width: 160px;
	/* font and formatting*/
	z-index: 5;
	/* borders and background */
	background-color: #efefef;
}
#wappen {
	/* position and dimensions */
	position: absolute;
	top: 5px;
	left: 10px;
	border: none;
}
#navi {
	/* position and dimensions */
	position: absolute;
	top: 120px;
	left: 0px;
	width: 160px;
	height: 85%;
	/* paddings and margins */
	padding-top: 3px;
	/* borders and background */
	background-color: #efefef;
	border: none;
	/* alternative */
	border-top: 2px solid #2371c0;
	padding-top: 0;
	top: 126px;
	/* end alternative */
}
#inner_navi {
	/* position and dimensions */
	position: relative;
	top: -10px;
	display: inline;
	/* font and formatting */
	font-weight: bold;
}
.innerMenuItem, .innerMenuItem_act{
	/* font and formatting */
	display: inline;
	/* paddings and margins */
	padding: 7px;
	/* borders and background */
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #2371c0;
}
.innerMenuItem a, innerMenutItem_act a, .innerMenuItem a:visited, innerMenutItem_act a:visited {
	/* font and formatting */
	color: black;
	text-decoration: none;
}
.innerMenuItem_act a, .innerMenuItem_act a:visited {
	/* font and formatting */
	color: white;
	text-decoration: none;
}
#mainContent {
	/* position and dimensions */
	position: absolute;
	top: 127px;
	left: 160px;
	width: 80%;
	height: 100%;
	/* paddings and margins */
	padding: 20px 0 20px 20px;
}
.withBG {
	/* borders and background */
	/*background: url('/img/Sportheim.jpg');*/
	background-image: url('/img/wappen_bg.gif');
	background-repeat: no-repeat;
	background-position: center;
}
/* Menu Items */
.menuItem_no, .menuItem_act {
	/* position and dimensions */
	height: 24px;
	/* paddings and margins */
	padding-left: 10px;
	margin-top: 3px;
	/* font and formatting*/
	font-weight: bold;
	font-family: courier new;
	font-size: 15px;
	color: black;
	line-height: 24px;
	/* borders and background */
	border: 1px solid #2371C0;
	background-image: linear-gradient(180deg, #1c5a99 10%, #2371c0 90%);
}
.menuItem_no:first-child {
	/* IE kennt die pseudo Klasse :first-child nicht, aus Gruenden der Einheitlichkeit deshalb deaktiviert */
	/*margin: 0;*/
}
.menuItem_act {
	/* font and formatting*/
	font-weight: bold;
	color: black;
	background-image: none;
	background-color: white;
}
.menuItem_no a, .menuItem_no a:visited {
	/* font and formatting*/
	text-decoration: none;
	color: white;
	display: block;
}
.menuItem_act a, .menuItem_act a:visited {
	text-decoration: none;
	color: #1c5a99;
	display: block;
}
.subMenuItem_no, .subMenuItem_act {
	/* position and dimensions */
	height: 24px;
	/* paddings and margins */
	padding-left: 30px;
	margin-top: 0px;
	/* Korrektur fuer IE */
	/* margin-left: -10px; */
	/* font and formatting*/
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: normal;
	color: white;
	line-height: 24px;
	/* borders and background */
	background-color: #1375b8;
	border: 1px solid #5098cb;
}
.subMenuItem_act {
	/* borders and background */
	background: url('/img/marker.gif');
	background-repeat: no-repeat;
	background-position: left;
	background-color: #1375b8;
}
.subMenuItem_no a, .subMenuItem_act a, .subMenuItem_no a:visited, .subMenuItem_act a:visited {
	/* font and formatting */
	text-decoration: none;
	color: white;
	font-size: 12px;
	font-family: Arial, Helvetica;
	display: block;
}
.breadcrumbs {
	font-size: 12px;
	font-weight: bold;
}

.breadcrumbs a {
	color: #2371C0;
	font-weight: bold;
	font-size: 12px;
}
#kontakt, .infobox {
	/* font and formatting */
	display: block;
	/* borders and background */
	border: 3px double #1375b8;
	/* position and dimensions */
	width: 50%;
	/* paddings and margins */
	padding: 3px;
	margin-top: 10px;
}
#kontakt b, .infobox b {
	display: block;
	border-bottom: 3px double #1375b8;
	background-color: #efefef;
	padding: 4px;
	margin-top: -3px;
	margin: -3px -3px 3px -3px;
}
#divContent {
	padding-top: 10px;
	display: block;
}
table.dataList {
	border: none;
}
table.dataList td {
	font-size: 12px;
	color: black;
	padding-right: 10px;
}
.contentHeader {
	font-size: 20px;
}
.img_wrap, .img_wrap img {
	width: 600px;
	border: none;
}
.news_section, .news_sub_section {
	color: #2371c0;
	font-weight: bold;
}
a.section_link, a.sub_section_link {
	font-weight: bold;
}
.news_title {
	display: block;
	padding: 0 10px 5px 5px;
	border-bottom: 1px solid #2371c0;
	border-left: 4px solid #2371c0;
}
.news_title a {
	text-decoration: none;
}
.news_title a:hover {
	text-decoration: underline;
}
.news_subtitle {
	padding-bottom: 5px;
	font-style: italic;
}
.player_div {
	float: left;
	padding: 5px;
}
.player_thumb {
	width: 150px;
	border: none;
	display: block;
}
.players {
	margin-top: 10px;
	width: 810px;
}
.card_player {
	float: left;
	width: 250px;
	padding: 5px 5px 0 5px;
	margin: 0 5px 5px 0;
	background-color: #ddf6bb;
	border: 1px solid #dddddd;
}
.page, .act {
	padding: 2px 5px;
}
.count {
	margin-right: 50px;
}
.pages a {
	text-decoration: none;
	font-weight: bold;
}
.act {
	font-weight: bold;
	color: white;
	background-color: #2371c0;
}
/* Zusaetzliche Styles fuer die Chronik */
#chronik_main {
	float: left;
	font-family: arial, helvetica;
	font-size: 10pt;
}
#chronik_header {
	margin-left: 20px;
	margin-bottom: 50px;
}
#chronik_bilder {
	width: 250px;
	float: right;
	font-family: arial, helvetica;
	font-size: 10pt;
	margin-right: 15px;
}
.chronik_eintrag {
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
	border-left: 1px dotted #cccccc;
	margin-bottom: 30px;
	width: 71ex;
}
.chronik_jahr {
	width: 11ex;
	float: left;
	padding: 0 2px;
	color: #004ea3;
	font-weight: bold;
	border-bottom: 1px solid #004ea3;
	border-left: 2px solid #004ea3;
	margin-right: 10px;
}
.chronik_text {
	float: left;
	padding: 0 5px;
	width: 56ex;
}
.chronik_bild {
	margin: 0;
	float: left;
	position: relative;
	padding: 0 0 15px 15px;
}
.chronik_bild a {
	float: left;
}
.chronik_bild img {
	float: left;
	border: none;
}
.chronik_bild_overlay {
	position: absolute;
	color: white;
	font-weight: bold;
	background-color: #004ea3;
	opacity: 0.5;
	padding: 2px;
}
.hover {
	opacity: 1.0;
}
.cbo_tl {
	top: 10px;
	left: 20px;
}
.cbo_tr {
	top: 10px;
	right: 10px;
}
.cbo_bl {
	bottom: 20px;
	left: 20px;
}
.cbo_br {
	bottom: 20px;
	right: 10px;
}
br.clearfloat {
	clear: both;
}
.right_h2 {
	padding-left: 60px;
}
/* calendar styles */
.cal_day, .cal_head {
	float: left;
	width: 2em;
	border: 1px solid blue;
	text-align: center;
}
.cal_day {
	border-color: #c0c0c0;
	background-color: #e0e0e0;
}
.active {
	background-color: yellow;
	font-weight: bold;
}
.cal_link {
	text-decoration: none;
	color: black;
}
.cal_head {
	background-color: #004ea3;
	color: white;
}
.cal_row {
	clear: both;
}
.cal_title {
	font-weight: bold;
	color: #004ea3;
	padding: 2px 0 3px 6px;
	border-left: 1px solid #004ea3;
	width: 14em;
}
.cal {
	float: right;
}
.cal_date {
	width: 6em;
	float: left;
}
.cal_info {
	float: left;
	width: 35em;
}
.cal_info_hp {
	float: left;
	width: 55em;
}
.cal_entry {
	float: left;
	margin-bottom: 10px;
	border-left: 1px solid #004ea3;
	border-bottom: 1px dotted #004ea3;
	padding: 0 0 5px 5px;
	margin-bottom: 15px;
}
.cal_highlight {
	background-color: #ffeebb;
}
p.hp_teaser {
	border-left: 2px solid #004ea3;
	border-bottom: 2px solid #004ea3;
	padding: 3px;
}
p.hp_teaser b {
	margin: -3px -3px 0 -3px;
}
b.hp_teaser  {
	background-color: #004ea3;
	display: block;
	padding: 3px;
	color: white;
}
.resultat {
	width: 40ex;
	position: relative;
	border: 3px double #c0c0c0;
	padding: 2px;
}
.ergebnis {
	color: black;
	position: absolute;
	right: 0;
	top: 0;
	padding: 2px;
}
.paar {
	max-width: 450px;
	background-color: #D0D0D0;
	position: relative;
	margin: 2px 0;
	padding: 2px 0 2px 2px;
}
.erg {
	white-space: nowrap;
	color: black;
	position: absolute;
	right: 6px;
	background-color: #EFEFEF;
	padding: 1px 2px;
	margin-top: -1px;
}
/* Umfrage Styles */
div.hp_special {
	margin: 10px 0;
	background-color: #eee;
	border: 1px solid #aaa;
	width: 830px;
	padding: 10px;
}
div.hp_special label {
	height: 28px;
	background-image: url('/img/Backgrounds/option_orange.png');
	background-repeat: no-repeat;
	margin: 3px 0;
	z-index: 1;
	width: 400px;
	display: inline-block;
	font-size: 14px;
	color: black;
	font-weight: bold;
	padding: 13px 0 0 12px;
}
div.hp_special input {
	margin-left: 20px;
}
div.hp_special .button_submit {
	color: #004EA3;
	padding: 5px 15px 5px 10px;
	margin: 10px 0 0 20px;
	font-weight: bold;
	background: url('/img/Backgrounds/button_grau2.png') no-repeat;
	height: 34px;
	border: 0;

}
div.hp_special h2 {
	margin: 0;
	color: #004ea3;
	font-size: 22px;
}
div.survey_bar {
	height: 15px;
	background: url('/img/Backgrounds/bar_blue.png') repeat-x #0619aa;
	border: 1px solid #7c84ce;
	margin: 2px 0 5px;
}
div.hp_special ol {
	padding-left: 20px;
}

span.fixed_width {
	display: inline-block;
	width: 100px;
}