body {
   background-image: url("CompanyPics/bedge_grunge.png");
}

p {
   font-family: sans-serif;
}
   
a {
   outline: 0;
}

/* Logo en menu */
   
.top {
   background-color: rgb(17,60,109);
   max-height: 138px;
   border-radius: 5px;
}   

.logo {
   max-width: 100%;
   height: auto;
   background-color: rgb(17,60,109);
   border-radius: 5px;
   clear: right;
}

.mne {
   list-style-type: none;
   background-color: rgb(17,60,109);
   float: right;
   font-family: sans-serif;
   border-radius: 5px;
   padding: 5px;
   max-width: 100%
}

.mli {
   float: left;
   padding-left: 15px;
   padding-right: 15px;
   background-color: rgb(17,60,109);
   color: white;
   font-family: sans-serif;
   clear: right;
}

.langmnu {
   float: right;
   margin-top: 10px;
   margin-left: 5px;
   margin-bottom: 10px;
   padding: 5px;
   background-color: limegreen;
   color: white;
   font-family: sans-serif;
   font-size: 75%;
   border-radius: 5px;
   clear: right;
}

.my_h2 {
   border-left: 50px solid tomato;
   padding: 10px;
   background-color: gainsboro;
   border-radius: 5px;
   font-family: sans-serif;
   color: rgb(17,60,109);
   margin-top: 35px;
   clear: both;
}

.my_h3 {
   border-left: 50px solid limegreen; /*mediumseagreen;*/
   padding: 5px;
   padding-left: 10px;
   background-color: gainsboro;
   border-radius: 5px;
   font-family: sans-serif;
   color: rgb(17,60,109);
   margin-top: 25px;
   clear: both;
}

footer {
   background-color: rgb(17,60,109);
   color: gainsboro;
   border-radius: 5px;
   padding: 10px;
   font-size: smaller;
   font-family: sans-serif;
   text-align: center;
   clear: both;
}

/* Foto gallerij */

div.gallery {
  margin: 5px;
  float: left;
  max-width: 500px;
  height: 200px;
}

/*
div.gallery:hover {
  border: 1px solid #777;
  border-radius: 5px;
}
*/

div.gallery img {
  width: auto;
  max-height: 200px;
  border-radius: 5px;
}

div.desc {
  padding: 15px;
  text-align: center;
  font-family: sans-serif;
  margin-bottom: 5px;
}

/* Beschrijving blok */

p.blockdesc {
   clear:both; 
   text-align: left; 
   width: 90%;  
   /*display: block;  */
   margin-left: 50px;  
   margin-right: 60px;
   border-radius: 5px;
   /*background-color: gainsboro;*/
   padding: 5px;
   padding-left: 10px;
}

/* Tekst boven foto's */

p.tap {
   clear: both; 
   text-align: left; 
   width: 90%;  
   /*display: block;  */
   margin-left: 50px;  
   margin-right: 60px;
   border-radius: 5px;
   /*background-color: gainsboro;*/
   padding: 5px;
   padding-left: 10px;
}

/* Tekst onder foto's : prijzen */

p.tup {
   clear: both;
   /*text-align: left; */
   /*width: 90%;  */
   /*display: block;*/
   margin-left: 50px;  
   margin-right: 60px;
   margin-top: 40px;
   border-radius: 5px;
   background-color: gainsboro;
   padding: 5px;
   padding-left: 10px;
}

/* Icoontjes */

div.propertynumber {
	width: 100px;
	height: 40px; 
	background-color: rgb(220,220,220); 
	border-radius: 5px; 
	margin: 5px; 
	float: left;
}
   
div.propertytext {
	width: 190px;
	height: 40px; 
	background-color: rgb(220,220,220); 
	border-radius: 5px; 
	margin: 5px; 
	float: left;
}
   
div.propertynumber img {
	max-height: 30px; 
	padding: 5px; 
	padding-left: 5px; 
	border-radius: 5px; 
	float: left;
}
   
div.propertytext img {
	max-height: 30px; 
	padding: 5px; 
	padding-left: 5px; 
	border-radius: 5px; 
	float: left;
}

div.propcount {
	text-align: right;
	padding-right: 15px;
	padding-top: 10px; 
	font-family: sans-serif; 
	font-size: 18px; 
	font-weight: bold;
}

div.proptext {
	text-align: center; 
	padding-top: 14px; 
	font-family: sans-serif; 
	font-size: 14px; 
	font-weight: bold;
}