@import https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800;

/* FONTS EINBINDEN */
/* ENDE FONTS EINBINDEN */
/*
Farbdefinitionen SGG 2019

Stiftung		#75B4E6		RGB 117 180 230
FH Thun		#82B725		RGB	130	183	37
Vista		#0D6569		RGB	13	101	105
FH Bern		#C6D433		RGB	198	212	51
Lantana		#1394A8		RGB	19	148	168	
*/
body {
	font-family:'Open Sans',sans-serif;
	background-color:transparent;
	font-size:17px;
	line-height:1.6em;
	padding-top:0;
	margin:0;
	font-weight:400;
	padding:0;
}

#main {
	margin:1% 0 0 1%;
	padding:10px;
	width:98%;
	border-top:0;
	background-color:rgba(255,255,255,0.8);
	float:left;
	clear:both;
}

#header {
}

a.skip-main {
	left:-999px;
	position:absolute;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	z-index:-999;
	font-size:70%;
}

a.skip-main:focus,a.skip-main:active {
	color:#fff;
	background-color:#000;
	left:auto;
	top:auto;
	width:30%;
	height:auto;
	overflow:auto;
	margin:10px 35%;
	padding:5px;
	border-radius:14px;
	border:4px solid #ff0;
	text-align:center;
	font-size:1.2em;
	z-index:999;
}

h1 {
	font-weight:700;
	clear:both;
}

h3,h2 {
	font-size:1.5rem;
	font-weight:700;
	border:0;
	color:#000;
}

h4 {
	font-size:1.2rem;
}


div.div_gallery {

}

div.attachment {
	float: none;
}




#footer_content_one h3 {
	font-size:1rem;
	font-weight:700;
	line-height:1.6rem;
}

#footer_content_main p,#footer_content_main li {
	color:#000;
}

#footer_content_main h2 {
	font-size:1.5rem;
	color:#000;
}

body a {
	color:#000;
	text-decoration:underline;
}

body a:hover {
	color:#FB0016;
	text-decoration:none;
}

#content ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:6px;
	padding-left:14px;
}

table {
	border:0;
	margin:0;
	-webkit-border-horizontal-spacing:0;
	-webkit-border-vertical-spacing:0;
	border-horizontal-spacing:0;
	border-vertical-spacing:0;
}

td {
	border:0;
	margin:0;
}

td,td > p {
	font-family:"Open Sans",sans-serif;
}

div#museum_search_header {
	clear:both;
	margin-bottom:4rem;
}

div#acess_liste_ausgabe {
	margin-top:1em;
	clear:both;
}

form#search_museum_form {
}

form#search_museum_form input {
	width:97%;
	float:right;
}

div.musem_searchform {
	clear:both;
}

div.musem_searchform input {
	width:100%;
}

img.search_icon {
	width:20px;
	height:20px;
	float:left;
	margin-right:10px;
	margin-bottom:9px;
}

div.event a:link,div.event a:visited {
	color:#FB0016!important;
}

div.event a:active,div.event a:hover {
	color:#000!important;
}

div.event i {
	float:right;
	margin-bottom:2rem;
	margin-left:1rem;
}

#banner {
	width:98%;
	margin:0 1% 1rem;
	padding:0;
	overflow:hidden!important;
}

#werbebanner {
	width:50%!important;
}

#logo {
	margin:1% 3% 0 1%;
	width:450px;
}

li.edit a {
	background-color:#ff21b5;
	border-radius:.25rem;
	color:#fff!important;
	border-bottom:0!important;
}

span.grau {
	color:#8C8D89;
}

div#suchresultate_museen ul.nav li {
	float:none;
	clear:right;
	width:100%;
}

p.suchresultat {
	font-weight:700;
}

p.event_museum {
	font-size:.8rem;
}

h4.event_museum_titel {
	font-size:.8rem;
	margin-bottom:.2rem;
}

div.event_museumshinweis {
	margin-top:2rem;
}

h4.museum_event_liste {
	font-size:20px;
	font-weight:700;
}

div.search {
	margin:20px 10px;
	padding:10px 10px 10px 0;
		width: 350px;
float: left;
}

#footer {
	clear:both;
	float:left;
	margin:1% 0 0 1%;
	padding:10px;
	width:98%;
	font-size:70%;
}

h4.museum_titel_ort {
	margin-bottom:1rem;
}

a.map:link,a.map:visited {
	color:#CB0013;
}

a.map:hover,a.map:active {
	color:#000;
}

/* ################################################################################################################ */
@media (min-width:768px) {
	.navbar-form .form-control-static,.navbar-form .form-group {
		display:inline-block;
	}
	
	.navbar-form .control-label,.navbar-form .form-group {
		margin-bottom:0;
		vertical-align:middle;
	}
	
	.navbar-form .form-control {
		display:inline-block;
		width:auto;
		vertical-align:middle;
	}
	
	.navbar-form .input-group {
		display:inline-table;
		vertical-align:middle;
	}
	
	.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
		width:auto;
	}
	
	.navbar-form .input-group > .form-control {
		width:100%;
	}
	
	.navbar-form .checkbox,.navbar-form .radio {
		display:inline-block;
		margin-top:0;
		margin-bottom:0;
		vertical-align:middle;
	}
	
	.navbar-form .checkbox label,.navbar-form .radio label {
		padding-left:0;
	}
	
	.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
		position:relative;
		margin-left:0;
	}
	
	.navbar-form .has-feedback .form-control-feedback {
		top:0;
	}
	
	.navbar-form {
		width:auto;
		border:0;
		margin-left:0;
		margin-right:0;
		padding-top:0;
		padding-bottom:0;
		box-shadow:none;
	}
	
	.navbar-form .form-control-static,.navbar-form .form-group {
		display:inline-block;
	}
	
	.navbar-form .control-label,.navbar-form .form-group {
		margin-bottom:0;
		vertical-align:middle;
	}
	
	.navbar-form .form-control {
		display:inline-block;
		width:auto;
		vertical-align:middle;
	}
	
	.navbar-form .input-group {
		display:inline-table;
		vertical-align:middle;
	}
	
	.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
		width:auto;
	}
	
	.navbar-form .input-group > .form-control {
		width:100%;
	}
	
	.navbar-form .checkbox,.navbar-form .radio {
		display:inline-block;
		margin-top:0;
		margin-bottom:0;
		vertical-align:middle;
	}
	
	.navbar-form .checkbox label,.navbar-form .radio label {
		padding-left:0;
	}
	
	.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
		position:relative;
		margin-left:0;
	}
	
	.navbar-form .has-feedback .form-control-feedback {
		top:0;
	}
	
	.navbar-form {
		width:auto;
		border:0;
		margin-left:0;
		margin-right:0;
		padding-top:0;
		padding-bottom:0;
		box-shadow:none;
	}
}

/* ################################################################################################################ */
.nav-link.active {
	background-color:#FB0016!important;
	border:0!important;
}

.nav-link {
	padding:.2rem .5rem;
	margin-right:10px!important;
}

.navbar-mobile {
	margin-bottom:20px;
}

.navbar-form {
	border:none;
}

#logo img {
	max-width:450px!important;
	float:left;
	margin-bottom:2em;
	margin-right:20px;
	margin-top:10px;
}

#byline {
	float:left;
	margin-left:10px;
	margin-top:25px;
	clear:right;
	width:400px;
	font-weight:700;
}

/* ################################################################################################################ */
@media screen\0 {
	#byline {
		float:left;
		margin-left:0x;
		margin-top:50px;
		clear:right;
	}
}

/* ################################################################################################################ */
#byline p {
	font-size:80%;
	line-height:1.6em;
}

#topnav {
	float:left;
	clear:both;
}

#topnav a {
	text-decoration:none;
}

#language_switcher {
	display:none;
	float:right;
	clear:both;
	margin-top:14px;
	position:relative;
	z-index:9999;
	margin-right:1em;
}

#topnav {
	margin:0 1%;
	width:98%;
	height:100px;
}

div.breadcrumbs {
	clear:both;
	float:left;
	float:left;
	margin:0 0 0 1%;
	padding:10px;
	width:98%;
}

.languages {
	float:left;
	width:auto;
}

h1 {
	line-height:1.25em;
}

sup {
	color:#FB0016;
}

div.attachment {
	padding:5px;
	border:1px dotted #666;
}

iframe {
	background-color:#000;
}

/* ### Navigationsboxen Home-Seite ### */
#navigationsbox_main {
	float:left;
	width:70%;
	padding-bottom:3em;
	margin-bottom:30px;
}

#navigationsbox_main a {
	text-decoration:underline;
}

#navigationsbox_one,#navigationsbox_two,#navigationsbox_three {
	width:25%;
	height:80px;
	margin-right:2%;
	border:1px #ccc solid;
	border-radius:8px;
	float:left;
	padding:5px;
}

#navigationsbox_main h1 {
	font-size:1.2em;
}

#navigationsbox_main a {
	color:#fff;
}

/*
#navigationsbox_one {
background-color: #F07F3C;	
}


#navigationsbox_two {
background-color: #B7D484;	
	
}

#navigationsbox_three {
background-color: #AFACD6;	
	
}
*/
#navigationsbox_one {
	background-color:#DE4815;
}

#navigationsbox_two {
	background-color:#4FAE33;
}

#navigationsbox_three {
	background-color:#624B86;
}

/* Ende Navigationsboxen Home-Seite  */
/* Stile Museumsseiten  */
div.angebot {
	padding:8px;
	border-radius:8px;
	border:1px dotted #666;
	margin-bottom:1em;
}

div.angebot h3 {
	font-size:22px;
	border:0;
}

div.angebot h4 {
	font-size:1em!important;
	font-weight:700!important;
}

div.adressblock {
	border:0 dotted #666;
	background-color:#d4eef6;
	padding:8px;
	border-radius:8px;
	margin-bottom:1em;
}

div.adressblock h4 {
	font-size:1em!important;
	font-weight:700!important;
	border:none;
}

div.museen_oeffnungszeiten {
	padding:8px;
	border-radius:8px;
	background-color:rgba(253,251,199,1);
}

div.museen_oeffnungszeiten h4 {
	font-size:1em!important;
	font-weight:700!important;
}

div.museen_aktuelles {
	margin-top:1em;
	padding:8px;
	border-radius:8px;
}

div.museum_events {
	margin-top:1em;
	padding:8px;
	border-radius:8px;
}

div.museen_aktuelles h4 {
	font-size:2em!important;
	font-weight:700!important;
}

#content {
	padding-bottom:1em;
}

#sidebar_left ul.nav-tree li,#sidebar_left nav.li {
	list-style-type:none;
	margin-left:0!important;
	padding-left:0;
}

.nav .nav {
	padding-left:0;
	list-style:none;
}

.nav li {
	margin:0;
}

#spendenbox h3,#erreichbarkeit h3 {
	color:#FB0016;

}



#erreichbarkeit {
	float: left !important;
	width: 350px;
	margin-bottom: 2rem;
}


body.has_sidebar #content {
	width:60%;
	min-height: 1200px;
	float:left;
}

body.has_sidebar #sidebar {
	width:350px;
	float:right;
	padding:0;

}

body.has_sidebar_left #content {
	width:70%!important;
	float:left;
}

body.has_sidebar_left #sidebar_left {
	width:18%;
	float:left;
	padding:0;
}

body.has_sidebar_both #content {
	float:left;
	width:46%;
	padding-right:20px;
	min-height: 1000px;
}



body.has_sidebar_both #sidebar_left {
	width:20%;
	float:left;
	padding:0;
	height:800px;
}

body.has_no_sidebar #content {
	width:100%!important;
	float:left;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}

#sidebar_left {
	float:left;
	margin-right:50px;
	font-size:90%;
	padding-right:14px!important;
	border-right:1px dotted #ccc;
}

#sidebar_left a {
	color:#000;
}

#sidebar_left ul {
	margin-left:0;
	padding-left:0;
}

#sidebar_left ul li {
	list-style-type:none;
	margin-left:0!important;
	padding-left:0;
	margin-bottom:1em;
	line-height:1.6em;
	border-bottom:0 dotted #ccc;
}

#sidebar_left ul li ul li {
	border-bottom:1px dotted #ccc;
}

#sidebar_left li.level-1 a {
	color:#000;
}

#sidebar_left li.level-1 a:hover {
	color:#FB0016;
}

#sidebar_left li.level-2 a {
	color:#000;
}

l#sidebar_left i.level-3 {
	font-weight:700;
	border-bottom:0!important;
}

#sidebar_left li.level-3 > .on_parent {
	font-weight:700;
}

#sidebar_left li.level-4 {
	font-weight:400;
}

#sidebar_left li.level-2 {
	font-weight:700;
	border-bottom:1px!important;
	font-size:120%;
}

#sidebar_left li.first {
	border-top:1px solid #000;
}

#sidebar_left li.level-3.has-children {
	font-weight:700;
}

#sidebar_left li.last {
	border-bottom:0;
}

#sidebar_left a.level-2.on_parent {
	font-weight:700;
	color:#FB0016;
	border-bottom:0 solid #FB0016!important;
	font-size:120%;
}

#sidebar_left li ul {
	background-color:rgba(230,242,249,0.5)!important;
	margin-top:5px;
}

#agenda p.events_weiter {
	margin-top:2em!important;
	border:none;
	color:#FB0016!important;
}

#agenda {
	width:100%;
	float:left;
}

#agenda h3 {
	border-top:0;
}

/* Ausgabeformate Events */
div.event {
	border-bottom:1px dotted #FB0016;
	padding-bottom:.5rem;
	margin-bottom:5px;
}

div.event p {
	margin:0 2rem 0 0;
}

div.event p.icon {
	margin:0;
}

div.event a {
	text-decoration:none!important;
	border:none;
}

.event_datum {
	font-weight:700;
	font-size:14px;
	color:#FB0016;
	margin:0;
}

.event_titel {
	font-weight:700;
	font-size:14px;
	color:#000;
	margin:5px 0 0;
}

.event_untertitel {
	font-weight:400;
	font-size:14px;
	color:#000;
	margin:5px 0 0;
}

.event_beschreibung {
	font-weight:400;
	font-size:14px;
	color:#000;
	margin:5px 0 0;
}

div.event h3 {
	font-size:16px;
}

h3.event_h3 {
	font-weight:700;
	font-size:16px;
	color:#FB0016;
	margin:0;
	border-bottom:0 dotted #FB0016;
}

div.event i.far {
	margin-top:-1.35rem;
}

/* Ende Ausgabeformate Events */
#sidebar_left a {
	text-decoration:none!important;
	border:none!important;
}

#sidebar_left li {
	padding:4px;
}

#sidebar_left a:hover li {
	background-color:#EAEAEA;
}

#sidebar_left level-2 {
}

#sidebar_left li.parent {
	display:none;
}

.nav .nav {
	padding-left:0;
	list-style:none;
}

.nav li {
	margin:0;
}

#sidebar_left .nav>li>a {
	padding-left:5px;
}

#sidebar h2 {
	color:#FB0016;
	font-size:1.6em;
	font-weight:700;
}

div.museum_spalte1 {
	float:left;
	width:700px;
}

div.museum_spalte2 {
	float:left;
	width:25%;
	margin-left:2em;
}

div.museum_spalte3 {
	float:left!important;
	margin-left:2em;
	width:23.5%;
	margin-right:0!important;
}

/* ###### F O O T E R   C O N T E N T ######### */
footer h2 {
	font-weight:700;
	font-size:20px;
}

.customHr {
	width:10%;
	font-size:2px;
	color:rgba(0,0,0,0);
	line-height:4px;
	background-color:#FB0016;
	color:#000;
	margin-top:-3px;
	margin-bottom:10px;
}

#footer_content_main {
	background-color:rgba(255,255,255,0.8);
	float:left;
	clear:both;
	margin:1% 0 0 1%;
	padding:10px;
	width:98%;
	color:#000;
}

#footer_content_main a {
	color:#000;
	text-decoration:underline;
}

#footer_content_main a:hover {
	color:#FB0016;
}

#footer_content_main ul li {
	border-bottom:0;
}

#footer_content_one {
	padding:5px 5px 5px 0;
	width:22%;
	margin-right:1%;
	margin-left:0;
	padding-right:10px;
	float:left;
}

#footer_content_two,#footer_content_three,#footer_content_four {
	padding:5px;
	width:24%;
	margin-right:1%;
	margin-left:1%;
	padding-right:10px;
	float:left;
}

#footer_content_four {
	padding:5px;
	width:23%;
	margin-right:1%;
	margin-left:1%;
	padding-right:10px;
	float:right;
}

ul.footer_nav {
	list-style-type:none;
	margin-left:0!important;
	padding-left:0!important;
}

ul.footer_nav li {
	border-bottom:1px dotted #000;
}

#footer_content_one ul,#footer_content_two ul,#footer_content_three ul,#footer_content_four ul {
	margin-left:0;
	padding-left:0;
}

#footer_content_one li,#footer_content_two li,#footer_content_three li,#footer_content_four li {
	list-style-type:circle;
	margin-left:17px!important;
	padding-left:0;
	margin-bottom:.5em;
	line-height:1.6em;
	border-bottom:1px dotted #000;
}

#footer_content_one a,#footer_content_two a,#footer_content_three a,#footer_content_four a {
	border-color:#000;
}

/* ################################################################################################################ */
@media screen and (max-width:768px) {
	#footer_content_one,#footer_content_two,#footer_content_three,#footer_content_four {
		padding:5px;
		width:100%;
	}
}

/* ################################################################################################################ */
div.dateien {
	padding:8px;
	border:1px dotted #ccc;
}

table td {
	border-right:1px solid #ccc;
	padding:5px!important;
}

table.members {
	width:100%;
	font-size:75%!important;
}

tr.member.odd {
	background-color:#DDECEB;
}

.odd {
	background-color:#F0E1C4;
}

.even {
	background-color:#F6EEDC;
}

table.members td {
	vertical-align:top;
	white-space:nowrap;
}

td.w20p {
}

td.w5p {
}

.MarkupPagerNav {
	clear:both;
	margin:1em 0;
}

.MarkupPagerNav li {
	display:inline;
	list-style:none;
	margin:0;
}

.MarkupPagerNav li a,.MarkupPagerNav li.MarkupPagerNavSeparator {
	display:block;
	float:left;
	padding:2px 9px;
	color:#fff;
	background:#2f4248;
	margin-right:3px;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
}

.MarkupPagerNav li.MarkupPagerNavOn a,.MarkupPagerNav li a:hover {
	color:#fff;
	background:#db1174;
	text-decoration:none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display:inline;
	color:#777;
	background:#d2e4ea;
	padding-left:3px;
	padding-right:3px;
}

#content ul.MarkupPagerNav {
	padding-left:0!important;
	margin-left:0;
	-webkit-padding-start:0;
	padding-start:0;
}

div#member_search_header {
	float:left!important;
	width:100%;
	margin-bottom:2em;
	margin-left:0;
	margin-right:0;
	padding:0;
}

form#search_member_form {
	width:400px;
	float:right;
	margin-rigth:10rem;
}

#search_member_form button.feedback_submit {
	float:right!important;
	font-size:100%;
}

input.input_float {
	float:left;
	margin-left:0;
	width:400px;
	font-size:80%;
}

div#pagination_search {
	width:100%;
	clear:both;
	border-bottom:5rem;
	sidebar_leftwidth:100%;
}

/* ################################################################################################################ */
@media screen and (max-width: 480px) {
	#banner,#main {
		margin:0 2%;
		width:96%;
	}
	
	#logo_byline {
		display:none;
	}
	
	#language_switcher {
		width:100%;
		margin:1em 0;
		float:right;
		clear:both;
		height:20px!important;
	}
	
	ul.languages {
		float:right;
	}
	
	#topnav {
		display:none;
	}
	
	#sidebar_left {
		display:none;
	}
	
	body.has_sidebar #sidebar {
		width:94%;
		border:0 3% 0 3%;
	}
	
	#topnav {
		display:none;
	}
	
	.navbar-toggle {
		float:left;
		margin:14px 0 0 10px;
	}
	
	ul.nav {
		margin:0;
		padding:0;
	}
	
	ul.nav li.level-1 {
		margin:0;
		padding:0;
	}
}

/* ################################################################################################################ */
div.navbar-header {
	background-color:transparent;
	border-bottom:0 solid #fff;
}

div.navbar-default {
	background-color:transparent;
}

.navbar-inverse {
	background-color:#CFE5BC;
	border-color:#69AE04;
	border:none;
}

.navbar-inverse .navbar-toggle {
	border-color:#fff;
	background-color:#C60C30;
}

#myNavbar a {
	border-color:#C60C30;
}

div#myNavbar.navbar-collapse.collapse.in {
	border-color:#C60C30;
}

#myNavbar a:hover {
	background-color:#C60C30;
	color:#fff;
}

img.logo_mobile_menu {
	display:block;
	float:left;
	width:140px;
}

.navbar-brand a {
	border-bottom:0!important;
}

a {
	border-bottom:0!important;
}

#footer_content_main {
	color:#666!important;
}

#sidebar_left a {
	color:#FB0016 !mportant;
}

form.search input[type=text] {
	font-family:'Open Sans',sans-serif;
	font-size:80%!important;
}

/* ################################################################################################################ */
@media screen and (max-width:1024px) {
	#banner,#main,#agenda {
		margin:0 3%;
		width:94%;
	}
	
	form.search {
		clear:both !important;
		float:left;
		width: 100%;
		margin-bottom: 2em;
	}
	
	form.search input[type=text] {
		float: left;
		font-size:90%!important;
		width: 100%;
		background-color: transparent;
	}
	
	form.search label {
		width: 100%;
	}
	
	
	#mobile_menu {
		display:block;
		width:100%;
	}
	
	button.navbar-toggle.collapsed {
		float:right;
		margin-right:8px!important;
	}
	
	div.breadcrumbs {
		width:94%;
		margin:0 3%;
	}
	
	#logo_byline {
		display:none!important;
	}
	
	#logo {
		display:none!important;
	}
	
	#byline {
		display:none!important;
	}
	
	nav.navbar-default {
		display:block;
		margin:0;
		width:100%;
		.navbar-collapsemargin:0;
		padding-left:0;
		padding-right:0;
	}
	
	.container-fluid > .navbar-collapse {
		margin-right:0;
		margin-left:0;
	}
}

/* ################################################################################################################ */
@media screen and (min-width:1112px) {
	#mobile_menu {
		display:none;
	}
	
	#topnav {
		display:block;
	}
}

/* ################################################################################################################ */
.navbar.navbar-1 .navbar-toggler-icon {
	background-image:url(https://mdbootstrap.com/img/svg/hamburger6.svg?color=000);
}

.navbar.navbar-2 .navbar-toggler-icon {
	background-image:url(https://mdbootstrap.com/img/svg/hamburger2.svg?color=fff);
}

.navbar.navbar-3 .navbar-toggler-icon {
	background-image:url(https://mdbootstrap.com/img/svg/hamburger1.svg?color=6a1b9a);
}

.navbar.navbar-4 .navbar-toggler-icon {
	background-image:url(https://mdbootstrap.com/img/svg/hamburger7.svg?color=BFE100);
}

.navbar.navbar-5 .navbar-toggler-icon {
	background-image:url(https://mdbootstrap.com/img/svg/hamburger5.svg?color=f3e5f5);
}

.navbar.navbar-6 .navbar-toggler-icon {
	background-image:url(https://mdbootstrap.com/img/svg/hamburger8.svg?color=E3005C);
}

.navbar.navbar-7 .navbar-toggler-icon {
	background-image:url(https://mdbootstrap.com/img/svg/hamburger9.svg?color=FF2C00);
}

.navbar.navbar-8 .navbar-toggler-icon {
	background-image:url(https://mdbootstrap.com/img/svg/hamburger4.svg?color=1729B0);
}

.navbar.navbar-9 .navbar-toggler-icon {
	background-image:url(https://mdbootstrap.com/img/svg/hamburger3.svg?color=00FBD8);
}

ul.nav {
	background-color:#F4F4F3;
	width:100%!important;
}

ul.nav li {
	width:100%!important;
	border-bottom:3px solid #fff!important;
}

ul.nav li a:link,ul.nav li a:visited {
	width:100%;
}

ul.nav li a:hover {
	background-color:#ccc;
}

/* ################################################################################################################ */
@media screen and (max-width:768px) {
	.museum_spalte1,.museum_spalte2,.museum_spalte3 {
		width:100%!important;
		margin-left:0!important;
	}
	
	body.has_sidebar #content {
		width:98%;
	}
}

/* ################################################################################################################ */
/* Navigation */
/* N A V I G A T I O N  – L I N K S ****************************** */
.navlink a {
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:600;
	font-style:normal;
	font-stretch:normal;
	line-height:1.2;
	letter-spacing:normal;
	text-align:center;
	color:#1d5f9f;
	text-decoration:none;
	border-bottom:0;
}

.navlink a:active {
	width:79px;
	height:18px;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:600;
	font-style:normal;
	font-stretch:normal;
	line-height:1.2;
	letter-spacing:normal;
	text-align:center;
	color:#1d5f9f;
	text-decoration:none;
	border-bottom:0;
}

.navlink a:hover {
	width:79px;
	height:18px;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:600;
	font-style:normal;
	font-stretch:normal;
	line-height:1.2;
	letter-spacing:normal;
	text-align:center;
	color:#003670;
	border-bottom:0;
}

button.edit {
	margin-top:-10px;
	background-color:#FB0016;
	color:#fff;
	font-weight:700;
}

button.edit a:hover {
	background-color:#000;
}

button.edit a {
	color:#fff;
}

p.p_button a {
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	background-color:#fc0;
	padding:13px;
	font-weight:700;
	float:left;
	clear:both!important;
	width:93%;
	margin-top:5px;
	margin-bottom:2em;
	text-decoration:none;

}

p.p_button a:hover {
	background-color:#E2001A;
	color:#fff;
	text-decoration:none;
}






/* ######################################################################## @ media ########################################################################  */
@media (max-width:1024px) {
	#navigation_top {
		display:none;
	}
	
	#mobile_menu {
		display:block;
	}
	
	img.logo_mobile_menu {
		width:250px;
	}
	
	#mobile_menu div.navbar-collapse {
		background-color:#fff;
		margin:0;
		padding:0;
		position:relative;
		z-index:9999;
		margin-top:1rem;
	}
	
	#mobile_menu li a {
		width:100%;
		display:inline-block;
		text-decoration:none;
	}
	
	#mobile_menu li a:hover {
		background-color:#C4E0F7;
		color:#000;
	}
	
	#mobile_menu div.navbar-collapse ul {
		list-style-type:none;
		margin:0;
		padding:0;
		width:100%;
	}
	
	#mobile_menu div.navbar-collapse ul li {
		width:100%;
		line-height:2rem;
		font-weight:400;
	}
	
	#mobile_menu li.level-1 {
		background-color:transparent;
		font-weight:700!important;
		border-bottom:1px solid #666;
	}
	
	#mobile_menu li.level-2.has_children {
		font-weight:700;
		color:#666;
	}
	
	#mobile_menu li.level-1 >.has_children {
		background-color:#ccc;
	}
	
	#mobile_menu li.level-3.has_children {
		border-bottom:0;
		font-weight:700;
	}
	
	#mobile_menu li.level-3 {
		border-bottom:1px dotted #666;
	}
	
	#mobile_menu li.level-1.parent.has_children {
		border-bottom:0;
	}
	
	#mobile_menu li ul li {
		font-weight:400;
		margin-bottom:1rem;
		background-color:transparent;
	}
	
	#mobile_menu li ul li ul li {
		border-bottom:1px dotted #666;
	}
	
	#mobile_menu li.current a {
		color:#FB0016;
	}
	
	#mobile_menu li.last {
		border-bottom:0;
	}
	
	#mobile_menu li.first {
		border-top:1px solid #000;
		font-weight:700;
	}
	
	#mobile_menu .level-5 {
		display:none;
	}
	
	#mobile_menu .level-1 a {
		color:#FB0016;
	}
	
	#mobile_menu .level-2 a {
		color:#000;
	}
	
	#mobile_menu .level-3 a {
		color:#000;
	}
	
	#mobile_menu level-3.has_children {
		font-weight:700;
		font-size:110%;
	}
	
	#mobile_menu level-3.has_children {
		font-weight:700;
	}
	
	#mobile_menu .level-4 a {
		color:#000;
	}
	
	#navigationsbox_one,#navigationsbox_two,#navigationsbox_three {
		width:100%;
		float:left;
		padding:5px;
		clear:both;
		margin-bottom:1em;
	}
	
	#werbebanner {
		width:70%!important;
	}
	
	#sidebar_left {
		display:none;
		float:left;
		width:100%;
		margin-bottom:2em;
		clear:both;
		font-size:70%;
		height:auto;
	}
	
	#sidebar {
		float:left;
		width:100%!important;
		margin-bottom:2em;
		clear:both;
		font-size:70%;
		height:auto;
	}
	
	div.sidebar_content {
		border-bottom:0px solid #666;
	}
	
	#content {
		width:98%;
	}
	
	body.has-sidebar-both #content {
		width:98%;
	}
	
	img.logo_mobile_menu {
		width:250px;
	}
	
	#navigationsbox_one,#navigationsbox_two,#navigationsbox_three {
		width:100%;
		float:left;
		padding:5px;
		clear:both;
		margin-bottom:1em;
	}
	
	#sidebar_left {
		float:left;
		clear:both;
		font-size:70%;
	}
	
	#content {
		float:left;
		clear:both;
	}
	
	h1 {
		font-size:22px;
	}
	
	body.has_sidebar_both #content,body.has_sidebar #content {
		width:100%;
	}
}

/* ################################################################################################################ */
@media (max-width:320px) {
	img.logo_mobile_menu {
		width:140px;
	}
}

@media (min-width: 768px) {
	#logo {
		display:block!important;
	}
}

/* ######################################################################## end @ media ########################################################################  */
/* ################################################################ */
a.dropdown-item:hover {
	font-weight:400;
	background-color:#CFE5F9;
}

div#navigation_top {
	float:left;
	margin:1% 0 0 1%;
	padding:10px;
	width:98%;
	margin-bottom:1rem;
	padding-bottom:3rem;
	border-bottom:0 solid #CFE5F9;
	background-color:transparent;
	height:65px;
}

div#navigation_top a {
	text-decoration:none;
}

div#navigation_top ul {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

div#navigation_top ul li {
	float:left;
	height:auto;
	font-size:14px;
	font-weight:700;
	margin-right:.5rem;
	margin-bottom:.2rem;
	padding:8px;
	line-height:1.6em;
}

div#navigation_top ul li.level-1 {
	float:left;
	font-size:14px;
	font-weight:600;
	line-height:1.2em;
	margin-right:0.5rem;
	margin-bottom:1.5rem;
	width:110px;
	padding:14px 8px 8px;
}

div#navigation_top ul li.level-1.first {
	padding-left:5px;
	margin-left:0;
}

div#navigation_top ul li.current {
	float:left;
	height:auto;
	font-size:14px;
	font-weight:700;
	margin-right:1rem;
	margin-bottom:.5rem;
	background-color:#CFE5F9;
	padding:14px 8px 8px;
	width:120px;
}

div#navigation_top ul li.has_children ul {
	position:relative;
	z-index:9999;
	margin:1rem 0 0 -.5rem;
	height:350px;
	width:120px;
	padding:3px 0 0;
	border-radius:3px;
	box-shadow:0 4px 16px 0 rgba(0,0,0,0.1),0 2px 4px 0 rgba(0,0,0,0.1);
	background-color:#fff;
}

ul li ul.dropdown {
	min-width:100%;
/* Set width of the dropdown */
	background:#f2f2f2;
	display:none;
	position:absolute;
	z-index:999;
	left:0;
}

ul li:hover ul.dropdown {
	display:block!important;
/* Display the dropdown */
}

ul li ul.dropdown li {
	display:block;
}

div#navigation_top ul li.level-2.current a:link,div#navigation_top ul li.level-2.current a:visited {
	color:#1d5f9f;
}

div#navigation_top li.level-2 a:link,div#navigation_top li.level-2 a:visited {
	float:left;
	height:auto;
	font-size:14px;
	font-weight:400;
	background-color:transparent;
	width:120px;
	margin:-6px 0 0 -8px;
	padding:14px 8px 8px;
}

div#navigation_top li.level-2 a:hover {
	float:left;
	height:auto;
	font-size:14px;
	font-weight:400;
	background-color:#CFE5F9;
	width:120px;
	margin:-6px 0 0 -8px;
	padding:14px 8px 8px;
}

div#navigation_level3 {
	float:left;
	margin:0 0 0 1%;
	padding:10px;
	width:98%;
}

div#navigation_level3 a {
}

div#navigation_level3 p {
	margin:0;
	padding:0;
}

ul.ul_navlevel_3 {
	margin:0;
	padding:0;
	height:24px;
	list-style-type:none;
}

ul.ul_navlevel_3 li {
	float:left;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:400;
	font-style:normal;
	font-stretch:normal;
	line-height:1.6em;
	letter-spacing:normal;
	color:#fff!important;
	margin-right:1rem;
	margin-bottom:.5rem;
	padding:5px 8px 8px;
	width:120px;
}

a.level3_children {
	color:#666!important;
}

ul.ul_navlevel_3 li.li_parent {
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:400;
	color:#FB0016;
}

ul.ul_navlevel_3 li.li_parent a {
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:400;
	color:#FB0016;
	border-bottom:3px solid #FB0016;
}

.ul_navlevel_3 li.first {
	padding:3px 8px 8px 3px;
	margin-left:0;
}

.ul_navlevel_3 li.current {
	float:left;
	font-size:14px;
	font-weight:400;
	margin-right:1rem;
	margin-bottom:.5rem;
	background-color:transparent;
	padding:3px 8px 2px;
	width:120px;
	border-bottom:2px solid #FB0016;
}

.ul_navlevel_3 li.current a {
	text-decoration:none;
}

.ul_navlevel_3 li.current a {
}

li.parent {
	background-color:#CFE5F9;
	width:130px;
}

/* ############################################################################ */


#spendenbox {
	padding: 8px;
	border: 1px dotted #666;
	border-radius: 8px;
	width: 350px;
	float: left;
	clear: right;
}

#spendenbox h3, #spendenbox h4 {
	font-size: 100% !important;
	font-weight: bold;
}

#spendenbox p {
	font-size: 90% !important;
}


img.i18_min {
	width: 35px;
	height: auto;
	margin-right: 10px;
}



img.i18_min_footer{
	width: 30px;
	height: auto;
	margin-right: 10px;	
}

div#footer_content_four p {
font-size: 12px;
margin-bottom: 0.3rem;	
}

div#footer_content_four h3 {
	font-size: 1.2rem;
} 

div.onlineberatung {
		padding: 8px;
	border: 1px dotted #666;
	border-radius: 8px;
	width: 350px;
	float: left;
	margin-bottom: 2rem;
}


p.p_button_box a {
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	background-color:#fc0;
	padding:13px;
	font-weight:700;
	clear:both!important;
	margin-top:5px;
	margin-bottom:2em;
	width: 100%;
	display: block;
		text-decoration:none;

}

p.p_button_box a:hover {
	background-color:#E2001A;
	color:#fff;
	text-decoration:none;
}



@media only screen and (max-width: 1024px) {
	#sidebar {
		border: 0px !important;
	}
	
	
		#sidebar_content {
		border: 0px !important;
	}
	
	
	body.has_sidebar_both #content {
		min-height: inherit;
	}
	
	div.search {
		margin: 10px 10px;
		padding: 5px 10px 10px 0;
		width: 100%;
		float: left;


	}
	
	
	#erreichbarkeit {
		float: left;
		width: 100%;
	}
	
	div.onlineberatung {
		float: left;
		width: 100%;
	}
	
	
	div#spendenbox {
		float: left;
		width: 100%;
	}
	
	
	#footer_content_four {
		margin-left: 1%;
		float: left;
	}
	
	
	#footer_content_one {
			margin-left: 1%;
		float: left;
		
	}
	
	
	#main {
		width: 100%;
	}
	
}








p.black {
	font-size: 150%;
	font-weight: 800;
	line-height: 130%;
	}
	

@media (min-width:768px) {

	
img.gallery {
	float: left; 
	max-width: 47%;
	margin-right: 5px;
	margin-bottom: 5px;
}	




#sidebar {
	float: right;
	width: 400px;
}



}


@media (max-width:768px) {
	
img.gallery {
	float: none;
	width: 100% !important;
	margin-bottom: 5px;
}	



body.has_sidebar_left #content {
width: 95% !important;
	
}
}



iframe {
	background-color: #fff !important;
	
}




/* ### payrex ### */

.btn-payrexx {
    display: inline-block;
    width: auto;
    padding: 6px 20px 6px 20px;
    font-size: 24px;
    font-weight: 300;
    white-space: inherit;
    background-color: #f50918;
    border: 0;
    outline: 0;
    text-decoration: none;
    color: #ffffff;
    border-radius: 3px;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}
.btn-payrexx:focus, .btn-payrexx:hover {
    background-color: #82070c;
    color: #ffffff;
}


/* ### end payrex ### */

	div.pwcmb-widget {
		background-color: rgba(0, 0, 0, 0.80);
	}

	div.pwcmb-widget p {
		margin-bottom: 2em;
		color: #fff;
		}
		
	div.pwcmb-widget a {
		color: #fff;
		}
				
	form.pwcmb-widget__row label {
		color: #fff;
		
	}	

img.appelle {
	width: 300px;
	height: auto;
	vertical-align: top;
}


div.jubisticker {
	float-right;
	width 600px;
}

img.jubisticker_img {
	float: right;
	width: 600px;
	margin-right: 2%;
}