@import url("webfonts/OpenSans_Regular/stylesheet.css");
@import url("webfonts/OpenSans_Semibold/stylesheet.css");
@import url("webfonts/OpenSans_Light/stylesheet.css");
@import url("webfonts/OpenSans_Bold/stylesheet.css");
@import url("webfonts/OpenSans_CondBold/stylesheet.css");
@import url("webfonts/OpenSans_ExtraBold/stylesheet.css");





body {
	background-color: #2F414F;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-image: url(Bilder/Weitenburg-Vorlage.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
.auflistung ul {
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 15px;
	margin-left: 5px;
}
.button1 {
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
}
.button1 ul li {
    color: #FBFBFB;
    background-color: #163572;
    border-radius: 10px;
    width: 90px;
    list-style-type: none;
    display: inline;
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
}
.button1 ul li a {
    color: #F6F7D4;
    text-decoration: none;
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 400;
    display: block;
    width: 90px;
    background-color: #122C5E;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #F8F5F5;
}
.button1 ul li a:hover   {
	color: #1E4696;
	background-color: #EFF949;
}


#container {
	max-width: 1070px;
	margin: 0 auto;
	padding: 0px;
}

#content {
    float: right;
    width: 73%;
    padding-top: 0px;
    margin-bottom: 5%;
    background-image: url(Bilder/transparentblau.png);
    font-family: "OpenSans Regular";
    font-style: normal;

}


#content figure {
	margin-bottom: 3%;
	border-spacing: 0px 0px;
	border-bottom: 0px solid #CC0000;
	padding-right: 1px;

}



#content h1 {
    font-size: 1.6em;
    margin-bottom: 0em !important;
    color: #FDA603;
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 200;
    letter-spacing: 0.1em;
    line-height: 1em;
    text-transform: uppercase;
}
#content headbold  {
	font-weight: bold;
	color: #DCF706;
}


#content h2 {
    font-size: 1.32em;
    margin-bottom: 0em !important;
    color: #92D7F8;
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 600;
    line-height: 1em;

}

#content h3 {
    font-size: 1.2em;
    margin-bottom: 0em !important;
    color: #92D7F8;
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 600;
    line-height: 1.4em;

}



#content img {
	max-width: 100%;
	height: auto;
}


#content section {
	margin: 0 0 1% 0;
	width: 100%;
	float: left;
	color: #F2F5F9;
	font-size: 1em;
	line-height: 1.3em;
}


#content section:nth-of-type(1) {
    width: 57%;
    float: left;
    padding-left: 1%;
    margin-right: 1%;
    padding-right: 2px;
    font-size: 0.9em;
    line-height: 1.3em;
    font-family: "OpenSans Light";
    font-style: normal;
    font-weight: 400;

}


#content section:nth-of-type(2) {
    width: 36%;
    float: right;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 0.9em;
    line-height: 1.3em;
    border-left: thin dotted #3D4A5F;
    color: #FBFCFC;
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 400;
    margin-right: 0px;
}

#content table {
	width: 100%;
	font-size: 1em;
	padding-right: 2%;
	margin-right: 2px;

}

#content table tr {
	margin-bottom: 3px;
	padding-top: 3px;
	margin-right: 1px;
	padding-right: 2px;
}


#content table td {
	padding-top: 0;
	padding-right: 1px;
	padding-left: 3px;
	padding-bottom: 6px;
	text-align: left;
}


footer {
	clear: both;
	text-align: left;
	font-size: 0.75em;
	background-color: #152546;
	color: #FAFCF4;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
	padding-left: 3px;
}

.freigabebutton {
	width: 15px;
	height: 15px;
}

header {
	float: left;
	margin-left: 0px;
	margin-right: 1%;
	width: 26%;
}

.Hinweis {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 1%;
	margin-right: 1%;
	background-color: #51653F;
	color: #FDA603;
	height: 20px;
}

.infohead {
	color: #FCFCFC;
	font-weight: bold;
	font-size: 1em;
	background-color: #B7901D;
	-webkit-box-shadow: 2px 2px 2px #15223F;
	box-shadow: 2px 2px 2px #15223F;
	padding-left: 3px;
}

.infotext {
    color: #2A1E96;
    font-weight: 500;
    font-size: 1em;
    padding-left: 3px;
    padding-right: 3px;
    font-family: "OpenSans Regular";
}

.infosueberschrift {
    font-family: "OpenSans Regular";
    font-style: normal;
    font-weight: 600;
    font-size: 1.2em;
    color: #92D7F8;

}

.liste {
    font-family: "OpenSans Light";
    font-size: 1em;
    list-style-type: circle;
    list-style-position: outside;
}



#logozone {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	padding-top: 1%;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 0.5%;
	text-align: center;
	-webkit-box-shadow: 0px 0px 0px 0px #333333;
	box-shadow: 0px 0px 0px 0px #333333;
	z-index: auto;
	border-bottom-width: 1px;
	border-bottom-color: #333333;
	border-style: none none solid;
	background-image: url(Bilder/transparentblau.png);
}


#logozone figure {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
}


#logo {
	background: #081b30;
	height: 66px;
	display: block;
	width: 230px;
	margin-bottom: 1px;
}

#navigation {
}

#navMain {
	list-style: none;
	padding: 0;
}

#navMain li {
	float: none;
	width: 25%;
	background-color: #081B30;
}

#navMain li a {
	padding: 7.5% 7% 6.5% 7%;
	color: white;
	margin: 0 0 1% 0;
	display: block;
	text-decoration: none;
	background-color: #3D4A5F;
}

#navMain li a:hover { background: #666; }

.note   {
	font-size: 0.8em;

}

.note ul {
	list-style-position: outside;
	display: block;
	list-style-type: circle;
	margin-bottom: 1px;
	margin-top: 2px;
}

.preis     {
    text-align: right;
    font-weight: bold;
    vertical-align: bottom;
    float: right;
    font-family: "OpenSans Semibold";
}


.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe,
.responsiveContainer object,
.responsiveContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;	
}

section .infobox {
	width: 100%;
	background-color: #CDF0F9;
}

section ul {
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 15px;
}

.subfett   {
    font-weight: 700;
    color: #85C2E3;
    font-size: 1em;
    font-family: "OpenSans Semibold";
}
.subfetthinweis   {
    font-weight: 100;
    color: #F5F04A;
    font-size: 1.1em;
    font-family: "OpenSans Bold";
    letter-spacing: 0.1em;
}
.fett  {
    font-weight: bolder;
    color: #FCE866;
    font-family: "OpenSans Bold";
}
.no-js body #wrapper #container #content article section .nav_button ul {
}


section .nav_button ul {
	padding-left: 1px;
}


.linkcontainer {
	height: 100%;
	width: 100%;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 1px;
	border-bottom: thin solid #F7F3D0;
	float: left;
	clear: both;
}


section .linkcontainer img {
	width: 50%;
	padding-bottom: 3px;
	float: right;
}
.logomitglied {
	width: 50%;
}
.infobanner {
    width: 100%;
    height: 23px;
}
.auszeichnung {
}
section .teasertext strong {
	font-weight: 700;
}






#content table td:nth.child(1) {
	padding: 0 0 3px 3px;
}

#content table td:nth.child(2) {
	padding: 0 0 0 3px;
	text-align: right;
}


@media screen and (min-width:1280px) {



#logozone img{
		height: auto;
		width:80%;
		max-width: 420px;
		min-width: 420px;
}


#container {
	padding: 0px;
	max-width:1200px;	
}

}



@media screen and (max-width:1280px) {

body {
	font-size: 0.9em;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

#container {
	padding: 0px;
	width: 98%;	
}



#logozone figure {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}

#logozone img{
		display: block;
		height: auto;
		width:85%;
		max-width: 420px
}

}



@media screen and (max-width:910px) {


	header{
	width: 26%;
	}

	#logozone figure {
	width: 50%;
}

	#logozone img{
		display: block;
		height: auto;
		width:80%;
}

	#logo {margin-bottom:1%;}


	#navMain li {
		width:25%;
		text-align:center;
	}


	#navMain li a {
		padding:7% 5% 7% 5%;	
		margin-bottom:1%;
	}

	#content {
	padding-top: 0%;

}

	#content img {
	width: 100%;
	height: auto;
}


}


@media screen and (max-width:740px) {

	#content section:nth-of-type(1) {
	width: 59%;
}

	#content section:nth-of-type(2) {
	width: 36%;
}

	#content {
	width: 100%;
}

	#content section {
	font-size: 1,25em;
	line-height: 1.25em;
}

	header {
	position: relative;
	width: 100%;
	background-color: #162B4F;
	top: 1px;

}	
	#navigation {
	width: 100%;
}

}



@media only screen and (max-width:620px) {

	#content section:nth-of-type(1),
	#content section:nth-of-type(2) {
	width: 99%;
	padding-right: 1%;
	padding-left: 1%;
}

	#content section img {
		float:left; 
		max-width:55%; 
		margin:2% 5% 3% 0;}

	#content section:nth-of-type(2) {
	border-left-style: none;
	float: none;
}

	.logomitglied img{
	max-width: 50%;
	float: none;
	clear: both;
}
	body {margin:0;
}

	#container {padding:0px 0px;
}

	#logo {margin:0 auto;
}

	#content table {
		width: 85%;
}

	#navMain li {
	float: left;
	width: 100%;

	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,255,255,1.00)),color-stop( 100% , rgba(33,42,57,1.00)));

	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(33,42,57,1.00) 100%);

	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(33,42,57,1.00) 100%);

	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(33,42,57,1.00) 100%);

}

	#navMain li a {
		padding:4% 2% 4% 2%;	
		margin-bottom:1%;
}

	#content section:nth-of-type(1),
	#content section:nth-of-type(2) {
		font-size: 1em;
		line-height: 1.25em;
}



	#logozone {
	margin-bottom: 0px;
	padding: 1% 0% 1% 0%;
	text-align: center;

}
	#logozone figure {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

}

@media screen and (max-width:400px) {

#content section:nth-of-type(2) figure {
	width: 99%;
}
#content section img {
	max-width:98%; 
	margin:2% 1% 3% 1%;
	float: none;
}

	#logozone img{
		display: block;
		height: auto;
		width:97%;
}

body {
	background-color: #546982;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-image: none;
}
	#content table {
		width: 100%;
		margin-right: 2%;
	}
	#content table td {
	padding-right: 2px;
}

}

#wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.nav_button {
    font-family: "OpenSans Semibold";
    font-size: 1em;
    margin-left: 0%;
}

.nav_button li {
	text-align: left;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 1px;
	border-radius: 2px;
	font-weight: bold;
	width: 90px;
	display: inline;
	list-style-type: none;
	margin-left: 1px;
	padding-left: 1px;
}
.nav_button li a {
	background-color: #F4CF5C;
	width: 90px;
	text-align: center;
	color: #5B5542;
	border-radius: 7px;
	padding-top: 5px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	border-bottom-color: #453A19;
	border-bottom-style: solid;
	border-top: thin solid #FBECC0;
	display: block;
	margin-left: 0px;
	border-right: thin solid #FBECC0;
}
.nav_button li a:hover  {
	background-color: #534313;
	width: 90px;
	text-align: center;
	color: #FBE9B0;
	border-radius: 7px;
}
.nav_button li a:focus {
	background-color: #F1F1F1;
	border: medium solid #57CFEE;
}

#disclaimer   {
    width: 100%;
}