@import "001-MAIN-1A.css";
@import "004-Main-1C.css";
@import "006-Sub-1B.css";
@import "007-Sub-1C.css";
@import "009-Sub-1E.css";
@import "010-Sub-1F.css";
@import "011-Sub-Intro-2.css";
@import "013-Parks-3B.css";
@import "014-Parks-3C.css";
@import "015-Parks-4A.css";
@import "016-Parks-4B.css";
@import "018-Parks-4D.css";
@import "019-Formular-Allgemein-MAIN.css";
@import "021-Formular-Liste-SUB.css";
@import "024-ListeC-Sub.css";
@import "colors.css";
@import "fixes.css";
@import "sitemap.css";

/** STYLE RESET BEGIN **/
body, img, p, div, ul, li, table, tr, th, td, input, select, textarea, h1, h2, h3, h4, h5, h6 {
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

h1 { font-size: 2.8em; font-weight: bold; }

ul {
	list-style-type: none;
}
/** STYLE RESET END **/

/** DEFAULT-HTML-ELEMENTS BEGIN **/
body {
	background-color: #4d4d4d;
	background-position: top center;
	background-repeat: repeat;
	font-family: Arial, sans-serif;
	font-size: 0.7em;
	text-align: center;
}

a {
	background-repeat: no-repeat;
	text-decoration: none;
}
/** DEFAULT-HTML-ELEMENTS END **/

div#navigation {
	margin: 1.4em auto 1.5em;
	width: 85.7em;
}

div#navigation div#logo {
	margin-bottom: 0.5em;
}

div#navigation div#logo img.logo-print {
	display: none;
}

div#navigation ul li {
	float: left;
	margin-right: 1em;
	vertical-align: middle;
}

div#navigation div#navigation-layer,
div#navigation div#navigation-sub {
	background-color: #FFFFFF;
	clear: both;
	margin-bottom: 0.3em
}

div#navigation div#navigation-layer,
div#navigation div#navigation-sub {
	height: 2.1em;
	line-height: 2.1em;
	padding-left: 1.1em;
	vertical-align: middle;
}

div#navigation div#navigation-layer ul {
	float: left;
}

div#navigation div#navigation-layer ul li a,
div#navigation div#navigation-sub ul li a {
	color: #000000;
	text-transform: uppercase;
}

div#navigation div#navigation-sub ul li a {
	font-weight: bold;
}

div#navigation div#navigation-layer ul li a:hover,
div#navigation div#navigation-sub ul li a:hover,
div#navigation div#navigation-layer ul li a.active,
div#navigation div#navigation-sub ul li a.active {
	color: #4D4D4D;
}

div#navigation div#navigation-layer ul li a.no-transform {
	text-transform: none;
}

div#navigation div#navigation-layer ul#navigation-meta {
	float: right;
}

div#navigation div#navigation-layer ul#navigation-meta li a img.contrast-plus {
	margin-left: 0.5em;
}

div#navigation div#navigation-layer ul#navigation-meta li a img.contrast-minus {
	margin-right: 0.5em;
}

div#navigation div#navigation-layer ul#navigation-meta li form {
	background-image: url(../images/layout/searchbox-bg.gif);
	background-position: right center;
	background-repeat: no-repeat;
	float: left;
}

div#navigation div#navigation-layer ul#navigation-meta li form input {
	background-color: transparent;
}

div#navigation div#navigation-layer ul#navigation-meta li form input.submit {
	height: 12px;
	margin-left: 0.6em;
	width: 14px;
}

div#navigation div#navigation-layer ul#navigation-meta li form input.input {
	font-size: 1em;
	height: 14px;
	padding-right: 2px;
	width: 110px;
}

div#content {
	text-align: center;
}

div#content-layer {
	margin: 0 auto;
	width: 85.7em;
}

div#content-layer div#content-area {
	min-height: 46.4em;
}

div#content-layer div#content-area div.min-height {
	min-height: 26.7em;
}

div#content-layer div#content-area div.min-height-sub {
	min-height: 20.5em;
}

div#content-layer div#content-area div.min-height-menu {
	min-height: 7.7em;
}

div#content-layer div#content-area div.min-height-park-quer {
	min-height: 31.7em;
}

div#content-layer div#content-area div.min-height-sub-intro {
	min-height: 35.8em;
}

div#content-layer div#content-area div.min-height .tx-indexedsearch {
	margin-top: 1.2em;
}

div#content div#content-layer div#content-area ul li {
	/*white-space: nowrap;*/
	width: auto;
}

div#teaser-layer {
	float: left;
	width: 17.85em;
}

div#teaser-layer div.teaser {
	background-color: #FFFFFF;
	/*margin-bottom: 0.1em;*/
	margin-bottom: 1px;
	padding: 0.9em 0;
}

div#teaser-layer div.teaser a {
	background-image: url(../images/layout/icons/000000.gif);
	/*background-position: left center;*/
	background-position: 0px 2px;
	background-repeat: no-repeat;
	color: #000000;
	padding-left: 12px;
}

div#teaser-layer div.teaser a:hover {
	text-decoration: underline;
}

div#teaser-layer div.teaser h5,
div#teaser-layer div.teaser h6,
div#teaser-layer div.teaser p {
	font-size: 1em;
	margin-bottom: 0.1em;
	padding: 0 1.1em;
}

div#teaser-layer div.teaser p {
	margin-top: 0.3em; /* new */
	margin-bottom: 0.8em; /* vorher 0.6em */
	line-height: 1.19em; /* new */
}

div#teaser-layer div.teaser h5,
div#teaser-layer div.teaser h6 {
	font-weight: bold;
}

div#teaser-layer div.teaser h5 {
	text-transform: uppercase;
}

div#content div#content-layer div#content-area form input {
	border: 1px solid #000000;
	font-size: 1em;
}

div#content div#content-layer div#content-area div h1 {
	font-size: 3.2em;
	font-weight: bold;
	line-height: 0.9em;
	padding: 0.7em 0.514em 0.1em 0.5em;
	text-transform: uppercase;
}

div#content div#content-layer div#content-area div h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 0em;
	padding: 0 1.2em 0.7em 1.2em;
	text-transform: uppercase;
}

div#content div#content-layer div#content-area div p,
div#content div#content-layer div#content-area div div.tx-phforms,
div#content div#content-layer div#content-area div iframe {
	line-height: 1.2em;
	/*
	margin-top: 0.3em;
	padding: 0 1.9em 0.7em 1.8em;
	*/
	padding: 0.3em 1.9em 0.7em 1.8em;
}

div#content div#content-layer div#content-area div.min-height-sub h1,
div#content div#content-layer div#content-area div.min-height-sub h2,
div#content div#content-layer div#content-area div.min-height-sub p {
	padding: 0;
}

div#content div#content-layer div#content-area p a,
div#content div#content-layer div#content-area .tx-indexedsearch a,
.tx-phforms a,
div#content div#content-layer div#content-area div.right ul li a {
	background-image: url(../images/layout/link-bg-black.gif);
	/*background-position: left center;*/
	background-position: 0px 2px;
	background-repeat: no-repeat;
	color: #000000;
	padding-left: 12px;
}

div#content div#content-layer div#content-area p a.back {
	font-weight: bold;
	padding-left: 0px;
	text-transform: uppercase;
}

div#content div#content-layer div#content-area p a:hover,
.tx-phforms a:hover,
div#content div#content-layer div#content-area div.right ul li a:hover {
	text-decoration: underline;
}

div#content-area div.foggy {
	background-image: url(../images/layout/foggy-bg.png);
	background-position: 0 0;
	background-repeat: repeat;
	padding: 2em 0.9em 1.4em 0em; /* vorher 2em 1em */
}

div#content div#content-layer div#content-area div.foggy h1 {
	text-align: right;
	padding: 0; /* new */
}

div#content div#content-layer div#content-area div.foggy h2 {
	text-align: right;
	padding: 0; /* new */
}

div#content div#content-layer div#content-area div.foggy p {
	font-size: 1.5em; /* vorher 1.6em */
	line-height: 1.14em;
	text-align: right;
	padding: 0.05em 0em 0.25em 1.35em; /* new */
}

div#footer {
  clear:both;
	padding-top: 0.5em;
}

div#footer div#breadcrump ul {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 1.3em;
	text-align: right;
}

div#footer div#breadcrump ul li,
div#footer div#breadcrump ul li a {
	color: #FFFFFF;
	display: inline;
	font-size: 0.95em;
}

div#footer div#copyright {
	display: none;
}

div.image-list {
	float: left;
	margin-bottom: 1.3em;
	margin-right: 1.3em;
	position: relative;
}

div.image-list a {
	display: block;
}

div.image-list span.heading {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

div.image-list a:hover span.heading,
div.image-list a.active span.heading {
	background-image: url(../images/024-ListeC-Sub-hover-bg.png);
}

div.image-list span.heading span {
	color: #000000;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 1.2em;
	padding: 0.45em 0.6em 0.2em;
	text-transform: uppercase;
}

div.image-list a:hover span.heading span,
div.image-list a.active span.heading span {
	color: #FFFFFF;
}

div.image-list img.overlay {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

div.image-list a:hover img.overlay,
div.image-list a.active img.overlay {
	display: none;
}

.clear {
	clear: both;
}

.clearRight {
	clear: right;
}

.left {
	float: left;
}

.right {
	float: right;
}

/** Page-Browser **/
div.pagebrowser {
  bottom: 21px;
  float: left;
  font-size: 1em;
  left: 1.8em;
	position: absolute;
}

div.pagebrowser div.readmore {
	cursor: pointer;
  float: left;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

div.pagebrowser div.liste {
  float: left;
  margin: 0;
  padding: 0;
  width: 20em;
}

div.pagebrowser div.readmore,
div.pagebrowser div.liste,
div.pagebrowser div.liste ul,
div.pagebrowser div.liste li {
	height: 14px;
	vertical-align: top;
}

div.pagebrowser ul.pagebrowser {
	border: none !important;
	float: left;
  list-style-type: none !important;
  margin: 0 !important;
  margin-left: 1.0em !important;
  padding: 0;
}

div.pagebrowser ul.pagebrowser li {
	cursor: pointer;
	/* float: left !important; 17.0809 13:03 */
  display: inline; /* 17.0809 13:03 */
  margin-top: 0 !important;
}

div.pagebrowser ul.pagebrowser li img {
	margin: 0 !important;
	padding: 0 !important;
}

div.pagebrowser a.pagebrowserbg,
div.pagebrowser a.pagebrowserbg_active,
div.pagebrowser ul.pagebrowser li.active {
  background-image: none;
  padding: 0;
  margin: 0;
}

div.pagebrowser ul.pagebrowser li.active img {
	background-color: #000000;
}

span.pageBrowserSubtext {
	display: block;
}

body div#content div#content-layer div#content-area div#fix-bg-color ul,
body div#content div#content-layer div#content-area .menu3 ul { width:50.8em !important }

#fix-bg-color, .right .heading, .left .menu3 { margin-bottom: 1.3em }

#sb-wrapper #sb-body { border: 1px solid #FFFFFF }

.tx-indexedsearch a:hover { text-decoration: underline; }

.tx-gruengal-pi2 { float: left }

#sb-body {
background-image: url(../images/layout/ajax-loader.gif);
background-position: center;
background-repeat: no-repeat;
}

/* MK: 22.09.2009 */
div.csc-textpic-right div.csc-textpic-imagewrap,
div.csc-textpic-left div.csc-textpic-imagewrap {
  padding: 1.8em;
}

/* PH 28.10.2009 Overflow:hidden fuer die Bild-Container */
#content-area #fix-image-container-bottom,
#content-area #key-visual-gal-teaser,
#content-area #key-visual-vid-teaser,
#sub-menu3-menu4-text-bild #content #content-layer #content-area div.right div.csc-textpic,
#sub-menu3-menu4-text-bild #content #content-layer #content-area div.right #key-visual-gal-teaser
#park-menu3-menu4-text-bild-unten #content #content-layer #content-area #fix-image-top #key-visual-gal-teaser,
#park-menu3-menu4-text-bild-unten #content #content-layer #content-area #fix-image-bottom #key-visual-gal-teaser,
#content-text-bild #content #content-layer #content-area #fix-image-container-top,
#content-text-bild #content #content-layer #content-area #fix-image-container-bottom,
#content-text-bild #content #content-layer #content-area #fix-image-container-bottom #key-visual-vid-teaser
{
	overflow: hidden;
}
#content-area #fix-image-container-bottom,
#content-text-bild #content #content-layer #content-area #fix-image-container-top,
#content-text-bild #content #content-layer #content-area #fix-image-container-bottom,
#content-text-bild #content #content-layer #content-area #fix-image-container-bottom #key-visual-vid-teaser {
	height: 220px;
	width: 753px;
}
#content-area #key-visual-gal-teaser,
#content-area #key-visual-vid-teaser,
#sub-menu3-menu4-text-bild #content #content-layer #content-area div.right div.csc-textpic,
#sub-menu3-menu4-text-bild #content #content-layer #content-area div.right #key-visual-gal-teaser {
	height: 520px;
	width: 365px;
}
#park-menu3-menu4-text-bild-unten #content #content-layer #content-area #fix-image-top #key-visual-gal-teaser,
#park-menu3-menu4-text-bild-unten #content #content-layer #content-area #fix-image-bottom #key-visual-gal-teaser {
	height: 165px;
	width: 959px;
}
/* Fix fuer Einzellayout */
#sub-menu3-menu4-text-bild #content #content-layer #content-area div.left div.right div.csc-textpic {
	height: auto;
	width: auto;
}
