body {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 background: #3C3933;
 margin: 0;
 padding: 8px;
 color: #FCF1B3;
}

.menuc {
	vertical-align: top;
	padding-top: 3px;
}

.clr { 
  font-size: 1pt; /* IE Hack, damit er bei div class="clear" height: 0 (einigermassen) berücksichtigt - Firefox braucht aber != 0! */
  clear:both; 
  height: 0;
}

#newnav {
  margin-top: 8px;
  border-top: solid 1px #FCF1B3;
/*  border-bottom: solid 1px #FCF1B3; */
  padding: 12px 0; 
  overflow: auto;
}

#newnav a {
	text-decoration: none;
	color: #FCF1B3;
}

#startspruch {
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	text-align: center; 
	margin: 0px 0px 0px 0px;
  font-weight: normal;
  color: #F29526;
  font-size: 18pt;
  font-style: italic;
}

#keywords {
	text-transform: uppercase;
	font-size: 6pt;	
	width: 100%;
	white-space: nowrap;
	color: #FCF1B3;
	top: 2px;
	position: relative;
}

a.header_banner {
	text-decoration: none;
	color: #FCF1B3;
}

#claim_keys {
	margin-top: 5px;
	font-size: 90%;
}

#claim_keys .claim {
/*	font-weight: bold; */
}

#claim_keys .keywords {
	white-space: nowrap;
	overflow-x: hidden;
/*	font-size: 70%;
	font-size: 6pt;
	color: #3C3933; */
}

/* für Startseite */

#startseite {
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12pt; 
	text-align: center; 
	margin: 10px 0px 0px 0px;
}

#startseite a {
	color: #FCF1B3; /* #d2e116; */
/*	font-weight: bold; */
	text-decoration: none;
}

#startseite a:hover {
	text-decoration: underline;
}

#startseite .bildlegenden {
	font-size: 10pt;
}

#startseite h3 {
	margin: 5px 0 10px 0;
}

#startseite td {
	width: 33%;
}

#startseite td .box {
  margin: 10px;
	padding: 5px 10px;
	box-shadow: 3px 3px 5px #FCF1B3;
	-moz-box-shadow: 3px 3px 5px #FCF1B3;
	-webkit-box-shadow: 2px 2px 6px #FCF1B3;
}

#startseite img {
	margin: 3px 10px 5px 0;
}

#nav_main {
  margin-top: 8px;
  border-top: solid 1px #FCF1B3;
}

#nav_main ul { /* all lists */
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav_main ul li {
  float: left;
  position: relative;
/*  width: 200px; */
  font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  margin-top: 3px;
  padding-bottom: 3px;
  text-transform: uppercase;
  margin-right: 30px;
}

#nav_main ul li a {
  color: #FCF1B3;
  text-decoration: none;
  padding: 0 3px 0 23px;
  background-image: url(pics/ysquare.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#nav_main ul li a:hover {
  background-color: #3C3933;
  color: #FCF1B3;
  background-image: url(pics/osquare.jpg);
  background-repeat: no-repeat;
  background-position: 0 0px;
}

#nav_main ul li a.aktiv {
  background-image: url(pics/osquare.jpg);
  background-repeat: no-repeat;
  background-position: 0 1px;
}


/* Hier war der Stuff fuer die Aufklappmenus */

#space {
  height: 30px;
  border-top: solid 1px #FCF1B3;
}

#specnav {
  font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #FCF1B3;
  margin-top: 4px;
  float: right;
	width: 60%; 
	text-align: right;
}

#specnav a {
  color: #FCF1B3;
  text-decoration: none;
}

#specnav a:hover {
  background-color: #FCF1B3;
  color: #3C3933;
}

td.titel h1 {
  margin: 0px 0 10px 0;
  padding: 0px 10px 10px 30px;
  font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  font-weight: normal;
  color: #F29526;
  font-size: 18pt;
  text-transform: uppercase;
}

#subnav {
/*  float: left; */
  margin: -3px 0 0 0;
  padding: 0px 10px 10px 16px;
  width: 260px;
/*  border: 1px solid blue; */
}

#subnav ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

#subnav ul li a {
  padding: 0 0 0 12px;
  font-weight: normal;
  color: #d2e116;
  text-decoration: none;
  background-image: url(pics/ysquare8.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
}

#subnav ul li a:hover {
  font-weight: normal;
  color: #d2e116;
  text-decoration: none;
  background-image: url(pics/osquare8.jpg);
  background-repeat: no-repeat;
  background-position: 0 5px;
}

#subnav ul li a.aktiv {
  background-image: url(pics/osquare8.jpg);
  background-repeat: no-repeat;
  background-position: 0 5px;
}

#subnav ul li.sub a {
  background-image: url(pics/ycircle.png);
  background-repeat: no-repeat;
  background-position: 0 5px;
  font-size: 90%;
}

#subnav ul li.sub a:hover {
  background-image: url(pics/ocircle.png);
  background-repeat: no-repeat;
  background-position: 0 5px;
}

#subnav ul li.sub a.aktiv {
  background-image: url(pics/ocircle.png);
  background-repeat: no-repeat;
  background-position: 0 5px;
}


td.trenner {
  border-left: 2px solid #d2e116; */
/* background-image: url(pics/gruen.jpg);	
  background-repeat: repeat-y;
  width: 100px; */
}

#inhalt {
  margin: -3px 0 0 00px;
  padding: 0px 10px 0px 30px;
  position: relative;
  min-height: 400px;
}

#inhalt .orange {
  color: #F29526;
}

#inhalt h2 { /* gleich wie h1 Seitentitel */
  margin: 10px 0 10px 0;
  padding: 0px 10px 0px 0px;
  font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
  font-weight: normal;
  color: #F29526;
  font-size: 18pt;
}

#inhalt a {
  color: #FCF1B3;
  font-weight: bold;
  text-decoration: none;
}

#inhalt a:hover {
  color: #DCD193;
  font-weight: bold;
  text-decoration: underline;
}

#inhalt a.unf {
	font-weight: normal;
}

#inhalt ul {
  margin: 0 0 0 1.1em;
  padding: 0;
}

.fragen {
  margin: 5px 0 -2px 0;
  text-align: right;
  font-weight: bold;
}

.fragentop {
	float: right;
	width: 200px; 
	border: 2px solid #FCF1B3;;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 10px 20px;
  -webkit-border-radius: 14px;
     -moz-border-radius: 14px;
          border-radius: 14px;
}

.fragentop:hover {
 background: #6C6963; /* #3C3933; */
}


.fragen a {
  text-decoration: none;
  color: #FCF1B3;
}

.fragen a:hover {
  text-decoration: underline;
  color: #FCF1B3;
}

form .main {
	width: 80%;
}

form .main input {
	width: 100%;
}

form .main textarea {
	width: 99%;
}

#aform {
	margin-top: 1em; 
	padding: 10px 15px 15px 15px; 
	border: 1px solid #CCCD78; 
	width: 80%;
}

#aform .siehtmannicht {
	display: none;
}

#aform .label {
	width: 15%;
	float: left;
	margin-top: 5px;
}

#aform input, #aform textarea {
	padding: 2px;
	margin-top: 5px;
}

#aform input[type="text"], #aform textarea {
	width: 80%;
}

#aform input[type="radio"] {
  margin-top: 8px;
	margin-bottom: 7px;
}

#aform input.error, #aform textarea.error {
	border: 1px solid red;
}

#aform .alarm {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

#aform .alarm-error {
  color: #b94a48;
  background-color: #FCF1B3;
  border-color: #eed3d7;
}

#aform .alarm-success {
  color: #468847;
  background-color: #FCF1B3;
  border-color: #d6e9c6;
}

#lageplan {
	float: right; 
	width: 60%;
}

#footer12 {
/*	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; */
	text-align: center;
}

#footer {
  margin-top: 10px;
  text-align: center;
  border-top: 1px solid #FCF1B3;
}

#footer a, #footer12 a {
  color: #FCF1B3;
  font-weight: bold;
  text-decoration: none;
}

#footer a:hover, #footer12 a:hover {
  color: #DCD193;
  text-decoration: underline;
}

#footer h1, #footer12 h1, #footer h2, #footer12 h2, #startseite h1, #startseite h2 {
  font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
  margin: 10 0 10 0;
  font-size: 16pt;
  font-weight: normal;
  color: #F29526;
}

input, select, textarea  {
	border: none;
	background: #FCF1B3;
	font-size: 10pt;
}

input.checkbox {
	background: red;
}

input.submit {
	border: 1px solid #FCF1B3;
	font-weight: bold;
}

input.submit:hover {
	color: #FCF1B3;
	background: #666666;
	border: 1px solid #999999;
	cursor: pointer;
}

#sitemap, #sitemap a, #sitemap a:hover  {
	font-size: 8pt;
	font-weight: normal;
}

#newslist, #newslist a, #newslist a:hover {
	font-weight: normal;
}

/* Hamburger-Menu */

/** Hauptnavi **/
/* die ganze Sache positionenieren */
#mobile_mainnavi nav {
	position: fixed; /* wenns nicht mitscrollen soll... */
	top: 0;
	width: 100%;
	z-index: 1000;
	/* und natürlich erst anzeigen, wenn die Bildschirmgrösse stimmt... */
	display: none;
}

/* style für Hamburger... */
#mobile_mainnavi nav a#nav1, #mobile_mainnavi nav a.close {
	top: 25px;
	right: 25px;
	position: absolute;
	font-size: 400%;
	font-weight: bold;
	padding: 0 20px 5px 20px;
	background: #3C3933;
	color: #FCF1B3;
	text-decoration: none;
}

#mobile_mainnavi nav a#nav1:hover, #mobile_mainnavi nav a.close:hover {
	background: #FCF1B3;
	color: #3C3933;
}

/* style für Block mit den Einträgen */
#mobile_mainnavi nav > ul {
	left: -1000px;  /* unsichtbar, da links über den Rand hinaus... */
	list-style-type: none;
	margin: 80px 0;
	padding: 20px;
	position: absolute;
	top: 25px;
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	background-color: #48443C;
	line-height: 250%;
	-moz-box-shadow: 5px 5px 10px #FCF1B3;
	-webkit-box-shadow: 5px 5px 10px #FCF1B3;
	box-shadow: 5px 5px 10px #FCF1B3;
	width: 80%;
	border: 1px solid #FCF1B3;
}

/* style für die einzelnen Einträge */
#mobile_mainnavi nav > ul a {
	font-size: 120%;
	color: #FCF1B3;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#mobile_mainnavi nav > ul li {
	border-bottom: 1px solid #FCF1B3;
	padding: 10px 0;
}

/* style für hover der Einträge */
#mobile_mainnavi nav > ul a:hover, #mobile_mainnavi nav > ul li:hover {
	color: #48443C;
	background: #FCF1B3;
}

#mobile_mainnavi nav > .close, #mobile_mainnavi a#nav1:target {
  display: none;
}

#mobile_mainnavi nav > a:target ~ ul, #mobile_mainnavi a:target ~ .close {
  display: inline-block !important;
}

/* dahin kommt es beim "aufklappen"... */
#mobile_mainnavi nav > a:target ~ ul {
  left: 0px;
}

/** Subnavi **/
/* die ganze Sache positionenieren */
#mobile_subnavi nav {
	position: absolute; /* wenns nicht mitscrollen soll... */
	top: 0;
	width: 100%;
	z-index: 1000;
	/* und natürlich erst anzeigen, wenn die Bildschirmgrösse stimmt... */
	display: none;
}

/* style für Hamburger... */
#mobile_subnavi nav a#nav2, #mobile_subnavi nav a.close {
	top: 25px;
	right: 125px;
	position: absolute;

	font-size: 400%;
	font-weight: bold;
	padding: 0 20px 5px 20px;
	background: #3C3933;
	color: #d2e116;
	text-decoration: none;
}

#mobile_subnavi nav a#nav2:hover, #mobile_subnavi nav a.close:hover {
	background: #d2e116;
	color: #3C3933;
}

/* style für Block mit den Einträgen */
#mobile_subnavi nav > ul {
/*	right: -1000px;  /* unsichtbar, da rechts über den Rand hinaus... */
	right: -1000px;
	list-style-type: none;
	margin: 100px 0;
	padding: 20px;
	position: absolute;
	top: 25px;
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	background-color: #48443C;
	line-height: 250%;
	-moz-box-shadow: 5px 5px 10px #d2e116;
	-webkit-box-shadow: 5px 5px 10px #d2e116;
	box-shadow: 5px 5px 10px #d2e116;
	width: 80%;
	border: 1px solid #d2e116;
}

/* style für die einzelnen Einträge */
#mobile_subnavi nav > ul a {
	font-size: 120%;
	color: #d2e116;
	font-weight: bold;
	text-decoration: none;
}

#mobile_subnavi nav > ul li {
	border-bottom: 1px solid #FCF1B3;
	padding: 10px 0;
}

/* style für hover der Einträge */
#mobile_subnavi nav > ul a:hover, #mobile_subnavi nav > ul li:hover {
	color: #3C3933;
	background: #d2e116;
}

#mobile_subnavi nav > .close, #mobile_subnavi a#nav2:target {
  display: none !important;
}

#mobile_subnavi nav > a:target ~ ul, #mobile_subnavi a:target ~ .close {
  display: inline-block !important;
}

/* dahin kommt es beim "aufklappen"... */
#mobile_subnavi nav > a:target ~ ul {
  right: 25px;
}

/* Menus unten in der Fusszeile
 * ---------------------------- */

div#mobile_menu_footer {
	display: none;
}

div#mobile_menu_footer ul {
	margin-bottom: 20px;
	border-top: 1px solid #FCF1B3;
	list-style-type: none;
	padding: 0;
}

div#mobile_menu_footer ul li {
	padding: 10px;
	margin-bottom: 2px;
	margin-left: 0;
	color: #FCF1B3;
}

div#mobile_menu_footer ul a {
	text-decoration: none;
}

div#mobile_menu_footer ul a.aktiv {
	font-weight: bold;
}

div#mobile_menu_footer ul#mainnavi_footer li {
	background-image: url(pics/ysquare.gif);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  padding-left: 35px;
}

div#mobile_menu_footer ul#mainnavi_footer a {
	color: #FCF1B3;
	text-decoration: none;
}

div#mobile_menu_footer ul#mainnavi_footer a.aktiv {
	font-weight: bold;
}

div#mobile_menu_footer ul#mainnavi_footer li:hover {
  background-image: url(pics/osquare.jpg);
}

div#mobile_menu_footer ul#subnavi_footer li {
  background-image: url(pics/ysquare8.gif);
  background-repeat: no-repeat;
  background-position: 10px 15px;
  padding-left: 30px;
  color: #d2e116;
}

div#mobile_menu_footer ul li a.aktiv {
	font-weight: bold;
}

div#mobile_menu_footer ul#subnavi_footer li:hover {
  background-image: url(pics/osquare8.jpg);
}

div#mobile_menu_footer ul li:hover, div#mobile_menu_footer ul li a:hover {
	background-color: #FCF1B3;
	color: #3C3933;
}

div#mobile_menu_footer ul#subnavi_footer li:hover, div#mobile_menu_footer ul#subnavi_footer li a:hover {
	background-color: #d2e116;
	color: #3C3933;
}

a#toparrow {
	font-size: 300%;
	color: #3C3933;
	background-color: #FCF1B3;
	padding: 5px 10px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
	text-decoration: none;
}

@media (max-width: 1500px) {

	#content_table {
		margin-top: 50px !important;
	}

}

@media (max-width: 1281px) {

	#specnav {
		width: 100%;
	}
	
	#inhalt {
		min-height: 300px;
	}
	
}

@media (max-width: 1111px) {

	#lageplan {
		float: none;
		width: 100%;
	}

}

@media (max-width: 1075px) {

	.keywords {
		display: none;
	}

	#inhalt {
		min-height: 200px;
	}
	
}

@media (max-width: 820px) {

	#inhalt img.responsiv {
		width: 100%;
		height: auto;
	}

	a#toparrow {
		display: block;
	}
	
}

@media (max-width: 750px) {

	#menudata {
		display: none;
	}
	
	#mobile_mainnavi nav {
		display: inline-block;
	}
	

	#mobile_subnavi nav {
		display: inline-block;
	}
	
	#mobile_subnavi nav ul {
		display: none;
	}

	div#mobile_menu_footer {
		display: inline;
	}

	td.subnavi, td.hideit {
		display: none;
	}
	
	td.titel h1, #inhalt {
		padding-left: 0;
	}

	#inhalt {
		margin-top: 65px !important;
	}

}

@media (max-width: 575px) {

	#startspruch {
		width: 100%;
		height: auto;
	}
	
	 #footer_trennstrich {
		width: 100%;
	 }

	#inhalt {
		min-height: 100px;
	}
	
}

@media (max-width: 565px) {

	.newnav_text {
		display: none;
	}

	#content_table {
		margin-top: 80px !important;
	}

}