/* Style sheet Panjoel 05-09-0218 door Mike A*/ 

/* Index */
a.link{
	color: #000000;
	text-decoration: none;						}
		
a.active{		
	color: #000000;								}
		
div.index{
	border: none;
	margin-bottom: 2%;						}

div.Links{
	border: double;
	border-width: thick;
	border-color: #C0C0C0;
	padding: 10px;
	margin-bottom: 15px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.20);	}

/* Header*/
p.header{
			margin-bottom: 50px;				}
		
div.header{
			text-align: center;					}


/* dropdown menu */
div.dropdown {
    		position: absolute;	
    		display: inline-block				}
	
div.dropdown-content {
    		display: none;
    		position: absolute;
    		background-color: #ffffff;
    		min-width: 250px;
    		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    		z-index: 1;							}
		
div.dropdown-content a {
    		color: black;
    		padding: 12px 16px;
    		text-decoration: none;
    		display: block;						}
		
div.dropdown-content a:hover {
			background-color: #2E2AFC			}
		
div.dropdown:hover .dropdown-content {
    		display: block;						}

div.dropdown:hover .dropbtn {
   			 background-color: #2E2AFC;			}

img.dropbtn{
   			height: 25px;
   			width: 25px;						}

/* Indexen Homepage*/
img.new{
		position: relative;	
		width: 15%; 
		height: 15%;
		margin-left: 25%;
		margin-bottom: 5px;
		}

a.Old:link{
	opacity: 0.5;
	}

a.Old:visited{
	}

a.Old:hover{
	opacity: 1;
	}

a.Old:active{
	}

/* platte tekst */ 
div.tekst{
			border: none;
			margin-left: 15px;
			margin-right: 15px;
			margin-bottom: 30px;				}

/* tag */
div.tag{
	text-align: center;							}

/* quote */
div.quote{
	text-align: center;							}

/* Giornale */
img.Giofoto{
			display: inline-block;
			padding: 10px;
			margin-top: 10px;
			margin-right: 3%;
			margin-bottom: 10px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
												}
		
img.Giofoto1{
			padding: 10px;
			margin-right: 10%;
			margin-left: 10%;
			margin-bottom: 25px;
			box-shadow: 0 10px 25px rgba(0,0,0,0.35);		
												}

img.Giofoto2{
			float: right; 
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);
			width: 14%; 
			height: 14%;
			padding: 10px; 
			margin-right: 15%; 					}


/* Di Pui */ 
img.Di{
			width: 15%; 
			height: 15%;
			max-height: 250px;
			padding: 10px;
			margin-right: 8%;
			margin-left: 8%;
			margin-bottom: 10px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);	
												}
img.Di1{
			width: 15%; 
			height: 15%;
			max-height: 250px;	
			padding: 10px;
			margin-right: 15%;
			margin-left: 15%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);	
												}
		

/* Fratelli */ 
img.Fra{
			float: right;
			width: 20%; 
			height: 20%;
			padding: 10px;
			margin-right: 10%;
			margin-left: 10%;
			margin-bottom: 40px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
												}

/* Quatre Bras */ 
img.Bras{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
												}

img.Bras1{
			width: 20%; 
			height: 20%;
			max-height: 400px;
			padding: 10px;
			margin-right: 40%;
			margin-left: 40%;
			margin-bottom: 25px;
			margin-top: 25px;
			box-shadow: 0 10px 25px rgba(0,0,0,0.35);	
												}
/* Foodbar D'Stomerij */
img.Food{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
												}

img.Food1{
			width: 20%; 
			height: 20%;
			max-height: 400px;
			padding: 10px;
			margin-right: 40%;
			margin-left: 40%;
			margin-bottom: 25px;
			margin-top: 25px;
			box-shadow: 0 10px 25px rgba(0,0,0,0.35);	
												}

img.Food2{
			width: 30%; 
			height: 30%;
			max-height: 400px;
			padding: 10px;
			margin-right: 35%;
			margin-left: 35%;
			margin-bottom: 25px;
			margin-top: 25px;
			box-shadow: 0 10px 25px rgba(0,0,0,0.35);	
												}

/* Restaurant Emma */
img.Emma{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
												}

img.Emma1{
			width: 30%; 
			height: 30%;
			max-height: 400px;
			padding: 10px;
			margin-right: 35%;
			margin-left: 35%;
			margin-bottom: 25px;
			margin-top: 25px;
			box-shadow: 0 10px 25px rgba(0,0,0,0.35);	
												}

/* De Rechter */
img.Rechter{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
												}

img.Rechter1{
			width: 30%; 
			height: 30%;
			max-height: 400px;
			padding: 10px;
			margin-right: 35%;
			margin-left: 35%;
			margin-bottom: 25px;
			margin-top: 25px;
			box-shadow: 0 10px 25px rgba(0,0,0,0.35);	
												}

img.Rechter2{
			width: 20%; 
			height: 35%;
			max-height: 350px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);
		}

/* De houtloods */ 
img.Hout{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
												}
img.Hout1{
			width: 15%; 
			height: 30%;
			max-height: 350px;
			padding: 10px;
			margin-right: 8%;
			margin-left: 8%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);
		}

img.Hout2{
			width: 15%; 
			height: 30%;
			max-height: 350px;
			padding: 10px;
			margin-right: 8%;
			margin-left: 8%;
			margin-bottom: 6%;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);
		}

/* The Fat Angel */
img.Angel{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
												}
img.Angel1{
			width: 15%; 
			height: 30%;
			max-height: 350px;
			padding: 10px;
			margin-right: 8%;
			margin-left: 8%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);
		}

img.Angel2{
			width: 15%; 
			height: 30%;
			max-height: 350px;
			padding: 10px;
			margin-right: 8%;
			margin-left: 8%;
			margin-bottom: 6%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);}

/* Just Meet */
img.Just{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
												}
img.Meet{
			width: 15%; 
			height: 30%;
			max-height: 350px;
			padding: 10px;
			margin-right: 8%;
			margin-left: 8%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);
		}
/* Klavertje */
img.Klaver{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
		}

/* Kazerne */
img.Kazerne{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
		}

img.De{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 37%;
			margin-left: 37%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
		}

/* Boshuys */
img.Boshuys{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
		}
img.Huys{
			width: 35%; 
			height: 32%;
			max-height: 325px;
			padding: 10px;
			margin-right: 30%;
			margin-left: 30%;
			margin-bottom: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);}

/* Huysmaker */
img.Kamer{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
		}
img.Huyskamer{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 37%;
			margin-left: 37%;
			margin-bottom: 25px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.35);}
    
/* Fifth */
img.Fifth{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
		}
img.NRE {
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 37%;
			margin-left: 37%;
			margin-bottom: 25px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.35);}

/* Fleurie */
img.Fleu{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.35);		
		}
img.Rie{
			width: 20%; 
			height: 20%;
			max-height: 325px;
			padding: 10px;
			margin-right: 37%;
			margin-left: 37%;
			margin-bottom: 25px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.35);}

/* Woods */
img.Wood{
			width: 15%; 
			height: 30%;
			max-height: 350px;
			padding: 10px;
			margin-right: 8%;
			margin-left: 8%;
			margin-bottom: 25px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.35);}
img.Hout{
			width: 15%; 
			height: 30%;
			max-height: 350px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.35);}
img.Woods{
			width: 15%; 
			height: 30%;
			max-height: 350px;
			padding: 10px;
			margin-right: 37%;
			margin-left: 37%;
			margin-bottom: 25px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.35);}

/* De Blaak */
img.Blaak{
			width: 15%; 
			height: 30%;
			max-height: 350px;
			padding: 10px;
			margin-right: 8%;
			margin-left: 8%;
			margin-bottom: 25px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.35);}
img.Hofstede{
			width: 15%; 
			height: 30%;
			max-height: 350px;
			padding: 10px;
			margin-right: 14%;
			margin-left: 14%;
			margin-bottom: 25px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.35);}
img.Tillie{
			width: 15%; 
			height: 30%;
			max-height: 350px;
			padding: 10px;
			margin-right: 37%;
			margin-left: 37%;
			margin-bottom: 25px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.35);}
    
    /* responsive */
@media only screen and (max-width: 680px) 
{
img {
	max-width: 96%; 
	height: auto;
	}