/* yanone-kaffeesatz-300 - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/yanone-kaffeesatz-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'),
       url('../fonts/yanone-kaffeesatz-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v11-latin-300.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}

/* yanone-kaffeesatz-regular - latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/yanone-kaffeesatz-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'),
       url('../fonts/yanone-kaffeesatz-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/yanone-kaffeesatz-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/yanone-kaffeesatz-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/yanone-kaffeesatz-v11-latin-regular.svg#YanoneKaffeesatz') format('svg'); /* Legacy iOS */
}


body {
	padding:0;
	margin:0;
	width:100%;
	text-align: center;
	color:#1a171b;
	font-family: Arial;
	font-size:14px;
	line-height:20px;
	background:#fff;
}

a:link, a:visited, a:active {
	color:#e2336d ;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#e2336d ;
}
#seite {
	min-width:320px;
	margin: 0px auto;
	text-align:left;
	background:#FFF;
}
#header{
	position:relative;
	padding-top:60px;
}
#logo{
	width:96%;
	margin: 0 2% 0 2%;
}
#fakir{
	display:none;
}
#suche{
	display:none;
}
#searchquery{
	background:url(../img/lupe.png) no-repeat;	
	border:1px solid #e4e4e5;
	width:175px;
	height:20px;
	padding-left:20px;
	color:#1a171b;
}
#impressum_head{
	margin-bottom:10px;	
}
#impressum_head a{
	color:#1a171b;		
}
#impressum_head a:hover{
	color:#00632f;		
	text-decoration:none;
}	
#jubilaeum_platzhalter{
	display:none;
}	
#jubilaeum{
	position:absolute;
	top:120px;
	right:10px;
	width:70px;
	z-index:10;
}
#trennlinie{
	height:2px;
	line-height:2px;
	font-size:1px;
	margin:0px 0 10px 0;
}

#nav_container{
	margin:20px 10px 0 10px;
	display:none;
}
#breadcrumb{
	display:none;
}
#content{
	margin:15px 10px 15px 10px;	
}
#footer{
	background:#574b4d;
	color:#fff;
	font-size:14px;
	padding-bottom:10px;
	position:relative;	
}
#footer a{
	color:#fff;	
}
#footer a:hover{
	color:#fff;	
	text-decoration:underline;
}	
#footer_adresse1{
	margin:0 0 0 3%;	
	padding-top:10px;
	width:97%;
}
#footer_adresse2{
	margin:20px 0 0 3%;	
	width:97%;
}
#footer_logos{
	position:absolute;
	bottom:10px;
	right:10px;
}
#footer_impressum{
	padding-top:10px;
	width:80px;	
}
#footer_galerie{
	width:80px;		
}

.footer_chXXX{border:1px solid #fff; padding:5px 5px;}
.ch_openings{font-size: 12px;}

#logobox1{
	float:left;	
	display:none;
}
#logobox2{
	float:left;	
	margin-left:30px;
}
#breadcrumb ul {list-style:none; float:left; margin:0; padding:0;}
#breadcrumb ul li {float:left; margin-left:10px; }	
.cssbreak{
	display:block;
}				


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/ipad-dropdown-single.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

ul.menu {padding:0; margin:0; list-style:none; position:relative; z-index:500; float:left; height:36px; }

ul.menu a.active {color:#1a171b;}
ul.menu ul a.active {color:#e2336d ;}
ul.posLeft {}
ul.menu a { font-size:22px !important; height:36px; line-height:36px; color:#e2336d ; text-decoration:none; text-transform:uppercase;}
ul.menu a:hover {color:#1a171b; text-decoration:none;}
ul.menu li:hover > a {color:#1a171b;}

ul.menu li.nosub a {display:block; height:36px; line-height:36px; padding:0 20px 0 0px; float:left;}
ul.menu li.nosub a b {display:block; height:36px; cursor:pointer; float:left; font-weight:normal;}

ul.menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; top:36px; padding:19px 0px 0px 0px; background:url(../img/navi_top.png) no-repeat;}
ul.menu li.liTop {float:left;}
ul.menu li.close {position:absolute; right:0; top:0; width:30px; height:36px; z-index:-1;}
ul.menu li.close a {display:block; height:36px; width:30px;}
ul.menu ul li{background:url(../img/bg_subnavi.png); }
ul.menu ul li a {display:block; padding:2px 10px 2px 10px; height:auto; line-height:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px !important; text-transform:none; white-space: nowrap;}
ul.menu ul li a:hover {color:#e2336d;}

ul.menu li.liTop a.openXXX {display:block; height:100%; line-height:36px; background:url(../img/down.png) no-repeat right top; padding:0 30px 0 0; float:left;}
ul.menu li.liTop a.open b {display:block; padding:0 20px 0 0px; cursor:pointer; font-weight:normal;}

ul.menu li.liTop:hover {position:relative; height:37px;}
ul.menu li.liTop:hover ul {left:0;}

/* for IE6 */
ul.menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:0; top:0;}
ul.menu a ul li {float:left; width:170px;}
* html ul.menu li.liTop a:hover {direction:ltr; height:52px;}
ul.menu a:hover ul {left:0;}
ul.menu a:hover ul li a {width:150px;}
ul.menu a:hover ul li a:hover {height:auto;}


#nav_second { margin-top:0px; }
#nav_second ul li a, #nav_second ul li a:visited {display:block; text-decoration:none; text-align:left; color:#e2336d ; padding:0px 10px 0px 10px; font-size:24px; text-transform:uppercase; }
#nav_second ul {padding:0; margin:0; list-style-type: none; }
#nav_second ul li {float:left; position:relative;}
#nav_second ul li:hover a, .nav_second ul li a:hover {color:#1a171b;}
#nav_second ul li.rex-active a, #nav_second ul li.rex-current a {color:#1a171b;}
#nav_second ul.menu a.active {color:#1a171b;}


@media screen and (max-device-width:768px){
	/* for iPhone, iPod Touch and iPad */
	ul.menu li.liTop:hover + li.close {z-index:10;}
}


.team{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
.team p{
	margin:0;
	padding:0;
}
.team_foto{
	float:left;
	width:43%;
}
.team_foto img{
	width:100%;
	height:auto;
}
.team_inhalt{
	float:left;
	width:55%;
	margin:0 0 0 2%;
}
.team_name{
	font-weight:bold;
	color:#e2336d ;
}

.clear {
	clear:both;
	line-height:0px;
	height:0px;
	font-size:0px;
}

ul.searchresults p.url{
	display:none;
}

.nivo-menu-container{
	display:none;
}
.nivo-menu-container ul{
	list-style:none;
	margin:0;
	padding:0;	
}
.nivo-menu-container ul li{
	float:left;
	padding:0 1% 5px 0;
	width:32%;
}
.nivo-menu-container ul li img{
	width:100%;
	height:auto;
	display:block;
}
.nivo-menu-container ul li img:hover{
	outline:1px solid #1a171b;
}

.ref_box{
	margin:0 0 10px 0;
	position:relative;
	overflow:hidden;
}
.ref_box img{
	display:block;
}
.ref_box_hover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.50);
	color:#fff;
	overflow:hidden;
	display:none;
}
.ref_box_hover_inner{
	position:absolute;
	top:50%;
	left:0;	
	text-align:center;	
	width:100%;
}
.ref_show_titel{
	font-weight:bold;
	color:#e2336d ;
}
h1{
	font-size:18px;
	color:#e2336d ;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
h2{
	font-size:16px;
	color:#e2336d ;
	margin:0;
	padding:0;
}

/*	Formular */
#rex-xform{padding-bottom:20px;}
.xform ul.form_warning {margin-left:20px; color:#f00;}
.xform .block{margin-top:10px;}
.xform input.radio{width:20px;}
.as-label, #xform-formular-field-32{margin-top:10px;}
.formcaptcha{padding:0px; margin-top:10px;}
.xform p, .xform .xform-element {float: left; width: 100%; margin:0; padding:0;}
.xform input.radio{height:20px;}
.xform label.radio {margin:10px 0 10px 0;}
.xform div.formradio p.radio, .xform div.form_google_geocode p.form_google_geocode {width: auto;}
.xform div.rex-widget p {margin-bottom: 0;}
.xform label, .xform span.as-label {width: 100%; display:block;}
.xform label.captcha {display: block; float: none; width: 100%;}
.xform span.formradio label.radio {float: none;	width: auto; padding: 0 1em 0 5px;}
.xform input.captcha, .xform input.inp_disabled, .xform input.password, .xform .formtext input, .xform textarea.textarea {width: 95%;}
.xform .formtext input{height:20px;}
.xform input.captcha {width: 80px; height: 20px;}
.xform select.select, .xform select.multipleselect {width: 200px;}
.xform input.captcha, .xform input.inp_disabled, .xform input.password, .xform .formtext input, .xform textarea.textarea, .xform select.multipleselect, .xform .formtable table td input {border:none;	background:#eeeeee;}
.xform fieldset{border:none;}
.xform .formtable table {clear: both; margin-left: 200px;}
.xform .formtable table td {padding: 0 5px 5px 0;}
.xform input.submit {margin: 10px 0 0 0;}
.xform p.formcheckbox input {float:left; margin-left: 200px;}
.xform p.formcheckbox label {float:left; margin-left: 10px; width:190px;}
.xform #xform-formular-anreise{margin-top:10px;}
.xform .radios input {float:left;}
.xform .radios label {float:left; margin-left: 10px; width:190px;}
.xform fieldset legend{padding:5px 10px 5px 10px; border:0px solid #333; background-color:#e2336d ; color:#fff;}
.xform fieldset {padding-top:5px; margin-top:10px;}

input{
	border: none;
	background: #eeeeee;
	height: 20px;
	width: 95%;
}
input[type="checkbox"]{width:20px; float:left;}
button{margin-top:20px;}
.alert{color:#ff0000;}

#faden { display:none; }

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

#text_slider_left p{
	padding-bottom:20px;
}

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

@media screen and (min-width: 320px){
	/* Smartphone hoch */
	body{
		background:#fff
	}
}

@media screen and (min-width: 480px){
	/* Smartphone quer */
	body{
		background:#fff;
	}
	#jubilaeum{
		top:145px;
		width:100px;
		right:10px;		
	}
	.ref_box{
		float:left;
		margin:0 2% 10px 0;
		width:48%;
	}		
	.cssbreak{
		display:inline;
	}			

}

@media screen and (min-width: 768px){
	#jubilaeum{
		top:155px;
	}
	#footer_adresse1{
		margin:10px 0 0 10px;	
		float:left;
		width:220px;
		padding-top:0;
	}
	#footer_adresse2{
		margin:10px 0 0 40px;	
		float:left;
		width:220px;
	}
	#footer_logos{
		float:right;
		margin:30px 10px 0 0;
		width:auto;
		position:relative;
	}
	.team_foto{
		width:33%;
	}
	.team_inhalt{
		width:65%;
	}
	.ref_box{
		margin:0 2% 10px 0;
		width:31%;
	}		
	.cssbreak{
		display:block;
	}			
}

@media screen and (min-width: 900px){
	body{
		background:#fff;
	}
	#seite{
		width:100%;
		background:#fff;
		margin-top:10px;
		margin-bottom:10px;
	}
	#header{
		height:99px;
		position:relative;
		padding-top:0;
	}
	#logo{
		float:left;
		width:350px;
		margin:45px 0 0 20px;
	}
	#fakir{
		float:left;
		margin:10px 0 0 40px;
		width:75px;
		display:block;
	}
	#faden { position:absolute; top:5px; left:170px; width:500px; height:64px; z-index:5000; display:block; }
	#suche{
		float:right;
		margin:10px 10px 0 0;
		display:block;
	}
	#searchquery{
		background:url(../img/lupe.png) no-repeat;	
		border:1px solid #e4e4e5;
		width:175px;
		height:20px;
		padding-left:20px;
		color:#1a171b;
	}
	#impressum_head{
		margin-bottom:10px;	
	}
	#impressum_head a{
		color:#1a171b;		
	}
	#impressum_head a:hover{
		color:#00632f;		
		text-decoration:none;
	}	
	#jubilaeum_platzhalter{
		float:right;
		width:100px;
		display:block;
	}	
	#jubilaeum{
		position:absolute;
		top:45px;
		right:0;
		width:100px;
		display:block;
	}
	#trennlinie{
		display:none;
	}
	#nav_container{
		margin:20px 10px 0 10px;
		display:block;
	}
	#nav_first{
		float:left;	
		width:39%;
	}
	#nav_second{
		float:left;
		width:56%;
	}
	#mobinav{
		display:none;
	}
	#breadcrumb{
		font-size:10px;
		margin:25px 0 0 10px;
		display:block;
	}
	#content{
		margin:15px 10px 15px 10px;	
	}
	.nivo-menu-container{
		display:block;
	}	
	.nivo-menu-container ul li{
	}
	#footer{
		background:#574b4d ;
		color:#fff;
		font-size:14px;
	}
	#footer a{
		color:#fff;	
	}
	#footer a:hover{
		color:#fff;	
		text-decoration:underline;
	}	
	#footer_adresse1{
		margin:10px 0 0 10px;	
		float:left;
		width:220px;
		padding-top:0;
	}
	#footer_adresse2{
		margin:10px 0 0 40px;	
		float:left;
		width:220px;
	}
	#footer_logos{
		float:right;
		margin:30px 10px 0 0;
		width:auto;
		position:relative;
	}
	#footer_impressum{
		display:none;
	}	
	#logobox1{
		float:left;	
		display:block;
	}
	#logobox2{
		float:left;	
		margin-left:30px;
	}	
	.team{
		float:left;
		width:40%;
		margin:10px 5% 0 0;
	}
	#text_slider_left{
		float:left;
		width:35%
	}
	#text_slider_right{
		float:right;
		width:60%;
	}
	.ref_box{
		margin:0 2% 10px 0;
		width:23%;
	}		
	.cssbreak{
		display:inline;
	}	
		
}

@media screen and (min-width:1200px){
	body{
		background:#eceded;
	}	
	#seite{
		width:1200px;
		background:#fff;
		margin-top:20px;
	}
	#header{
		height:99px;
		position:relative;
	}
	#logo{
		float:left;
		width:415px;
		margin:55px 0 0 20px;
	}
	#fakir{
		float:left;
		margin:10px 0 0 40px;
		width:75px;
		display:block;
	}
	#faden { top:5px; left:165px; width:661px; height:84px; }
	#suche{
		float:right;
		margin-right:20px;
	}
	#searchquery{
		background:url(../img/lupe.png) no-repeat;	
		border:1px solid #e4e4e5;
		width:175px;
		height:20px;
		padding-left:20px;
		color:#1a171b;
	}
	#impressum_head{
		margin-bottom:10px;	
	}
	#impressum_head a{
		color:#1a171b;		
	}
	#impressum_head a:hover{
		color:#00632f;		
		text-decoration:none;
	}	
	#jubilaeum_platzhalter{
		float:right;
		width:150px;
	}	
	#jubilaeum{
		position:absolute;
		top:20px;
		right:0;
		width:150px;
	}
	#nav_container{
		margin:20px 20px 0 20px;		
	}
	#nav_first{
		float:left;	
		width:430px;
	}
	#nav_second{
		float:left;
		width:730px;
	}
	#breadcrumb{
		font-size:10px;
		margin:25px 0 0 20px;
	}
	#content{
		margin:15px 20px 15px 20px;	
	}
	.nivo-menu-container ul li{
		width:130px;
	}	
	#footer{
		background:#574b4d ;
		color:#fff;
		font-size:14px;
	}
	#footer a{
		color:#fff;	
	}
	#footer a:hover{
		color:#fff;	
		text-decoration:underline;
	}	
	#footer_adresse1{
		margin:10px 0 0 20px;	
		float:left;
		width:auto;
	}
	#footer_adresse2{
		margin:10px 0 0 40px;	
		float:left;
		width:auto;
	}
	#footer_logos{
		float:right;
		margin:30px 20px 0 0;
		width:auto;
	}
	#logobox1{
		float:left;	
	}
	#logobox2{
		float:left;	
		margin-left:30px;
	}
	.team{
		float:left;
		width:40%;
		margin:10px 5% 0 0;
	}
	.team_foto{
		float:left;
		width:27%;
	}
	.team_inhalt{
		float:left;
		width:71%;
		margin:0 0 0 2%;
	}
	#text_slider_left{
		width:35%
	}
	#text_slider_right{
		width:62%;
	}	
	.cssbreak{
		display:inline;
	}	
}

.sprachen{margin-top:10px;}
.sprachen span, .sprachen a{margin-right:10px;}

.sprachen_mobil{
	position: absolute;
	top: 15px;
	left: 20px;	
}
.sprachen_mobil span, .sprachen_mobil a{margin-right:10px; color:#fff;}

@media screen and (max-device-width: 480px){
  body {
    -webkit-text-size-adjust: none;
  }
}

.text_left{float:left; width:48%;}
.text_right{float:right; width:48%;}

@media screen and (max-device-width: 600px){
	.text_left{float:none; width:100%;}
	.text_right{float:none; width:100%; margin-top:30px;}
}