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

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	font-size: 100%; /* Browserdefault, 16px  */ 
	/*background-image:url(../images/back.jpg)*/
}

body {
	margin: 0;
	padding: 0;
	font-family: droid-sans;
	background-color: #444444;
	font-size: 100%; /* Browserdefault, 16px  */
	font-style: normal;
	overflow: scroll;
	color: #222222;
}

p {
	
	color: #222222;
}

#navi a {
	color: #FFFFFF;
}
#navi a:link {
	color: #FFFFFF;
}

#navi a:visited {
	color: #FFFFFF;
}
#navi2 a:hover {
	text-decoration: underline;
	font-weight: normal;
}
.text_zurueck_pdf a:link {
	text-decoration: none;
	color: #FFF;
}

.text_zurueck_pdf a:visited {
	text-decoration: none;
	color: #FFF;
}

.text_zurueck_pdf2 {
	text-decoration: none;
	color: #FFF;
	font-size: 18px;
}

.text_web-index a:link {
	text-decoration: none;
	color: #B9B9B9;
}
.text_web-index a:visited{
	text-decoration: none;
	color: #B9B9B9;
}

a:link {
	text-decoration: none;
	color: #1A319F;
}
a:visited {
	text-decoration: none;
	color: #1A319F;
}
a:hover {
	text-decoration: underline;
	opacity: 0.85;
	filter: Alpha(Opacity=85);
}

a:active {
	text-decoration: underline;
	color: #1A319F;
}
h1{
	font-size: 44px; 
	color: #444;
	font-weight: normal;
}
h2{
	font-size: 18px;
	color: #1A319F;
	padding-bottom: 10px;
	text-align: left;
	font-weight: 500;
	line-height: 40px;
}

h3{
	font-size: 18px; 
	color: #FFFFFF;
	font-weight: normal;
}
.text-ueberschrift_content3 h2{
	font-size: 18px;
	color: #1A319F;
	padding-bottom: 0px;
	text-align: left;
	font-weight: 500;
	line-height: 40px;
}

h3{
	font-size: 16px;
	color: #1A319F;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 6px;
	text-align: left;
}
h4{
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}
.text_left_1_box h4{
	font-size: 14px;
	color: #fff;
	font-weight: 500;
}
h5{
	font-size: 13px;
	font-weight: 600;
	color: #1A319F;
	text-align: left;
}
h6{
	font-size: 13px;
	font-weight: 500;
	color: #1A319F;
	font-style: normal;
	text-align: left;
}
h7{
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 140%;
}

.text_veranstaltungen h5
{
	font-size: 15px;
	color: #666666;
	font-weight: 600;
	line-height: 140%;
}

.text_veranstaltungen h6
{
	margin-top: 10px;
	font-size: 13px;
	color: #555555;
	font-weight: 600;
	line-height: 130%;
}

ul{
	padding-left: 20px;	
	}
	
li{
	list-style-type: circle;
	}
	
ol{
	padding-left: 20px;	
	}
	
ol li {
	list-style-type: decimal;
	}

.text_li_2 {
	padding-left: 13px;	
}
	
#wrapper {
	width: 886px;
	margin:0px auto;
}
#header {
	width: 886px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ffffff;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolut;
	height: 75px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display: block;
}

/* Und für den Internet Explorer */

* html #header {
    margin:0;
    height:10%;
}

#navi {
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: #777;
	text-align: center;
	padding-top: 10px;
	width: 871px;
	padding-bottom: 10px;
	padding-left: 15px;
	position: static;
	color: #FFFFFF;
	font-size: 15px;
}

.navi {
	margin-top: 10px;
	margin-bottom: 0px;
	background-color: #777;
	text-align: center;
	padding-top: 10px;
	width: 871px;
	padding-bottom: 10px;
	padding-left: 15px;
	position: static;
	color: #FFFFFF;
	font-size: 15px;
}

#content_container {
	margin-top: 10px;
	width: 886px;
	background-color: #FFFFFF;
}

#footer {
	position: static;
	background: #efefef;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 886px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.zeilenumbruch_content{
	break-before: column;
	-moz-break-before: column;
	-webkit-break-before: column;
	}
.text_fhp_fooder
{
	color: #757575;
	font-size: 12px;
	margin-left: 30px;
	margin-top: 3px;
	float: left;
	width: 396px;
	line-height: 20px;
}
.text_fhp_header
{
	color: #757575;
	font-size: 30px;
	margin-left: 70px;
	margin-top: 10px;
	float: left;
}
.text_fhp_header_und
{
	color: orange;
	font-size: 30px;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
}
.text_fhp_header_partner
{
	color: #757575;
	font-size: 30px;
	margin-left: 5px;
	margin-top: 10px;
	float: left;
}
.text_fhp_header_sub
{
	color: #757575;
	font-size: 15px;
	margin-left: 70px;
	margin-top: 0px;
	float: left;
	line-height: 30px;
}
.text_zurueck_pdf
{
	font-size: 12px;
	float: left;
	width: 886px;
	padding-bottom: 10px;
	padding-top: 10px;
	background: #1A319F;
	margin-bottom: 10px;
	text-align: center;
	color: #ffffff;
}

.text_zurueck_weiter
{
	color: #959595;
	font-size: 12px;
	float: left;
}

.logo_fhp_header
{
	margin-right: 55px;
	margin-top: 12px;
	float: right;
	opacity: 0.9;
	filter: Alpha(Opacity=90);
}

.q_4x2 {
	width: 886px;
	height: 330px;
	float: left;
	display: block;
}

.text_4x2
{
	width: 846px;
	height: 154px;
	background-color: #FFFFFF;
	opacity: 0.7;
	filter: Alpha(Opacity=70);
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 43px;
	margin-top: 134px;
}
.content_bild {
	width: 886px;
	height: 127px;
	float: left;
	position: static;
	padding: 0px;
	display: block;
}
.content_bild_mitgliedschaft {
	position: static;
	margin-top: 10px;
}

.content_bild_wettb {
	width: 886px;
	height: 217px;
	float: left;
	position: static;
	padding: 0px;
	display: block;
}

.text-ueberschrift_content
{
	width: 846px;
	height: 87px;
	background-color: #FFFFFF;
	text-align: center;
	opacity: 0.7;
	filter: Alpha(Opacity=70);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
}
.text-ueberschrift_content_inqa
{
	width: 846px;
	height: 107px;
	background-color: #FFFFFF;
	text-align: center;
	opacity: 0.7;
	filter: Alpha(Opacity=70);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
.text-ueberschrift_content_weg
{
	width: 846px;
	height: 87px;
	background-color: #000000;
	text-align: center;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
	color: #FFFFFF;
}

.text-ueberschrift_content2
{
	margin-top: 10px;
	width: 846px;
	background-color: #FFFFFF;
	padding-left: 30px;
}

.text-ueberschrift_content3
{
	margin-top: 10px;
	width: 856px;
	background-color: #FFFFFF;
	padding-left: 30px;
	padding-top: 0px;
	float: left;
}
.text-ueberschrift_content4
{
	display:block;
	background-color: #FFFFFF;
	text-align: center;
}
.text-sub-hh
{
	text-align: center;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 140%;
	margin-top: 6px;
}
.text-sub-ver
{
	color: #555555;
	font-size: 13px;
	line-height: 140%;
	margin-top: 6px;
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
}

.bild_im_content {
	float: left;
	position: static;
	margin-right: 10px;
	margin-top: 5px;
}
.bild_im_content_aa {
	float: left;
	position: static;
	margin-right: 10px;
	margin-top: 5px;
}

.text_content
{
	margin-top: 0px;
	width: 826px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
	line-height: 160%;
	font-family: pt-sans;
	font-style: normal;
	font-size: 13px;
	float: left;
	column-count: 2;
	column-rule-color: #666;
	column-rule-width: 1px;
	column-rule-style: dotted;
	column-gap: 30px;
	-moz-column-count: 2;
	-moz-column-rule-color: #666;
	-moz-column-rule-width: 1px;
	-moz-column-rule-style: dotted;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-rule-color: #666;
	-webkit-column-rule-width: 1px;
	-webkit-column-rule-style: dotted;
	-webkit-column-gap: 30px;
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	font-weight: 400;
}	
.text_content-1
{
	margin-top: 0px;
	width: 826px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
	line-height: 160%;
	font-family: pt-sans;
	font-style: normal;
	font-size: 13px;
	float: left;
	text-align: left;
	font-weight: 400;
}	
.text_left_1_default {
	margin-top: 117px;
	width: 194px;
	height: 79px;
	background-color: #FFFFFF;
	opacity: 0.9;
	filter: Alpha(Opacity=90);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 18px;
	text-align: center;
	line-height: 20px;
}

.text_left_1_box {
	width: 194px;
	height: 174px;
	background-color: #5F81D0;
	/*background-color: #F39300;*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 40px;
	text-align: center;
	line-height: 20px;
}	
	
.q_left_1-1_default {
	width: 214px;
	height: 214px;
	float: left;
	position: static;
	margin-top: 10px;
	padding: 0px;
	display: block;
}
.q_left_1-1_default_siegel {
	width: 214px;
	height: 214px;
	float: left;
	position: static;
	margin-top: 10px;
	padding: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 8%;
	background-color: #C7C7C7;
}

.q_left_1-2_default {
	width: 214px;
	height: 189px;
	float: left;
	position: static;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 25px;
	display: block;
	background-color: #FFFFFF;
}
.q_left_1-3_default {
	width: 214px;
	height: 214px;
	float: left;
	position: static;
	margin-left: 10px;
	margin-top: 10px;
	padding: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 10%;
}

.q_left_1-3_default_wettb {
	width: 214px;
	height: 214px;
	float: left;
	position: static;
	margin-left: 10px;
	margin-top: 10px;
	padding: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 10%;
	background-color: #C7C7C7;
}

.q_left_1-3_default_inqa {
	width: 214px;
	height: 214px;
	float: left;
	position: static;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 0px;
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 12%;
}
.q_left_2-3_default {
	width: 214px;
	height: 214px;
	float: left;
	position: static;
	margin-left: 10px;
	margin-top: 10px;
	padding: 0px;
	display: block;
}
.q_left_3-1_default {
	width: 214px;
	height: 214px;
	float: left;
	position: static;
	margin-top: 10px;
	padding: 0px;
	display: block;
}

.q_left_1-halbhoch {
	width: 214px;
	height: 107px;
	float: left;
	position: static;
	margin-top: 10px;
	display: block;
}
.q_left_1-2_halbhoch {
	width: 214px;
	height: 107px;
	float: left;
	position: static;
	margin-left: 10px;
	margin-top: 10px;
	display: block;
}
.q_left_1-2_halbhoch-2 {
	width: 214px;
	height: 107px;
	float: left;
	position: static;
	margin-left: 10px;
	margin-top: 10px;
	display: block;
}
.text_left_1_halbhoch_blau {
	margin-top: 0px;
	width: 194px;
	height: 97px;
	background-color: #5F81D0;
/*	opacity: 0.9;
	filter: Alpha(Opacity=90);*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: center;
	line-height: 22px;
}

.text_left_1_halbhoch_kh {
	margin-top: 0px;
	width: 194px;
	height: 97px;
	background-color: #728F00;
	/*	opacity: 0.9;
	filter: Alpha(Opacity=90);*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: center;
	line-height: 22px;
}

.text_left_1_halbhoch_gruen {
	margin-top: 0px;
	width: 194px;
	height: 97px;
	background-color: #96AB40;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: center;
	line-height: 22px;
}

.text_left_1_halbhoch_orange {
	margin-top: 0px;
	width: 194px;
	height: 97px;
	background-color: #F39300;/*Farbwert Orange #F39300*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: center;
	line-height: 22px;
}

.text_left_1_box_halbhoch {
	width: 194px;
	height: 154px;
	background-color: #5F81D0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 50px;
	text-align: center;
	line-height: 22px;
}
.text_veranstaltungen {
	margin-top: 0px;
	width: 154px;
	height: 199px;
	background-color: #EBEFF4;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	text-align: left;
}
.text_web-index-1 {
	margin-top: 10px;
	width: 886px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	text-align: left;
	color: gray;
	font-size: 13px;
	float: left;
}
.text_web-index {
	margin-top: 0px;
	width: 195px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	text-align: left;
	color: gray;
	font-size: 11px;
	float: left;
	line-height: 160%;
}
.info {
 display: inline-block;
 text-decoration: none;
 font-size: 12px;
 padding: 7px 14px;
 background: #333;
 color: #fff;
 box-shadow: 0 0 1px #333;
}
.info:hover {
 box-shadow: 0 0 5px #333;
}