html {
height:				100%;
}

body {
background:			#C02B1F;
font-family:		Arial, sans-serif;
font-size:			11pt;
width:				100%;
height:				100%;
margin:				0;
padding:			0;
}

#wrapper {
max-width:			990px;
width:				auto;
position:			relative;
min-height:			100%; /* Mindesthöhe für moderne Browser */
height:				auto !important; /* Important Regel für moderne Browser */
height:				100%; /* Mindesthöhe für den IE */
overflow:			hidden !important; /* FF Scroll-leiste */
margin:				auto;
background-color:	white;
}

#wrapper a {
text-decoration:	none;
color:				#C02B1F;
}

#wrapper a:hover {
text-decoration:	underline;
}

#clear_div {
clear:				both;
height:				50px;
}

#header_wrap {
width:				100%;
}

#header_titel {
font-size:			14pt;
font-weight:		bold;
padding:			29px 0;
width:				80%;
margin:				0 auto;
}

#header_logo {
position:			absolute;
top:				25px;
left:				67.6%;
width:				29.6%;
}

#header_logo img {
width:				100%;
max-width:			300px;
}

#header_bild {
border-top:			1px solid #C02B1F;
width:				100%;
max-width:			990px;
background-image:	url(./images/header.jpg);
}

#header_bild img {
width:				100%;
}

@media screen and (max-width:700px) {
	#header_bild {
		display:			none;
	}
	#header_titel {
		text-align:			center;
		padding:			29px 0 10px 0;
	}
	#header_logo {
		text-align:			center;
		margin:				0 auto;
		position:			relative;
		width:				80%;
		top:				0;
		left:				0;
		padding-bottom:		15px;
	}
	#header_logo img {
		width:				50%;
	}
}

#header_navi {
width:				100%;
padding:			12px 0;
margin:				0 auto;
font-size:			12pt;
border-top:			1px solid #C02B1F;
border-bottom:		1px solid #C02B1F;
text-align:			center;
}

#menu_icon {
display:			none;
}

ul#navigation {
margin:				0;
text-align:			center;
}

ul#navigation li {
list-style:			none;
display:			inline;
padding:			0 20px;
}

ul#navigation a {
color:				black;
text-decoration:	none;
}

ul#navigation a:hover {
color:				#C02B1F;
text-decoration:	none;
}

ul#navigation span {
color:				#C02B1F;
}

@media screen and (max-width:700px) {
	#menu_icon {
		display:		inline;
	}
	ul#navigation {
		display:		none;
	}
	ul#navigation li {
		display:		inline-block;
		width:			100%;
		padding:		10px 0;
	}
}

@media screen and (min-width:701px) {
	ul#navigation {
		display:		block!important;
	}
}

#content {
width:				80%;
min-height:			400px;
margin:				0 auto;
margin-top:			35px;
margin-bottom:		25px;
text-align:			left;
}

@media screen and (max-width:700px) {
	#content {
		min-height:			0;
	}
}

.boxen {
padding-bottom:		45px;
}
	
.box_links {
width:				46%;
margin-right:		4%;
float:				left;
}

.box_rechts {
width:				46%;
margin-left:		4%;
float:				right;
}

.box_links img, .box_rechts img {
max-width:			100%;
border:				1px solid lightgrey;
}

@media screen and (max-width:700px) {
	.box_links, .box_rechts {
		width:				100%;
		float:				none;
		margin:				0;
	}
	.box_oben {
		padding-bottom:		25px;
	}
}

.home_youtube {
position:			relative;
padding-bottom:		55%;
padding-top:		15px;
height:				0;
overflow:			hidden;
}

.home_youtube iframe {
position:			absolute;
top:				0;
left:				0;
width:				100%;
height:				100%;
}

.fotos_kat_titel {
background:			lightgrey;
padding:			8px 15px;
margin-bottom:		20px;
}

.fotogalerie_wrap {
padding:			0 15px;	
}

.fotogalerie_div {
float:				left;
margin-right:		25px;
margin-bottom:		20px;
}

.fotogalerie_div img {
border:				1px solid #C02B1F;
}

.fett {
font-weight:		bold;
}

.fett_rot {
font-weight:		bold;
color:				#FF0000;
}

.legende {
font-size:			0.8em;
}

.table {
border:				1px solid #000000;
border-collapse:	collapse;
}

.tablerow {
display:			block;
float:				left;
clear:				both;
margin-bottom:		2px;
color:				#2A5518;
}

.tablerow:hover {
background:			#60B74E;
}

.tablerow_inaktiv {
color:				#C8C8C8;
float:				left;
clear:				both;
margin-bottom:		2px;
}

.tablerow_head {
float:				left;
clear:				both;
margin-bottom:		2px;
}

.tablerow_left, .tablerow_inaktiv_left {
float:				left;
width:				90px;
}

.tablerow_right, .tablerow_inaktiv_right {
display:			inline;
margin-right:		10px;
}

.tablerow_ranking_left, .tablerow_ranking_right {
float:				left;
width:				50px;
}

.tablerow_ranking_middle {
float:				left;
width:				200px;
}

.tablerow_link {
display:			block;
}

.formularfelder {
font-family:		Arial, sans-serif;
font-size:			0.9em;
}

.text {
clear:				both;
}

.userangabe_titel {
font-weight:		bold;
font-size:			0.8em;
}

.userangabe {
font-size:			0.8em;
}

.seitentitel {
font-weight:		bold;
font-size:			12pt;
}

.res:hover {
background:			#60B74E;
}

.res_inaktiv {
color:				#C8C8C8;
}

.formfield {
font-family:		Arial, sans-serif;
font-size:			11pt;
}

.formfield_fehler {
font-family:		Arial, sans-serif;
font-size:			11pt;
background:			#FE797B;
}

.formfield_resultattipp {
font-family:		Arial, sans-serif;
font-size:			11pt;
width:				23px;
text-align:			center;
}

.formfield_resultattipp_fehler {
font-family:		Arial, sans-serif;
font-size:			11pt;
width:				23px;
text-align:			center;
background:			#FE797B;
}

.formmeldung {
margin-top:			15px;
}

.formmeldung_fehler {
font-size:			8pt;
color:				red;
}

.formmeldung_ok {
font-size:			8pt;
color:				green;
}

.hidden_field {
display:			none;
}

.admin_icons {
border:				1px solid #2A5518;
margin-right:		10px;
}

.datumsangabe {
font-size:			7pt;
line-height:		1px;
color:				lightgrey;
padding-top:		10px;
}

.clublogo {
vertical-align:		middle;
}

.kontaktperson {
float:				left;
margin-right:		20px;
}

.kontaktperson_bild {
margin-bottom:		8px;
}

.kontaktperson_bild img {
border:				1px solid grey;
display:			block;
}

.kontaktperson_name {
margin-bottom:		20px;
}

.kontakt_links {
width:				55%;
margin-right:		5%;
float:				left;
}

.kontakt_rechts {
background:			#c4c8cc;
overflow:			hidden;
}

.formular {
margin:				20px;
}

@media screen and (max-width:890px) {
	.kontakt_links {
		float:			none;
		width:			100%;
		margin-bottom:	25px;
	}
	.kontakt_rechts {
		float:			none;
		width:			100%;
		padding:		0;
	}
}

.form_block {
margin-bottom:		5px;
width:				280px;
max-width:			100%;
}

.form_input {
font-family:		Arial,sans-serif;
width:				96%;
height:				25px;
padding:			2px 2%;
}

.form_textarea {
font-family:		Arial,sans-serif;
width:				96%;
height:				100px;
padding:			5px 2%;
}

.form_submit {
padding:			8px 13px;
}

.facebook_button {
margin-top:			25px;
max-width:			100%;
}

.clear_both {
clear:				both;
}

ul {
margin-left:		20px;
}

h1 {
font-weight:		bold;
font-size:			14pt;
margin-bottom:		30px;
}

h2 {
font-size:			11.5pt;
font-weight:		bold;
margin-bottom:		10px;
}

h3 {
font-size:			12pt;
font-weight:		bold;
}

* {
margin:				0;
padding:			0;
}

p {
margin:				15px 0;
}

td, th {
padding:			2px;
}

#profil td {
vertical-align:		top;
}

th {
text-align:			left;
}