
/* Default settings */
.information {

}
.information figure > figure + figure {
    margin-top:30px;
    margin-top:3rem;
}
.information figure > figure.with-caption + figure {
    margin-top:0;
}
.information figcaption {
	font-size:11px;
	font-size:1.1rem;
	color:#383838;
	margin:10px 0;
	margin:1rem 0;
}
.information figcaption p {
	margin:0;
	line-height:18px;
	line-height:1.8rem;
}
.information figure img {
	width:100%;
	height:auto;
}
/* Hide empty p tags which the TYPO3 RTE often adds for some weird reason */
.information p:empty {
	display:none;
}
/* Header */
.information > header {
	overflow:auto;
	margin-bottom:42px;
	margin-bottom:4.2rem;
	border-bottom:1px solid #ccc;
}
.information > header.main-header {
	margin-bottom:30px;
	margin-bottom:3rem;
}
.information > header h2 {
	margin:0;
	text-transform:uppercase;
}
.information header h3 a {
	color:#383838;
	text-transform:none;
	font-weight:500;
}
.information > header > a {
	display:block;
	/*margin-top:1.1%;*/
	margin-top:7px;
	margin-top:.7rem;
}
/* Startpage specific */
.startpage .information > header {
	padding-bottom:20px;
	padding-bottom:2rem;
}
.startpage .information > header h2 {
	margin:0;
}
/* Lists */
.information .information-list {

}
/* Items */
.information .information-list .information-item {
	overflow:auto;
	padding-bottom:42px;
	padding-bottom:4.2rem;
	margin-bottom:42px;
	margin-bottom:4.2rem;
	border-bottom:1px solid #ccc;
}
.information .information-list.main-list .information-item {
	padding-bottom:30px;
	padding-bottom:3rem;
	margin-bottom:30px;
	margin-bottom:3rem;
}
.information .information-list .information-item .msg {
	margin-top:20px;
	margin-top:2rem;
}
.information .information-list .information-item > figure {
	float:left;
}
.information .information-list .information-item > figure + .information-details {
	float:left;
	width:61.7%;
	margin-left:40px;
	margin-left:4rem;
}
.information .information-list .information-item > .information-details > header {

}
.information .information-list .information-item > .information-details > header > * {
	margin:0 0 26px 0;
	margin:0 0 2.6rem 0;
}
.information .information-list .information-item > .information-details > header > h3 {
	font-weight:600;
}
.information .information-list .information-item > .information-details > header .post-info {
	color:#6a6a6a;
}
.information .information-list .information-item > .information-details > header .post-info span {
	margin-right:10px;
	margin-right:1rem;
}
.information .information-list .information-item > .information-details .text {
	margin-bottom:26px;
	margin-bottom:2.6rem;
}
.information .information-list .information-item > .information-details p {
	line-height:24px;
	line-height:2.4rem;
	margin:0;
}

/* Information nav list */
.information > header .information-nav-list {
	overflow:auto;
	list-style:none;
	padding:0;
	margin-bottom:0;
}
.information > header .information-nav-list:last-child {
	padding-bottom:20px;
	padding-bottom:2rem;
}
.information > header .information-nav-list + .information-nav-list {
	clear:both;
}
.information > header .information-nav-list li {
	float:left;
	border:1px solid #383838;
	margin-right:12px;
	margin-right:1.2rem;
	margin-bottom:10px;
	margin-bottom:1rem;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.information > header .information-nav-list li[data-state=active] {
	border-color:#d38a04;
}
.information > header .information-nav-list li a {
	display:block;
	padding:6px 10px;
	padding:0.6rem 1rem;
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
	background:#6a6a6a; /* Old browsers */
	background:-moz-linear-gradient(top,  #6a6a6a 0%, #6a6a6a 50%, #656565 51%, #656565 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a6a6a), color-stop(50%,#6a6a6a), color-stop(51%,#656565), color-stop(100%,#656565)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #6a6a6a 0%,#6a6a6a 50%,#656565 51%,#656565 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #6a6a6a 0%,#6a6a6a 50%,#656565 51%,#656565 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #6a6a6a 0%,#6a6a6a 50%,#656565 51%,#656565 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #6a6a6a 0%,#6a6a6a 50%,#656565 51%,#656565 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#656565',GradientType=0 ); /* IE6-9 */
}
.information > header .information-nav-list li[data-state=active] a {
	background:#f49e00; /* Old browsers */
	background:-moz-linear-gradient(top,  #f49e00 0%, #f49e00 50%, #e89600 51%, #e89600 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f49e00), color-stop(50%,#f49e00), color-stop(51%,#e89600), color-stop(100%,#e89600)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #f49e00 0%,#f49e00 50%,#e89600 51%,#e89600 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #f49e00 0%,#f49e00 50%,#e89600 51%,#e89600 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #f49e00 0%,#f49e00 50%,#e89600 51%,#e89600 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #f49e00 0%,#f49e00 50%,#e89600 51%,#e89600 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49e00', endColorstr='#e89600',GradientType=0 ); /* IE6-9 */
}
.information > header .information-nav-list li a:hover,
.information > header .information-nav-list li a:focus {
	text-decoration:none;
	opacity:0.6;
}
.information .information-list .event-item .msg {
	margin-bottom:20px;
	margin-bottom:2rem;
}

/* Detail */
.information .information-item {
	margin-bottom:40px;
	margin-bottom:4rem;
}
.information .information-item .back-link,
.information .information-item-new .back-link {
	display:block;
	width:100%;
	padding:14px 0;
	padding:1.4rem 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.information .information-item > header h1 {
	font-size:18px;
	font-size:1.8rem;
	margin:30px 0;
	margin:3rem 0;
}
.information .information-item > header .item-info {
	margin:0 0 26px;
	margin:0 0 2.6rem;
	color:#6a6a6a;
}
.information .information-item > header .item-info time {
	margin-left:10px;
	margin-left:1rem;
}
.information .information-item .information-item-detail {
	overflow:auto;
	margin-bottom:32px;
	margin-bottom:3.2rem;
}
.information .information-item .information-item-detail .text {
	width:100%;
}
.information .information-item .information-item-detail .text p {
	line-height:24px;
	line-height:2.4rem;
	margin:0 0 26px;
	margin:0 0 2.6rem;
}
.information .information-item .information-item-detail .text.with-figure {
	float:left;
	width:60%;
}
.information .information-item .information-item-detail > figure {
	float:right;
	width:36%;
}

/* Paging */
.information .information-paging {
	list-style:none;
	padding:0;
	overflow:hidden;
	margin-bottom:40px;
	margin-bottom:4rem;
}
.information .information-paging li {
	float:left;
	margin-right:10px;
	margin-right:1rem;
}
.information .information-paging li a {
	display:block;
	background:#f49e00;
	color:#000;
	padding:8px 12px;
	padding:.8rem 1.2rem;
	border:1px solid #f49e00;
}
.information .information-paging li a:hover,
.information .information-paging li a:focus,
.information .information-paging li[data-state=active] a {
	text-decoration:none;
	background:#fff;
	color:#000;
	border:1px solid #000;
}
.information .information-paging li[data-state=fast-link] + li[data-state=fast-link-button] {
	margin-left:0.5rem;
}
.information .information-paging li[data-state=fast-link] a {
	background:transparent;
	color:#f49e00;
	text-transform:uppercase;
	border:none;
	padding-left:0;
	padding-right:0;
	position:relative;
}
.information .information-paging li[data-state=fast-link] a.first span {
	margin-right:5px;
	margin-right:.5rem;
}
.information .information-paging li[data-state=fast-link] a.last span {
	margin-left:12px;
	margin-left:1.2rem;
}
.information .information-paging li[data-state=fast-link] a.first .symbol,
.information .information-paging li[data-state=fast-link] a.last .symbol {
	position:absolute;
	margin:-2px 0 0;
	margin:-.2rem 0 0;
}
.information .information-paging li[data-state=fast-link] a:hover,
.information .information-paging li[data-state=fast-link] a:focus {
	text-decoration:underline;
}
.information .information-paging li[data-state=fast-link],
.information .information-paging li[data-state=fast-link-button] {
	margin-top:2px;
	margin-top:.2rem;
}
.information .information-paging li[data-state="fast-link-button"] a {
	border:1px solid #d38a04;
	padding:6px 12px;
	padding:.6rem 1.2rem;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#f49e00; /* Old browsers */
	background:-moz-linear-gradient(top,  #f49e00 0%, #f49e00 50%, #e89600 51%, #e89600 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f49e00), color-stop(50%,#f49e00), color-stop(51%,#e89600), color-stop(100%,#e89600)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  #f49e00 0%,#f49e00 50%,#e89600 51%,#e89600 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  #f49e00 0%,#f49e00 50%,#e89600 51%,#e89600 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  #f49e00 0%,#f49e00 50%,#e89600 51%,#e89600 100%); /* IE10+ */
	background:linear-gradient(to bottom,  #f49e00 0%,#f49e00 50%,#e89600 51%,#e89600 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49e00', endColorstr='#e89600',GradientType=0 ); /* IE6-9 */

}
.information .information-paging li[data-state="fast-link-button"] a:hover,
.information .information-paging li[data-state="fast-link-button"] a:focus {
	color:#000;
}

/* Media Queries */
@media only screen and (max-width:768px) {
	.information .information-list .information-item {
		margin-bottom:20px;
		margin-bottom:2rem;
		padding-bottom:20px;
		padding-bottom:2rem;
	}
	.information .information-list .information-item > figure {
		width:27%;
	}
	.information .information-list .information-item > figure img {
		width:100%;
	}
}
@media only screen and (max-width:640px) {
	.information > header .information-nav-list,
	.information > header .information-nav-list + .information-nav-list {
		padding-top:0;
	}
	.information > header .information-nav-list li {
		margin-top:10px;
		margin-top:1rem;
	}
	.information .information-list .information-item > figure {
		max-width:110px;
		max-width:11rem;
	}
	.information .information-list .information-item > figure img {
		width:100%;
	}
	.information .information-list .information-item > figure + .information-details {
		width:100%;
		float:none;
		margin-left:0;
	}
	.information .information-list .information-item > figure + .information-details > * {
		margin-left:25%;
	}
	.information .information-item .information-item-detail .text.with-figure {
		float:none;
		width:100%;
	}
	.information .information-item .information-item-detail > figure {
		float:none;
		width: 50%;
	}
}
@media only screen and (max-width:360px) {
	.information .information-list .information-item > figure + .information-details > * {
		margin-left:35%;
	}
	.information .information-item .information-item-detail > figure {
		width:100%;
	}
	.information .information-paging li[data-state="fast-link"],
	.information .information-paging li[data-state="fast-link-button"] {
		margin-top:0;
	}
	.information .information-paging li[data-state="fast-link-button"] a,
	.information .information-paging li a {
		padding:0.6rem 1rem;
	}
	.information .information-paging li[data-state="fast-link"] a {
		padding:0.5rem;
	}
	.information .information-paging li[data-state="fast-link"] a span {
		display:none;
	}
	.information .information-paging li[data-state="fast-link"] a.first .symbol,
	.information .information-paging li[data-state="fast-link"] a.last .symbol {
		display:block;
		position: relative;
		margin:0;
	}
	.information .information-paging li:first-child,
	.information .information-paging li[data-state="fast-link"] + li[data-state="fast-link-button"] {
		margin-left:0;
	}
	.information .information-paging li:last-child {
		margin-right:0;
	}
}