/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Roboto'), local('Roboto-Regular'),
	url('../fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/roboto-v19-latin-italic.eot'); /* IE9 Compat Modes */
	src: local('Roboto Italic'), local('Roboto-Italic'),
	url('../fonts/roboto-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-v19-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/roboto-v19-latin-500.eot'); /* IE9 Compat Modes */
	src: local('Roboto Medium'), local('Roboto-Medium'),
	url('../fonts/roboto-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-v19-latin-500.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-v19-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/roboto-v19-latin-500italic.eot'); /* IE9 Compat Modes */
	src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
	url('../fonts/roboto-v19-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-v19-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-v19-latin-500italic.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-v19-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-v19-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* alegreya-sans-sc-700 - latin */
@font-face {
	font-family: 'Alegreya Sans SC';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/alegreya-sans-sc-v8-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Alegreya Sans SC Bold'), local('AlegreyaSansSC-Bold'),
	url('../fonts/alegreya-sans-sc-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/alegreya-sans-sc-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/alegreya-sans-sc-v8-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/alegreya-sans-sc-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/alegreya-sans-sc-v8-latin-700.svg#AlegreyaSansSC') format('svg'); /* Legacy iOS */
}


/* START ===============*/
html {
	height:100%;
}

body {
	color: #4c4e4d;
	/*color: #8d8d8d;*/
	font-size: 90%;
	margin: 0;
	padding: 0;
	/*font-family: "Arial narrow", Arial, Geneva, Swiss, SunSans-Regular, sans-serif;*/
	font-family: 'Roboto',Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight:400;
	/*background-color: #ececec;*/
	background-color: #ebeff0;
	background-image: url(../pix/bg_body.png);
	background-repeat: repeat-y;
	background-position:center top;
	text-align: center;
	height:100%;
	overflow-y:scroll;
}

/* BASICS */

p {
	font-family: 'Roboto',Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
}
p strong {
	font-weight:500;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: 400;
	color: #007a97;
}

a:focus, a:hover, a:active { 
	color: #007a97;
	text-decoration: underline; 
}



ul, ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

img { border: none; }


form, input {
	padding: 0;
	margin: 0;
}

input, select, textarea, label { font-family: 'Roboto', Arial, Geneva, Swiss, SunSans-Regular, sans-serif; }


.hidden {
	visibility: hidden;
	display: none;
	font-size: 0;
	line-height: 0;
}


/* CONTAINER */

.main {
	width: 1003px;
	margin: 0px auto; 
	text-align: left;
	height:100%;
}

.pagecontainer {
	display:block;
	float:left;
	height:100%;
}

.header {
	width: 1003px;
	height: 125px;
	display: block;
	float: left;
	position:relative;
	background-color:#ffffff;
}

.logo {
	display: block;
	top:13px;
	left: 85px;
	width: 370px;
	position:absolute;
}

.navi_container {
	display: block;
	float: left;
	width:770px;
	position:relative;
	left:230px;
}

.nebennav_container {
	display: block;
	float: right;
}

.mainnav_container {
	display: block;
	float: left;
}

.visual {
	width: 829px;
	height: 265px;
	display: block;
	float: left;
	padding-left:225px;
}

.left {
	width: 174px;
	min-height:545px;
	display: block;
	float: left;
}

.visual_content {
	width: 829px;
	height: 265px;
	display: block;
	float: left;
	background-color:#ffffff;
	opacity:0;
}

.visual_content .pad {
	margin-right:5px;	
}

.visual_content .pad_09 {
	margin-right:9px;	
}

.left_content {
	width: 174px;
	min-height:510px;
	display: block;
	float: left;	
}

.content {
	width: 829px;
	display: block;
	float: left;
	background-color:#ffffff;
	padding-top:20px;
	opacity:0;
}

#fadeContent {
	display:none;
}

.visual_balken {
	width: 829px;
	height:20px;
	display: block;
	float: left;	
	/*background-image: url(../pix/visual_verlaufsbalken.png);
	background-repeat:no-repeat;*/
	position:relative;
	top:-20px;
}

.visual_balken h1 {
	display:none;
}

.copy_container {
	width: 780px;
	min-height:255px;
	display: block;
	float: left;
	margin-top:10px;
	margin-left:30px;
}

.copy {
	width: 459px;
	display: block;
	float: left;
}

.copy_gallery {
	width: 730px;
	display: block;
	float: left;
}

.right {
	width: 281px;
	display: block;
	float: left;
	margin-left:40px;
}

.teaserblock {	
	background-image: url(../pix/hg_teaser_2.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-top:10px;
	margin-bottom:10px;
}

.contactBlock {	
	padding-top:10px;
	margin-bottom:10px;
	background-color:#dce4e6;
	padding-bottom:10px;
}

.teaserblock img {
	padding-left:25px;
	padding-bottom:5px;
	padding-top:5px;
}

.linkblock {	
	/*background-image: url(../pix/hg_linkblock.gif);
	background-repeat:no-repeat;
	background-position:top;*/
	background-color:#dce4e6;
	padding-top:10px;
	margin-bottom:10px;
	padding-bottom:30px;
}
.linkblock ul {
	margin-left:25px;
	margin-right:25px;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:0px;
}
.right .linkblock h2 {
	background-color: transparent;
	border:none;
}

.bannerblock {	
	background-color:#007a97;
	padding-top:24px;
	padding-bottom:24px;
	margin-bottom:10px;
	text-align:center;
	margin-top:-10px;
}

.footer {
	width: 828px;
	height:60px;
	display: block;
	float: left;
	background-color:#ffffff;
}

#visualFlash {
	position:relative;
	z-index:5000;
}

/** TEXT- UND BILDFORMATE **/

/* h1.start {
	font-size: 1.3em;
	font-weight: normal;
	text-transform:none;
	color: #007a97;
	padding: 0;
	margin: 0;
	padding-top:5px;
	padding-bottom:7px;
}

h1 {
	font-size: 0.9em;
	font-weight: bold;
	text-transform:uppercase;
	color: #007a97;
	padding: 0;
	margin: 0;
	padding-top:2px;
	padding-bottom:7px;
	padding-left: 80px;
}
*/

h1 {
	font-family: 'Alegreya Sans SC', Arial, sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	text-transform:none;
	color: #007a97;
	padding: 0;
	margin: 0;
	padding-top:0px;
	padding-bottom:28px;
	letter-spacing:0.08em;
}

h2 {
	font-size: 0.9em;
	font-weight: 500;
	text-transform:none;
	/*color: #007a97;*/
	padding: 0;
	margin: 0;
	padding-top:0px;
	padding-bottom:1px;
	/*width:275px;*/
}

h2.subhead_pad {
	padding-bottom:10px;
}
h3 {
	/*font-size: 0.9em;*/
	font-size:inherit;
	font-weight: 500;
	text-transform:none;
	/*color: #007a97;*/
	padding: 0;
	margin: 0;
	padding-top:0px;
	padding-bottom:1px;
}


.copy p {
	font-size: 0.9em;
	font-weight: 400;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	padding-bottom:17px;
}

.copy_gallery p {
	font-size: 0.9em;
	font-weight: 400;
	padding: 0;
	margin: 0;
	line-height: 1.4em;
	padding-bottom:12px;
	width:500px;
}

.copy p.inline {	
	width:275px;
}

.copy p.inline_breit {	
	width:420px;
	float:left;
	clear:left;
	color:#007a97;
}

.copy p.lead {
	color: #007a97;
	padding-bottom:10px;
}

.copy ul {
	font-size: 0.9em;
	font-weight: 400;
	padding: 0;
	margin: 0;
	line-height: 18px;
	padding-bottom:17px;
	list-style-type: none;
}

.copy ul li ul {
	font-size: 1em;
}

.copy ul li {
	background-image: url(../pix/bg_listitem.png);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:10px;
	padding-bottom:0px;
}

.copy ul.liste_mit_abstand li {
	padding-bottom:17px;
}

.ie9 .copy ul li {
	background-position:left 3px;
}

.img_inline {
 	float:right;	
}

.img_inline_flow {
 	float:right;
	margin-left:20px;
	margin-bottom:10px;
}

.img_inline_flow_small {
 	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:3px;
}

.copyright {
	font-size: 0.8em;
	font-weight: 400;
	float:right;
	margin-top:25px;
	margin-right:76px;
}

.right h2 {
	font-family: 'Roboto',Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 0.9em;
	font-weight: 500;
	text-transform:none;
	color: #4d4d4d;
	padding: 0;
	margin: 0;
	padding-top:11px;
	padding-bottom:7px;
	padding-left:25px;
	padding-right:25px;
	display:block;
	background-color:#f2ede9;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	letter-spacing:normal;
}

.right .contactBlock h2 {
	font-size: 0.9em;
	font-weight: 500;
	text-transform:none;
	color: #4d4d4d;
	padding: 0;
	margin: 0;
	padding-top:11px;
	padding-bottom:7px;
	padding-left:25px;
	padding-right:25px;
	display:block;
	background-color:transparent;
	border-top:none;
	border-bottom: none;
}

.right h3 {
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: 500;
	text-transform:none;
	color: #007a97;
	padding: 0;
	margin: 0;
	padding-top:0px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:1px;
	display:block;
	width:auto;
}

.right p {
	font-size: 0.9em;
	font-weight: 400;
	color: #4d4d4d;
	padding: 0;
	margin: 0;
	padding-top:0px;
	padding-bottom:8px;
	padding-left:25px;
	padding-right:25px;
	display:block;
	line-height: 1.4em;
}

.right .bannerblock p {
	font-size: 1em;
	color: #ffffff;
	padding: 0;
	margin: 0;	
}

/* table */

table .even, table .head {
	background-color:#f2ede9;
}

table .odd {
	background-color:#eed9e4;
}

tr.odd td, tr.even td, tr.head td {
	padding:5px;
}

tr.odd td p, tr.even td p, tr.head td p{
	padding:0px;
}

td.td_alignRight {
	text-align:right;
}

/* contactbox */
.contactBlock table {
	margin-left:25px;
	margin-right:25px;
	border-top:4px solid white;
	border-bottom: 4px solid white;
	width:231px;
	padding:0px;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:20px;
}
.contactBlock table .even, .contactBlock table .head {
	background-color: transparent;
}

.contactBlock table .odd {
	background-color:transparent;
}

.contactBlock table tr td {
	width:161px;
}
.contactBlock table tr td:first-child {
	width:70px;
}

.contactBlock table tr.odd td, .contactBlock table tr.even td, .contactBlock table tr.head td {
	padding:0px;
	vertical-align:top;
	font-size: 0.9em;
	font-weight: 400;
	padding-top:1px;
	padding-bottom:1px;
}

.contactBlock table tr.odd td p, .contactBlock table tr.even td p, .contactBlock table tr.head td p{
	padding:0px;
	padding-top:1px;
	padding-bottom:1px;
}

/* contactBlock Tabelle in der contentspalte */
.copy .contactBlock {
	background-color:transparent;
	padding-top:0px;
	margin-bottom:10px;
	padding-bottom:0px;
}
.copy .contactBlock table {
	margin-left:0px;
	margin-right:0px;
	border-top: none;
	border-bottom: none;
	width:231px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}


td.td_alignRight {
	text-align:right;
}

hr {
	color: #007a97;
	background-color: #007a97;
	height:1px;
	border:hidden;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

/** NAVIGATION **/
.linkblock a:link, .linkblock a:visited {
	text-decoration: none;
	font-weight: 400;
	font-size:0.9em;
	color: #007a97;
}

.linkblock a:focus, .linkblock a:hover, .linkblock a:active { 
	color: #007a97;
	text-decoration: underline; 
}

ul.mainnav {
	font-size: 0.8em;
	font-weight: 400;
	text-transform:uppercase;
	color: #4c4e4d;
	padding: 0;
	margin: 0;
	margin-top:68px;
	margin-left:17px;
	line-height: 1.4em;	
	width:650px;
	letter-spacing:0.05em;
}

ul.mainnav li {
	display:inline;
	border-left: 1px solid #007a97;
}

ul.mainnav li.firstItem {
	display:inline;
	border-left: 0px solid #007a97;
}

ul.mainnav li a:link, ul.mainnav li a:visited {
	text-decoration: none;
	font-weight: 400;
	color: #4c4e4d;
	padding-left: 8px;
	padding-right: 5px;
}

ul.mainnav li a:focus, ul.mainnav li a:hover, ul.mainnav li a:active { 
	color: #007a97;
	text-decoration: none; 
	/*padding-bottom:6px;
	/*border-bottom: 5px solid #007a97;*/
}

ul.mainnav li a.selected:link, ul.mainnav li a.selected:visited {
	text-decoration: none;
	font-weight: 400;
	color: #007a97;
	/*background-color:#007a97;*/
	
}

ul.mainnav li a.selected:focus, ul.mainnav li a.selected:hover, ul.mainnav li a.selected:active { 
	/*color: #007a97;*/
	text-decoration: none;
	border-bottom: 0px;
	padding-bottom: 11px;
}

/* subnav */
ul.subnav {
	font-size: 0.75em;
	text-transform:uppercase;
	color: #ffffff;
	padding: 0;
	margin: 0;
	padding-top:30px;
	padding-bottom:10px;
	line-height: 1.4em;	
	background-color:#007a97;
	min-height:225px;
	width:174px;
	border-bottom:6px solid #ffffff;
	/*letter-spacing:0.05em;*/
}

ul.subnav li {
	
}

ul.subnav li a:link, ul.subnav li a:visited {
	text-decoration: none;
	font-weight: 500;
	color: #dce4e6;
	display:block;
	padding-left:40px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:9px;
	letter-spacing:0.03em;
	/*border-bottom: 1px dotted #ffffff;*/
}

ul.subnav li a:focus, ul.subnav li a:hover, ul.subnav li a:active { 
	color: #ffffff;
	text-decoration: none; 
	/*background-color: #92c870;*/
}

ul.subnav li a.selected:link, ul.subnav li a.selected:visited {
	text-decoration: none;
	color: #ffffff;
}

ul.subnav li a.selected:focus, ul.subnav li a.selected:hover, ul.subnav li a.selected:active { 
	color: #ffffff;
	text-decoration: none; 
	background:none;
}

ul.subnav li ul li a:link, ul.subnav li ul li a:visited {
	text-decoration: none;
	text-transform:none;
	font-weight: 400;
	color: #dce4e6;
	display:block;
	padding-left:50px;
	padding-right:10px;
	padding-top:1px;
	padding-bottom:7px;
	/*border-bottom: 1px dotted #ffffff;*/
}

ul.subnav li ul li a:focus, ul.subnav li ul li a:hover, ul.subnav li ul li a:active { 
	color: #ffffff;
	text-decoration: none; 
}


/* nebennavigation */
ul.nebennav {
	font-size: 0.75em;
	font-weight: 400;
	color: #8a8989;
	padding: 0;
	margin: 0;	
	margin-top:18px;
	margin-right:15px;
}

.footer ul.nebennav {
	float:left;
	margin-left:30px;
	margin-top:25px;
}

ul.nebennav li {
	display:inline;
	margin:0;
}

ul.nebennav li a:link, ul.nebennav li a:visited {
	text-decoration: none;
	font-weight: 400;
	color: #4c4e4d;
}

ul.nebennav li a:focus, ul.nebennav li a:hover, ul.nebennav li a:active { 
	color: #007a97;
	text-decoration: none; 
}

ul.nebennav li a.selected:link, ul.nebennav li a.selected:visited {
	text-decoration: none;
	font-weight: 500;
	color: #007a97;
}

ul.nebennav li a.selected:focus, ul.nebennav li a.selected:hover, ul.nebennav li a.selected:active { 
	color: #007a97;
	text-decoration: none; 
}

.footer ul.nebennav li img {
	vertical-align:text-top;
}


/* sitemap */

.copy ul.contentNav {
	font-size: 0.8em;
	font-weight: 400;
	text-transform:uppercase;
	color: #007a97;
	padding: 0;
	margin-top: 5px;
	line-height: 1.4em;	
	border-top: 1px dotted #007a97;
	padding-bottom:10px;
	list-style-type:none;
}

.copy ul.contentNav li ul{
	margin-top: 0px;
	font-size: 1em;
	border-top: none;
	padding-bottom:0px;
	list-style-type:none;
	padding-left:0px;
}

.copy ul.contentNav li a:link, .copy ul.contentNav li a:visited {
	text-decoration: none;
	font-weight: 400;
	color: #007a97;
	display:block;
	padding-left:0px;
	padding-right:25px;
	padding-top:6px;
	padding-bottom:7px;
	border-bottom: 1px dotted #007a97;
}

.copy ul.contentNav li a.audio:link, .copy ul.contentNav li a.audio:visited {
	text-decoration: none;
	font-weight: 400;
	color: #007a97;
	display:block;
	padding-left:25px;
	padding-right:25px;
	padding-top:6px;
	padding-bottom:7px;
	border-bottom: 1px dotted #007a97;
	background-image: url(../pix/audioicon.gif);
	background-repeat:no-repeat;
	background-position:-5px 0px;
}

.copy ul.contentNav li a:focus, .copy ul.contentNav li a:hover, .copy ul.contentNav li a:active { 
	color: #000000;
	text-decoration: none;
}

.copy ul.contentNav li ul li a:link, .copy ul.contentNav li ul li a:visited {
	text-decoration: none;
	font-weight: 400;
	color: #007a97;
	display:block;
	padding-left:25px;
	padding-right:25px;
	padding-top:6px;
	padding-bottom:7px;
	border-bottom: 1px dotted #007a97;
}

.copy ul.contentNav li ul li a:focus, .copy ul.contentNav li ul li a:hover, .copy ul.contentNav li ul li a:active { 
	color: #000000;
	text-decoration: none;
}

/* dritte Ebene */
.copy ul.contentNav li ul li ul li a:link, .copy ul.contentNav li ul li ul li a:visited {
	text-decoration: none;
	font-weight: 400;
	color: #007a97;
	display:block;
	padding-left:50px;
	padding-right:25px;
	padding-top:6px;
	padding-bottom:7px;
	border-bottom: 1px dotted #007a97;
}

.copy ul.contentNav li ul li ul li a:focus, .copy ul.contentNav li ul li ul li a:hover, .copy ul.contentNav li ul li ul li a:active { 
	color: #000000;
	text-decoration: none;
}

.newsdate {
	color: #4c4e4d;
	padding-top:8px;
	display:block;
	padding-bottom:0;
	margin-bottom:0;
}

/* ANFAHRT */

.copy ul.layerNav {
	font-size: 1em;
	font-weight: 400;
	padding: 0;
	margin-top: 5px;
	line-height: 1.4em;	
	border-top: 1px dotted #007a97;
	padding-bottom:10px;
	list-style-type:none;
}

.copy ul.layerNav li ul{
	margin-top: 0px;
	font-size: 0.9em;
	border-top: none;
	padding-bottom:0px;
	list-style-type:square;
	padding-left:15px;
	text-transform:none;
}

.copy ul.layerNav li a:link, .copy ul.layerNav li a:visited {
	text-decoration: none;
	font-weight: 400;
	font-size: 0.8em;
	color: #007a97;
	display:block;
	padding-left:0px;
	padding-right:25px;
	padding-top:6px;
	padding-bottom:7px;
	border-bottom: 1px dotted #007a97;
	text-transform:uppercase;	
}

.copy ul.layerNav li a:focus, .copy ul.layerNav li a:hover, .copy ul.layerNav li a:active { 
	color: #000000;
	text-decoration: none;
}

.copy ul.layerNav li a.layerLink:link, .copy ul.layerNav li a.layerLink:visited {
	text-decoration: none;
	font-weight: 500;
	font-size: 1em;
	color: #1a171b;
	display:inline;
	padding: 0;
	border:none;
	text-transform:none;
}

.copy ul.layerNav li a.layerLink:focus, .copy ul.layerNav li a.layerLink:hover, .copy ul.layerNav li a.layerLink:active { 
	color: #007a97;
	text-decoration: none;
}

.copy ul.layerNav li ul li a:link, .copy ul.layerNav li ul li a:visited {
	text-decoration: none;
	font-weight: 400;
	color: #007a97;
	display:block;
	padding-left:25px;
	padding-right:25px;
	padding-top:6px;
	padding-bottom:7px;
	border:none;
}

.copy ul.layerNav li ul li a:focus, .copy ul.layerNav li ul li a:hover, .copy ul.layerNav li ul li a:active { 
	color: #000000;
	text-decoration: none;
}

/* teaser */
.teaserlink {
	display:block;
	margin-top:5px;	
	font-size:1.0em;
}

.right .teaserlink {
	display:block;
	margin-top:2px;	
	font-size:1.0em;
}

/* weiterempfehlen */




/* KONTAKT FORMULAR */
.kontakt_container label {
	color: #4c4e4d;
	font-weight:500;
	font-size: 0.9em;
	display:block;
}


.kontakt_container input {
	margin-top:5px;
	width: 400px;
	font-size: 0.8em;
	padding:5px;
	/*border:1px solid #4c4e4d;*/
	background-color:#ebeff0;
	border:none;
	color: #007a97;
}

.kontakt_container input.checkbox {
	width:auto;
	margin-right:3px;
}

.kontakt_container textarea {
	margin-top:5px;
	width: 400px;
	font-size: 0.8em;
	padding:5px;
	/*border:1px solid #4c4e4d;*/
	border:none;
	color: #007a97;
	background-color:#ebeff0;
}

.kontakt_container input.submit {
	margin:0;
	padding:0;
	width: 104px;
	padding-top:4px;
	padding-bottom:5px;
	/*background-image: url(../pix/hg_submit.gif);
	background-position:left top;
	background-repeat:no-repeat;*/
	border:none;
	background-color:#007a97;
	color: #ffffff;
	font-size: 0.9em;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.kontakt_container .form_row {
	margin-bottom:10px;
	margin-left: 0px;
}

.kontakt_container .form_row_submit {
	margin-bottom:0px;
	margin-left: 0px;
	margin-top:25px;
}

.kontakt_container p.alert, .kontakt_container .alert, .copy_container .alert {
	color: #e15c03;
	font-size: 0.9em;
	font-weight:400;
}

.kontakt_container select {
	font-size:1em;
	width: 410px;
	margin-top:5px;
	color: #4c4e4d;
}

.hiddenDetail {
	display:none;
}


/* galerie */


.thumb {
	position:relative;
	display:table;
	float:left;
	height: 126px;
	width: 126px;
	vertical-align: middle; 
	text-align: center;
	overflow:hidden;
	border:1px solid #abacac;
	margin-right:10px;
	margin-top:10px;
	background-image: url(../pix/hg_thumb.gif);
	background-repeat:no-repeat;
}
.thumb a {
	width:126px;
	height:126px;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	text-align:center;	
	outline:none;
}
.thumb a img{
	display:inline;
	vertical-align:middle;
}

/* -----------------------------------------------------------------------------

  HAMBURGER ICONS COMPONENT

----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.c-hamburger {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	margin-right: 25px;
	margin-top: 14px;
	float: right;
	padding: 0;
	width: 35px;
	height: 35px;
	font-size: 0;
	text-indent: -9999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.c-hamburger:focus {
	outline: none;
}
/* mittlerer balken */
.c-hamburger span {
	display: block;
	position: absolute;
	top: 16px;
	left: 5px;
	right: 5px;
	height: 3px;
	background: #000000;
}
.c-hamburger span::before, .c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #000000;
	content: "";
}
.c-hamburger span::before {
	top: -8px;
}
.c-hamburger span::after {
	bottom: -8px;
}
/**
 * Style 2
 *
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */
.c-hamburger--htx {
	/*background-color: #ff3264;*/
	background-color: transparent;
}
.c-hamburger--htx span {
	-webkit-transition: background 0s 0.3s;
	transition: background 0s 0.3s;
}
.c-hamburger--htx span::before, .c-hamburger--htx span::after {
	-webkit-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, transform;
}
.c-hamburger--htx span::after {
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
	/*background-color: #cb0032;*/
	background-color: transparent;
}
.c-hamburger--htx.is-active span {
	background: none;
}
.c-hamburger--htx.is-active span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
	-webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
}

/*** MOBILE NAV ***/
.mainNavContainer_mobile {
	min-height:120px;
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	display:none;
	overflow:visible;
	/*background-color:#ffffff;*/
	margin-top:0px;
}

.navButton {
	height:50px;
	position:absolute;
	right:0px;
	top:0px;
	z-index:9997;
	text-align:right;
}

.mainNavMobile_wrapper {
	width:100%;
	position:relative;
	display:none;
	overflow-y:scroll;
	top:60px;
	height:calc(100vh - 60px);
}

/* mobile */
ul.mainnav_mobile {
	text-align:left;
	position:relative;
	z-index:4000;
	background-color:#007a97;
	padding-bottom:30px;
	padding-top:30px;
}

ul.mainnav_mobile li {
	width:100%;
	position:relative;
}


ul.mainnav_mobile li a:link, ul.mainnav_mobile li a:visited {
	font-family: 'Roboto',Arial, sans-serif;
	font-weight:500;
	text-decoration: none;
	font-size:14px;
	line-height:22px;
	text-transform:uppercase;
	color:#dce4e6;
	display:block;
	margin-bottom:0px;
	padding-top:15px;
	padding-bottom:18px;
	padding-left:0px;
	margin-left:30px;
	margin-right:30px;
	background-color:transparent;
	border-top:1px solid #dce4e6;
	letter-spacing:0.02em;
}
ul.mainnav_mobile li:first-child a {
	border-top: none;
}
ul.mainnav_mobile li:last-child a {
	/* TO DO: erst wenn sprachauswahl vorhanden: border-bottom:1px solid #99b9c3;*/
}

ul.mainnav_mobile li a:focus, ul.mainnav_mobile li a:hover, ul.mainnav_mobile li a:active {
	color: #ffffff;
	text-decoration: none;
	outline:none;
}

ul.mainnav_mobile li a.active:link, ul.mainnav_mobile li a.active:visited {
	/*color: #282828;*/
	color: #ffffff;
	text-decoration: underline;
}
ul.mainnav_mobile li a.selected, ul.mainnav_mobile ul.subnav li a.selected{
	color: #ffffff;
}


/*mobile subnav */

ul.mainnav_mobile li ul {
	position:relative;
	width:100%;
	/*
	top:0px;
	left:50%;
	height:100%;
	*/
	display:none;
	background-color:#007a97;
	padding-bottom:12px;
}
.mainnav_mobile .subnav {
	margin-top: 0px;
}

ul.mainnav_mobile li ul li a:link, ul.mainnav_mobile li ul li a:visited {
	background-color:#007a97;
	border-top:none;
	border-bottom:none;
	text-transform:none;
	font-family: 'Roboto', Arial, serif;
	font-size:14px;
	line-height:22px;
	text-transform: none;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:25px;
}

.navButton a:link, .navButton a:visited {
	display:inline-block;
	width:33px;
	height:30px;
	outline:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color:transparent;
	margin-right:28px;
	margin-top:15px;
}

.navButton a:focus, .navButton a:hover, .navButton a:active {

}
ul.mainnav_mobile li ul li:first-child a {
	border-top:none;
}
.openmobilesubnav {
	display:inline-block;
	width:40px;
	height:100%;
	position:absolute;
	top:0px;
	right:30px;
	overflow:hidden;
}
ul.mainnav_mobile li .openmobilesubnav a:link, ul.mainnav_mobile li .openmobilesubnav a:visited {
	display:block;
	width:100%;
	height:100%;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:400;
	text-decoration: none;
	font-size:22px;
	line-height:22px;
	text-transform:uppercase;
	color:#a09988;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:9px;
	padding-bottom:0px;
	padding-left:0px;
	border-bottom: none;
	border-top: none;
	background-color:transparent;
	text-align:center;

	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


.navButton.openmobilenav {
	/*background-color:#4c4e4d;*/
}
.navButton.openmobilenav a {
	background-position: 5px -1400px;
	background-color:transparent;
}

/* 3. Ebene */
ul.mainnav_mobile li ul li ul{
	display:block;
}
ul.mainnav_mobile li ul li ul a {
	color: #ffffff !important;
	font-size: 12px !important;
	padding-left:50px !important;
}
ul.mainnav_mobile li ul li ul a.selected {
	color: #fbe8c0 !important;
}
/* ENDE Mobilenav */

/* RESPONSIVE STYLES ===================== */

@media (max-width: 639px) {

	.mobileVisible {
		display:block;
	}
	.mobileHidden {
		display:none !important;
	}
	.header {
		height:60px;
		position:fixed;
		top: 0;
	}
	.mainNavContainer_mobile {
		min-height:60px;
	}
	.pagecontainer {
		padding-top:60px;
	}
	.logo {
		margin-top: 0px;
		position:absolute;
		z-index:50000;
		top:5px;
		left:25px;
		width:200px;
	}
	.logo img {
		width:200px;
		height:auto;
	}
	.left_content {
		display:none;
	}
	.main, .pagecontainer, .header {
		width:100%;
	}
	.navi_container {
		display:none;
	}
	.visual_content {
		width: 100%;
		overflow:hidden;
		height:auto;
		background-color:#ffffff;
	}
	.visual_content.withAnimatedHeadline {
		background-color:#dfdad5;
		padding-bottom:20px;
	}
	.visual_content img {
		width: 100%;
		height: auto;
	}
	.visual_content img.key3  {
		width: calc(33.33% - 4px);
		height: auto;
	}
	.visual_content img.key3.pad  {

	}
	.visual_content img.key2large  {
		width: calc(63.41% - 1px);
		height: auto;
	}
	.visual_content img.key2small  {
		width: calc(36.59% - 1px);
		height: auto;
	}
	.visual_content img.key2  {
		float:right;
	}

	.visual_content img.key2.pad_09  {
		float:left;
		margin-right:0;
	}

	.withAnimatedHeadline img {
		margin-bottom:15px;
	}
	h1.animatedHeadline {
		color:#4c4e4d !important;
		position:relative;
		left: 30px !important;
		top: 0px !important;
		padding-right:30px;
	}
	h1 {
		padding-bottom:20px;
	}

	.visual_balken {
		display:none;
	}
	.content, .visual_balken, .footer {
		width: 100%;
	}
	.copy_container {
		width: calc(100% - 30px);
		margin-left:30px;
	}
	.copy {
		float:none;
		width: calc(100% - 30px);
		margin-right:30px;
	}
	.googleMap iframe {
		width: 100%;
		max-width:100%;
	}
	span.img_inline_flow, p.img_inline_flow {
		width: 50%;
		max-width: 180px;
	}
	span.img_inline_flow img, p.img_inline_flow img {
		width:100%;
		height: auto;
	}
	.right {
		float:none;
		width: calc(100% - 30px);
		margin-left:0px;
		margin-top:20px;
	}
	.right .linkblock {
		width:100%;
		max-width:300px;
	}
	.right .contactBlock{
		width:100%;
		max-width:300px;
	}
	.right .contactBlock table {
		width: calc(100% - 50px);
	}
	.content.fadeContent .left.widthVideo {
		margin-left:0px;
		float:left;
		min-height:1px;
	}
	.content.fadeContent .right {
		margin-top: 0px;
		width:204px;
		float:left;
		clear: left;
	}
	.content.fadeContent .right.noleftcol {
		margin-left: 0px;
	}
	.footer ul.nebennav {
		margin-left:30px;
		display:none;
	}
	.copyright {
		float:left;
		margin-left:30px;
	}
	#shareContent {
		width: calc(100% - 30px);
	}
	.mainNavContainer_mobile {
		display:block;
		padding-left:0px;
		padding-right:0px;
	}
	.copy_gallery {
		margin-right: 30px;
		width: calc(100% - 30px);
		float:none;
	}
	.copy_gallery p {
		width: 100%;
	}
	.thumb {
		background-color: #dfdad5;
		background-image: none;
		background-repeat: no-repeat;
		border: 1px solid #abacac;
		width: calc(50% - 12px);
	}
	.spendenformular input {
		width: calc(100% - 10px);
		font-size: 16px;
	}

	.spendenformular input.small {
		width: calc(50% - 10px);
		font-size: 16px;
	}

	.spendenformular input.small.padright {
		width: calc(50% - 40px);
		font-size: 16px;
	}


	.spendenformular textarea {
		width: calc(100% - 10px);
		font-size: 16px;
	}

	.spendenformular input.large {
		width: calc(50% - 10px);
		font-size: 16px;
	}


	.spendenformular select {
		width: 100%;
		font-size: 16px;
	}

	.kontakt_container input {
		width:calc(100% - 10px);
		max-width:450px;
		font-size:16px;
	}
	.kontakt_container textarea {
		width:calc(100% - 10px);
		max-width:450px;
		font-size:16px;
	}
}
@media (min-width: 640px) and (max-width: 767px) {
	/* noch zweispaltig */
	body {
		background-image:none;
		background-color: #ffffff;
	}

	.mobileVisible {
		display:block;
	}
	.mobileHidden {
		display:none !important;
	}
	.left_content {
		display:none;
	}
	.logo {
		position:absolute;
		z-index:50000;
		left:25px;
	}
	.header {
		position:fixed;
		top: 0;
	}
	.pagecontainer {
		padding-top:125px;
	}
	.main, .pagecontainer, .header {
		width:100%;
	}
	.navi_container {
		display:none;
	}
	.visual_content {
		width: 100%;
		overflow:hidden;
		height:auto;
	}
	.visual_content.withKv3 {
		height:auto;
	}
	.visual_content img {
		/*width: 100%;
        height: auto;*/
	}
	.visual_content img.key3  {
		width: calc(33.33% - 4px);
		height: auto;
	}

	.visual_content img.key2large  {
		width: calc(63.41% - 1px);
		height: auto;
	}
	.visual_content img.key2small  {
		width: calc(36.59% - 1px);
		height: auto;
	}

	.visual_content img.key2  {
		float:right;
	}
	.visual_content img.key2.pad_09  {
		float:left;
		margin-right:0;
	}
	.visual_content img.pad {

	}
	.content, .visual_balken, .footer {
		width: 100%;
	}
	.copy_container {
		width: calc(100% - 30px);
		margin-left:30px;
	}
	.copy {
		float:none;
		width: calc(100% - 30px);
		margin-right:30px;
	}
	.right {
		float:none;
		width:100%;
		margin-left:0px;
		margin-top:20px;
	}
	.right .linkblock {
		float:left;
		width:calc(45% - 10px);
		margin-right:10px;
	}
	.right .contactBlock{
		float:left;
		width:calc(45% - 10px);
		margin-right:10px;
	}
	.right .contactBlock table {
		width: calc(100% - 50px);
	}
	.content.fadeContent .left.widthVideo {
		margin-left:0px;
	}
	.content.fadeContent .right {
		margin-left: 20px;
		margin-top: 9px;
		float:left;
		width:240px;
	}
	.content.fadeContent .right.noleftcol {
		margin-left: 0px;
		float:none;
	}
	.homepage .animatedHeadline {
		left:30px !important;
	}
	.footer ul.nebennav {
		margin-left:30px;
	}
	.copyright {
		margin-right:30px;
	}
	#shareContent {
		width: calc(100% - 30px);
	}
	.mainNavContainer_mobile {
		display:block;
		padding-left:0px;
		padding-right:0px;
	}
	.mainNavMobile_wrapper {
		top:125px;
		height:calc(100vh - 125px);
	}
	ul.mainnav_mobile {
		padding-top:30px;
	}
	.navButton a {
		margin-top: 18px !important;
	}
	.c-hamburger {
		margin-right: 25px;
		margin-top: 56px;
	}
	.copy_gallery {
		margin-right: 30px;
		width: calc(100% - 30px);
	}
	.copy_gallery p {
		width: 100%;
	}
	.spendenformular label {
		display:block;
	}
}
@media (min-width: 768px) and (max-width: 1002px) {

	body {
		background-image:none;
	}
	.mobileHidden {
		display:none !important;
	}
	.left_content {
		display:none;
	}
	.logo {
		position:absolute;
		z-index:50000;
		left:25px;
	}
	.header {
		position:fixed;
		top: 0;
	}
	.pagecontainer {
		padding-top:125px;
	}
	.main, .pagecontainer, .header {
		width:768px;
	}
	.navi_container {
		display:none;
	}
	.visual_content {
		width: 768px;
		height:247px;
		overflow:hidden;
	}
	.visual_content img.key3  {
		width: 254px;
		height: auto;
	}
	.visual_content img.key2  {
		width: auto;
		height: 247px;
		float:right;
	}
	.visual_content img.key2.pad_09  {
		float:left;
		margin-right:0;
	}
	.visual_content img.pad {
		margin-right: 2px;
	}
	.content, .visual_balken, .footer {
		width: 768px;
	}
	.content.fadeContent {
		width: 468px;
	}
	.content.fadeContent .copy_container {
		width: 100%;
	}
	.content.fadeContent .copy {
		width:100%;
	}
	.content.fadeContent .left.widthVideo {
		margin-left:0px;
	}
	.content.fadeContent .right {
		margin-left: 20px;
		margin-top: 9px;
	}
	.content.fadeContent .right.noleftcol {
		margin-left: 0px;
	}
	.copy_container {
		width:738px;
	}
	.copy_container .right {
		width: 209px;
	}
	.contactBlock table {
		width:auto;
	}
	.homepage .animatedHeadline {
		left:30px !important;
	}
	.mainNavContainer_mobile {
		display:block;
		padding-left:0px;
		padding-right:0px;
	}
	.mainNavMobile_wrapper {
		top:125px;
		height:calc(100vh - 125px);
	}
	ul.mainnav_mobile {
		padding-top:30px;
	}
	.navButton a {
		margin-top: 18px !important;
	}
	.c-hamburger {
		margin-right: 25px;
		margin-top: 56px;
	}
}
@media (min-width: 1003px) and (max-width: 1024px) {

}
@media (min-width: 1025px) {

}