html, body
{
	font-size: 16px; 
}

select
{
	cursor: pointer;
}

#wrap
{
	font-family: Verdana;
	color: #333;
	float:none;
}

main img
{
	max-width: 100%;
	height: auto;
}

main a
{
	text-decoration: underline;
}

main a:hover
{
	text-decoration: none;
	color: #f78f1e;
}

main h2 a
{
	text-decoration: none;
}

main > header,
div.headerTop,
footer div.content
{
	margin: auto;
	width: 100%;
	max-width: 75em;
}

header nav,
footer
{
	background: #a3ca39;
	display: flex;
}
ol li {
  margin-top: 6px;
  list-style-type: decimal;
  list-style-position: inside;
  text-indent: 1em;
}
div.logo
{
	margin: 1.5em 0em;
	max-width: 30em;
	float: left;
}

div.logo a img
{
	width: 350px;
	height: 100%;
}

div.functions
{
	width: 16.45em;
	float: right;
	margin: 2.5em 0em 0em 0em;
	position: relative;
}

.fontswitch
{
	float: left;
	margin-right: 1em;
}

.fontswitch a
{
	border: 0.063em solid #ccc;
	padding: 0.7em 0.5em 0.7em 0.5em;
	display: inline-block;
}

.fontswitch a:hover
{
	background: #a3ca39;
}

a.sizedown
{
	padding-right: 0.7em;
}

.functions select.colorchange,
div.news select#selectoptions
{
	width: 10em;
	padding: 0.5em 1em 0.5em 0.4em;
	border: 0.063em solid #ccc;
}

.functions select.colorchange:hover
{
	background: #f2f2f2;
}

.functions i.fa-caret-down,
.news i.fa-caret-down
{
	position: absolute;
	top: 0.625em;
	right: 0.813em;
	z-index: 1;
	font-size: 1.2em;
}

.functions #form_kesearch_searchfield
{
	margin-top: 0.6em;
	position:relative;
	display: block;
}

.functions #form_kesearch_searchfield #ke_search_searchfield_sword
{
	width: 90%;
	float: left;
	border: 0.063em solid #ccc;
	padding: 0.6em 1em 0.6em 0.4em;
	font-size: 1em;
	color: #303030;
}

.functions #form_kesearch_searchfield #ke_search_searchfield_submit
{
	position: absolute;
	right: 0;
}

/*** Schriften ***/

h1
{
	font-family: Georgia,Times,Times New Roman,serif; 
	line-height: 1.4em;
	font-size: 1.6em;
	color: #f78f1e;
	text-transform: uppercase;
	margin-bottom: 1em;
}

h2
{
	font-family: Georgia,Times,Times New Roman,serif; 
	line-height: 1.4em;
	font-size: 1.5em;
	color: #f78f1e;
	margin-bottom: 0.7em;
}

h3
{
	font-size: 1em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

/*** Startseite großes Bild ***/

div.headerimg
{
	max-width: 50em;
	float: left;
}

div.headerimg img
{
	max-height: 362px;
}

div.headernews
{
	max-width: 21em;
	float: left;
	padding: 1.7em 2em;
	background: #f2f2f2;
	height: 19.24em;
}

main div.container
{
	clear: both;
	padding-top: 1em;
	display: flex;
	margin: auto;
	width: 100%;
	max-width: 75em;
}

main div.container section
{
	float: left;
	width: 52em;
	margin-right: 1.5em;
	padding-top: 3em;
}

main div.container aside
{
	width: 26.7em;
	float: right;
}

div.rechteSpalte
{
	background: #f2f2f2;
	padding: 3em 2em 2em 2em;
}

main > header
{
	margin-top: 1em;
}

.clearfix::after
{
	content:"";
	clear: both;
	display: table;
}

main p
{
	line-height: 1.5em;
	margin-bottom: 2em;
	font-size: 0.9em;
}

main ul
{
	margin-left: 1.875em;
	margin-bottom: 2em;
}

main ul li
{
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0.313em 0em 0.5em 0em;
	list-style-image: url(../images/kreisorange.png);
}

/*** Layout für Bild links, Text rechts ***/

div.img-text div.ce-gallery
{
	float: left;
	margin-right: 2em;
}

div.img-text
{
	padding-bottom: 2em;
	min-height: 12.5em;
}


/*** MENU ***/

/* menu-content Container */
.menu 
{
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500;
	width: 100%;
	margin: auto;
}

div.menu-content,
div.menu-column
{
	margin: auto;
	width: 100%;
	max-width: 75em;
}

/* menu-content List */
.menu > .menu-content > li 
{
	display: block;
	float: left;
}

/* menu-content Links */
.menu > .menu-content > li > a 
{
	position: relative;
	display: block;
	height: 3.75em;
	padding: 0 2.8em; /*0 2.07em;*/
	line-height: 3.75em;
	font-size: 1.14em;
	
	border-left: 0.063em solid #fff;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.menu > .menu-content > li:hover > a 
{ 
	background: #f2f2f2; 
}

.menu > .menu-content > li:last-child > a 
{
	border-right: 0.063em solid #fff;
}

/* Submenu Dropdown */
.menu > .menu-content > li > div 
{
	position: absolute;
	display: block;
	width: 100%;
	top: 4.25em;
	left: 0;

	opacity: 0;
	visibility: hidden;
	overflow: hidden;

	background: #f2f2f2;

	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

.menu > .menu-content > li:hover > div 
{
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

ul.menu div.menu-content li.active > a,
ul.menu div.menu-content > li.current
{
	background: #f2f2f2;
}

/* Submenu Content */

div.menu-column
{
	display: flex;
}

.menu .menu-column ul.submenu 
{
	margin: 3.75em 0em;
	width: 60.5%;
}

ul.submenu li
{
	margin: 0 1.25em;
	padding-left: 1em;
	line-height: 3.75em;
	display: block;
	max-width: 19em;
	width: 19em;
	border-bottom: 0.063em solid #ccc;
	float: left;
}

ul.submenu li a:hover,
ul.submenu li.current a
{
	color: #f78f1e;
}

/* Menue Ende */

/*** FOOTER ***/

footer
{
	padding: 0em 1em 1em 1em;
	margin-top: 3em;
}

.toTop
{
	float: right;
	background: #f78f1e;
	padding: 0.8em 1em;
	color: #fff;
}

.copyright
{
	clear: both;
	padding-top: 1.5em;
}

.copyright span
{
	color: #fff;
}

.copyright a:hover
{
	color: #f78f1e;
}

i.fa-angle-double-up 
{
	margin-right: 0.5em;
}


/*** FOOTER ENDE **/

/*** Kontrast - Standardfarben, Schwarzweiß, Schwarzgelb ****/

body.sg,
body.sg .toTop,
body.sg .functions select.colorchange,
body.sg .menu > .menu-content > li:hover > a,
body.sg ul.menu div.menu-content > li.current,
body.sg .menu > .menu-content > li > div,
body.sg ul.menu div.menu-content li.active > a,
body.sw,
body.sw .toTop,
body.sw ul.menu div.menu-content > li.current,
body.sw .menu > .menu-content > li:hover > a,
body.sw .menu > .menu-content > li > div,
body.sw .functions select.colorchange,
body.sg span.resetbutt a,
body.sg span.submitbutt input
{
	background: #000;
}

body.sw main div.container section,
body.sw div.rechteSpalte,
body.sw div.headernews,
body.sw header nav,
body.sw footer,
body.sw div.fontswitch a:hover
{
	background: #fff;
}

body.sw div.fontswitch a,
body.sw ul.menu div.menu-content > li.current a,
body.sw .menu > .menu-content > li:hover > a,
body.sw .menu > .menu-content > li > div,
body.sw .functions select.colorchange,
body.sw .fa-caret-down,
body.sg span.resetbutt a,
body.sg span.submitbutt input
{
	color: #fff;
}

body.sg h1,
body.sg h1 a:hover,
body.sg h2,
body.sg h2 a:hover,
body.sg div.copyright span,
body.sg .functions #form_kesearch_searchfield #ke_search_searchfield_sword
body.sg main a:hover
body.sw,
body.sw h1,
body.sw h1 a:hover,
body.sw h2,
body.sw h2 a:hover,
body.sw div.copyright span,
body.sw div.fontswitch a:hover,
body.sw span.result-title,
body.sw .tx-kesearch-pi1 #kesearch_results .result-list-item .hit,
body.sg span.result-title,
body.sg .tx-kesearch-pi1 #kesearch_results .result-list-item .hit
{
	color: #000;
}

body.sw .tx-kesearch-pi1 #kesearch_results .result-list-item .hit,
body.sg .tx-kesearch-pi1 #kesearch_results .result-list-item .hit
{
	font-weight: bold;
}

body.sg .toTop,
body.sg .fontswitch a,
body.sg .functions select.colorchange,
body.sg .fa-caret-down,
body.sg .menu > .menu-content > li:hover > a,
body.sg ul.menu div.menu-content > li.current a,
body.sg .menu > .menu-content > li > div,
body.sg ul.menu div.menu-content li.active > a
{
	color: #ff0;
}

body.sg .fontswitch a,
body.sg .functions select.colorchange
{
	border: 0.063em solid #ff0;
}

body.sw .functions select.colorchange
{
	border: 0.063em solid #fff;
}

body.sg div.container section,
body.sg header nav,
body.sg footer,
body.sg div.headernews,
body.sg div.rechteSpalte
{
	background: #ff0;
}

body.sg .menu > .menu-content > li > a,
body.sw .menu > .menu-content > li > a
{
	border-left: 0.063em solid #000;
}

body.sg .menu > .menu-content > li > a:last-child,
body.sw .menu > .menu-content > li > a:last-child
{
	border-right: 0.063em solid #000;
}

body.sg .news .article
{
	border-top: 0.063em solid #000;
}

body.sg .news .article:first-child
{
	border-top: 0;
}

body.sg ul.submenu li
{
	border-bottom: 0.063em solid #ff0;
}

body.sg img,
body.sw img
{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

/*** FOTOGALERIE ***/

div.col-lg-3
{
	float: left;
	margin-right: 3em;
	margin-bottom: 2em;
}

figcaption.figure-caption
{
	margin-top: 1em;
}

/*** ke_search: Suchformular ***/

input#ke_search_sword
{
	font-size: 0.9em;
	width: 60%;
	height: 1.5em;
}

#c35
{
	margin-top: 4em;
}

.kesearch_searchbox div.kesearchbox
{
	margin-bottom: 2em;
}
.powermail_confirmation table {
  margin-bottom: 10px;
}
.powermail_confirmation table td{
  padding-top: 5px;
  padding-bottom: 5px;
}
.powermail_confirmation table td.powermail_all_value {
  padding-left: 10px;
}
