@charset "utf-8";
/* CSS Document */


.red {
	color: #ff0000;
}

.green {
	color: #008000;
}

.blue {
	color: #0088aa;
}

/*home*/
div#home {
	float: left;
	width:calc(100% - 375px);
	padding: 20px 10px;
}



.distancetop {
	margin-top: 30px;
}


/* --- openingConditions --- */

#openingConditions {

}

.weekday {
	clear: both;
	float: left;
	width: 30px;

}

.openingHours {
	float: left;
	width: 150px;
}


/*socialmedia*/

div#socialmedia {
	display: block;
	position: fixed;
	height:auto;
	width:37px;
	top:290px;
	left:20px;
	z-index: 20;
}

div#socialmedia img {
	float: left;
	margin-bottom: 15px;
}
	
/*act_right*/
div#social_net1 {
	display: block;
	float:right;
	width:310px;
	min-height:595px;
	margin-top:65px;
	margin-left:20px;
	margin-bottom:50px;
	padding:5px 10px;
	border-left: solid 2px rgba(220,220,220,0.9);
}

div.picturebox1 {
	height:560px;
	width:270px;
	margin:10px auto;
	margin-right:0px;
	padding:5px;
	border: solid 2px rgba(220,220,220,0.9);
   overflow: hidden;
   text-overflow: clip;
   -o-text-overflow: clip;
   -ms-text-overflow: clip;
   -moz-binding: url('clip.xml#clip');
}

div.pics {
	position: relative;
	float: left;
	width:17%;
	height: 200px;
	padding: 1%;
	border: 2px solid rgba(220,220,220,0.9);
   overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   -ms-text-overflow: ellipsis;
   -moz-binding: url('ellipsis.xml#ellipsis');
}

div.pics img {
	min-height: 100%;
	max-height: 100%;
	width: auto;
	min-width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	object-fit: cover;
	object-position: center;
}


div.picturebox1 h4 {
		color: #4a4a4a;
		padding: 5px;
}

div.picturebox1 h5 {
		padding: 5px;	
		color: #4a4a4a;
}

div.picturebox1 p {
		padding: 5px;
		color: #3a3a3a;
}

div.picturebox1 hr {
		height:1px;
		color: #696969;
		padding: 5px;
}

@media only screen and (max-width: 1500px) {	
	div.pics {
		width:22%;
	}	


}

@media only screen and (max-width: 1400px) {	
	/*socialmedia*/
	div#socialmedia {
		left:15px;
	}

		

}

@media only screen and (max-width: 1280px) {
	
	div#socialmedia {
		display: none;
	}

	
	/*home plus act*/
	div#home {
    float: none;
    width: auto;
	 margin:auto;
    padding:5px;
    padding-bottom: 45px;
    z-index: 1;
}
	
	div#social_net1 {
		display:none;
	}
	
	div.pics {
		width:17.5%;
	}

}

@media only screen and (max-width: 1200px) {	
}

@media only screen and (max-width: 950px) {
	div.pics {
		width:30.8%;
	}


}

@media only screen and (max-width: 768px) {	
	div.pics {
		width:45%;
	}
}

@media only screen and (max-width:710px) {			
}

@media only screen and (max-width: 580px) {
				
}

@media only screen and (max-width: 320px) {

}