@charset "utf-8";
/* CSS Document */

*, html {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background: #bbddd1;
	font-family: 'Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

audio { vertical-align: middle; margin-bottom: 6px; height: 26px;}

body .contentblock-main a:link {color: #bbddd1 !important;}
body .contentblock-main a:visited {color: #bbddd1 !important;}
body.home .contentblock-main a:link {color: #bbddd1 !important;}
body.home .contentblock-main a:visited {color: #bbddd1 !important;}

body.aktuelles {
	background: #bbddd1;
}
	body.aktuelles #navig-mobile .aktuelles {
		background: #FFFFFF !important;
	}
	body.aktuelles #navig-mobile .aktuelles a:link {
		background: #FFFFFF !important;
		color: #3db387 !important;
	}
body.aktuelles .contentblock-main a:link {color: #88bfac !important;}
body.aktuelles .contentblock-main a:visited {color: #88bfac !important;}

body.gartenschau {
	background: #8ccbba;
}
	body.gartenschau #navig-mobile .gartenschau {
		background: #FFFFFF !important;
	}
	body.gartenschau #navig-mobile .gartenschau a:link {
		background: #FFFFFF !important;
		color: #3db387 !important;
	}
body.gartenschau .contentblock-main a:link {color: #88bfac !important;}
body.gartenschau .contentblock-main a:visited {color: #88bfac !important;}

body.besuch {
	background: #3db387;
}
	body.besuch #navig-mobile .besuch {
		background: #FFFFFF !important;
	}
	body.besuch #navig-mobile .besuch a:link {
		background: #FFFFFF !important;
		color: #3db387 !important;
	}
body.besuch #maincontent article a:link
body.besuch .contentblock-main a:link {color: #3db387 !important;}
body.besuch #maincontent article a:visited,
body.besuch .contentblock-main a:visited {color: #3db387 !important;}

body.stadt-und-region {
	background: #eed4e8;
}
	body.stadt-und-region #navig-mobile .stadt-und-region {
		background: #FFFFFF !important;
	}
	body.stadt-und-region #navig-mobile .stadt-und-region a:link {
		background: #FFFFFF !important;
		color: #3db387 !important;
	}
body.stadt-und-region #maincontent article a:link,
body.stadt-und-region .contentblock-main a:link {color: #eed4e8 !important;}
body.stadt-und-region #maincontent article a:visited,
body.stadt-und-region .contentblock-main a:visited {color: #eed4e8 !important;}

body.veranstaltungen {
	background: #fbcc9a;
}
	body.veranstaltungen #navig-mobile .veranstaltungen {
		background: #FFFFFF !important;
	}
	body.veranstaltungen #navig-mobile .veranstaltungen a:link {
		background: #FFFFFF !important;
		color: #fbcc9a !important;
	}
body.veranstaltungen #maincontent article a:link,
body.veranstaltungen .contentblock-main a:link {color: #fbcc9a !important;}
body.veranstaltungen #maincontet article a:visited,
body.veranstaltungen .contentblock-main a:visited {color: #fbcc9a !important;}

body.partner {
	background: #bcded2;
}
	body.partner #navig-mobile .partner {
		background: #FFFFFF !important;
	}
	body.partner #navig-mobile .partner a:link {
		background: #FFFFFF !important;
		color: #3db387 !important;
	}
body.partner #maincontent article a:link,
body.partner .contentblock-main a:link {color: #bcded2 !important;}
body.partner #maincontent article a:visited,
body.partner .contentblock-main a:visited {color: #bcded2 !important;}

body.presse {
	background: #0b748c;
}
	body.presse #navig-mobile .presse {
		background: #FFFFFF !important;
	}
	body.presse #navig-mobile .presse a:link {
		background: #FFFFFF !important;
		color: #3db387 !important;
	}
body.presse .contentblock-main a:link,
body.presse #maincontent article a:link {color: #0b748c !important;}
body.presse #maincontent article a:visited,
body.presse .contentblock-main a:visited {color: #0b748c !important;}

body.kontakt {
	background: #f4f1ad;
}
	body.kontakt #navig-mobile .kontakt {
		background: #FFFFFF !important;
	}
	body.kontakt #navig-mobile .kontakt a:link {
		background: #FFFFFF !important;
		color: #3db387 !important;
	}
body.kontakt #maincontent article a:link,
body.kontakt .contentblock-main a:link {color: #f4f1ad !important;}
body.kontakt #maincontent article a:visited,
body.kontakt .contentblock-main a:visited {color: #f4f1ad !important;}

body.aktuelles #navig-mobile .aktuelles ul,
body.gartenschau #navig-mobile .gartenschau ul,
body.besuch #navig-mobile .besuch ul,
body.stadt-und-region #navig-mobile .stadt-und-region ul,
body.veranstaltungen #navig-mobile .veranstaltungen ul,
body.partner #navig-mobile .partner ul,
body.kontakt #navig-mobile .kontakt ul,
body.presse #navig-mobile .presse ul {
	display: none;
}


#wrapper {
	position:relative;
	width: 960px;
	margin: 0 auto;
}

#header {
	/* position:relative; /*
	/* new */
	position: absolute;
	z-index: 2;
	/* new end*/
	margin-top: 0px;
	display:block;
	margin-bottom: 3px;
}

	#logo {
		position:absolute;
		top: 20px;
		left: 60px;
		z-index: 15;
	}

	#logo img {
		max-width: 60%;
	}

	#topbarright {
		position:absolute;
		top: 0px;
		right: 0px;
		z-index: 15;
	}


#home-header {
	/*position:relative;*/
	/* new */
	position: fixed;
	z-index: 2;
	/*new end*/
	margin-bottom: 0px;
	display:block;
	width: 100%;
	height:270px;
	background-color: #fbcc9a;
}

#home-header1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 13;
}

#home-header1 img {
	max-width: 100%;
}

#home-header2 {
	position: absolute;
	/* top: 0px; */
	left: 0px;
	/* z-index: 12; */
	/* new */
	bottom: 0;
	height: 0;
	z-index: 14;
	overflow-y: hidden;
}

#home-header2 img {
	max-width: 100%;
}

#home-counter{
	position: absolute;
	top: 58px;
	left: 730px;
	z-index: 15;
}

	#home-counter .counter0 {
		color: #999999;
		text-align: left;
		font-family:'Open Sans', "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		font-size: 10px;
		display: inline-block;
	}

	#home-counter .counter1 {
		color: #ff0099;
		font-family:'Open Sans', "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		font-size: 28px;
		margin-bottom: -14px;
		display: inline-block;
	}

	#home-counter .counter2 {
		color: #999999;
		text-align: left;
		font-family:'Open Sans', "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		font-size: 26px;
		margin-bottom: -6px;
		display: inline-block;
	}

	#home-counter .counter3 {
		color: #999999;
		text-align: left;
		font-family:'Open Sans', "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		font-size: 10px;
		display: inline-block;
	}

#navigationdiv {
	/*position:relative;*/
	/* new */
	position: absolute;
	margin-top: 235px;
	/* new end */
	display:block;
	z-index: 30;
	width: 100%;
	max-width: 960px;
	/*background-color: #fbcc9a;*/
}
	#navigation {
		width: 100%;
		text-align: center;
	}


	#navigation ul li ul {
		display: none;
	}
	#navigation ul li {
		position: relative;
		max-width: 100%;
	}
	#navigation ul li:hover ul {
	   display: inline-block;
	   text-align: left;
	   position: absolute;
	   margin-top: 35px;
	   left:0 ;
	}
	#navigation ul ul {
		margin-left: 0;
		background-color: #e40d7e;
	}
	#navigation ul ul li{
		display: inline-block;
		width: 100%;
	}
	#navigation ul ul li:hover {
		background-color: #ffffff;
	}

	#metanav {
		position: absolute;
		right: 0px;
		z-index: 20;
		top: 0;
		padding-top: 8px;
	}

	.home #navigation {
	}

		#navigation ul {
			list-style-type:none;
			margin-bottom: 0px !important;
		}

		#navigation ul li {
			float: left;
		}

		#navigation ul li:hover {
			background: #e40d7e;
			cursor: pointer;
			display:inline-block;
		}
		#navigation ul li a:link {
			text-transform:uppercase;
			font-size: 12px;
			font-family:'Open Sans', "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
			color: #000;
			text-decoration:none;
			font-weight: 600;
		}

		#navigation ul li:hover a {
		}
		#navigation ul li a:hover {
			display: inline-block;
		}

		#navigation ul li a:visited {
			text-transform:uppercase;
			font-size: 10px;
			font-family:'Open Sans', "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
			color: #000;
			text-decoration:none;
		}

		#navigation {
			display:inline-block;
			background: #FFF;
		}

/*
		body.aktuelles #navigation {
			background: #fbcc9a;
		}
		body.gartenschau #navigation {
			background: #8ccbba;
		}
		body.besuch #navigation {
			background: #3db387;
		}
		body.stadt-und-region #navigation {
			background: #eed4e8;
		}
		body.veranstaltungen #navigation {
			background: #c7dfb4;
		}
		body.partner #navigation {
			background: #bcded2;
		}
		body.presse #navigation {
			background: #0b748c;
		}
		body.kontakt #navigation {
			background: #f4f1ad;
		}
*/
		#navigation li a:link {
			display:inline-block;
			padding: 8px 10px !important;
			margin-right: 3px;
		}

		#navigation ul li:last-child {
			margin-right: 0px;
		}

		#navigation .aktuelles {
			display:inline-block;
			background: #bcded2;
		}
		body.home #navigation .aktuelles {
			background: #ffffff  none repeat scroll 0 0 !important;
		}

		#navigation .gartenschau {
			display:inline-block;
			background: #8ccbba;
		}

		#navigation .veranstaltungen {
			display:inline-block;
			background: #fbcc9a;
		}

		#navigation .besuch {
			display:inline-block;
			background: #3db387;
		}

		#navigation .partner {
			display:inline-block;
			background: #c7dfb4;
		}

		#navigation .stadt-und-region {
			display:inline-block;
			background: #eed4e8;
		}

		#navigation .presse {
			display:inline-block;
			background: #0b748c;
		}

		#navigation .kontakt {
			display:inline-block;
			background: #f4f1ad;
		}
		#navig-mobile li {
			margin-bottom: 0px;
		}

		#thirdbar {
			margin-top: 27px;
			margin-bottom: -59px;
			position: absolute;
			z-index: 3;
		}
			#thirdbar ul {
				margin-left: 6px;
				font-size: 11px;
			}
				#thirdbar ul li {
					display: table-cell;
				}
					#thirdbar ul li a:link {
						margin-right: 15px;
						color: #999;
						text-decoration: none;
					}
					#thirdbar ul li a:visited {
						margin-right: 15px;
						color: #999;
						text-decoration: none;
					}
					#thirdbar ul li a:hover {
						color: #E6007C;
					}
					#thirdbar ul li a.active {
						color: #E6007C;
					}


.thetooltip {display: none;width:816px;}


#contentarea {
	/* position: relative; */
	/* new */
	position:absolute;
	margin-top: 383px;
	/* new end */
	background: #fff;
	min-height: 400px;
	padding: 0 20px;
	width: 920px;
}
#contentarea #leftbar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index:10;
}

#contentarea #rightbar {
	position: absolute;
	bottom: 0px;
	right: 20px;
	z-index:11;
}

.home #contentarea {
}
/*.home #navigationdiv {
	margin-top: 377px !important;
}*/

	#secondbar {
		/* position:relative;
		width: 100%; */
		/* new */
		position: absolute;
		z-index: 2;
		width: 920px;
		background-color: #fff;
		/* new end */
		height: 40px;
	}

		#secondbar ul {
			list-style-type:none;
			margin-top: 6px;
		}

		#secondbar ul li {
			display:inline-table;
			padding: 3px 7px;
			float: left;
			margin-right: 0px;
			text-transform:uppercase;
			font-size: 11px;
			font-family: 'Open Sans', "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		}
		#secondbar ul li:hover {
			color: #e40d7e;
			cursor: pointer;
		}
		#secondbar ul li a:link {
			color: #1b1b1b;
			text-decoration:none;
		}
		#secondbar ul li a:hover {
			color: #e40d7e !important;
			text-decoration:none;
		}
		#secondbar ul li a:visited {
			color: #1b1b1b;
			text-decoration:none;
		}
		#secondbar .active {
			color: #e3017d !important;
		}


#maincontent {
	width: 700px;
	float: left;
	position:relative;
	margin-top: 50px;
	padding: 0px ;
	display: inline-block;
	min-height: 780px;
}

#maincontent ul {
	list-style-type: none;
}

#maincontent ul > li:before {
  content: "–"; /* en dash */
  position: absolute;
  margin-left: -1.1em;
}

#maincontent-fullwidth {
	float: left;
	position:relative;
	margin-top: 58px;
	padding: 0px ;
	display: inline-block;
	min-height: 380px;
	width: 100%;
	max-width: 920px;
}

#maincontent-fullwidth ul {
	list-style-type: none;
}

.articlemain td {
  vertical-align: top;
}
.ui-accordion-content table td {
  vertical-align: top !important;
}

#maincontent-fullwidth ul > li:before {
  content: "–"; /* en dash */
  position: absolute;
  margin-left: -1.1em;
}

#sidebar {
	position:relative;
	width: 200px;
	float: left;
	margin-left: 20px;
	margin-top: 40px;
}



.search-submit-button {
    background-color: transparent;
    border: none !important;
    border-radius: 0px !important;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    padding: 0 0px !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: 26px;
		text-indent: -9999px;
		background: #2e2e2e url(/templates/wassergarten/gfx/searchbtn.png) no-repeat bottom left;
}

.search-text-box {
    background-color: #fff;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: 32px !important;
		width: 50px !important;
    padding: 0 0 5px 0 !important;
		background: #2e2e2e url(/templates/wassergarten/gfx/searchbg.png) repeat-x bottom left;
		font-family: 'Open Sans', "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		font-size: 11px;
		text-transform:uppercase;
		font-weight: bold;
}

#btn-youtube {
	vertical-align: text-top;
	margin-left: 15px;
}

#btn-facebook {
	margin-left: 10px;
	vertical-align: text-top;
}


.twothird {
	width: 66%;
}
.onethird {
	width: 34%;
}
.clearer {
	clear: both;
}


h1, h2, h3, h4, h5, h6 {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.articlemain h1 {
	font-family: 'mila_scriptbasic' !important;
}
.articleleft-team{
	width: 34%;
	float: left;
}
.articleleft-team img {
	max-width: 100%;
}
.articleright-team{
	width: 66%;
	float: left;
}
.sidebarbox {
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 18px;
}

	.sidebarbox h2 {
		font-family: 'Open Sans', "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		border-bottom: 1px solid #000;
		text-transform: uppercase;
		margin-bottom: 20px;
		font-size: 18px;
		line-height: 22px;
	}

	.sidebarbox p {
		margin-bottom: 20px;
	}

	.sidebarbox ul {
		margin: 0;
		padding: 0;
		margin-left: 16px;
		list-style-type: none;
	}

	.sidebarbox ul > li:before {
	  content: "–"; /* en dash */
	  position: absolute;
	  margin-left: -1.1em;
	}



	article {
		/*font-size: 14px;
		line-height: 20px;*/
		line-height: 1.5em;
	}

	article h2 {
		font-family: 'Open Sans', "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		border-bottom: 1px solid #000;
		text-transform: uppercase;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 20px;
		line-height: 22px;
	}

	.home article h2 {
		border-bottom: 2px solid #bbddd1 !important;
	}
	.aktuelles article h2 {
		border-bottom: 2px solid #bcded2 !important;
	}
	.gartenschau article h2 {
		border-bottom: 2px solid #8ccbba !important;
	}
	.besuch article h2 {
		border-bottom: 2px solid #3db387 !important;
	}
	.stadt-und-region article h2 {
		border-bottom: 2px solid #eed4e8 !important;
	}
	.veranstaltungen article h2 {
		border-bottom: 2px solid #c7dfb4 !important;
	}
	.partner article h2 {
		border-bottom: 2px solid #bcded2 !important;
	}
	.presse article h2 {
		border-bottom: 2px solid #0b748c !important;
	}
	.kontakt article h2 {
		border-bottom: 2px solid #f4f1ad !important;
	}
		article h3 {
		font-family: 'Open Sans', "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 22px;
	}

	article p {
		margin-bottom: 20px;
	}

	article img {
		max-width: 100%;
		height: auto;
	}

	article ul {
		margin: 0;
		padding: 0;
		margin-left: 20px;
	}

.teaserpic {
max-width: 100%;margin-bottom: 0px;margin-top: 5px;
}

.entry-date {
	display: none;
}

.teasersubline{
	font-weight: bold;
}

.fancybox-inner .thetooltip  img {
	margin-right: 15px;
}



#footer {
	min-height: 20px;
	background: #fff;
	width: 940px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 60px;
}

	#footer-content {
		border-top: 1px solid #FFF;
		min-height: 20px;
		width: 920px;
		margin: 0 auto;
		padding-top: 10px;
		color: #1b1b1b;
	}

	#footer-content a:link, #footer-content a:visited{
		text-decoration: none;
		color: #1b1b1b;
	}



.ui-accordion .ui-accordion-header {
    font-size: 18px !important;
	line-height: 22px !important;
    border-bottom: 1px solid #e1e1e1 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #ffffff none repeat scroll 0 0 !important;
    border: 0px !important;
    color: #1b1b1b;
    font-weight: 400 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #ffffff none repeat scroll 0 0 !important;
    border: 0px !important;
    color: #e60078 !important;
    font-weight: 400 !important;
}
.ui-accordion .ui-accordion-content {
    border: 0 none !important;
}

.ui-helper-reset {
    font-size: 110% !important;
    line-height: 1.4 !important;
}

.sf-menu{
	display: none;
}






@media(max-width:960px) {
#home-counter{
	display: none;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}

#header {
    position: relative;
	height: auto !important;
}
#header img {
	max-width: 100%;
}
.home #logo {
	top: 10px !important;
	left: 10px !important;
}
#header #logo img, .home #logo img {
	width: 60% !important;
}
.home #logo img {
	min-width: 106px !important;
}

#navigation {
	display: none;
}

	#access {
		display: inline-block !important;
	}
#access .menu {
    margin-bottom: 0 !important;
	margin-top: 10px !important;
	margin-left: 10px !important;
	width: 100%;
}
	#secondbar {
    display: none;
}
#topbarright {
    display: none;
}
#startsplash {
    display: none;
}
	#navigationdiv {
    position: static;
		margin-top: auto !important;
}
#contentarea {
	padding: 0px;
	width: 96%;
	margin: 0 auto;
	margin-top: 0px !important;
	position: relative;
}
.home #contentarea {
    margin-top: 0px !important;
}
#maincontent {

	width: 100%;
	float: none;
	margin-top: 0px !important;
}

#sidebar {
	position:relative;
	width: 100%;
	float: none;
	margin-left: 0px;
}

#footer {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	margin-bottom: 0px;
}

	#footer-content {
		width: 100%;
		margin: 0 auto;
		padding-top: 20px;
	}

	article {
	}

	article img {
		width: 100%;
		max-width: 100%;
	}

	.group img {
		width: auto !important;
	}
	article h2 {
		padding: 10px;
	}

	article p {
		padding: 0 10px;
	}

	#sidebar {
		width: 92%;
		margin: 0 auto;
	}
	#sidebar img {
		width: 200px;
		max-width: 100%;
	}

	#sidebar h2 {
		padding: 0 10px;
	}

	#sidebar p {
		padding: 0 10px;
	}

	#footer-content {
		width: auto;
		padding: 10px;
	}

	.format-image img {
		margin-bottom :10px;
	}

#contentarea #leftbar {
    display: none;
}

	.selectnav {
		border: 1px solid #fff;
		font-size: 14px;
    	font-weight: bold;
		-webkit-appearance: none;
		-moz-appearance: none;
  		appearance: none;
		background: #ffffff url(/templates/wassergarten/gfx/down-arrow.png) no-repeat right;
	}

}





@media(max-width:540px) {

	#logo {
		top: 20px;
		left: 20px;
	}

	#header #logo img, .home #logo img {
		height: auto;
		width: 40% !important;
	}

	.facebook-icon { margin-right: 10px;}
	.font-up { display: none;}
	.font-down { display: none;}
	.contentblock-main {
		width: 96%;
		margin: 0 auto;
	}
#contentarea #leftbar {
    display: none;
}

.teaserpic {
    margin-bottom: 10px;
    margin-top: 10px;
}

#secondbar ul {
    margin-top: 0px;
}

	.owl-carousel {
    width: auto;
}
	.owl-carousel {
    margin-left: 0px !important;
    max-width: 100% !important;
}
.owl-item .item .group img	{
	    height: auto;
    max-width: 100% !important;
    width: 100% !important;
}

	.ui-icon {
    height: 0px !important;
    width: 0px !important;
		display: none;
}

	.articleleft-team {
    display: none;
}

.articleright-team {
    float: none;
    margin: 0 auto;
    width: 96%;
}

}

@media(max-width:420px) {

	#logo {
		top: 10px;
		left: 10px;
	}

	#header #logo img, .home #logo img {
		width: 36% !important;
	}

}