/*------------------------------------*\
	FLEXBOX
\*------------------------------------*/

.vert { /* parent van .hor */
	display: flex;
	flex-direction: column;		/* row | row-reverse | column | column-reverse; */
	flex-wrap:wrap;				/* nowrap | wrap | wrap-reverse; */
								/* flex-flow: <‘flex-direction’> || <‘flex-wrap’> --> shorthand flex-direction and flex-wrap */
	justify-content:; 			/* flex-start | flex-end | center | space-between | space-around | space-evenly; */
	align-items:; 				/* flex-start | flex-end | center | baseline | stretch; */
	align-content:;				/*flex-start | flex-end | center | space-between | space-around | stretch;*/
}
.hor {							/*child van .ver / parent van .child*/
	display: flex;
	flex-direction:row;		/* row | row-reverse | column | column-reverse; */
	flex-wrap:wrap;			/* nowrap | wrap | wrap-reverse; */
								/* flex-flow: <‘flex-direction’> || <‘flex-wrap’> --> shorthand flex-direction and flex-wrap */
	justify-content:center; 	/* flex-start | flex-end | center | space-between | space-around | space-evenly; */
	align-items:; 		/* flex-start | flex-end | center | baseline | stretch; */
	align-content:;				/*flex-start | flex-end | center | space-between | space-around | stretch;*/
}

.flex1 {	flex: 1;}			/*<integer> | shorthand --> [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'|<length> | auto;> ]*/
.flex2 {	flex: 2;}
.flex3 {	flex: 3;}
.flex4 {	flex: 4;}
.flex5 {	flex: 5;}
.flex6 {	flex: 6;}

.order1 {	order: 1;}			/*<integer>;  default is 0 */
.order2 {	order: 2;}
.order3 {	order: 3;}
.order4 {	order: 4;}
.order5 {	order: 5;}
.order6 {	order: 6;}

.center{
	position:absolute;
	background-color:black;
	color:black;
	font-weight:bold;
	font-size:1.25em;
	border:2px solid white;
	border-radius:50px;
	width:100px;
	height:28px;
	text-align:center;
	margin:auto;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;	
}

.outer {   
	height:auto;
	border:0px dashed red;
	margin:0px;
 }
  
.inner {
	height:auto;
	border:0px dashed green;
	margin:35px 0 25px 0;
	background-color:none;
}

.box {
	margin:0px;
	border:0px dashed blue;
	background-color:#00000080;
	color:white;
	height:100%;
 }
 
/*--------------------------------------------------------------------------------------------------------------------------------------*\
                                                      Opmaak Mobiel beeldschermbreedte & algemeen !!!
\*--------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------*\
	Opmaak
\*------------------------------------*/

html,body { width:100%;height:100%;} /* Deze regel is nodig om ook in hoogte te kunnen flexen */

html {
	box-sizing: border-box; /* padding, border en content instellingen worden binnen de hoogte en breedte ingesteld, m.a.w. box wordt niet groter. Dit geldt niet voort margin*/
}
*, *:before, *:after {	/* * selecteerd alle elementen */
box-sizing: inherit; /*erft eigenschap van parent*/
}

body {
 	background:url(../img/Impure_logo_long.png) no-repeat center center;
	background-size:contain;
	background-attachment:fixed;
	background-color:black;
	margin:0px; /* laten staan, anders boven en links marge!!! */
	
 } 
 
a:link {
    color:purple;
    background-color:;
    text-decoration: none;
}
a:visited {
    color:red;
    background-color:;
    text-decoration:none;
}
a:hover {
    color:white;
    background-color:;
    text-decoration:none;
}
a:active {
    color:white;
    background-color:;
    text-decoration: underline;
}

.txtButton{
	color:purple;
	background:none;
	border:none;
	font-size:normal;
}

.pirataOne {
	/*font-family:Pirata One;*/
	font-family: "Pirata One", system-ui;
	color:#bdb4d8;
	margin:0px;
}
 
p {
	font-size:0.75em;
}

p {
	font-size:0.75em;
	text-align:center;
}

h1 {
	width:100%;
	border:0px solid white; 
	text-align:center;
	font-size:1.15em;
	margin-top:0px;
}

h1.naam_website {
	width:100%;
	border:0px solid white; 
	text-align:center;
	font-size:1.35em;
	margin-top:0px;
	color:#d5c7ff;
}

h2 {
	width:100%;
	border:0px solid white; 
	text-align:center;
	font-size:1em;
}

	#open h2 {
	/*	font-size:2.5em;*/
		background-color:#49338ee3;
		width:160px;
		margin:auto;
		border-radius:0px;
	}


h3 {
	width:100%;
	border:0px solid white; 
	font-size:0.75em;
	text-align:center;
}

#open h3 {
	width:160px;
	border:0px solid white; 
	font-size:0.75em;
	text-align:center;
	margin-top:4px;
	background-color:#49338ee3;
	margin:auto;

}

#contact h2 {
	background-color:#49338ee3;
	width:150px;
	margin:auto;
	border-radius:0px;
	margin-bottom:10px;
}


#contact h3 {
	width:100%;
	border:0px solid white; 
	font-size:0.85em;
	text-align:center;
	margin:2px;
}

/*------------------------------------*\
	HEADER
\*------------------------------------*/

header{
	position:fixed;
	height:30px;
	color:white;
	background-color:#49338ee3;
	flex:100%;
	z-index:1000;
	width:100%;
	border:0px dashed white;
}

.navigatie-1{
	position:relative;
	height:30px;
	flex:100%;
	justify-content:flex-start; 	/* flex-start | flex-end | center | space-between | space-around | space-evenly; */
	align-items:; 					/* flex-start | flex-end | center | baseline | stretch; */
	align-content:;					/*flex-start | flex-end | center | space-between | space-around | stretch;*/
	color:black;
	border:0px solid white;
}

.nav1-item{
	position:absolute;
	width:30px;
	height:30px;
	margin-left:5px;
	border:0px solid blue;
	font-weight:bold;
	cursor:pointer;
}

#menu{
	width:15px;
	height:15px;
	margin-top:7px;
}

.mobielNummer{
	position:absolute;
	border:0px dashed red;
	top:72px;
	left:15px;
	z-index:2000;
	text-align:center;
}

#mobielNummer{
	width:24px;
	height:24px;
}

#parMobielnummer{
	border:0px dashed green;
	margin-top:2px;
	font-size:1em;
	color:white;
}

a{color:white;}

#socials{
	position:absolute;
	top:35px;
	right:0px;
	z-index:2000;
}

.btnSocial{
	position:relative;
	width:24px;
	height:24px;
	display:inline-block;
	float:right;
	border:0px solid white;
	margin-right:4px;
	background-color:#a790eec7;
	padding:3px;
	border-radius:3px;
	align-items:center;
	text-align:center;
}

.btnSocial:hover{
	transition: all .5s ease-in-out;
	transform: scale(1.15);
}

.backgroundImgcenter{
	width:18px;
	height:18px;
	padding-top:1.5px;
	border:0px solid white;
    background-image: linear-gradient(#381385, #7c63c8);
	border-radius:3px;
	text-align:center;
	}

.imgCenter{
	height:14px;
	border:0px dashed white;
}

/*------------------------------------*\
	Main
\*------------------------------------*/

main{
	height:auto;
	position:relative;	
	background-color:none;
	color:white;
	border:2px solid red;
}
	
/*------------------------------------*\
	Slider
\*------------------------------------*/
.close{
 	background:url(../img/close.png) no-repeat center center;
	
}

#slider{
	position:fixed;
	margin-top:15px;
	margin-left:0px;
	height:auto;
	width:auto;
	color:white;
	border:0px solid white;
	z-index:5000;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	padding:10px;
	display:flex;
	flex-direction:column;
}

.sliderItemEdge {
	width:40px;
	height:40px;
	background-color:#a790eec7;
	margin-bottom:10px;
	border-radius:50px;
	padding:5px;
}

.sliderItem{
	position:relative;
	background-image:linear-gradient(#381385 , #7c63c8 /*, #381385 */);
	padding:1px;
	flex:100%;
	width:30px;
	height:30px;
	border-radius:50px;
	text-align:center;
	cursor:pointer;
	border:0px solid white;	
}

.sliderImage{
	width:22px;
	padding-top:3px;
}

.back{
	margin:10px auto;
	text-align:center;
	border:0px dashed white;
}

.backInfo{
	width:40px;
}

.divBack{
	width:85px;
	border:0px dashed red;
	margin:auto;
	padding-left:8px;
}
/*------------------------------------*\
	Content div
\*------------------------------------*/

#content{
	height:auto;
	color:white;
	background-color:/*#0000008f*/;
	padding:0px 0px 0px 0px;
	border:0px dashed green;
	margin:auto;
}

/*------------------------------------*\
	Informatie pagina
\*------------------------------------*/

#info {
	height:auto;
	width:100%;
	border:0px solid purple;
	padding:20px 10px 30px 10px;
	margin:auto;
}

.parInfo{
	text-align:left;
	border:0px dashed white;
	margin:10px 0px;
}

.fotoShop {
	border-radius:0px;
	width:100%;
	/*max-height:100px;*/
	margin:auto;
	border-left:10px ridge #5a4893;
	border-bottom:10px ridge #7356ce;
	border-right:10px ridge #5b4a90;
	border-top:10px ridge #7c60d2;
	border-radius:0px;
}

#infoAlgemeen{
	border:2px dashed red;
	color:white;
}

#txtAlgemeen{
	border:0px dashed white;
	color:white;
	display:flex;
	font-size:8vw;
}

#imgAlgemeen{
	border:2px dashed green;
	color:white;
	display:flex;
}

.span{
	color: turquoise;
	cursor:pointer;
}

#locatieButton{
	width:50%;
	padding:2px;
	border:5px solid #a790eec7;
	/*background-color:#381385;*/
	background-image:linear-gradient(#381385 , #7c63c8 /*, #381385 */);
	color:white;
	margin:2px 25%;
	cursor:pointer;
	border-radius:5px;
}

.googleButton {
	font-size:18px;
}

.reclamestandaard{
	width:325px;
	margin:auto;
	border:0px dashed lightblue;
}

/*------------------------------------*\
	Galerij pagina
\*------------------------------------*/

@keyframes example{
	from{box-shadow: 0px 0px 2px 2px #381385;}
	to{box-shadow: 0px 0px 2px 2px turquoise;}
}

#videoButton , #imageButton{
	/*(animation-name:example;*/
	animation: example 2s infinite;
	/*animation-interation-count:infinite;*/
}

.buttonGalerij{
	position:fixed;
	width:40%;
	top:105px;
	left:30%;
	background-image:linear-gradient(#381385 , #7c63c8 /*, #381385 */);
	color:white;
	font-size:1.15em;
	cursor:pointer;
	z-index:1000;
}

#galerij {
	border:0px dashed white;
	width:100%;
	height:auto;
	margin:auto;
	padding:60px 10px 30px 10px;
}

.tattooBox {
	position:relative;
/*	border-left:3px groove #b69ffd94;
	border-bottom:6px double #b69ffd94;*/
	width:100%;
	height:100%;
	margin:10px;
/*	background-color:#ffffff6e;*/
	border:2px dashed red;
}

.imgTattoo {				
	position:relative;
/*	max-width:150px;
	max-height:200px;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;*/
	max-width:100%;
	margin:5px auto;
	border-left:15px ridge #5a4893;
	border-bottom:15px ridge #7356ce;
	border-right:15px ridge #5b4a90;
	border-top:15px ridge #7c60d2;
	border-radius:0px;
}

.videoTattoo {
	position:relative;
	max-width:100%;
/*	max-height:200px; */
	margin:5px auto;
	border-left:15px ridge #5a4893;
	border-bottom:15px ridge #7356ce;
	border-right:15px ridge #5b4a90;
	border-top:15px ridge #7c60d2;
	border-radius:0px;
}


/*------------------------------------*\
	Pagina openingstijden
\*------------------------------------*/

#open {
	width:95%;
	height:auto;
	border:0px dashed red;
	margin:auto;
	padding-top:40px;
}

table {
	width:160px;
	height:auto;
	margin:auto;
	border:0px solid yellow;
	font-size:0.85em;
	font-family:Pirata One;
	color:#afa4d0;
	color:#afa4d0;
	background-color:#00000050;
	border:3px solid black;
	padding:0px;
}

.thday{
	width:50px;
	border-bottom:0px solid white;
	padding:2px;
	text-align:left;
}

.thcolon{
	width:10px;
	border-bottom:0px solid white;
	text-align:center;
	padding:2px;
}

.thtime{
	width:100px;
	border-bottom:0px solid white;
	text-align:right;
	padding:2px;
}

.thcenter{
	text-align:center;
}

/*------------------------------------*\
	Locatie pagina
\*------------------------------------*/

#locatie {
	height:auto;
	width:100%;
	border:0px solid purple;
	padding:0px 0px 30px 0px;
	margin:auto;
}

#googleMap{
	width:100%;
	height:300px;
}

/*------------------------------------*\
	Contact pagina
\*------------------------------------*/

#contact {
	height:auto;
	width:95%;
	background-color:#00000050;
	border:0px solid purple;
	padding:40px 0px 30px 0px;
	margin:auto;
}

.imgTextsocial {
	width:100%;
	border:0px dashed red;
	padding:auto;
	height:25px;
}

.imgSocial {
	width:18px;
	height:18px;
	border:0px dashed white;
}

.pSocial {
	border:0px dashed yellow;
	margin-top:0px;
	font-size:0.9em;
}

/*------------------------------------*\
	Footer
\*------------------------------------*/

footer{
	position:fixed;
	width:100%;
	height:20px;
	bottom:0px;
	flex:100%;
	text-align:center;
	align-items:center;
	background-color:#49338ee3;
	z-index:1000;
}

.logo{
	border:0px solid white;
	width:80px;
	height:16px;
	display:inline-block;
	border:0px solid white;
	margin-top:2px;
}

#footerTxt{
	width:65px;
	margin:0px;
	display:inline-block;
	padding:0px;
	color:white;
	border:0px solid white;
	font-size:0.5em;
}

@media screen and (min-width: 20em) { /* 320px mobiel staand OK */

/*------------------------------------*\
	Opmaak	
\*------------------------------------*/

	h1.naam_website {
		font-size:2em;
		margin-top:2px;
	}

	#open h2 {
		font-size:1.75em;
		background-color:#49338ee3;
		width:275px;
		margin:auto;
		border-radius:0px;
	}
	
	#open h3 {
		border:0px solid white; 
		font-size:1.25em;
		margin-top:10px;
		background-color:#49338ee3;
		width:275px;
		margin:auto;
		border-radius:0px;

	}

	#contact h2{
		font-size:1.75em;
		background-color:#49338ee3;
		width:300px;
		margin:auto;
		border-radius:0px;
	}
	
	#contact h3{
		font-size:1.25em;
		margin:10px 0px 0px 0px;
		padding:0px;
	}

/*------------------------------------*\
	Header
\*------------------------------------*/

	header{
		height:50px;
		border:0px dashed white;
		background-color:#49338ee3;
	}

	.navigatie-1{
		height:50px;
		border:0px solid white;
	}

	.nav1-item{
		width:50px;
		height:50px;
		margin-left:5px;
		border:0px solid blue;
	}

	#menu{
		width:30px;
		height:30px;
		margin-top:10px;
	}

	#socials{
		top:65px;
	}

	.btnSocial{
		width:36px;
		height:36px;
		border:0px solid white;
		margin-right:10px;
		padding:5px;
		border-radius:5px;
	}

	.backgroundImgcenter{
		width:26px;
		height:26px;
		padding-top:3px;
		border:0px solid white;
		border-radius:5px;
		text-align:center;
		}

	.imgCenter{
		height:19px;
		border:0px dashed white;
	}

/*------------------------------------*\
	Slider
\*------------------------------------*/

	#slider{
		margin-top:50px;
		flex-direction:column;
	}
	
	.sliderItemEdge {
		width:65px;
		height:65px;
		margin-bottom:10px;
		padding:10px;
	}

	.sliderItem{
		width:45px;
		height:45px;
		border:0px solid white;
	}

	.sliderImage{
		width:35px;
		padding-top:4px;
	}

/*------------------------------------*\
	Content div
\*------------------------------------*/

	.inner {
		border:0px dashed green;
		margin:50px 0 25px 0;
	}
	
/*------------------------------------*\
	Pagina informatie
\*------------------------------------*/

	#info {
		border:0px solid purple;
		padding:60px 10px 30px 10px;
		font-size:1.5em;
	}
/*------------------------------------*\
	Pagina tattoo galerij
\*------------------------------------*/

	
/*------------------------------------*\
	Pagina openingstijden
\*------------------------------------*/

	#open {
		width:85%;
		margin:35px auto;
	}

	table {
		width:275px;
		font-size:1.25em;
		font-family:Pirata One;
		color:#afa4d0;
		background-color:#00000075;
		border:5px solid black;
		padding:5px;
	}

	.thday{
		width:100px;
		border-bottom:0px solid white;
		padding:2px 2px 2px 20px;
		text-align:left;
	}

	.thcolon{
		width:20px;
		border-bottom:0px solid white;
		text-align:center;
		padding:2px;
	}

	.thtime{
		width:155px;
		border-bottom:0px solid white;
		text-align:center;
		padding:2px;
	}
	
	.thcenter{
		text-align:center;
	}

/*------------------------------------*\
	Locatie pagina
\*------------------------------------*/

	#locatie {
		height:auto;
		width:100%;
		border:0px solid purple;
		padding:75px 0px 0px 0px;
		margin:auto;
	}

	#googleMap{
		width:100%;
		height:500px;
	}
	
/*------------------------------------*\
	Contact pagina
\*------------------------------------*/

	#contact {
		height:auto;
		width:95%;
		background-color:#00000050;
		border:2px solid black;
		padding:0px 0px 30px 0px;
		margin:70px auto;
	}

	.imgTextsocial {
		width:100%;
		border:0px dashed red;
		padding:5px;
		height:40px;
	}

	.imgSocial {
		width:25px;
		height:25px;
		border:0px dashed white;
	}

	.pSocial {
		border:0px dashed yellow;
		margin-top:0px;
		font-size:1.25em;
	}
		
/*------------------------------------*\
	Footer
\*------------------------------------*/

	footer{
		height:35px;
		flex:100%;
	}

	.logo{
		width:125px;
		height:25px;
		border:0px solid white;
		margin-top:2px;
	}

	#footerTxt{
		width:115px;
		margin:0px;
		display:inline-block;
		padding:0px;
		color:white;
		border:0px solid white;
		font-size:0.75em;
	}
  
}

@media screen and (min-width: 40em) { /* 640px mobiel liggend OK */

/*------------------------------------*\
	Opmaak
\*------------------------------------*/

	h1.naam_website {
			border:0px solid white; 
			font-size:2.25em;
			margin-top:0px;
			margin-top:0px;
	}

	
/*------------------------------------*\
	Main
\*------------------------------------*/

	.inner {
		border:0px dashed green;
	}
	
/*------------------------------------*\
	Slider
\*------------------------------------*/

	#slider{
		margin-top:90px;
		border:0px solid white;
		flex-direction:row;
	}

	.sliderItemEdge {
		margin-right:10px;
	}
/*------------------------------------------------------------------*\
	                         Content
\*------------------------------------------------------------------*/
/*------------------------------------*\
	Info pagina
\*------------------------------------*/
.fotoShop {
	border-radius:0px;
	width:100%;
	/*max-height:100px;*/
	margin:auto;
	border-left:10px ridge #5a4893;
	border-bottom:10px ridge #7356ce;
	border-right:10px ridge #5b4a90;
	border-top:10px ridge #7c60d2;
	border-radius:0px;
}

#txtAlgemeen{
	border:0px dashed white;
	color:white;
	display:flex;
	font-size:6vw;
}

#main{
	border:0px dashed red;
}

.content{
	border:0px dashed yellow;
	padding:0px;
	margin:0px;
}

/*------------------------------------*\
	Galerij pagina
\*------------------------------------*/

/*	#galerij {
		border:0px dashed white;
		width:90%;
		height:auto;
		margin:0px auto;
	}

	.tattooBox {
		position:relative;
		width:150px;
		height:200px;
		margin:0px 10px 25px 0px;
		border-radius:15px; 
		border:0px dashed white;
	}
*/
	.imgTattoo {				
		position:relative;
		max-width:250px;
		max-height:350px;
/*		top:0px;
		right:0px;
		bottom:0px;
		left:0px;*/
		margin:15px;
		border-left:15px ridge #5a4893;
		border-bottom:15px ridge #7356ce;
		border-right:15px ridge #5b4a90;
		border-top:15px ridge #7c60d2;
		border-radius:0px;
	}
	
	.videoTattoo {
		position:relative;
		max-width:250px;
		max-height:350px;
		margin:15px;
		border-left:15px ridge #5a4893;
		border-bottom:15px ridge #7356ce;
		border-right:15px ridge #5b4a90;
		border-top:15px ridge #7c60d2;
		border-radius:0px;
	}

	
/*------------------------------------*\
	Pagina openingstijden
\*------------------------------------*/
	#open {
		width:85%;
		padding:0px 0px 0px 0px;
		margin:16px auto;
	}

	table {
		width:275px;
		height:auto;
		margin:auto;
		border:0px solid yellow;
		font-size:1.25em;
		font-family:Pirata One;
		color:#afa4d0;
		background-color:#00000050;
		border:3px solid black;
		padding:5px;
	}

	.thday{
		width:100px;
		border-bottom:0px solid white;
		padding:2px 2x 2px 25px;
		text-align:left;
	}

	.thcolon{
		width:20px;
		border-bottom:0px solid white;
		text-align:center;
		padding:2px;
	}

	.thtime{
		width:155px;
		border-bottom:0px solid white;
		text-align:center;
		padding:2px;
	}
	
	.thcenter{
		text-align:center;
	}

/*------------------------------------*\
	Locatie pagina
\*------------------------------------*/
	
	#locatie {
		height:auto;
		width:100%;
		border:0px solid purple;
		padding:65px 0px 30px 0px;
		margin:auto;
	}

	#googleMap{
		width:100%;
		height:270px;
	}

	/*------------------------------------*\
		Contact pagina
	\*------------------------------------*/

	#contact {
		margin:12px auto;
	}

}

@media screen and (min-width: 48em) { /* 768px tablet*/	

	#open h2 {
		font-size:2em;
		background-color:#49338ee3;
		width:350px;
		margin:auto;
		border-radius:0px;
	}
	
	#open h3 {
		border:0px solid white; 
		font-size:1.65em;
		margin-top:10px;
		background-color:#49338ee3;
		width:350px;
		margin:auto;
		border-radius:0px;
	}
	
	#contact h2{
		font-size:2em;
		background-color:#49338ee3;
		width:350px;
		margin:auto;
		border-radius:0px;
	}
	
	#contact h3{
		font-size:1.65em;
		margin:5px 0px 0px 0px;
		padding:0px;
	}

	#slider{
		margin-top:90px;
		border:0px solid white;
		flex-direction:row;
	}

	#info {
		width:100%;
		padding:10px 5px 30px 5px;
		margin:60px auto;
		font-size:2em;
		border:0px dashed orange;
	}
	
	#txtAlgemeen{
		padding:0px 10px 0px 10px;		
	}
	
	#txtAlgemeen h2 {
		font-size:1em;
	}
	
	.fotoShop{
		width:100%;
		margin:auto;
	}
	
	#locatieButton{
		height:65px;
	}
	
	.googleButton{
		font-size:32px;
	}
	
	.reclamestandaard{
		width:500px;
		margin:auto;
		border:0px dashed lightblue;
	}


/*------------------------------------*\
	Galerij pagina
\*------------------------------------*/

/*	#galerij {
		border:0px dashed white;
		width:100%;
		height:auto;
		margin:65px auto;
		padding:5px;
	}

	.tattooBox {
		position:relative;
		width:250px;
		height:350px;
		margin:0px 0px 25px 0px;
		border-radius:0px; 
		border:0px dashed white;
	} */

	.imgTattoo {				
		position:relative;
		max-width:250px;
		max-height:350px;
	/*	top:0px;
		right:0px;
		bottom:0px;
		left:0px; */
		margin:15px;
		border-left:15px ridge #5a4893;
		border-bottom:15px ridge #7356ce;
		border-right:15px ridge #5b4a90;
		border-top:15px ridge #7c60d2;
		border-radius:0px;
	}
	
	.videoTattoo {
		position:relative;
		max-width:250px;
		max-height:350px;
		margin:15px;
		border-left:15px ridge #5a4893;
		border-bottom:15px ridge #7356ce;
		border-right:15px ridge #5b4a90;
		border-top:15px ridge #7c60d2;
		border-radius:0px;
	}

	
	

/*------------------------------------*\
	Pagina openingstijden
\*------------------------------------*/

	table {
		width:350px;
		font-size:1.65em;
	}

	.thday{
		width:120px;
		border-bottom:0px solid white;
		padding:2px 2x 2px 25px;
		text-align:left;
	}

	.thcolon{
		width:30px;
		border-bottom:0px solid white;
		text-align:center;
		padding:2px;
	}

	.thtime{
		width:200px;
		border-bottom:0px solid white;
		text-align:center;
		padding:2px;
	}
	
	.thcenter{
		text-align:center;
	}

/*------------------------------------*\
	Contact pagina
\*------------------------------------*/

	#contact {
		height:auto;
		width:85%;
		background-color:#00000075;
		border:5px solid black;
		padding:0px 0px 30px 0px;
		margin:15px auto;
	}

	.imgTextsocial {
		width:100%;
		border:0px dashed red;
		padding:auto;
		height:40px;
	}

	.imgSocial {
		width:35px;
		height:35px;
		border:0px dashed white;
	}

	.pSocial {
		border:0px dashed yellow;
		margin-top:0px;
		font-size:1.65em;
	}

	#locatie {
		height:auto;
		width:100%;
		border:0px solid purple;
		padding:65px 0px 30px 0px;
		margin:auto;
	}

	#googleMap{
		width:100%;
		height:450px;
	}
}


@media screen and (min-width: 64em) { /* 1024px IPAD TABLET GROOT */

	#slider{
		margin-top:35px;
		border:0px solid white;
		flex-direction:column;
	}
	
		#info {
		width:100%;
		padding:10px 5px 30px 5px;
		margin:0px auto;
		font-size:1em;
		border:0px dashed orange;
	}
	
	#txtAlgemeen{
		padding:0px 10px 0px 10px;
		font-size:2em;
		width:45%;
		margin:auto;
	}
	
	#txtAlgemeen h2 {
		font-size:0.85em;
	}
	
	.fotoShop{
		width:100%;
		margin:auto;
	}
	
	#locatieButton{
		height:50px;
		margin:5px 25%;
	}
	
	.googleButton{
		font-size:24px;
	}
	
	.reclamestandaard{
		width:300px;
		margin:auto;
		border:0px dashed lightblue;
	}


}

@media screen and (min-width: 80em) { /* 1280px PC EN LAPTOP */	



}