* {
	box-sizing: border-box;
}

html { 
	margin: 0px;
	padding: 0px;
	height: 100%; 
}

body {
	margin: 0px;
	padding: 0px;
	font: 13px Verdana, verdana, sans-serif;
	color: #4d070e;
	height: 100%;
	background-color:#fff;
	background-image: url('img/bg.jpg');
	background-position: top center;
	background-size: 100%;
}
@media (max-width: 767px) {
	body {
		background-image: none;
	}
}

#gesamt {
	width: 1024px;
	max-width: 100%;
	margin: 60px auto;
	position: relative;
	/* 	Gelber Hintergrund: */
	/* 	background-color: #ffbf2e; */
	background-color: #fff;
	background-image: url('img/streifen.png');
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 85%;
	box-shadow: 0 0 20px 5px rgba(0,0,0,.5);
}
@media (max-width: 1080px) {
	#gesamt {
		margin: 0 auto;
	}
}

/* ########## MENU ALT ANFANG ############## */

/*

#menu {
	width: 100%;
	height: 40px;
}

#menu > ul {
	background-color: #039348;
	width: 100%;
	padding: 5px;
	display: flex;
	justify-content: flex-end;
}

#menu a, #menu a:visited, #menu a:link { 
	color: #e4e3f5;
	font: bold 14px Verdana, verdana, sans-serif;
	text-decoration: none;
	background-color: none;
	margin:0px;
	border:0px;
	padding:6px 10px;
}
#menu li li a, #menu li li a:visited, #menu li li a:link { 
	color: #039348;
	font: bold 12px Verdana, verdana, sans-serif;
	text-decoration: none;
	background-color: none;
	margin:0px;
	border:0px;
	padding: 6px 10px;	
}
#menu a.active{
	color: #fff;
}

#menu li li a.active {
color: #D62427;
}
#menu a:hover, #menu li li a:hover {
color: #fff;
}

#menu > #nav > li {
	float: right !important;
}

*/

/* ############### MENU ALT ENDE ################# */

		/* ######### MENU ANFANG ############### */
		
		#menu {
			background-color: #039348;
			z-index: 99;
			position: relative;
		}
		#menu #nav {
			display: flex;
			justify-content: flex-end;
		}
		/*Strip the ul of padding and list styling*/
		#menu ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		/*Create a horizontal list with spacing*/
		#menu li {
			display: inline-block;
		}
		/*Style for menu links*/
		#menu li a {
			display: block;
			padding: 10px;
			font: bold 14px Verdana, verdana, sans-serif;
			color: #fff;
			text-decoration: none;
		}
		/*Hover state for top level links*/
		#menu li:hover a {
			background: #D62427;
		}
		/*Style for dropdown links*/
		#menu li:hover ul a {
			background: #f3f3f3;
			color: #2f3036;
			font-weight: normal;
			padding: 10px 20px;
		}
		/*Hover state for dropdown links*/
		#menu li:hover ul a:hover {
			background: #D62427;
			color: #fff;
		}
		/*Hide dropdown links until they are needed*/
		#menu li ul {
			display: none;
		}
		/*Make dropdown links vertical*/
		#menu li ul li {
			display: block;
		}
		/*Prevent text wrapping*/
		#menu li ul li a {
			width: auto;
			min-width: 100px;
			padding: 0 20px;
		}
		/*Display the dropdown on hover*/
		#menu ul li a:hover + ul, #menu ul li ul:hover {
		    display: block;
		}
		#menu .show-menu {
			font: bold 20px Verdana, verdana, sans-serif;
			text-decoration: none;
			color: #fff;
			text-align: right;
			margin: 0;
			padding: 10px;
			width: initial;
			float: none;
			display: none;
		}
		/*Hide checkbox*/
		#menu input[type=checkbox]{
		    display: none;
		}
		/*Show menu when invisible checkbox is checked*/
		#menu input[type=checkbox]:checked ~ #nav{
		    display: block;
		}
		/*Responsive Styles*/
		@media screen and (max-width : 850px){
		    /*Make dropdown links appear inline*/
			#menu #nav {
				display: none;
			}
		    #menu ul {
		        position: static;
		        display: none;
		    }
		    /*Create vertical spacing*/
		    #menu li {
		        margin-bottom: 1px;
				text-align: center;
		    }
		    /*Make all menu links full width*/
		    #menu ul li, #menu li a {
		        width: 100%;
		    }
		    /*Display 'show menu' link*/
		    #menu .show-menu {
		        display:block;
		    }
		}
		@media screen and (min-width : 850px){
			#menu ul li a:hover + ul, #menu ul li ul:hover {
			    position: absolute;
			}
		}
		
		
		/* ######### MENU ENDE ############### */

#header {
	position: relative;
	height: 130px;
	margin:0px;padding:0px;border:0px;border-spacing: 0px;border-collapse: collapse;
}
@media (max-width: 767px) {
	#header {
		height: 80px;
	}
}
#leftcol {
	width: 237px;
}
#rightcol{
	width: 720px;
	padding-right: 66px;
}
#bottom {
	height: 79px;
}

#ewi {
	position: absolute;
	/* top: -40px; */
	left: -40px;
	z-index: 100;
}
@media (max-width: 1000px) {
	#ewi {
		width: 20%;
		/* top: -20px; */
		left: -20px;
	}
}

#headerschrift {
	position: absolute;
	top: 35px;
	right: 55px;
}
@media (max-width: 1000px) {
	#headerschrift {
		width: 80%;
		top: 25px;
		right: 10px;
	}
}

#sessionschrift {
	position: absolute;
	top: 120px;
	right: 280px;
	text-family: cursive;
	font-size: xx-large;
}

#laufleiste {
	display: none;
	top: 195px;
	right: 20px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	font: 12px Verdana, verdana, sans-serif;
	color: #da251d;
	width: 808px;
}
@media (max-width: 767px) {
	#laufleiste {
		display: none;
	}
}
#laufleiste-verlauf1 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 100px;
	/* background-image:url('img/llverlauf1.png'); */
	background-position: top left;
	background-repeat: repeat-y;
}
#laufleiste-verlauf2 {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 20px;
	width: 100px;
	/* background-image:url('img/llverlauf2.png'); */
	background-position: top right;
	background-repeat: repeat-y;
}

#facebook {
	position: absolute;
	right: 50px;
	top: 95px;
}
@media screen and (max-width : 850px) {
	#facebook {
		right: 5vw;
		top: 22vw;
	}
}

#contentwrapper {
	display: flex;
	padding: 20px;
}
@media (max-width: 767px) {
	#contentwrapper {
		flex-direction: column-reverse;
	}
}

#content {
	position: relative;
	width: 702px;
	max-width: 100%;
	padding: 20px 40px;
	/* 	Gelber Hintergrund: */
	/* background-color: #fff; */
	/* box-shadow: 0 0 10px #00000073; */
	background-color: rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 30px;
}
@media (max-width: 767px) {
	#content {
		padding: 10px 20px;
		background-color: Transparent;
		box-shadow: none;
		padding: 0;
		margin-top: 120px;
	}
}
@media (max-width: 500px) {
	#content {
		margin-top: 20px;
	}
}

#content table {
	max-width: 100%;
}
#content img {
	max-width: 100%;
	height: auto;
}
#content .mitarbeiter img {
	max-width: none;
}

#content2 {
	width: 245px;
	padding-left: 35px;
	margin-top: 100px;
}
@media (max-width: 767px) {
	#content2 {
		padding: 0;
		margin: 0;
	}
}

#content2 p {
	font-size: 10px;
}
#content2 .c2bild {
	margin-top:10px;
	width:150px;
	color:#000000;
	font-size:9px;
	font-weight:bold;
}
#content2 .c2bild a:hover img {
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.53);
}
#content2 .c2download {
	margin-top:10px;
	width:150px;
	font-size:10px;
}


#bottom{
	position: relative;
}
@media (max-width: 767px) {
	#bottom {
		display: none;
	}
}

#footer2 {
	top: -9px;
	left: 68px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	font: 9px arial, verdana, sans-serif;
	color: #01622b;
	width:150px;
}
#footer {
	top: 50px;
	right: 75px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	font: 10px arial, verdana, sans-serif;
	color: #01622b;
	width: 675px;
	max-width: 100%;
	text-align: center;
}
#footerleft{
	position: absolute;
	top: 0px;
	left: 0px;
}
#footerright {
	position: absolute;
	top: 0px;
	right: 0px;
}

table { 
border-spacing: 0px;
border-collapse: collapse;
margin: 0px;
padding: 0px;
border: 0px;}

td { vertical-align: top; font: 13px Verdana, verdana, sans-serif; }

h1 {
	background-image: url(img/h1.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 35px;
	position: relative;
	font: italic bold 20px Verdana, verdana, sans-serif;
	color: #da251d;
	text-shadow: 0 0 10px #fff;
}
h1 a, h1 a:link, h1 a:visited, h1 a:active {color:#41619D;}

h2 {
background-image: url(img/h2.png);
background-position:center left;
background-repeat:no-repeat; 
padding-left:25px;
font: bold 15px Verdana, Helvetica, sans-serif; 
color: #da251d; 
margin-top:15px;
margin-bottom:5px;
}
h2 a, h2 a:link, h2 a:visited, h2 a:active {color:#6181BD;}

h3, h4, h5, h6 {
border-bottom:1px solid #da251d;
color: #da251d;
font-family:Verdana, Helvetica, sans-serif;
}
h3 a, h3 a:link, h3 a:visited, h3 a:active 
h4 a, h4 a:link, h4 a:visited, h4 a:active 
h5 a, h5 a:link, h5 a:visited, h5 a:active 
h6 a, h6 a:link, h6 a:visited, h6 a:active {color:#da251d;}

hr {
	border:1px solid #da251d;
}

p {
font: 13px Verdana, verdana, sans-serif;
color: #4d070e;
margin-top:0px;
}

a, a:link, a:visited, a:active { text-decoration:none; color:#01622b; }
a:hover { text-decoration:underline; color:#00a22f; }

.contentwidth { width: 100%; }
.borderline { border:2px solid #da251d; border-radius: 15px; -moz-border-radius: 15px; }

.text1, .text2 { 
	background-color: #ffc104; 
	background-image: url('img/farbverlauf3.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#fef609), to(#ffc104));
	background: -moz-linear-gradient(top, #fef609, #ffc104);
	background: -o-linear-gradient(top, #fef609, #ffc104);
	background: linear-gradient(top, #fef609, #ffc104);
}

.box-shadow {
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.53);
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.66);
}

img.emoticons {
	position: relative;
	top:3px;
	margin:-5px 0px -2px 0px;
	border:0px;
}

#content .fbnewspost h3 {
	margin: 0;
	padding: 5px 10px;
}
#content .fbnewspost p {
	margin: 0;
	padding: 10px;
}
#content .fbnewspost {
	box-shadow: 0 0 5px rgba(136, 136, 136, 0.53);
	background-color: rgba(238, 238, 238, 0.53);
	margin-bottom: 15px;
}

#content .fbevent {
	display: flex;
	background: none;
	box-shadow: 0 0 5px rgba(136, 136, 136, 0.53);
	background-color: rgba(238, 238, 238, 0.53);
	margin-bottom: 15px;
	border-radius: 0;
}

#content .galleryalbum {
	background: none;
	box-shadow: 0 0 5px rgba(136, 136, 136, 0.53);
	background-color: rgba(238, 238, 238, 0.53);
	margin-bottom: 15px;
	border-radius: 0;
}

#content .guestbookentry.text1, #content .guestbookentry.text2 {
	background: none;
	box-shadow: 0 0 5px rgba(136, 136, 136, 0.53);
	background-color: rgba(238, 238, 238, 0.53);
	margin-bottom: 15px;
	border-radius: 0;
}

/* Formularcode ANFANG */

fieldset
{
border: 0px;
margin: 0px;
padding: 0px;
}

label
{
    float            : left;
    width            : 120px;
    margin-right    : 10px;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float            : left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right,
img.right
{
    float         :    left;
    width         :    auto;
    clear         :    both;
    margin-left   :    130px;
    margin-right  :    10px;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height                :    180%;
}

/* Formularcode ENDE */


/* Form.Validator ANFANG */

.validation-failed {
border: 1px solid #f00;
}
.validation-passed {
border: 1px solid green;
}
.validation-advice {
margin: 2px; padding: 2px; color:#fff; background-color:#f00;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px; padding: 2px; color:#fff; background-color:#bbb;
}

/* Form.Validator ENDE */

/* Tool-Tips ANFANG */

.tool-tip {
	color: #41619D;
	border: 1px solid #6485be;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 8px 8px 4px;
	background: #C5DEE3;
	border-bottom: 1px dotted #6485be;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #eff5ff;
}

/* Tool-Tips ENDE */

/* Autocompleter ANFANG */

ul.autocomp
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:                 1px solid #6485be;
	background-color:		#eff5ff;
	text-align:				left;
	font-family:			Verdana, Helvetica, sans-serif;
	z-index:				50;
	color:                  #41619D;
}

ul.autocomp li
{
	position:				relative;
	padding:				0.1em 1.5em 0.1em 1em;
	cursor:					pointer;
	font-weight:			normal;
	font-size:				12px;
	border:                 1px dotted #6485be;
}

ul.autocomp li.autocompleter-selected
{
	background-color:		#C5DEE3;
	color:					#41619D;
}

ul.autocomp span.autocompleter-queried
{
	font-weight:			bold;
}

ul.autocomp li.autocompleter-selected span.autocompleter-queried
{
	color:					#ee7c04;
}

/* Autocompleter ENDE */