body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #111;
	}

a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: none;
	background-color: transparent; /* Fix for IE */
	}

.clearer {
	clear: both;
	}

.clearfix::after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	width: 0;
	line-height: 0;
	font-size: 0;
	}

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

	body {
		font-size: 11pt;
		}
}

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

	body {
		font-size: 12pt;
		}
}


h1 {
	font-size: 22pt;
	line-height: 31pt;
	font-weight: normal;
	margin: 40px 0 0 0;
	}

h2 {
	font-size: 18pt;
	line-height: 25pt;
	font-weight: bold;
	margin: 40px 0 0 0;
	}

h3 {
	font-size: 15pt;
	line-height: 22pt;
	font-weight: normal;
	margin: 40px 0 0 0;
	}

h4 {
	font-size: 13pt;
	line-height: 29pt;
	font-weight: normal;
	margin: 30px 0 0 0;
	}

h5 {
	font-size: 12pt;
	line-height: 17pt;
	font-weight: bold;
	margin: 30px 0 0 0;
	}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
	margin-top: 0;
	}

p {
	margin: 25px 0 0 0;
	line-height: 14pt;
	}

p:first-child {
	margin-top: 0;
	}

a {
	color: #00d;
	}

a:hover,
a:focus {
	color: #008;
	text-decoration: underline;
	}

strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}


blockquote {
	padding: 18px 10px 14px 30px;
	background-color: #fafafa;
	border-left: 3px solid #f4f4f4;
	margin: 25px 0 0 0;
	position: relative;
	}

blockquote:first-child {
	margin-top: 0;
	}

blockquote::before {
	color: #ddd;
	content: "\201C";
	font-size: 70pt;
	font-weight: bold;
	height: 40px;
	left: 16px;
	position: absolute;
	top: -5px;
	}

blockquote p {
	font-family: Cambira, Georgia, Times, serif;
	font-style: italic;
	color: #338;
	background-color: transparent !important;
	border: none !important;
	padding: 0 !important;
	font-size: 12pt;
	line-height: 18pt;
	}

blockquote p:first-child {
	text-indent: 40px;
	}






#inhalt ul {
	list-style: circle;
	margin: 25px 0 0 0;
	padding: 0 0 0 20px;
	}

	#inhalt ul > li {
		margin: 4px 0 0 0;
		padding: 0 0 0 5px;
		}

	#inhalt ul > li:first-child {
		margin-top: 0;
		}

#inhalt ul:first-child {
	margin-top: 0;
	}

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

	p {
		line-height: 16pt;
		}
}

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

	p {
		line-height: 17pt;
		}
}





.browserDiv {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}

	.browserDiv > .gesamtDiv {
		padding: 70px 0 0 0;
		}

		.browserDiv > .gesamtDiv > .gesamtInhaltDiv {
			}

			.browserDiv > .gesamtDiv > .gesamtInhaltDiv > .logoDiv {
				margin: 0 0 35px 0;
				position: relative;
				}

			.browserDiv > .gesamtDiv > .gesamtInhaltDiv > .untenDiv {
				}

				.browserDiv > .gesamtDiv > .gesamtInhaltDiv > .untenDiv > .linksUntenDiv {
					width: 190px;
					float: left;
					}

				.browserDiv > .gesamtDiv > .gesamtInhaltDiv > .untenDiv > .rechtsUntenDiv {
					width: 610px;
					float: right;
					}

	.browserDiv > .bodenDiv {
		margin: 60px 0 30px 0;
		}

		.browserDiv > .bodenDiv > .linksBodenDiv {
			text-align: right;
			}

			.browserDiv > .bodenDiv > .linksBodenDiv a {
				font-size: 8pt;
				color: #ccc;
				}



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

	.browserDiv {
		width: 85%;
		}

		.browserDiv > .gesamtDiv {
			padding: 50px 0 0 0;
			}

		.browserDiv > .gesamtDiv > .gesamtInhaltDiv > .untenDiv > .linksUntenDiv {
			width: 23%;
			}

		.browserDiv > .gesamtDiv > .gesamtInhaltDiv > .untenDiv > .rechtsUntenDiv {
			width: 76%;
			}
}

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


	.browserDiv {
		width: 85%;
		}

		.browserDiv > .gesamtDiv {
			padding: 30px 0 0 0;
			}

		.browserDiv > .gesamtDiv > .gesamtInhaltDiv > .logoDiv #logo {
			width: 70%;
			height: auto;
			}

		.browserDiv > .gesamtDiv > .gesamtInhaltDiv > .untenDiv > .linksUntenDiv {
			width: 100%;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding: 20px 0;
			}

		.browserDiv > .gesamtDiv > .gesamtInhaltDiv > .untenDiv > .rechtsUntenDiv {
			width: 100%;
			}
}








.logoDiv .menu-trigger {
	display: none;
	padding: 15px;
	}


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

	.browserDiv > .gesamtDiv > .gesamtInhaltDiv > .untenDiv > .linksUntenDiv {
		display: block !important;
		}
}

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

	.browserDiv > .gesamtDiv > .gesamtInhaltDiv > .untenDiv > .linksUntenDiv {
		display: none;
		}

	.logoDiv .menu-trigger {
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -25px;
		}
}





.menue {
	}

	.menue a {
		color: #00d;
		font-size: 12pt;
		font-weight: bold;
		padding: 5px 0;
		display: inline-block;
		}

	.menue .subnavigation-wrapper {
		margin: 5px 0 15px 0;
		}

		.menue .subnavigation-wrapper a {
			font-size: inherit;
			margin: 0 0 0 10px;
			}

	.menue a:hover,
	.menue a:focus {
		color: #008;
		text-decoration: underline;
		}

	.menue a.subNaviAktiv,
	.menue a.naviAktiv {
		color: #008;
		text-decoration: underline;
		}

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

	.menue a {
		color: #00d;
		font-size: 12pt;
		font-weight: bold;
		padding: 10px 0;
		display: inline-block;
		}
}



#inhalt {
	padding: 0 30px;
	line-height: 14pt;
	}


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

	#inhalt {
		padding: 30px 0 0 0;
		}
}





/****** Armin: Overlay ******/

#ap-overlay-box {
	position: absolute;
	z-index: 999;
	left: 50%;
	top: 0;
	width: 600px;
	margin: 0 0px 0px -300px;
	box-shadow: 2px 2px 20px #333;
	-moz-box-shadow: 2px 2px 20px #333;
	-webkit-box-shadow: 2px 2px 20px #333;
	background-color: #fff;
	font-size: 10pt;
	}

	#ap-overlay-box > .wrapper {
		background-color: #fff;
		margin: 7px;
		overflow: hidden;
		}

	#ap-overlay-box > .wrapper > iframe {
		width: 100%;
		}

	#ap-overlay-box p {
		background-color: #f9f9f9;
		padding: 10px 7px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #eee;
		}

	#ap-overlay-box h2 {
		font-size: 13pt;
		color: #111 !important;
		line-height: 20pt;
		background-color: #fff;
		padding: 10px 7px;
		margin: 0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #eee;
		}

		#ap-overlay-box h2 a {
			color: #111 !important;
			text-decoration: none !important;
		}

	#ap-overlay-box .ap-overlay-close {
		color: #008 !important;
		}

		#ap-overlay-box .info a {
			color: #008 !important;
			}

	#ap-overlay-box a.ap-overlay-click-for-more {
		color: #008;
		text-decoration: underline;
	}


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


	#ap-overlay-box {
		left: 0;
		width: 90%;
		margin: 0 5%;
		}

	#ap-overlay-box > .wrapper > iframe {
		height: 300px;
		}

}



#ap-overlay-ear {
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 0;
	width: 180px;
	background-color: #f9f9f9;
	-webkit-box-shadow: 0 2px 5px #ccc;
	   -moz-box-shadow: 0 2px 5px #ccc;
	    -ms-box-shadow: 0 2px 5px #ccc;
	     -o-box-shadow: 0 2px 5px #ccc;
	        box-shadow: 0 2px 5px #ccc;
	padding: 10px 7px 5px 7px;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 5px;
	}

	#ap-overlay-ear h3 {
		margin-top: 3px;
		margin-bottom: 5px;
		color: #666;
		font-size: 8pt;
		line-height: 12pt;
		}

	#ap-overlay-ear p {
		color: #008;
		font-style: italic;
		text-shadow: 1px 1px 1px #fff;
		-moz-text-shadow: 1px 1px 1px #fff;
		-webkit-text-shadow: 1px 1px 1px #fff;
		margin: 10px 0 0 0;
		font-size: 8pt;
		line-height: 12pt;
		}


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

	#ap-overlay-ear {
		position: relative;
		z-index: 1000;
		top: auto;
		right: auto;
		width: auto;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		    -ms-box-shadow: none;
		     -o-box-shadow: none;
		        box-shadow: none;
		padding: 15px 7px;
		cursor: pointer;

		background: none;
		border: none;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-radius: 0;
		}

	#ap-overlay-ear h3 {
		font-size: 11pt;
		line-height: 15pt;
		}

	#ap-overlay-ear p {
		font-size: inherit;
		line-height: inherit;
		text-shadow: none;
		}

}