s 
/*dit is de stylesheet. hier kun je een plaatje activeren.*/










/*plaatjes activeren*/


/*
Muuschilderingen plaatjes

om de plaatjes zichtbaar te maken moet je diplay:none; weg halen.

#tumbnail-1 is het eerste plaatje en ...-2 de tweede enz..

*/

#muurschilderingen #tumbnail-1 {
	
}

#muurschilderingen #tumbnail-2 {
        
}	

#muurschilderingen #tumbnail-3 {
		
}

#muurschilderingen #tumbnail-4 {
		
}

#muurschilderingen #tumbnail-5 {
	
}

#muurschilderingen #tumbnail-6 {
	
}       

#muurschilderingen #tumbnail-7 {
	
}

#muurschilderingen #tumbnail-8 {
		
}

#muurschilderingen #tumbnail-9 {
	
}

#muurschilderingen #tumbnail-10 {
	
}

#muurschilderingen #tumbnail-11 {
        
}	

#muurschilderingen #tumbnail-12 {
		
}

#muurschilderingen #tumbnail-13 {
		
}

#muurschilderingen #tumbnail-14 {
	
}

#muurschilderingen #tumbnail-15 {
	
}       

#muurschilderingen #tumbnail-16 {
	
}

#muurschilderingen #tumbnail-17 {
		
}

#muurschilderingen #tumbnail-18 {
		
}

#muurschilderingen #tumbnail-19 {
		
}

#muurschilderingen #tumbnail-20 {
		
}

#muurschilderingen #tumbnail-21 {
		
}

#muurschilderingen #tumbnail-22 {
		
}

#muurschilderingen #tumbnail-23 {
		
}

#muurschilderingen #tumbnail-24 {
		display: none;
}

#muurschilderingen #tumbnail-25 {
		display: none;
}


	

/*Schilderijen plaatjes

Om een plaatje zichtbaar te maken, moet je display:none; weg halen.

#tumbnail-1 is het eerste plaatje en ...-2 de tweede enz..

*/


#schilderijen #tumbnail-1 {
		
}

#schilderijen #tumbnail-2 {
	
}


#schilderijen #tumbnail-3 {

}


#schilderijen #tumbnail-4 {
	
}

#schilderijen #tumbnail-5 {

}

#schilderijen #tumbnail-6 {
         
}


#schilderijen #tumbnail-7 {
		
}


#schilderijen #tumbnail-8 {
		
}


#schilderijen #tumbnail-9 {
		
}

#schilderijen #tumbnail-10 {
		
}

#schilderijen #tumbnail-11 {
	
}


#schilderijen #tumbnail-12 {
	
}


#schilderijen #tumbnail-13 {
	
}

#schilderijen #tumbnail-14 {
	
}

#schilderijen #tumbnail-15 {
         
}


#schilderijen #tumbnail-16 {
		
}


#schilderijen #tumbnail-17 {
		
}


#schilderijen #tumbnail-18 {
		
}

#schilderijen #tumbnail-19 {
	display:none;	
}

#schilderijen #tumbnail-20 {
	display:none;	
}

#schilderijen #tumbnail-21 {
	display:none;	
}

#schilderijen #tumbnail-22 {
	display:none;	
}

#schilderijen #tumbnail-23 {
	display:none;	
}

#schilderijen #tumbnail-24 {
	display:none;	
}

#schilderijen #tumbnail-25 {
	display:none;	
}













/*De rest  is niet nuttig verder om in te kijken */


#header #logo {
	background-image:url(../img/logo.svg)
}


/*fotos slider*/
#slider-image1 {
	background-image:url(../img/sliderimage1.jpg)									/*voor een andere sliderafbeelding1, vervang de afbeelding sliderimage1.jpg in de img map met een afbeelding met de afmetingen 1200x300*/
}

#slider-image2 {
	background-image:url(../img/sliderimage2.jpg)									/*voor een andere sliderafbeelding2, vervang de afbeelding sliderimage2.jpg in de img map met een afbeelding met de afmetingen 1200x300*/
}

#slider-image3 {
	background-image:url(../img/sliderimage3.jpg)									/*voor een andere sliderafbeelding3, vervang de afbeelding sliderimage3.jpg in de img map met een afbeelding met de afmetingen 1200x300*/
}

#slider-image4 {
	background-image:url(../img/sliderimage4.jpg)									/*voor een andere sliderafbeelding4, vervang de afbeelding sliderimage4.jpg in de img map met een afbeelding met de afmetingen 1200x300*/
}




#muurschilderingen #tumbnail-1 #image {
	background-image:url(../img/muurschildering-tumbnail1.jpg)	
}

#muurschilderingen #tumbnail-2 #image {
	background-image:url(../img/muurschildering-tumbnail2.jpg)	
}

#muurschilderingen #tumbnail-3 #image {
	background-image:url(../img/muurschildering-tumbnail3.jpg)	
}

#muurschilderingen #tumbnail-4 #image {
	background-image:url(../img/muurschildering-tumbnail4.jpg)	
}

#muurschilderingen #tumbnail-5 #image {
	background-image:url(../img/muurschildering-tumbnail5.jpg)	
}

#muurschilderingen #tumbnail-6 #image {
	background-image:url(../img/muurschildering-tumbnail6.jpg)	
}

#muurschilderingen #tumbnail-7 #image {
	background-image:url(../img/muurschildering-tumbnail7.jpg)	
}

#muurschilderingen #tumbnail-8 #image {
	background-image:url(../img/muurschildering-tumbnail8.jpg)	
}

#muurschilderingen #tumbnail-9 #image {
	background-image:url(../img/muurschildering-tumbnail9.jpg)	
}
#muurschilderingen #tumbnail-10 #image {
	background-image:url(../img/muurschildering-tumbnail10.jpg)	
}

#muurschilderingen #tumbnail-11 #image {
	background-image:url(../img/muurschildering-tumbnail11.jpg)	
}

#muurschilderingen #tumbnail-12 #image {
	background-image:url(../img/muurschildering-tumbnail12.jpg)	
}

#muurschilderingen #tumbnail-13 #image {
	background-image:url(../img/muurschildering-tumbnail13.jpg)	
}

#muurschilderingen #tumbnail-14 #image {
	background-image:url(../img/muurschildering-tumbnail14.jpg)	
}

#muurschilderingen #tumbnail-15 #image {
	background-image:url(../img/muurschildering-tumbnail15.jpg)	
}

#muurschilderingen #tumbnail-16 #image {
	background-image:url(../img/muurschildering-tumbnail16.jpg)	
}

#muurschilderingen #tumbnail-17 #image {
	background-image:url(../img/muurschildering-tumbnail17.jpg)	
}

#muurschilderingen #tumbnail-18 #image {
	background-image:url(../img/muurschildering-tumbnail18.jpg)	
}


#muurschilderingen #tumbnail-19 #image {
	background-image:url(../img/muurschildering-tumbnail19.jpg)	
}

#muurschilderingen #tumbnail-20 #image {
	background-image:url(../img/muurschildering-tumbnail20.jpg)	
}

#muurschilderingen #tumbnail-21 #image {
	background-image:url(../img/muurschildering-tumbnail21.jpg)	
}

#muurschilderingen #tumbnail-22 #image {
	background-image:url(../img/muurschildering-tumbnail22.jpg)	
}

#muurschilderingen #tumbnail-23 #image {
	background-image:url(../img/muurschildering-tumbnail23.jpg)	
}

#muurschilderingen #tumbnail-24 #image {
	background-image:url(../img/muurschildering-tumbnail24.jpg)	
}

#muurschilderingen #tumbnail-25 #image {
	background-image:url(../img/muurschildering-tumbnail25.jpg)	
}






#schilderijen #tumbnail-1 #image {
	background-image:url(../img/schilderij-tumbnail1.jpg);
}

#schilderijen #tumbnail-2 #image {
	background-image:url(../img/schilderij-tumbnail2.jpg);	
}

#schilderijen #tumbnail-3 #image {
	background-image:url(../img/schilderij-tumbnail3.jpg);	
}

#schilderijen #tumbnail-4 #image {
	background-image:url(../img/schilderij-tumbnail4.jpg);	
}

#schilderijen #tumbnail-5 #image {
	background-image:url(../img/schilderij-tumbnail5.jpg);
}

#schilderijen #tumbnail-6 #image {
	background-image:url(../img/schilderij-tumbnail6.jpg);	

}

#schilderijen #tumbnail-7 #image {
	background-image:url(../img/schilderij-tumbnail7.jpg);	

}

#schilderijen #tumbnail-8 #image {
	background-image:url(../img/schilderij-tumbnail8.jpg);	

}

#schilderijen #tumbnail-9 #image {
	background-image:url(../img/schilderij-tumbnail9.jpg);	

}

#schilderijen #tumbnail-10 #image {
	background-image:url(../img/schilderij-tumbnail10.jpg);
}

#schilderijen #tumbnail-11 #image {
	background-image:url(../img/schilderij-tumbnail11.jpg);	
}

#schilderijen #tumbnail-12 #image {
	background-image:url(../img/schilderij-tumbnail12.jpg);	
}

#schilderijen #tumbnail-13 #image {
	background-image:url(../img/schilderij-tumbnail13.jpg);	
}

#schilderijen #tumbnail-14 #image {
	background-image:url(../img/schilderij-tumbnail14.jpg);
}

#schilderijen #tumbnail-15 #image {
	background-image:url(../img/schilderij-tumbnail15.jpg);	

}

#schilderijen #tumbnail-16 #image {
	background-image:url(../img/schilderij-tumbnail16.jpg);	

}

#schilderijen #tumbnail-17 #image {
	background-image:url(../img/schilderij-tumbnail17.jpg);	

}

#schilderijen #tumbnail-18 #image {
	background-image:url(../img/schilderij-tumbnail18.jpg);	

}

#schilderijen #tumbnail-19 #image {
	background-image:url(../img/schilderij-tumbnail19.jpg);	
}

#schilderijen #tumbnail-20 #image {
	background-image:url(../img/schilderij-tumbnail20.jpg);	
}

#schilderijen #tumbnail-21 #image {
	background-image:url(../img/schilderij-tumbnail21.jpg);
}

#schilderijen #tumbnail-22 #image {
	background-image:url(../img/schilderij-tumbnail22.jpg);	

}

#schilderijen #tumbnail-23 #image {
	background-image:url(../img/schilderij-tumbnail23.jpg);	

}

#schilderijen #tumbnail-24 #image {
	background-image:url(../img/schilderij-tumbnail24.jpg);	

}

#schilderijen #tumbnail-25 #image {
	background-image:url(../img/schilderij-tumbnail25.jpg);	

}








p {
	font-size:17px;
	font-family:Roboto, Arial;
	font-weight:300;
	color:#58585b;		
}

h2 {
	font-size:40px;
	font-family:Roboto;
	font-weight:300;
	color:#58585b;
	text-align:center;	
}

.text {	
	width:100%;
	height:100%;
}

.text p {
	
	text-align:justify;
	padding-left:200px;
	padding-right:200px;
	
}

#image {

}


body {
	margin:0px;
	margin-top:-100px;
	padding:px;
	background-color:#B5B5B5;
	
}

#work-viewer-Schilderijen {
	margin-left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	position:fixed;
	top:-100%;
	background:white;
	z-index:30000;
	opacity:0;

}
#big-pictures {
	width:100%;
	height:100%;	
	top:0%;
	position:relative;
}

#big-pictures div {
	position:relative;
	text-align:center;
	width:100%;
	height:100%;
	border:0px;
	margin:0px;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	
}

#up-button {
	position:fixed;
}


#down-button {
	position:fixed;
	text-align:center;
	width:50px;
	height:20px;
	margin-top:45%;	
	left:50%;
}

#back-button img {
	position:absolute;
	height:50px;
	width:50px;
	text-align:top;
	margin-top:30px;
	margin-left:96%;
	z-index:1000;
	cursor:pointer;
}

#big-pictures div img {
	height:576px;
	width:1024px;
	top:50%;
	position:relative;
	margin:-288px 0 0 ;
	opacity:1;
	bottom:auto;
	border:solid #29A0AD 30px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
	text-ahadow:0px 0px 20px rgba(0,0,0,0.5);

}



#all-content {
	margin-left:auto;
	margin-right:auto;
	width:1200px;
	box-shadow:0px 0px 20px 2px rgba(0,0,0,0.5);
	overflow:hidden;
}

#header {
	padding-top:20px;
	height:10%;
	width:100%;
	background-color:white;
	text-align:center;
	z-index:20000;
	position:relative;
}

#header #logo {
	height:300px;
	width:1200px;
	background-size:100% 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:-40px;
	position:relative;
}

#header p {
	font-family:Roboto;
	color:#58585b;
	font-weight:300;
	font-size:35px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	line-height:45px;	
	
	
}

#main-menu {
	height:49px;
	z-index:10000;
	width:100%;
	text-align:center;
	
}

#main-menu #menu {
	text-align:center;
	padding:right:auto;	
	width:1200px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:50px;
}

#main-menu ul {
	padding:0px;
	margin:0px;	
}

#main-menu li {
	background-color:#29A0AD;
	color:white;
	display:inline-block;
	width:16.6666666667%;
	text-align:center;
	padding:0px;	
	position:relative;
	float:left;
	padding-top:12px;
	padding-bottom:12px;
	font-size:20px;
	font-family:Roboto;
	font-weight:300;
	cursor:pointer;
	box-shadow:0px 52px 20px -50px rgba(0,0,0,0.5) inset;

}

#main-menu li:hover {
	-webkit-animation:menu-color-hover ease 0.4s;
	animation:menu-color-hover ease 0.4s;
	background-color:#29A0AD;
}

@-webkit-keyframes menu-color-hover {
	0%	{background-color:#29A0AD;}
	100%{background-color:#29A0AD;}	
}

@keyframes menu-color-hover {
	0%	{background-color:#29A0AD;}
	100%{background-color:#29A0AD;}	
}

#main-menu li:active {
	-webkit-animation:menu-color-active ease 0.1s;
	animation:menu-color-active ease 0.1s;
	background-color:#29A0AD;
}

@-webkit-keyframes menu-color-active {
	0%	{background-color:#29A0AD}
	100%{background-color:#29A0AD}	
}

@keyframes menu-color-active {
	0%	{background-color:#29A0AD}
	100%{background-color:#29A0AD}	
}

#main-menu li:visited {
	background-color:#29A0AD;
}


#content {
	width:100%;
	height:1600px;
	overflow:hidden;
	position:relative;
}

#menu-pointer {
	width:1200px;
	height:5px;
	background-color:white;
	box-shadow:0px 2px 10px rgba(0,0,0,0.5);
	overflow:hidden;
	margin-top:-1px;
	margin-left:auto;
	margin-right:auto;
}

#menu-pointer #pointer {
	width:16.6666666666666666666666%;
	height:100%;
	background-color:#29A0AD;
	position:relative;
	left:0%;
}
	

#content .container {
	width:100%;
	height:1500px;	
	overflow:hidden;
}



#home {
	background-color:white;
	height:1500px;
	left:0%;
	position:absolute;
	width:100%;
	float:left;
	z-index:1;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}

#home .text h2 {
	padding:50px;	
	padding-left:50px;
	padding-right:50px;
	text-align:center;
}



#home .text p:nth-child(3) {
	font-size:26px;	
	padding-top:50px;
	text-align:center;
}

#home .text b {
	font-size:50px;	
}







#slider {
	width:100%;
	height:20%;
	overflow:hidden;
	display:inline-block;	
	position:relative;
	font-size:0px;
}

#slider .image .slider-text  {
	width:400px;
	height:100%;
	position:absolute;	
	display:none;
}

#slider .image div p {
	margin:15px;	
}

#slider .image div h2 {

}


#slider #nav-buttons {
	position:absolute;	
	width:100%;
	height:50px;
	margin-top:-20px;
}

#slider #forward-button {
	background-image:url(../img/forward-button.png);
	width:50px;
	height:50px;
	background-size:cover;
	float:right;
	margin-right:10px;
	display:inline-block;
	cursor:pointer;
}

#slider #forward-button img {
	box-shadow:0px 2px 10px rgba(0,0,0,0.5);	
}

#slider #back-button {
	background-image:url(../img/back-button.png);
	width:50px;
	height:50px;
	background-size:cover;
	float:left;
	margin-left:10px;
	display:inline-block;
	cursor:pointer;
}


#image-container {
	display:inline-block;
	height:100%;
	width:1000%;
	position:relative;
		
}

#image-container div {
	width:10%;
	margin:0%;
	position:relative;
	height:100%;
	display:inline-block;
	background-size:100% 100%;
}

#image-pointer {
	width:100%;
	height:20px;
	background-color:white;
	/*background-color:#564734;*/
	overflow:hidden;
	margin-top:-20px;
	position:relative;
	box-shadow:0px 2px 10px rgba(0,0,0,0.5);
}

#image-pointer #pointer {
	width:25%;
	height:100%;
	position:relative;
	background-color:#29A0AD;
	
}

#over-mij {
	background-color:white;
	height:1500px;
	left:0%;
	position:absolute;
	width:100%;
	float:left;
	margin-top:-1500px;
	z-index:0;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}

#over-mij .text {
	padding-top:150px;	
}

#muurschilderingen {
	background-color:white;
	height:100%;
	left:0%;
	position:absolute;
	width:100%;
	float:left;
	margin-top:-3000px;
	z-index:0;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
	overflow:scroll;
}





#schilderijen {
	background-color:white;
	height:100%;
	left:0%;
	position:absolute;
	width:100%;
	float:left;
	margin-top:-4500px;
	z-index:0;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
	overflow:scroll;
}

#schilderijen h2:nth-child(1), #muurschilderingen h2:nth-child(1) {
	position:relative;
	margin-top:20px;	
}


#schilderijen h2, #muurschilderingen h2 {
	position:relative;
	margin:0px;	
}

 #tumbnails  {
	width:100%;
	text-align:center;
	margin-top:30px;
	padding-bottom:130px;
}



.tumbnail-with-text {
	width:380px;
	height:400px;
	display:inline-block;
	text-align:center;
	
	
}

.tumbnail-with-text h2 {
	font-size:25px;
	margin-bottom:100px;
}

#tumbnails .tumbnail-with-text div  {
	width:300px;
	height:300px;
	display:inline-block;
	text-align:center;
	border:solid #29A0AD 30px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
	position:relative;
}

 
#tumbnails .tumbnail-with-text div #image {
	height:300px;
	width:300px;
	position:relative;
	margin:0px;
	background-size:100% 100%;
	background-position:left;
	cursor:pointer;
	border:none;
	
}

#werkwijze {
	background-color:white;
	height:1500px;
	left:0%;
	position:absolute;
	width:100%;
	float:left;
	margin-top:-6000px;
	z-index:0;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}


#contact {
	background-color:white;
	height:1500px;
	left:0%;
	position:absolute;
	width:100%;
	float:left;
	margin-top:-7500px;
	z-index:0;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}

#contact .text h2 {
	padding-top:150px;
	padding-bottom:50px;	
}
	
#contact #facebook {
	position:absolute;
	width:50px;
	height:50px;
	margin-left:1000px;	
	margin-top:-1500px;
}

#contact #facebook img {
	width:100%;
	height:100%;	
}
	

#footer #white-space {
	width:100%;
	height:20px;
	background:white;
	box-shadow:0px 0px 20px rgba(0,0,0,0.5);	
}



#footer {
	width:100%;
	background-color:#29A0AD;
	margin-top:-7500px;
	height:100px;
	position:relative;
	z-index:10000;
}

#footer #copyright {
	width:100%;
	height:20px;
	margin-left:50px;
	postion:relative;
	vertical-align:bottom;	
}

#footer #copyright p {
	font-size:20px;
	color:white;	
}