html, body { background: #F6D728; background: -webkit-linear-gradient(top, #B59B08 0, #F5D20A 176px, #FAE780 500px) no-repeat; background: -moz-linear-gradient(top, #B59B08 0, #F5D20A 176px, #FAE780 500px) no-repeat; background: -o-linear-gradient(top, #B59B08 0, #F5D20A 176px, #FAE780 500px) no-repeat; background: -ms-linear-gradient(top, #B59B08 0, #F5D20A 176px, #FAE780 500px) no-repeat; background: linear-gradient(to bottom, #B59B08 0, #F5D20A 176px, #FAE780 500px) no-repeat; -svg-background: linear-gradient(top, #B59B08 0, #F5D20A 176px, #FAE780 500px) no-repeat; background-attachment: fixed !important; margin: 0px auto; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; position: relative; width: 100%; min-height: 100%; left: 0; top: 0; color: #111417; }
div.innen { background: #FFFFFF; -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.4); padding: 12px; margin: 25px auto; position: relative; cursor: auto; width: 1014px; max-width:100%; z-index: auto !important; box-sizing:border-box; }
@font-face { font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; local: Century Gothic; src: url(../fonts/GOTHIC.TTF); }
div { box-sizing: border-box; }
input,select,textarea { max-width:295px; width:100%; border: 1px solid #D7D2A7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #3D5166; border-radius: 4px; border: 1px solid #B9C2CB; padding: 5px 0px; }
button { max-width: 295px; width: 100%; border: 1px solid #D7D2A7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #3D5166; border-radius: 4px; border: 1px solid #B9C2CB; padding: 5px 0px; }
button:hover,input[type='button']:hover, input[type='submit']:hover { cursor:pointer; background: #CCC; }

table.flexTable.flexUl > tbody > tr > td:nth-child(1):before { content: "-"; position: absolute; margin-left:-10px; display: inline-block; }
table.flexTable.flexUl > tbody > tr > td { padding-left:10px; }
table.flexTable.flexBold > tbody > tr > td:nth-child(1) { font-weight:bold; }
table.flexTable > tbody > tr > td { vertical-align:top; }
table.flexTable.td-110 > tbody > tr > td:nth-child(1) { width:110px; }
table.flexTable.td-130 > tbody > tr > td:nth-child(1) { width:130px; }
table.flexTable.td-200 > tbody > tr > td:nth-child(1) { width:200px; }
table.flexTable.td-250 > tbody > tr > td:nth-child(1) { width:250px; }

img { display:block; cursor:pointer; max-width:100%; }
img.right { float:right; margin:0px 0px 0px 5px; }
img.left { float:left; margin:0px 5px 0px 0px; }

ul.standard { padding-left: 17px;margin: 0px;list-style-type: none; }
ul.standard > li { text-indent: -13px;padding: 6px 0px; }
ul.standard > li:before { content: "\2013\A0"; }
ul.standard.narrow li { padding: 0; }

h1 { margin: 0px 0px 24px 0px; padding: 0px 0px 10px 0px; font-size: 24px; color: #708BA9; font-weight:normal; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; }

a { font-weight: normal; text-decoration: underline; color: #839BB4; }
a:hover { font-weight: normal; text-decoration: none; color: #004C25; }

a.button { text-align: center; text-decoration: none; color: white; width: 100px; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; background-color: #747454; border: 1px solid #122313; display: inline-block; }
a.button:hover { text-align: center; text-decoration: none; color: white; width: 100px; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; background-color: #122313; border: 1px solid #747454; display: inline-block; }


/* Kopfzeile mit Bild */
#head { display:block; position:relative; width: 100%; background:url(../images/header.jpg); height: 184px; margin:2px; background-repeat:no-repeat; }

#navi { display:inline-block; position:relative; vertical-align: top; width: 251px; padding-right: 12px; }
#navi > ul  { list-style: none; margin: 54px 0px 0px 1px; padding: 0px; }
#navi > ul > li { box-sizing: border-box; background: #E2E8EE; background: -webkit-linear-gradient(top, #E2E8EE 0, #E6EAF0 40%, #E6EAF0 85%, #CAD4DF 100%) no-repeat; background: -moz-linear-gradient(top, #E2E8EE 0, #E6EAF0 40%, #E6EAF0 85%, #CAD4DF 100%) no-repeat; background: -o-linear-gradient(top, #E2E8EE 0, #E6EAF0 40%, #E6EAF0 85%, #CAD4DF 100%) no-repeat; background: -ms-linear-gradient(top, #E2E8EE 0, #E6EAF0 40%, #E6EAF0 85%, #CAD4DF 100%) no-repeat; background: linear-gradient(to bottom, #E2E8EE 0, #E6EAF0 40%, #E6EAF0 85%, #CAD4DF 100%) no-repeat; -svg-background: linear-gradient(top, #E2E8EE 0, #E6EAF0 40%, #E6EAF0 85%, #CAD4DF 100%) no-repeat; margin: 6px auto 5px auto; min-height: 34px; line-height: 34px; }
#navi > ul > li > a { color: #364049; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; display: block; padding: 0 16px; }
@media (min-width: 766px) {
	#navi > ul > li:hover { background: #DCE2CD; background: -webkit-linear-gradient(top, #DCE2CD 0, #DCE2CD 17%, #E9EDE1 17%, #D3DBC2 100%) no-repeat; background: -moz-linear-gradient(top, #DCE2CD 0, #DCE2CD 17%, #E9EDE1 17%, #D3DBC2 100%) no-repeat; background: -o-linear-gradient(top, #DCE2CD 0, #DCE2CD 17%, #E9EDE1 17%, #D3DBC2 100%) no-repeat; background: -ms-linear-gradient(top, #DCE2CD 0, #DCE2CD 17%, #E9EDE1 17%, #D3DBC2 100%) no-repeat; background: linear-gradient(to bottom, #DCE2CD 0, #DCE2CD 17%, #E9EDE1 17%, #D3DBC2 100%) no-repeat; -svg-background: linear-gradient(top, #DCE2CD 0, #DCE2CD 17%, #E9EDE1 17%, #D3DBC2 100%) no-repeat; box-shadow: inset 0 0 0 1px #9CAFC4; }
}
#navi > ul > li.aktiv { background: #F5D419; background: -webkit-linear-gradient(top, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; background: -moz-linear-gradient(top, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; background: -o-linear-gradient(top, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; background: -ms-linear-gradient(top, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; background: linear-gradient(to bottom, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; -svg-background: linear-gradient(top, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; box-shadow: inset 0 0 0 1px #7C96B1; }
#navi > ul > li.aktiv > a { color: #181C20; }
#navi > ul > ul { list-style: none; margin: 0px; padding: 0px; }
#navi > ul > li:not(.aktiv) + ul { display:none; }
#navi > ul > ul > li { box-sizing: border-box; background: #E5EADC; background: -webkit-linear-gradient(top, #E5EADC 0, #E5EADC 17%, #F0F3EB 17%, #DAE0CC 100%) no-repeat; background: -moz-linear-gradient(top, #E5EADC 0, #E5EADC 17%, #F0F3EB 17%, #DAE0CC 100%) no-repeat; background: -o-linear-gradient(top, #E5EADC 0, #E5EADC 17%, #F0F3EB 17%, #DAE0CC 100%) no-repeat; background: -ms-linear-gradient(top, #E5EADC 0, #E5EADC 17%, #F0F3EB 17%, #DAE0CC 100%) no-repeat; background: linear-gradient(to bottom, #E5EADC 0, #E5EADC 17%, #F0F3EB 17%, #DAE0CC 100%) no-repeat; -svg-background: linear-gradient(top, #E5EADC 0, #E5EADC 17%, #F0F3EB 17%, #DAE0CC 100%) no-repeat; line-height: 26px; }
#navi > ul > ul > li { border: 1px solid #9CAFC4; }
#navi > ul > ul > li + li { border-top: 0px; }
#navi > ul > ul > li > a { color: #1E2429; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; display: block; padding: 0 16px 0 27px; }
#navi > ul > ul > li.aktiv { background: #F5D419; background: -webkit-linear-gradient(top, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; background: -moz-linear-gradient(top, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; background: -o-linear-gradient(top, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; background: -ms-linear-gradient(top, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; background: linear-gradient(to bottom, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; -svg-background: linear-gradient(top, #F5D419 0, #F6D51E 40%, #F6D51E 85%, #F5D20A 94%, #E6C50A 100%) no-repeat; }

#toggleMobile { position: fixed; top: 10px; right: 10px; display: none; width: 40px; height: 36px; cursor: pointer; z-index: 1001; background:#708BA9; border-radius:50%; box-shadow: 0px 0px 18px black; }
#toggleMobile span.menu1, #toggleMobile span.menu2, #toggleMobile span.menu3 { display: block; position: absolute; width: 8px; height: 8px; border-radius:50%; left: 16px; background: #ffffff; -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
#toggleMobile span.menu1 { top: 3px; }
#toggleMobile span.menu2 { top: 14px; }
#toggleMobile span.menu3 { top: 25px; }
#toggleMobile.active span.menu1, #toggleMobile.active span.menu2 { box-shadow: none; left:5px; width: 24px; border-radius: 0px; height: 6px; }
#toggleMobile.active span.menu1 { top: 15px; left: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
#toggleMobile.active span.menu2 { top: 15px; left: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95); }
#toggleMobile.active span.menu3 { opacity: 0; -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); }


#text { display:inline-block; position:relative; padding:50px 10px 15px 10px; width: calc(100% - 256px); font-family: verdana,geneva; line-height: 175%; font-size: small; vertical-align: middle; }

#footer { display:block; width:100%; background: #F7D445; border-top: 1px dotted #9CAFC4; padding: 5px; margin: 16px auto 0px; color: #000000; line-height: 175%; text-align: center; }
#footer span+span:before { content: "\2022\20"; }

@media (max-width: 765px) {
	#toggleMobile { display:block; }
	div.innen { margin-top: 5px; }

	table.flexTable { display:block; }
	table.flexTable > tbody { display:block; }
	table.flexTable > tbody > tr { display:block; margin-bottom:20px; }
	table.flexTable > tbody > tr > td { display:block; line-height: 1.2em; width:100%; }
	table.flexTable.flexUl > tbody > tr > td:nth-child(1) { width:100%; text-decoration:underline; }
	
	#navi { z-index:1000; position:absolute; top:0px; left:0px; background: #f5d20a; width:100%; padding: 0px; }
	#navi > ul { margin:0px; width: 100%; }
	#navi > ul > li { background:none; width: 100%; box-shadow: none; padding:12px; margin: 0px; min-height: 16px; line-height: 16px; }
	#navi > ul > li > a { font-size:13px; padding: 0px; color:black; }
	#navi > ul > li.aktiv { box-shadow: none; }
	#navi > ul > li.aktiv > a { font-weight:bold; }
	#navi > ul > li:not(.aktiv) + ul { display:block; }

	#navi > ul > ul { width:100%; }
	#navi > ul > ul > li { border: 0px; background:none; border-bottom: 1px solid #B59B08; padding: 12px 12px 12px 24px; line-height: 16px; }
	#navi > ul > ul > li > a { color: black; letter-spacing: 0.1em; text-align: left; padding: 0px; }
	#navi > ul > ul > li.aktiv > a { font-weight:bold; }
	
	#navi > ul > li { padding: 12px 12px 12px 12px; text-transform: uppercase; }
	#navi  > ul > li { display: block; color: black; letter-spacing: 0.1em; text-align: left; border-bottom: 1px solid #B59B08; 	}
	
	#navi { display:none; }
	#text { width:100%; }
	#footer span { display:block; line-height: 120%; }
	#footer span+span:before { display:none; }
	
	img.right, img.left { float:none; margin:5px auto; display:block; }
}


/*
table {
	color: #000000;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {
	border:1px solid #D7D2A7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #3D5166 !important;
	border-radius: 4px;
	border: 1px solid #B9C2CB;
	padding:5px 0px;
}
select {
	border:1px solid #D7D2A7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #3D5166 !important;
	border-radius: 4px;
	border: 1px solid #B9C2CB;
	padding:5px 0px;
}

table.foot {
	width:100%;
	background: #F7D445;
	border-top: 1px dotted #9CAFC4;
	padding: 5px;
	margin: 16px auto 0px auto;
	position: relative;
	color: #000000;
	font-size: 13px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	line-height: 175%;
	text-align: center;
	box-sizing: content-box;
}


header { height:0px; }

mobileMenu {
	cursor:pointer;
	position: relative;
	top: -50px;
	left: 0;
	width: 100%;
	display: none;
}

mobileMenu ul {
	padding:0px;
}
mobileMenu ul li {
	display:block;
	background-color: #F5D20A;
	color: black;
	letter-spacing: 0.1em;
	text-align: left;
	border-bottom: 1px solid #B59B08 ;
}
mobileMenu ul li.navi1:hover, mobileMenu ul li.navi2:hover, mobileMenu ul li.navi3:hover, mobileMenu ul li.navi4:hover {
	font-weight:bold;
}
mobileMenu ul li.navi1 {
	padding: 12px 12px 12px 12px;
	text-transform: uppercase;
}
mobileMenu ul li.navi2 { padding: 12px 12px 12px 24px; }
mobileMenu ul li.navi3 { padding: 12px 12px 12px 36px; }
mobileMenu ul li.navi4 { padding: 12px 12px 12px 48px; }
mobileMenu ul li.navi1checked, mobileMenu ul li.navi2checked, mobileMenu ul li.navi3checked, mobileMenu ul li.navi4checked {
	font-weight:bold;
}

.toggleMobile {
	display: none;
}

#seitennavitd {
	vertical-align:top;
	width:240px;
	padding-right:14px;
}

@media (max-width: 765px) {
	input,select,textarea,a.button { padding:5px; }
	a.button:link { padding:5px; }
}

@media (max-width: 765px) {
	#div1 img, #div1 iframe,
	#div2 img, #div2 iframe,
	#div3 img, #div3 iframe,
	#div4 img, #div4 iframe
	{
		max-width: 100%;
		height: auto !important;
	}
	input,select,textarea { padding:5px; }
	a.button:link { padding:5px; }
	
	header {
		margin-top: 55px;
		text-align: center;
	}
	div.innen {
		margin:0px auto;
	}
	mobileMenu {
		display: block;
		z-index: 1000;
	}
	.toggleMobile {
		position: fixed;
		top: 10px;
		right: 10px;
		display: block;
		width: 40px;
		height: 36px;
		cursor: pointer;
		z-index: 1001;
	}
	.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3 {
		display: block;
		position: absolute;
		width: 40px;
		height: 8px;
		left: 0;
		background: #708BA9;
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile span.menu1 {
		top: 0;
	}
	.toggleMobile span.menu2 {
		top: 14px;
	}
	.toggleMobile span.menu3 {
		top: 28px;
	}
	.toggleMobile.active span.menu1 {
		top: 14px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu2 {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu3 {
		opacity: 0;
		-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
}
div.werbung {
	position: relative;
	z-index: auto !important;
	padding: 1em;
	text-align: center !important;
	text-decoration: none;
	color: #263340;
}
*/