@charset "utf-8";
/* [Bäre Fäscht] - [Online Consulting AG] - [format.css] */

/************************************************
*              Fixes, Workarounds, etc.         *
************************************************/
/* Clearfix fuer das Float-clearing */
.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}  /* IE 7 */
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

/************************************************
*                 Grundlayout                   *
************************************************/
html {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body {
	text-align: center;
	color: #000000;
	font-size: 12px;
	line-height: 1.4em;
	height: 100%;
	background: #31393f;
}
#wrapper {
	width: 974px;
	margin: 0 auto;
	margin-top: 14px;
	text-align: left;
}
header {
	display: inline-block;
	height: 150px;
	width: 974px;
	background:  #fff;
	background-position: bottom left;
	margin-bottom: 10px;
}
div#logo {
	margin-left: 133px;
	margin-top: 10px;
}
div#page {
	width: 974px;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	height: 100%;
}
div#left {
	float: left;
	width: 140px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
section {
	display: block;
	width: 794px;
	float: left;
	background: #ffffff;
	padding: 15px 20px;
	padding-bottom: 32795px;
	margin-bottom: -32758px;
	min-height: 300px;
}
footer {
	display: block;
	background: #ffffff;
	height: 20px;
	padding-left: 160px;
	font-size: 0.9em;
	color: #999;
	padding-top: 2px;
}
.filler_bottom {
	background: #ffffff;
	min-height: 1px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
.filler_top {
	background: #ffffff;
	height: 8px;
}
/************************************************
*				Style-Elemente					*
************************************************/
img {
	border: none;
}
a, a:link, a:visited {
	text-decoration: none;
	color: #ee2d42;
}
a:focus, a:hover {
	color: #000000;
}
a.back {
	margin: 20px 0 0 0;
	display: inline-block;
}
/************************************************
*                    Navigation                 *
************************************************/
/* Hauptnavigation */
#left ul {
	text-align: right;
}
#left ul li a, #left ul li a:visited, #left ul li a:link {
	display: inline-block;
	color: #000000;
	height: 22px;
	background: #ffffff;
	padding: 7px 6px 2px 0;
	width: 134px;
}
#left ul li a:hover, #left ul li a:active, #left ul li a:focus#left ul li.active a {
	color: #ee2d42;
	padding: 5px 6px 2px 0;
	margin: 2px 0;
}
#left ul li a.active {
	color: #ee2d42;
	padding: 5px 6px 0 0;
	margin: 2px 0;
}
#left ul li:hover + li a.active {
	padding: 5px 6px 0px 0;
	margin: 0 0 2px 0;
}
#left ul li:hover + li a {
	padding: 5px 6px 2px 0;
}
#left ul li.active + li a:hover {
	padding: 7px 6px 2px 0;
	margin: 0 0 2px 0;
}
#left ul li.active:hover + li a {
	padding: 7px 6px 2px 0;
}
/*#left ul li:first-child a:hover {
	padding: 7px 6px 2px 0;
	margin: 0 0 2px 0;
}*/
/************************************************
*			Content-Absatzformate				*
************************************************/
/* Ueberschriften */
h1, h2, h3 {
	font-weight: bold;
}
h1 {
	margin-bottom: 10px;
	font-size: 1.1em;
}
h2 {
	font-size: 1em;
	margin-bottom: 5px;
}
h3 {
}
h4, h5, h6 {
}
/* Paragraph */
p {
	margin-bottom: 10px;
}
/* Hochgestellt */
sup {
	vertical-align: text-top;
	font-size: 0.75em;
}
/* Bold */
.bold {
	font-weight: bold;
}
/* Listen */
section ul {
	list-style-type: none;
	margin: 5px 0 15px 0;
}
section ul li {
	padding: 2px 0 2px 0;
}
section ol {
	list-style-type: decimal;
	margin: 5px 0 15px 10px;
}
section ol li {
	padding: 2px 0;
	margin-left: 10px;
}
/* Tabellen */
div.verein table {
	width: 400px;
	margin-bottom: 20px;
	border-collapse: collapse;
}
table th {
	font-weight: bold;
}
table th, table td {
	vertical-align: top;
	padding: 5px 8px 5px 2px;
	border: none;
}
div.verein td {
	margin: 0;
	padding: 1px 0;
}
div.verein table td.bold {
	width: 105px;
}
div.verein table td.firstrow {
	width: 150px;
}
ul.thumbs li {
	width: 103px;
}
/* Verein */

div.verein div.vereinsbild {
	width: 200px;
}
div.verein div.vereinsbild img {
	width: 200px;
}
/************************************************
*                 	Footer                     *
************************************************/

footer a, footer a:link, footer a:visited, footer a:hover, footer a:focus {
	color: #000000;
}
/************************************************
*                 Formulare                     *
************************************************/

/************************************************
*                 Karte		                    *
************************************************/
.tooltip_zahl {
	position: absolute;
	display: none;
	filter: Alpha(opacity=90);
	opacity: 0.9;
	background: #ffffff;
	border: 1px solid #d61f24;
	padding: 6px;
	width: 200px; 
}
.tooltip_zahl table {
	margin: 0;
	border: none;
}
.tooltip_zahl td {
	border: none;
	margin: 0;
	padding: 1px 3px;
}
.tooltip_buchstabe {
	position: absolute;
	display: none;
	filter: Alpha(opacity=90);
	opacity: 0.9;
	background: #ffffff;
	border: 1px solid #fef104;
	padding: 6px;
	width: 200px;
}
.tooltip_buchstabe table {
	margin: 0;
	margin-bottom: 8px;
	border: none;
}
.tooltip_buchstabe td {
	border: none;
	margin: 0;
	padding: 1px 0;
}
.tooltip_buchstabe td.firstrow {
	width: 105px;
}