@import url('normalize.min.css');
@import url('font-awesome.min.css');
@import url('jquery-ui.min.css');
@import url('magnific-popup.css');
@import url('shop.css');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
/* Layout */
body {	max-width:1400px;
		background-image:url(img/bg_all.png);
		color:#000;
		font-family:'Titillium Web', sans-serif;	
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	   -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
}
footer, main, section { -webkit-flex: 1 100%; flex: 1 100%; }
footer, header { text-align:center; }

main { -webkit-flex:1; flex:1; background-color: #fff;border-top:1em solid #fff;box-sizing: border-box;}

#content {padding-left:2em;padding-right: 2em; padding-bottom: 2em;font-size: 0.95em;}

header {
	display: -webkit-flex;
	-webkit-flex-flow: row;
	display: flex;
	flex-flow:row;
	max-width: 1400px;
	width:100%;
}

a:link {
    color: #008174;
}

aside{

width: 230px;
overflow: hidden;
}


aside a, aside a:visited {
    display: block;
    color: #fff!important;
    margin: 2px;
    font-size: 0.95em;
    padding: 4px 4px 4px 15px;
    text-decoration: none;
}

aside a.selectedvisible {
    background: transparent url(img/bg_nav_left.gif) repeat-y left top scroll;
}

aside ul {
    display: inline-block;
    padding: 0;
	background-color: #d30045;
	width:230px;
	margin:0;
}

#logo  {
	display: block;
	background-image: url(img/logo.png);
	background-size: 200px 280px;
	background-repeat: no-repeat;
	width: 230px;
	height:320px;
	overflow: hidden;
	background-position: 50% 50%;
}

/*#logo img { width:210px; border:10px solid transparent;
	
}*/

@media only screen and (max-width:940px) {
	#logo  { 
	background-image: url(img/logo_mobil.png);
	background-size: 100% 90%;
	max-width: 400px!important;
	max-height:100px;
	}
	header {
	-webkit-flex-flow: column;
	flex-flow:column;
	}

	header nav{
	border-top: 0.5em solid #fff!important;
	}
	aside{
		width: auto!important;
	}
}


@media only screen and (max-width:750px) {
header nav{
	height:40px!important;
	}
	
	
#head_wrapper{
	display: flex;
	flex-flow:column;	
	width:100%;
}
	#slideshow_header{
	display: none;
}
	#searchform{
	width:100%!important;
}
 div#table{
	width:100%!important;
}
	aside{
	display: none;
}

	
}

header nav {background-image: url(img/bg_header.gif);
	max-width:100%;
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	border-top: 1.5em solid #fff;
	height:80px;
	color:#fff;
	align-self:flex-start;

}

#head_wrapper{
	display: flex;
	flex-flow:row;	
	width:100%;
}

#slider_top {
	overflow: hidden;
	height:234px;
}

#slideshow { height: 214px!important; width:auto!important}
#slideshow_header{ height: 214px; flex:1;}

#searchform{
	align-self: flex-end;
	width:420px;
	background-color: #2d9489;
	height:234px;
	font-size: 0.80em;
	text-align: left;
	/*overflow:hidden;*/
	
}
#searchform select, #searchform input{
	
	color:#000;
}


#searchform td{
	
	color:#fff;
	padding-left:1vw;
}

#searchform table{
	margin-left: 1.5em;
}

#searchform h1 {
    color: #fff;
    font-size: 1.75em;
	text-indent: 2.5em;
	line-height: 1em;
}

#advanced_search{
	background-color:#404040;
	width:40%;
	padding:5px;
	text-align: center;
	float:right;
}
#advanced_search a{
    color: #fff;
	text-decoration:none;
    font-size: 1.25em;
}

img#header_print {
    display: none;
}

h1 {
    font-size: 2.000em;
    font-weight: 600;
    color: #656565;
}

h3 {
    font-size: 1.167em;
    font-weight: 600;
    color: #008174;
}



#map {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

#map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
}

#foot{
background-color: #404040;padding:1em;
	 display: flex;
  flex-flow: row;
	align-content: space-around;
	align-items: center;
}

#foot div.foot_img{
flex:1;
text-align:center;
}

#foot img {
border: 0.5em solid #fff;
}

@media only screen and (max-width:1080px) {
	#foot img {
width:85%;
}

	#foot div.foot_img:nth-child(2n) img {
width:65.5%!important;
}
	
/* Force table to not be like tables anymore */
	.tbl_break table, .tbl_break thead, .tbl_breakt body, .tbl_break th, .tbl_break td, .tbl_break tr { display: block; }
	.tbl_break thead { position: absolute; top: -9999px; left: -9999px; }
	.tbl_break tbody td { text-align: left !important; width: 100% !important; }
	.tbl_break tr { margin-bottom: 0.66em; clear:both; }
	
	
	.tbl_break tr { border: 1px solid #ccc; }
	
	.tbl_break td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 25%; 
	}
	
	.tbl_break tbody td { width:auto!important; }
	
	.tbl_break td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding 
		top: 6px;*/
		left: 6px;
		width: 25%; 
		padding-right: 10px; 
		white-space:pre-wrap;
	}
	
	/*
	Label the data
	*/
	.tbl_break td:nth-of-type(n):before { content: attr(title); }
	
}

.txtbtn {
  background: #2d9489;
  background-image: -webkit-linear-gradient(top, #54beb3, #2d9489);
  background-image: -moz-linear-gradient(top, #54beb3, #2d9489);
  background-image: -ms-linear-gradient(top, #54beb3, #2d9489);
  background-image: -o-linear-gradient(top, #54beb3, #2d9489);
  background-image: linear-gradient(to bottom, #54beb3, #2d9489);
  color: #ffffff;
  font-size: 1.1em;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
	border:none;
}

.txtbtn:hover {
  background: #2d9489;
  background-image: -webkit-linear-gradient(top, #2d9489, #54beb3);
  background-image: -moz-linear-gradient(top, #2d9489, #54beb3);
  background-image: -ms-linear-gradient(top, #2d9489, #54beb3);
  background-image: -o-linear-gradient(top, #2d9489, #54beb3);
  background-image: linear-gradient(to bottom, #2d9489, #54beb3);
  text-decoration: none;
}

footer {
    z-index: 1;
    width: 100%;
    font-weight: 600px;
    overflow: hidden;
    background-color: #ffc854;
	text-align:left;
	}

footer h1 {
    font-size: 1.250em;
    color: #fff;}

tr.even {
   /* background: transparent url(/assets/Styles/img/bg_td-even2.gif) repeat-x left bottom scroll;*/
}

tr.odd {
	background-color: #e7e7e7;
    /*background: transparent url(/assets/Styles/img/bg_td-odd.gif) repeat-x left bottom scroll;*/
}

tr.even:hover, tr.odd:hover {
	background-color: #aed8d4;
    /*background: transparent url(/assets/Styles/img/bg_td-odd.gif) repeat-x left bottom scroll;*/
}

div.table {
	display: table;
	border-collapse: collapse;
	color:#fff;
	margin: 0 auto;
}

div.tr {
	display: table-row; padding: 0px; margin: 0px;
}

div.td {
	display: table-cell;
	padding: 0px; margin: 0px;
}
div.td h1 {
	line-height: 0em;
}

/* Navigation ------------------------------------------------------------------ */
nav ul { list-style-type:none; margin:0; padding:0; box-sizing:border-box;height:79px; }
#nav-main { z-index:1000; }
#nav-main > a { display:none; text-decoration:none; color:#fff; }
#nav-main li { position:relative; }
/* first level */
#nav-main > ul { display:flex;  }
#nav-main > ul > li { flex: 1 1 auto;  height:100%;  text-align:center; z-index:1000;  }
#nav-main > ul > li a{ background: transparent url(img/split_topnav.gif) no-repeat left top scroll;color:#fff; text-decoration: none; font-weight:600;font-family:'Titillium Web';font-size: 1.0em; vertical-align: middle; height:60px; padding-top:1.5em; }
#nav-main > ul > li:first-child a{ background-image: none; }


/* second level */
#nav-main li ul { display:none; position:absolute; top:0; left:100%; background-color:#fdc42f; min-width:100%; }
#nav-main li a {  display:block; /*padding:0.33em 0.66em;*/ }
#nav-main li:hover {  }
#nav-main li:hover>ul { }
#nav-main > ul > li > ul { top:100%; left:0; }
.fa-navicon::after{ content:'Navigation'; font-family:'Titillium Web'; margin-left:10px; font-weight: bold; }
nav#nav-main-mobile { display:none; }


@media only screen and (max-width:750px) {
nav#nav-main { display:none; }
	nav#nav-main-mobile { display:block;z-index:100000000; }
	
	nav#nav-main-mobile { text-align:left; font-size: 0.7em; }
	nav#nav-main-mobile { position:relative; }
	nav#nav-main-mobile ul { margin:0; padding:0; padding-left:1em; height:auto; }
	nav#nav-main-mobile  li ul { display:none; }
	nav#nav-main-mobile  li:hover ul { display:block; }
	nav#nav-main-mobile  li ul.active { display:block }
	nav#nav-main-mobile > a { display:none;}
	nav#nav-main-mobile:not( :target ) > a:first-of-type,
	nav#nav-main-mobile:target > a:last-of-type { display: block; }
	/* first level */
	nav#nav-main-mobile > ul { height:auto; display:none; position:absolute; left:0; right:0; background-color:#ffdb7c; padding-left:0; }
	nav#nav-main-mobile:target > ul { display:block; }
	
	nav#nav-main-mobile > ul > li { width:95%; float:none; padding-left:5%;  font-size:1.75em; border-bottom: 1px solid #fff; }
	/* second level */
	nav#nav-main-mobile li ul { position: static; }
	nav#nav-main-mobile li a {text-indent: 1.2em;line-height: 200%; text-decoration: none; color:#000;}
	
	nav#nav-main-mobile.navlevel2 {
			font-weight:normal;
   			text-transform: none;
			line-height: 100%;
	 		padding-left: 0.5em;
}
	nav#nav-main-mobile .selectedvisible{
			color:#018c7e!important;
}
	#map{ float: none!important;margin-bottom:1em; width:100%!important;}
	


	footer div.td{
	display: block;
		width:90%!important;
			border:0px!important
}
	

}

#nav-meta ul { display:block; width:auto; text-align:center; margin-bottom:0.99em; }
#nav-meta ul li { display:inline-block; }
#nav-meta ul li:after { content:"•" }
#nav-meta ul li:last-child:after { content:"" }
#nav-meta li a { padding:0 0.66em; font-size:0.8em; }

/* Navigation ends ------------------------------------------------------------- */
/* formatting for sliders */
div.slider { display:none }
div.unslider { position: relative;overflow:show; padding-bottom:20px;margin-bottom:1.33em }
div.unslider ul { list-style: none; padding: 0; margin: 0 }
div.unslider ul > li { float:left; position:relative; padding: 0; margin:0; width:100%; height:282px; background-size: cover; text-align:center; display:block }
div.unslider ul > li > a > div, div.unslider ul > li > div { position:absolute; bottom:0; left:0; top:0; right:0 }
div.unslider ul > li > a > div > div, div.unslider ul > li > div > div { position:absolute; bottom:0; padding:0.5em 0; width:100%; background-color:rgba(255, 255, 255, 0.7); color:#000 !important; font-size:150% }
div.unslider a { text-decoration:none }

div.unslider .dots { position: absolute; left: 0; right: 0; bottom: 0px; padding: 0; margin: 0; text-align:center; }
div.unslider .dots li { display: inline-block; width: 8px; height: 8px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }
div.unslider .dots li.active { background: #fff; opacity: 1; }

/* Common classes */
/* form error classes used by µCMS and shop */
div.error-formfield, p.error-formfield { color:#d13d1b; font-weight:bold; display:none; }
span.error-formfield, label.error-formfield, td.error-formfield, input.error-formfield, textarea.error-formfield, select.error-formfield { background-color:#fddfdf; }
.error-message { color:#f00;font-weight:bold; }

/* square boxes */
.tiles-list { float:left; width:25%; }

.square { position:relative; width: 100%; }
.square:before { content: ""; display:block; padding-top:100%; }
.square > div { position:absolute; top:5px; left:5px; right:5px; bottom:5px; overflow:hidden }
.square > div > div { position:absolute; top:5px; left:5px; right:5px; bottom:5px; overflow:hidden; background-color:#fff; }
.square > div > div a { color:#000; }

/* gallery tiles */
a.gallery-link { display:block; position:absolute; width:100%; height:100%; border:1px solid #333; box-sizing:border-box; }
div.gallery-img { position:absolute; top:10px; bottom:10px; left:10px; right:10px; background:transparent none no-repeat center center; background-size: contain; }

/* badges (feeded from data-badge attrbute) */
.badge { position:relative !important; }
.badge[data-badge]:after { content:attr(data-badge); position:absolute; top:-12px; left:100%; background:#000; color:#fff; width:auto; min-width:13px; height:18px; padding:0 3px; text-align:center; line-height:18px; font-size:70%; font-weight:bold; border-radius:9px; box-shadow:0 0 1px #333; }
.badge[data-badge=""]:after { content: none; }

/* clearfix */
.clearfix			{ clear:both; font-size:0; }

/* bot trap input field used by forms (hide these fields) */
input.bcheck		{ position:absolute; left:-20000px }

/* language navigation */
a.langavail00, a.langavail01, a.langavail10 { display:none }
a.langavail00 img, a.langavail01 img, a.langavail10 img { display:none }

/* breakpoints: phone  */
@media only screen and (max-width:640px) {
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { display: block; }
	thead { position: absolute; top: -9999px; left: -9999px; }
	tbody td { text-align: left !important; width: 100% !important; }
	tr { margin-bottom: 0.66em; clear:both; }
	

	/* scale content images if necessary */
	main img { max-width: 100%; height:auto !important }

	body { padding:0; }
	#searchform h1 {
    text-indent: 1.5em;
}
	#content {padding-left:1em;padding-right: 1em; padding-bottom: 1em}
	
}
@media only screen and (max-width:380px) {

#advanced_search {
   width:20%;
}	
	
#advanced_search a{
    color: #fff;
	text-decoration:none;
    font-size: 0.95em;
}

#searchform{
    height: 270px!important;
}
	
}

@media print {
				body	{	size:210mm 297mm;
								padding:0;
								margin-top:0;
								margin-bottom:0;
								margin-left:1.00cm;
								margin-right:0.5cm;
								font-family: 'Titillium Web', sans-serif;
								font-size: 0.9em;
							}
				img#header_print	{ display:block; width:155mm }
				img.gallery_print	{ display:block; width:72mm } 
				div.pagebreak { margin:0; padding:0; page-break-after:always }
				.noprint, header, nav, section, aside, footer, #logo, #searchform{ display:none }
				div#container { padding:0; margin:0; width: 100%; height: auto !important; height: 100%; background: none; }
			}