/*!
 * jQuery UI Accordion 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion {
	margin: 60px 0 20px 0;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	padding: 0.7em 5.8em 0.7em 0.7em;
	min-height: 0;/* support: IE7 */
	background: #ffffff;
}
.ui-accordion .ui-accordion-icons {
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding: 1.2em 4.5em 1.2em 0;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	right: 1.1em;
	bottom: 17px;
	opacity: .8;
	filter:Alpha(Opacity=80);
}
.ui-accordion .ui-accordion-content {
	padding: 1em 4.2em 1.5em 1.2em;
	border-top: 0;
	overflow: auto;
}
/* Show on hover (animate opacity) */
.caption::before, .caption::after {
	opacity: 0;
	position: absolute;
	width: 275px;
	color: #000;
	padding: 1em 1em 0.7em 0.7em;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.caption::before {
	content: attr(data-title);
	top: 0;
	right: 0;
	height: 100%;
	text-align: right;
	background: #fff;
	font-size: 16px;
	font-weight: 300;
}
.caption:hover::before, .caption:hover::after {
	opacity: 1;
}
/* generic page */

.page-generic {
	margin: 20px 0 0 0;
}
.page-generic ul {
	margin-top: 10px;
}
.page-generic li {
	list-style-type: none;
	margin-left: -15px;
}
.page-generic li li {
	list-style-type: none;
	padding-bottom: 7px;
	margin-left: 25px;
}
.page-generic li img {
}
.page-generic li span {
}
.page-generic h1 {
	margin: 0 0 20px 0;
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.page-generic h2 {
	font-size: 18px;
	font-weight: 400;
	color: #000000
}
.page-generic p {
	margin-top: 10px;
	text-align: justify;
}
 @media screen and (max-width: 480px) {
.page-generic {
 padding-top: 0:
}
.page-generic li {
	margin-left: -30px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.ui-accordion .ui-accordion-header {
	padding: 1.1em 1.5em 1.1em 13px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	bottom: 26px;
	right: 0.6em;
}
.ui-accordion .ui-accordion-content {
	padding: 0.8em 13px 1.2em 13px;
	border-top: 0;
	overflow: auto;
}
.caption::before, .caption::after {
	width: 100%;
}
}
 @media screen and (min-width: 481px) and (max-width: 837px) {
.page-generic {
	margin-left: -8px;
}
.ui-accordion .ui-accordion-header {
	padding: 0.7em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	bottom: 18px;
}
.ui-accordion {
	padding: 2px 0 0 0;
}
.ui-accordion .ui-accordion-content {
	padding: 1.5em 1em 1.6em 0.7em;
}
}
@media only screen and (min-width: 837px) and (max-width: 1600px) {
.ui-accordion .ui-accordion-content {
	padding: 0.2em 1em 1.7em 0.9em;
}
}
@media only screen and (max-width:940px) {
.pic .spalte-h-1-48 {
	float:left;
	width: 100%;
	padding: 5px 0 0 0;
}
}
 @media screen and (max-width: 1024px) {
.pic section.left {
	max-width: 100%;
	padding: 15px 30px 0 0;
}
.pic section.left-2, .pic section.left-2-1, .pic section.left-2-2, .pic section.left-2-3 {
	max-width: 100%;
	padding: 15px 0 0 0;
}
}
 @media screen and (min-width: 1024px) and (max-width: 1140px) {
.pic section.left-2 {
	max-width: 45%;
}
}
@media only screen and (min-width: 1024px {
.ui-accordion .ui-accordion-header {
 padding: 1.1em 3.8em 0.7em 0.6em;
}
}
@media all and (min-width:1140px) and (max-width:1370px) {
.pic section.left-2 {
	max-width: 42%;
}
}
@media only screen and (min-width: 1600px) {
.ui-accordion .ui-accordion-content {
	padding: 1.2em 5em 1.7em 1.8em;
}
}