/**
* 
* Gally Websolutions, www.websolutions.gally.ch
**/

html, body {
}
body {

}

*{
	box-sitzing: 		border-box;	
}


/*HeaderStyles*/

#header-contenter {
    clear: both;
    height: auto;
    text-align: center;
    width: 100%;
    z-index: 100000;
	position: relative;
	background-color: #FFFFFF;
	overflow:hidden;
	pointer-events: none;
}


#header {
	z-index:1;
	margin:0 auto 0 auto;
	text-align:center;
	width:1024px;
	
}

#gallygallery_header {	
	height:100%;
	width:100%;
}

.headeradresse {
		float: right;
		width: 200px;
		background: #e10707;
		position: absolute;
		top: 0px;
		height: auto;
		right: 2.5%;
		z-index: 100;
	}
	
	
	#header-contenter{
		background-color:transparent;
	}
	
	.headeradresse p {
			font-size: 16px;
			text-align: center;
			margin: 0;
			padding:  5px 15px ;
			color: #fff;
			float: none;
			width: 100%;
			box-sizing: border-box;
			clear:both;
		}
	
	p.headerterminbuchung {
			font-size: 16px;
			text-align: center;
			margin: 0;
			padding: 5px 15px;
			color: #fff;
			width: 100%;
			float: none;
			box-sizing: border-box;
			border-right:none;
			border-bottom:	2px solid #fff;
		}
		
		p.headeroffnungszeiten {
			font-size: 16px;
			text-align: center;
			margin: 0;
			padding: 5px 15px;
			color: #fff;
			width: 100%;
			float: none;
			box-sizing: border-box;
			border-right:none;
			border-bottom:	2px solid #fff;
		}
	
.headeradresse p a{
	color:				#fff;
	text-decoration:	none;
}

.claim{
	position:			absolute;
	background-color:	#e10707;
	z-index:			1000;	
	
	padding:			20px;
	
	right: 				30px;
    bottom: 			30px;
	display:none;
}


.wrapper{
	width:				1024px;
	margin:				0 auto;
}


/*Slideshow Overwrite*/


#gallygallery_header .gallygallery .container .footer {
	position:			absolute !important;
	z-index:			200000000;	
	right: 				5%;
    top: 				40%;
	left:				auto;
	width:				auto!important;
	margin:				0 !important;
	background:			none !important;
}


#gallygallery_header .gallygallery .container .footer .title{
	background-color:	#e10707;
	padding:			20px !important;
	box-sizing:			border-box;
	font-family: 		'aleolight';
    font-style: 		normal;
    font-weight: 		normal;
    font-size: 			18px;
    color: 				#fff;
    text-transform: 	uppercase;
	
	max-width:			500px;
}

#gallygallery_header .gallygallery .container .footer .title small{
	font-family: 					'open_sanslight', sans-serif;
    font-size: 			14px;
    color: 				#fff;
	text-transform:		none;
	margin-left:		28px;
}

#gallygallery_header .gallygallery .container .footer .title::before{
	content:			"\f0f0";
	letter-spacing:		5px;
	border-right:		2px solid #fff;
	margin-right:		5px;
	font-family: 'FontAwesome';
}

#gallygallery_header .gallygallery .container .counter{
	display:			none;
}




/*LogoElemente*/

#logo {
	width:				auto;
	height:				auto;
	float:				left;
	margin:				30px 0 0;
}

#logo svg{
	width:200px;
	height:60px;
}

#logo a{
	display:			block;
	width:				100%;
	height:				auto;
	pointer-events: 	all;
}



/*NaviStyle*/

#navi-contenter {
    clear: 							both;
    height: 						40px;
    width: 							100%;
	background-color: 				#fff;
	position: 						relative;
	margin:							0 0 10px 0;
}

#navi{
	margin-bottom: 1px;
	z-index:1;
	margin:0 auto 0 auto;
	width:1024px;
	position:relative;
	z-index:10000;
}


#menu{
	text-align:left;
	z-index: 100000000;
	
}

#menuicon, .toggle {
		display:none;
	}



/*ContentStyles*/

.content-contenter {
	text-align:						center;
	clear:							both;
	width:							100%;
	padding:						20px 0 10px;
	background-color: 				rgba(255, 255, 255, 1);
	position: 						relative;
	box-sizing:						border-box;
	margin-top:						-40px;
	box-shadow:					 	0 10px 6px -6px #333;
}

.content {
	margin:0 auto 0 auto;
	text-align:left;
	width:1024px;
	
}


/*Formatierung*/

.colum1{
		float:left;
		width:48%;
	}
	
.colum2{
		float:right;
		width:48%;
	}
	
.colum1 img, .colum2 img{
		width:100%;
		height:auto;
	}


/*FooterStyles*/


.upscroll{
	text-align:				center;
	font-size:				50px;	
	padding:				10px 0 0;
}

.footerspacer{
	margin-bottom:			300px;
}

#footer {
	background-color:		#333;
	color:					#fff;
	clear:					both;
	width:					100%;
	height:					auto;
	/*position: 				fixed;*/
	position:				relative;
	}
.red a {
	color:					#fff!important;
}	

#footer-content {
	margin-bottom: 1px;
	z-index:1;
	margin:0 auto 0 auto;
	width:1024px;
}

#footer-content p{
	font-size: 				11px;
	color: 					#fff;
	line-height: 			21px;
}



.footeradress{
	float:left;
	width:25%;
	height:auto;
	box-sizing: border-box;
	padding: 20px 10px 20px 0;
	font-size:14px;
}

#footer-content .footeradress a{
	color:					#fff;
	display:				block;
}

.footermap{
	float:left;
	width:75%;
	height:auto;	
}

.footermap p{
	color:					#333!important;
	line-height:			normal;	
	margin-bottom:			0 !important;
}


.bigbtn{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	display: block;
}


/*GalleryStyles*/

.imagegalleryoverview{
	clear:both;
	margin-bottom:20px;
}
.imagegalleryoverview h3 {
	color:#007ec5;
}
.imagegalleryoverview ul{
	list-style-type:none;
	overflow:auto;
}
.imagegalleryoverview ul li{
	list-style-position: inside;
	display: block;
    float: left;
    height: 200px;
    list-style-type: none;
    margin: 5px 25px 8px 25px;
    overflow: hidden;
    padding: 0;
    width: 120px;
}
.imagegalleryoverview ul li span{
	display: block;
    height: 120px;
    overflow: hidden;
    padding: 0;
    width: 120px;
}

.imagegalleryoverview ul li img{
	min-height:120px;
	min-width:120px;
}
.imagegalleryoverview img {
    max-width: none;
}


.imagegallery{
	clear:both;
	margin-bottom:20px;
}
.imagegallery h3 {
	color:#007ec5;
}
.imagegallery ul{
	list-style-type:none;
	overflow:auto;
}
.imagegallery ul li{
	list-style-position: inside;
	display: block;
    float: left;
    
    list-style-type: none;
    margin: 5px 13px 8px 0;
    overflow: hidden;
    padding: 0;
    
}

.imagegallery ul li img{
	min-height:100px;
	min-width:100px;
}
.imagegallery img {
    max-width: none;
}
#content .imagegallery img {
    max-width: none !important;
}




/* Gallery spezialformatierungen */
.gallygallery .container .footer .title{
	/*background-color: #BA081E;*/
}
.gallerylayer1 {
	background-color: #BA081E;
	padding:10px;
	width:380px;
	text-align:center;
	position:relative;
	padding-bottom:20px;
	margin:0 auto 0 auto;
}
.gallerylayer1 h2 {
	color:#fff!important;
	font-size:30px;
	text-transform:none;
	padding:0;
	margin:0;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #fff;
	display:inline-block;
}
.gallerylayer2 {
	background-color: #BA081E;
	padding:10px;
	width:220px;
	text-align:center;
	position:relative;
	margin:0 auto 0 auto;
}
.leistungsuebersicht {
}
.leistungsuebersicht a {
	display:block;
	padding:10px;
	color:#fff!important;
	font-size:20px;
	border:1px solid #fff;
	text-decoration:none;
}
.leistungsuebersicht a:hover {
	background-color: #fff;
	color:#BA081E!important;
}


	
img a{
	border:0;
}

img{
	border:none;
}

.smallhead{
	padding-bottom: 27%!important;
}

.blogtable{
	border-collapse: collapse;
}

.blogtable tr{
	border-bottom:1px solid #e0e0e0;
}

.noborder{
	border-bottom:none!important;
}
.show {
	display:block!important;
}


.chkboxgrp{
	font-size:12px;
	float:left;
	margin: 0 0 0 10px;
}

.gallygallery{
	width:500px;
	height:500px;
}
.center{
	text-align:center;
}

/*Team*/

.team{
	clear:					both;
	margin-bottom:			20px;
}

.team:hover{
	
}

.teamfoto{
	width:					49%;
	height:					auto;
	float:					left;
}

.teamfoto img{
	width:					100%;
	height:					auto;
}

.teamdaten {
	float:					right;
	width:					49%;
}

.teamdaten b{
	font-family: 			'aleoregular';
	color: 					#e10707;
	font-size:				24px;
}

.quote{
	color: 					#e10707;
	font-size:				18px;
}


/*Blog*/

.uebersichtblog{
	width:					100%;
	height:					auto;
	clear:					both;
	margin-bottom:			20px;
	-webkit-transition: 	all 0.5s ease-in-out;
 	-moz-transition: 		all 0.5s ease-in-out;
 	-o-transition: 			all 0.5s ease-in-out;
  	transition: 			all 0.5s ease-in-out;
	
}

.uebersichtblog:hover{
	background-color:		#fff;
}

.blogpic{
	width:					49%;
	float:					left;	
}

.blogpic img{
	width:					100%;
	height:					auto;
}


.blogtext{
	width:					49%;
	float:					right;
}

.uebersichtblog b{
	font-family: 			'aleoregular';
	color: 					#e10707;
	font-size:				18px;
}

.uebersichtblog img{
	float:left;
	margin-right: 20px;
}

a.blogback, .uebersichtblog p a, .news_archiv p a, .terminbutton {
	background:				#e10707;
	color:					#fff !important;
	text-decoration:		none;
	padding:				10px;
}

.terminbutton2 {
	background:				#333333;
	color:					#fff !important;
	text-decoration:		none;
	padding:				10px;

}

a.blogback:hover, .uebersichtblog p a:hover, .news_archiv p a:hover {
	background:				#333;
}
/*
.news_archiv p {
	text-align:center;
}
.uebersichtblog p {
	text-align:center;
}*/