/* Style-Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus {outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}




/*---------------------------------------------------------------------------------*/
/* A L L G E M E I N E S 														   */
/*---------------------------------------------------------------------------------*/

* {
	margin:				0;
	padding:			0;
} 

html {
	width:				100%;
	height:				100%;
}

body {
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
	background:			#f6f2e9;
	color:				#4a4a4a;
	font-family:		"Helvetica Neue", Helvetica, Geneva, Arial, Verdana, sans-serif;
	font-size:			100%;
	line-height:		1.2em;
	overflow-y:			scroll;
}
.ie6 body,
.ie7 body {overflow:hidden}
/*body#startseite {background:url(/_p/startseite01.jpg) top center no-repeat;}*/
body.textseite {background:transparent url(/_p/liste-bg.png) 0 0 repeat;}
#supersized li{margin:0;}

a,
a:link 		{ text-decoration: none; color: #3d2d09; border-bottom: 1px dotted #3d2d09;}
a:visited 	{ text-decoration: none; color: #3d3d3d; border-bottom: 1px dotted #3d2d09;}
a:hover 	{ text-decoration: none; color: #68511d; border-bottom: 1px solid #68511d;}
a:active 	{ text-decoration: none; color: #68511d; border-bottom: 1px solid #68511d;}
a:focus 	{ text-decoration: none; color: #68511d; border-bottom: 1px solid #68511d;}

.c { clear:both; float:none; }

fieldset { border:none; }

strong 	{ font-weight:bold; }
em 		{ font-style:italic; }


h1 {
	font-size:			20px;
	margin-bottom:		10px;
	color:				#3d2d09;
	line-height:		1.3em
}

h1 a:link{
	border:				none;
}
h2 {
	text-transform:		uppercase;
	font-weight:		normal;
	margin:				0 0 12px;
	font-size:			22px;
}
h2 a,
h2 a:link,
h2 a:visited {border:none}


p {
	margin:				0 0 12px;
	font-size:			15px;
	line-height:		1.25em;
	color:				#3d2d09;
}

ol, ul { margin:0 0 12px 1em; list-style-type: disc; color:#3D2D09; font-size: 15px; }
li {
	font-size:			1em;
	line-height:		1.25em;
	margin:				0 0 0 15px;
}


table {
	table-layout:		auto;
	border-collapse:	collapse;
	empty-cells:		show;
	width:				100%;
}
td, th {
	padding:			6px;
	border:				1px solid #3D2D09;
	background:			#eee;
	color:				#3D2D09;
	vertical-align:		top;
}
th { font-style:bold; }








/*---------------------------------------------------------------------------------*/
/* G R U N D G E R Ü S T 														   */
/*---------------------------------------------------------------------------------*/

#seitenblock {
	padding:				0;
	min-width:				990px;
	min-height:				320px;
}

#startseite #seitenblock {
	overflow:				hidden;
	position:				absolute;
	top:					0;
	left:					0;
	bottom:					0;
	right:					0;
}

#kopfzeile {
	position:				absolute;
	top:					30px;	
	left:					0;
	background:				url(/_p/navi-bg.png) top center repeat-x;	
	height:					123px;
	width:					100%;
	min-width:				990px;
	z-index:				200;
}
.ie6 #kopfzeile {background-image:url(/_p/navi-bg-ie6.png)}




#inhaltsblock {
	position:				relative;
	float:					left;
	width:					100%;
	margin:					0;
	background:				transparent url(/_p/liste-bg.png) 0 0 repeat;
	padding:				143px 0 0 0; 
}


#startseite #inhaltsblock {
	width:					960px;
	margin:					0 auto;
	position:				static;
	float:					none;
	background:				none;
	padding:				0; 
}
.ie6 #inhaltsblock,
#startseite #inhaltsblock {
	float:					none;
}

.textseite #inhaltsblock {
	background:				#F6F2E9 url(/_p/bg-text.png) 0 0 repeat-x;	
	border-bottom:			1px solid #beb298;
}
	
.anfahrtsskizze,
.kontaktformular,
#inhalt {
	background:				none;
	width:					960px;
	position:				relative;
	padding:				0;
	margin:					0 auto;
	overflow:				hidden;
}

#startseite #fuss{display:none;}
#fuss {
	width:					100%;
	float:					left;
	padding:				0 0 30px;
}
.ie6 #fuss,
.ie7 #fuss {position:relative}
	
#fuss .w {
	margin:					30px auto 0;
	width:					890px;
}


.shadow-trenner {
	/*background: url("/_p/shadow.png") repeat-x scroll left top transparent;*/
	background:transparent;
	width:					100%;
	height:					21px;
	display:				block;
	float:					left;
}



.shadow-trenner-oben {
	background: url("/_p/shadow2.png") repeat-x scroll left top transparent;
	width:					100%;
	height:					21px;
	display:				block;
	float:					left;
}

.language-wrapper {
	width: 1035px;
	display: block;
	margin: 0 auto;
	position: relative;
	display: none; 
}

.language {
    float: right;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    width: 220px;
    z-index: 300;
    background: transparent url(/_p/sprache-bg.png) 0 0 no-repeat;
    padding: 5px 42px 0 0;
    background-size: 100% 100%;
}

.language a {
	font-size: 12px;
	font-weight: bold;
	border: none;
	float: right;
	margin: 0 0 0 10px;
}

.language a span {
	width: 16px;
	height: 11px;
	display: inline-block;
	margin: 0 5px 0 0;
	position: relative;
	top: 1px;
}

.language .de span{
	background:	transparent url(/_p/flags.png) 0 0 repeat;
}

.language .en span{
	background:	transparent url(/_p/flags.png) -16px 0 repeat;
}


.en .language .de span{	background:	transparent url(/_p/flags.png) 0 -11px repeat; }
.en .language a.de{ color: #685110;}

.de .language .en span{	background:	transparent url(/_p/flags.png) -16px -11px repeat; }
.de .language a.en{ color: #685110;}


/**/
.language .en, .language .de {
	display: none;
}

#startseite .language-wrapper {
	display: block;
}
/**/
/*#startseite .language {
	width: 200px;
	background-size: 100% 100%
}*/

.language .impressum-link-de, .language .impressum-link-en {
/*    float: left; */
    text-transform: uppercase;
}

.impressum-link-de, .impressum-link-en {
	display: none;
}

#startseite .impressum-link-de, #startseite .impressum-link-en {
	display: block;
} 

.en #startseite .impressum-link-de{
	display: none;
}

.de #startseite .impressum-link-en{
	display: none;
}

.language .datenschutz-link-de, .language .datenschutz-link-en {
/*    float: left; */
    text-transform: uppercase;
}

.datenschutz-link-de, .datenschutz-link-en {
	display: none;
}

#startseite .datenschutz-link-de, #startseite .datenschutz-link-en {
	display: block;
} 

.en #startseite .datenschutz-link-de{
	display: none;
}

.de #startseite .datenschutz-link-en{
	display: none;
}

/*---------------------------------------------------------------------------------*/
/* N A V I G A T I O N 														       */
/*---------------------------------------------------------------------------------*/

.navigation {
	margin:					12px 0 0;
}
.navigation ul {
	list-style:				none;
	width:					auto;
	width:					990px;
	margin:					0 auto;
	display:				table;
}
.ie6 .navigation ul {width:1004px}

.navigation li {float:left}

.navigation a,
.navigation a:link,
.navigation a:visited{
	font-size:				22px;
	font-weight:			normal;
	text-align:				center;
	border:					none;
	display:				block;
	padding:				34px 0 0;
	height:					76px;
	min-width:				146px;
	position:				relative;	
	z-index:				200;
	color:					#3d2d09;
	text-transform:			uppercase;
}
.ie6 .navigation a,
.ie7 .navigation a{width:146px}

.navigation li a.aktiv {color:#68511d}
.navigation li.mouseover a,
.navigation a:hover {
	background:				transparent url(/_p/navi-active.png) bottom center no-repeat;
	color:					#68511d;
}
.ie6 .navigation li.mouseover a,
.ie6 .navigation a:hover { background-image:url(/_p/navi-active-ie6.png);}
	
.navigation li.navi-3 a{
	text-indent:			-9999px;
	background:				url(/_p/sq-logo-2017.png) 0 0 no-repeat;
	width:					262px;
	height:					171px;
	display:				block;
	margin:					-40px 34px 0;
	padding:				0;
}
.ie6 .navigation li.navi-3 a{
	height:					126px;
	background:				url(/_p/sq-logo-ie6.png) 0 0 no-repeat;
	margin-top:-34px;
}
.navigation li.navi-3 a:hover{background-position:0 -171px;}
.ie6 .navigation li.navi-3 a:hover{background:url(/_p/sq-logo-ie6.png) 0 -166px no-repeat}

.subnavigation-wrapper {
	position:				absolute;
	top:					112px;
	left:					0;
	margin:					none;
	width:					100%;
	overflow:				hidden;
	background:				transparent url(/_p/subnavi.png) top left  repeat-x;
	padding:				0 0 0 0; 
	z-index:				199;
	display:				none;
}
.ie6 .subnavigation-wrapper {width:auto}

ul.subnavigation {
	overflow:				hidden;
	padding:				0 0 30px 0; 
	width:					auto;
	display:				table;
	margin:					0;
	min-width:				0;
	float:					left;
}
.ie6 ul.subnavigation {}
.ie7 ul.subnavigation {width:auto}
	

.aktiv .subnavigation-wrapper {z-index:99}

.subnavigation li {margin:30px 0 0 30px;float:left}
.ie6 .subnavigation dl {width:146px}
.subnavigation dt {
	font-size:				15px;
	text-transform:			uppercase;
	margin:					0 0 3px 0;
}

.subnavigation dd a,
.subnavigation dd a:link,
.subnavigation dd a:visited{
	width:					auto;
	border:					none;
	text-align:				left;
	padding:				0;
	margin:					0 0 0rpx 0;
	font-size:				13px;
	color:					#3D2D09;
	text-transform:			none;
	background:				none;
	height:					auto;
}
.subnavigation dd.aktiv a,
.subnavigation dd a:hover{color:#c6b080}



.subnavigation li a {height:10px;font-size:15px;background:transparent}

.mouseover .subnavigation-wrapper,
li:hover .subnavigation-wrapper {display:block}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * S E I T E N E L E M E N T E
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	
.spalte	{
	float:					left;
	display:				inline;
	width:					410px;
	margin:					30px 35px 0 35px;
	padding:				0 0 30px 0;
}


.spalte ol, ul {
	margin:					15px 0 0 0;
}

.spalte ol{
	margin:					15px 0 0 0;
	list-style-type: 		decimal;
}

.spalte td, th {
	padding:			6px;
	border:				1px solid #c7b288;
	color:				#3D2D09;	 
	vertical-align:		top;
	background:			none;
	font-size:			15px;
}

.galerie a.erstes { 
	border:					none; 
	display:				block;
	width:					410px;
/*
	height:					210px;		
*/
	position:				relative;
	line-height:			0;
}

.galerie a span { 
	background: 			transparent url(/_p/zoom.png) 0 0 no-repeat;
	text-indent:			-9999px;
	display:				block;
	width:					32px;
	height:					32px;
	position:				absolute;
	bottom:					15px;
	left:					360px;
}
.galerie a:hover span {background-position:0-32px}



.bgpic {
	width:					100%;
	text-align:				center;
	overflow:				hidden;
	height:					auto;
	line-height:			0;
	margin:					-143px 0 0;
}

.bgpic img{width:100%}
#startseite .bgpic img{width:auto}

.js #startseite .bgpic {
	margin:					0;
	position:				absolute;
	top:					0;
	left:					0;
	bottom:					0;
	right:					0;
	z-index:				1;
}
.js #startseite .bgpic img{position:absolute;left:0;top:0;z-index:1}


.metanavigation {
	width:					100%;
	height:					60px;
	margin:					-61px 0 0 0;
	background:				#fff;
	border-bottom:			1px solid #beb298;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:			0.8;
	opacity:				0.8;
}
.textseite .metanavigation {margin-top:30px}

.metanavigation .w{
	width:					940px;
	margin:					0 auto;
	padding: 				10px;
	text-align:				center;
}
.metanavigation a,
.metanavigation a:link,
.metanavigation a:visited {
	display:				block;
	width:					45px;
	height:					40px;
	text-align:				center;
	text-indent:			-9999px;
	margin:					0 25px;
	display:				inline;
	border:					none;
	float:					left;
}
a.meta-zurueck	{
	background:				url(/_p/pfeil.png) 0 0 no-repeat;
}
	
a.meta-weiter {
	background:				url(/_p/pfeil.png) -45px 0 no-repeat;
	float:					right;
}

.metanavigation h2 {
	float:					left;
	display:				inline;
	margin:					10px 0;
	width:					750px;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * S T A R T S E I T E 
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#hoverflaeche {
	width:					960px;
	background:				url(/_p/inhalt-bg.png) 0 0 repeat-x;	
	position:				absolute;
	bottom:					0;
	padding:				30px 0 0 0;	
	margin:					0;
	z-index:				220;
}
.ie6 #hoverflaeche {background-image:url(/_p/inhalt-bg-ie6.png)}
.ie6 #hoverflaeche,
.ie7 #hoverflaeche {left:50%;margin-left:-480px}

/*
.js #hoverflaeche{bottom:-200px}
*/
.schatten {
	display:				block;
	position:				fixed;
	bottom:					0;
	height:					29px;
	width:					941px;
	padding:				0;
	margin:					0 0 0 9px;
	background:				transparent url(/_p/bg-schatten.png) repeat-x;
	pointer-events: 		none;
}
.ie6 .schatten,
.ie7 .schatten{display:none}
#hoverflaeche .spalte {
	width:					280px;
	margin:					0 0 0 30px;
	padding:				0;
}

.preisliste {
	font-size: 				15px;
	color:					#3d2d09;
	width:					280px;
	margin:					-20px 0 20px -5px
}
	
.preisliste dt		{
	float:					left;
	width:					100%;
	clear:					both;
	font-weight:			bold;
	margin-top:				20px;
}
.preisliste dd		{
 /*   border-bottom:			1px dotted #3D2D09; */
    clear:					both;
    height:					14px;
    position:				relative;
	margin:					0 0 4px;
}
.preisliste dd.dd3		{
	border:					none;
	height:					auto;
}
.preisliste .zeit {
    float:					left;
    height:					16px;
    padding:				0 5px 0 0;
}

.preisliste .preis	{
    font-weight:			bold;
    position:				absolute;
    right:					0;
    top:					0;
    height:					16px;
    padding:				0 0 0 5px;
}
.preisliste .zeit,
.preisliste .preis 		{background:#cfbe95 url(/_p/inhalt-bg.png) -400px  -35px no-repeat}
.preisliste .dd2 .zeit 	{background:#cfbe95 url(/_p/inhalt-bg.png) -400px -110px no-repeat}
.preisliste .dd2 .preis {background:#cfbe95 url(/_p/inhalt-bg.png) -400px -90px no-repeat}
.preisliste .dd3 .zeit,
.preisliste .dd3 .preis {background:none}


a.news,
a.news:link,
a.news:visited{
	display:				block;
	width:					220px;
	margin:					0 0 20px 0;
	padding:				0 0 0 60px;
	min-height:				60px;
	background:				url(/_p/news-ico.png) top left no-repeat;
	font-size: 				15px;
	font-weight:			bold;
	border:					none;
}
.ie6 a.news{height:60px}

a.news span {
	font-size: 				11px;	
	width:					220px;
	display:				block;
	font-weight:			normal;
}

.newsblock {
	overflow:				hidden;
	padding:				0 0 0;
	margin:					0 0 10px;
	border-top:				1px dotted #3d2d09;
}
.newsblock h2 {margin-bottom:0}
.datum {
	font-size:				12px;
	margin-bottom:			0 0 8px;
}

p.datum {
	margin:					0;
}

.teaser {
	margin-bottom:			0 0 12px;
}

.no-border {
	border:					none;
}

.newsblock .galerie a{
	border:					none;
}


ul.paginierung {
	clear:				both;
	list-style-type:	none;
	text-align:			center;
	margin:				20px 0 10px;
	}

.paginierung li {
	display:			inline;
	padding:			0 3px;
	margin:				0;
	font-weight:		bold;
	}
.paginierung li.zurueck ,
.paginierung li.weiter {
	color:				#999;
	font-family:		inherit;
	}

.paginierung li.weiter { padding-left:2em; }
.paginierung li.zurueck { padding-right:2em; }



.zurueck {
	padding:			10px 0 10px 30px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * TEAM
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
#team {

}

.teamliste {

}

.teammitglied {

}

.teamliste {
	width: 100%;
} 

.teammitglied {
	float: left;
	width: auto;
	width: 33.33333333%;
	margin: 0;
	border: none;	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	max-height: 540px;
	position: relative;
}


.teammitglied * {
	transition: all 1.0s;
	-webkit-transition: all 1.0s;
	-o-transition: all 1.0s;
	-moz-transition: all 1.0s;
}

.teammitglied .name {
	background: #fff;
	width: 100%;
	height: 60px
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	padding: 10px 0;
	position: absolute;
	bottom: 3px;
}

.teammitglied .spalte.galerie {
	position: relative;
	padding: 0;
	margin-bottom: 30px;
	width: 80%;
}

.teammitglied .name h2 {
	text-align: center;
}

.teammitglied .spalte {
	width: auto;
}

.teammitglied img {
	width: 100%;
	height: auto;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.teammitglied h1, .teammitglied span, .teammitglied p, .teammitglied .spalte.text {
	/*display: none;*//*
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0s ease-in-out;
  -moz-transition: opacity 0s ease-in-out;
  -ms-transition: opacity 0s ease-in-out;
  -o-transition: opacity 0s ease-in-out;
  transition: opacity 0s ease-in-out;
}

.teammitglied .name:hover {
	color: #68511d;
	cursor: pointer; 
}

.teammitglied .spalte.text {
	width: 410px;
	position: absolute;
	right: 0;
}

.teammitglied.details {
	width: 100%;
	border-top: 1px dotted #3d2d09;
	border-bottom: 1px dotted #3d2d09;
}

.teammitglied.details h1, .teammitglied.details span, .teammitglied.details p, .teammitglied.details .spalte.text {
	/*display: block;*//*
		visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.teammitglied.details .spalte {
	width: 410px;
	float: left;
}

.teammitglied .close {
	font-size: 40px;
	position: absolute;
	top: 10px;
	right: 0;
	font-weight: bold;
	cursor: pointer;
	display: block;
}

.teammitglied .close:hover {
	color: #68511d;
}
*/

.teamliste {
	padding: 0 20px;
}

#teamcontent {
  display: none;
  margin-bottom: 15px;
}


/** team member list **/
.team {
  display: block;
}

.team li {
  display: block;
  float: left;
position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 20%;
    float: left;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 30px;
}

.team li img{
	max-width: 100%;
	height: auto;
    transition: all .5s;
}

.team li:hover {
  cursor: pointer;
}

.team li:hover img{
    transform: scale(1.1);
}

.team li.activeprofile .name{
	border: 1px solid #3d2d09;
	box-sizing: border-box;
}
.team li.activeprofile img {
 transform: scale(1.1);
}

.team li.last { margin-right: 0; }

.team .hcontent {
  display: none;
}

.team .name {
	background: #fff;
	width: 84%;
	height: 30px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	padding: 5px 0;
	position: absolute;
	bottom: 3px;
	 box-sizing: border-box;
}

.team .name h2 {
	text-align: center;
	font-size: 16px;
}


/** hidden team content **/
#teamcontent .bigimg {
  display: block;
  float: left;
/*  width: 33.333333%; */
	width: 50%;
  height: auto;
  padding: 15px;
  box-sizing: border-box;
}

#teamdetails {
  display: block;
  float: left;
 /* width: 66.666666%;*/
 	width: 50%;
  padding: 15px;
  box-sizing: border-box;
}

#teamcontent {
	position: relative;
}

#teamcontent .close {
	font-size: 40px;
	position: absolute;
	top: 10px;
	right: 0;
	font-weight: bold;
	cursor: pointer;
	display: block;
}

#teamcontent .close:hover {
	color: #68511d;
}



/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * B U T T O N S
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a.albtherme {
	height: 74px;
	width: 74px;
	background:				url(/_p/kanto-therme-sq-s.png) 0 0 no-repeat;
	margin: 0 0 0 20px;
}

a.albtherme:hover {
	background:				url(/_p/kanto-therme-sq-s.png) 0 -74px no-repeat;
}


body.textseite #fuss a.albtherme {
height: 74px;
	width: 74px;
	background:				url(/_p/kanto-therme-sq-st.png) 0 0 no-repeat;
	margin: 15px 0 0 20px;
}

body.textseite #fuss a.albtherme:hover {
	background:				url(/_p/kanto-therme-sq-st.png) 0 -74px no-repeat;
}


a.links,
a.links:visited,
a.links:link {
	display:				block; 
	text-indent:			-9999px;
	float:					left;
	border:					none;
}

a.facebook {
	background:				url(/_p/facebook-ico.png) 0 0 no-repeat;
	width:					280px;
	height:					71px;
}

html.en a.facebook {
	background:				url(/_p/facebook-ico-en.png) 0 0 no-repeat;
}

html.en a.facebook:hover {
		background-position:	0 -71px;
}
a.facebook:hover {
	background-position:	0 -71px;
}


#hoverflaeche .facebook {
	background:				url(/_p/icn-fb.png) 0 0 no-repeat;
	width:					49px;
	height:					49px;
	    margin-right: 55px;
    margin-left: 10px;
}

#hoverflaeche .instagram {
	background:				url(/_p/icn-ig.png) 0 0 no-repeat;
	width:					49px;
	height:					49px;
	    margin-right: 55px;
}

#hoverflaeche .shop {
	background:				url(/_p/icn-shop.png) 0 0 no-repeat;
	width:					49px;
	height:					49px;
}


#hoverflaeche .facebook:hover, #hoverflaeche .instagram:hover, #hoverflaeche .shop:hover {
	opacity: 0.8;
}

/*
icn-shop.png
icn-fb.png
icn-ig.png
*/




	
body.textseite  #fuss a.kanto-si,
a.kanto-si {
	background:				url(/_p/kanto-logos.png) 0 0 no-repeat;
	width:					75px;
	height:					75px;
	margin:					15px 0 0 0px;

}
body.textseite  #fuss a.kanto-si:hover,
a.kanto-si:hover {background-position:0 -75px}

body.textseite  #fuss a.kanto-sq,
a.kanto-sq {
	background:				url(/_p/kanto-logos.png) -75px 0 no-repeat;
	width:					75px;
	height:					75px;
	margin:					15px 0 0 25px;
}
body.textseite  #fuss a.kanto-sq:hover,
a.kanto-sq:hover {background-position:-75px -75px}



a.kanto-fb {
	background:				url(/_p/kanto-logo-fb.png) 0 0 no-repeat;
	width:					72px;
	height:					72px;
	margin:					30px 0 0 25px;
	opacity: 				0.2;
	filter: grayscale(100%);
}

a.kanto-ig {
	background:				url(/_p/kanto-logo-ig.png) 0 0 no-repeat;
	width:					72px;
	height:					72px;
	margin:					30px 0 0 25px;
	opacity: 				0.2;
	filter: grayscale(100%);
}

a.kanto-shop {
	background:				url(/_p/kanto-logo-shop.png) 0 0 no-repeat;
	width:					72px;
	height:					72px;
	margin:					30px 0 0 25px;
	opacity: 				0.2;
	filter: grayscale(100%);
}


a.kanto-fb:hover, a.kanto-ig:hover, a.kanto-shop:hover 	{opacity: 1; filter: grayscale(0%);}

body.textseite #fuss a.kanto-fb, body.textseite #fuss a.kanto-ig, body.textseite #fuss a.kanto-shop  {
	opacity: 				1;
	filter: grayscale(0%);
}

body.textseite #fuss a.kanto-fb:hover  {
	opacity: 				0.8;
}





body#startseite #hoverflaeche .spalte a.albthermen {
	text-indent: 			0;
	width:					225px;
	font-size:				24px;
	font-weight:			bold;
	background:				url(/_p/kanto-therme-sq-st.png) 0 0 no-repeat;
	margin:					15px 0 10px 0;
	padding:				12px 0 0 81px;
	height:					62px;
}

body#startseite #hoverflaeche .spalte a.albthermen:hover {
	color: #494130;
	background:				url(/_p/kanto-therme-sq-st.png) 0 -74px no-repeat;

}

body#startseite #hoverflaeche .spalte a.kanto-si {
	text-indent: 			0;
	width:					225px;
	font-size:				24px;
	font-weight:			bold;
	background:				url(/_p/kanto-si.png) 0 0 no-repeat;
	margin:					25px 0 0 0;
	padding:				10px 0 0 81px;
	height:					65px;
}





body#startseite #hoverflaeche .spalte a.kanto-sq {
	text-indent: 			0;
	width:					225px;
	font-size:				24px;
	font-weight:			bold; 
	background:				url(/_p/kanto-sa.png) 0 0 no-repeat;
	margin:					25px 0 0 0;
	padding:				10px 0 0 81px;
	height:					65px;
}


body#startseite #hoverflaeche .spalte a.kanto-si:hover {
	background-position:	0 -75px;
	color:					#494130;
}

body#startseite #hoverflaeche .spalte a.kanto-sq:hover {
	background-position:	0 -75px;
	color:					#494130;
}


body#startseite #hoverflaeche .spalte a.kanto-si span{
	margin-top:				10px;
	font-size:				22px;
	display:				block;
}

body#startseite #hoverflaeche .spalte a.kanto-sq span{
	font-size:				22px;
	margin-top:				10px;
	display:				block;

}

body#startseite #hoverflaeche .spalte a.albthermen span{
	margin-top:				10px;
	font-size:				22px;
	display:				block;
}



 
.downloads {
	margin:					30px 0 0 0;
	border-bottom:			1px dotted #3d2d09;
}
.downloads a,
.downloads a:link,
.downloads a:visited{
	display:				block;
	width:					384px;
	padding:				13px 0 12px 25px;
	border:					none;
	border-top:				1px dotted #3d2d09;
	font-size:				14px;
	font-weight: 			bold;
}
	


a.link { background: url(/_p/downloads-ico.png) 0 12px no-repeat; 
	display:				block;
	width:					384px;
	padding:				13px 0 12px 25px;
	border:					none;
	border-top:				1px dotted #3d2d09;
	font-size:				11px;
	font-weight: 			bold;
}	

a.doc { background: url(/_p/downloads-ico.png) 0 -25px no-repeat; }	

a.xls { background: url(/_p/downloads-ico.png) 0 -65px no-repeat; }	

a.pdf { background: url(/_p/downloads-ico.png) 0 -103px no-repeat; }	

a.txt { background: url(/_p/downloads-ico.png) 0 -143px no-repeat; }

a.mp3 { background: url(/_p/downloads-ico.png) 0 -182px no-repeat; }	

a.buchung { background: url(/_p/buchung-ico.png) 0 11px no-repeat; }	


#ladiesday {
 	display: block;
     background-color: #F8F8F8;
    z-index: 200;
    padding: 40px;
    
    
  top: 10px;
  left: 30%;
  position: absolute;
  overflow: auto;
  width: 1000px;
  height: 730px;
  overflow:	hidden;
  border: 5px solid black;
}


#ladiesday .weiter {
	width: 92px;
	height: 29px;
	display: block;
	background: url(/_p/weiter.png) 0 0 no-repeat;
	text-indent: -99999px;
	border: none;
	cursor: pointer;
	margin: 0 auto;
}


#ladiesday .weiter:hover {
	background: url(/_p/weiter.png) 0 -29px no-repeat;
}

a.facebook-share {
	border-bottom:				1px dotted #3d2d09;	
	background:					url(/_p/download-ico.png) 0 -22px no-repeat;
}
.facebook-share {
	border-top:				1px dotted #3d2d09;	
	padding:				10px 0 0;
}

a.shoplink {
    background: url(/_p/icn-btn-shop.png) 10px 8px no-repeat;
    display: block;
    width: 100%;
    padding: 10px 0 12px 0;
    border: none;
    font-size: 11px;
    font-weight: bold;
    font-size: 15px;
    background-color: #3d2d09;
    color: #e4d9c3;
    margin-bottom: 10px;
    text-align: center;
    background-size: 25px auto;
}

a.shoplink:hover {
	opacity: 0.8;
}


form.kontaktformular{
	font-size:15px;
	width: 410px;
	margin-top: 20px;
	position: static;
}
.kontaktformular .textfeld{width:235px;float:left;border:1px solid #000;height:17px;padding:2px 0 2px 3px}
#form_captcha{margin:0 0 13px 0;}
.kontaktformular textarea.textfeld{height:235px;height:200px;padding:2px 0 2px 3px}
.kontaktformular fieldset label{float:left;width:160px}
.kontaktformular fieldset{margin:0 0 10px 0}
.buttonfeld{padding-left:160px}
.formfeld{margin:10px 0 0 0}

.anfahrtsskizze {
	width:					888px;
	overflow:				hidden;
	margin-bottom:			20px;
}

.feedback {
	width:					428px;
	margin:					0 auto;
}

.formanmerkung {
	display: block;
	font-size: 11px;
	line-height: 11px;
}

#buchungsformular {
	display:				block;
	margin:					0 auto;
	width:					1100px;
}

#buchungsformular body {
	background-color:		red;
}
 	
 
#buchungsformular iframe {
	min-height:					100%;
	width:						100%
}
 
.newsletter {
	border:						none;
	margin-left:				-6px;
}
 
.newsletter td, tr{
	border:						none;
}
 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * F U S S
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#fuss p	{
	font-size:					12px;
	float:						left;
	width:						500px;
	margin:						5px 0 0 0;
}

body.textseite #fuss p	{
	font-size:					12px;
	float:						left;
	width:						500px;
	margin:						10px 0 0 0;
}


#fuss a.links {
	float:						right;
	margin-top:					0;
}
#fuss a.kanto-si {background-position:0 -150px}
#fuss a.kanto-sq {background-position:-75px -150px}

#fuss a.kanto-si:hover {background-position:0 -225px}
#fuss a.kanto-sq:hover {background-position:-75px -225px}







/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/_p/_slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

a#lbPrevLink, a#lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	border: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/_p/_slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/_p/_slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

a#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/_p/_slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
	border: none;
}


#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * REVEAL MODAL BANNER
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
	#myModal {
	-moz-box-shadow: 0 0 25px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,1);
	box-shadow: 0 0 25px rgba(0,0,0,1);
	}
	
	#myModal a.bannerlink {
		width:			940px;
		height:			400px;
		display:		block;
		border:			none;
	}
	
	#myModal .bannertext {
		position:	absolute;
		bottom:		0;
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
		width:			910px;
		-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
	}
	
	.ie8 #myModal .bannertext {
	background: transparent url(/_p/bannertext.png) 0 0 repeat;
	}
	
	#myModal h3 {
		font-size:		22px;
		margin-bottom:	7px;
	}
	
	.bannertext.padding {
		padding:		15px;
	}
	
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: none;
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 25% !important;
		margin: 0 auto;
		width: 940px;
		height:	400px;
		position: absolute;
		z-index: 101;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: -20px;
		right: -20px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		width:		59px;
		height:		59px;
		background:			transparent url(/_p/btn-close.png) 0 0 no-repeat;
		border:				none;
		text-indent:			-99999px;
		z-index: 99999999;
		} 
		
		
		.ie8 .close-reveal-modal {
		top: -370px;
		right: 0;
		}		
		
		
	a.close-reveal-modal:hover {
	
		background-position: 0	-59px;
	}
	/*
		
		
	
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/


/* Shoplink Fixed */

.contact-box {
  position: fixed;
  bottom: 50%;
  right: 30px;
  z-index: 10;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.contact-box.to-right {
  right: -162px;
}
.contact-box .contact-wrapper {
	height: 66px;
    width: 240px;
  background-color: #a72263;
  border-radius: 0 10px 10px 0;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
.contact-box .btn-wrapper {
  padding-top: 0;
}
.contact-box .btn-wrapper a {
     font-family: Helvetica, Arial, sans-serif;
    width: auto;
    display: block;
    margin: 0 auto;
    padding: 10px 10px;
    background: transparent;
    border: none;
    background: transparent url(/_p/carticon2.png) 14px 13px no-repeat;
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    padding-top: 24px;
    padding-bottom: 23px;
    padding-right: 25px;
    font-size: 18px;
    font-weight: bold;
}
.contact-box button:hover {
  border-color: #fff;
}
.contact-box .btn-primary:active,
.contact-box .btn-primary.active,
.contact-box .open > .dropdown-toggle.btn-primary {
  outline: 0;
  background-color: transparent;
  border-color: #fff;
}

.contact-box .btn {
  color: #fff;
  border-color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.contact-box i {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.contact-box a, {
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.contact-box a i,{
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.contact-box a:not(.btn):hover i,
.contact-box .btn:hover,
.contact-box a:hover,
.contact-box a:hover i,
  color: #b3b3b3;
  border-color: #b3b3b3;
}

.box-collapse {
  width: 40px;
  height: 40px;
  display: block;
  background: #d90000;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  top: 30px;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
.box-collapse i {
    background: #a72263 url(/_p/contactboxarrow2.png) center center no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    -webkit-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    top: 0px;
    position: absolute;
    left: -66px;
    padding: 13px;
   border-radius: 10px 0px 0px 10px;
}
.box-collapse i.rotate {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  border-radius: 0px 10px 10px 0px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * H A N D H E L D S   U N D   S M A R T P H O N E S
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * D R U C K E N
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}