html, body{
	font-family: arial, verdana, sans-serif;
	color: #4D4D4D;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0px;
	}
	
body {
	background-image: url(logo.jpg);
    background-repeat: no-repeat;
	background-position: 20px 10px;
	}
	
table, tbody {
	width: 100%;
	border-collapse: collapse;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}
		
	
a,
a:visited,
a:active {
color: #4D4D4D;
text-decoration: none;
}

a:hover {
color: #009999;
text-decoration: underline;
}	


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

.trbovenkant{
		height: 57px;
		width: 100%;
		}
		
.trlijnhorizontaal	{
		height: 1px;
		}

.trmenubalk{
		height: 22px;
		}		

.trmidden{
		height: 100%;
		}
		
.bovenkant{
	margin-top: 30px;
	}

.bovenkant td{
		width: 250px;
		}
		
.bovenkant td.bedrijfsnaam{
		width: 352px;
		}
	
.adres{
	width: 220px;
	font-size: 12px;
	color: gray;
	float: right;
	}

	
.bedrijfsnaam{
	font-size: 38pt;
	text-align: center;
	vertical-align: center;
	color: #cccccc;
	}

.adres td{
	padding-right: 5px;
	width: auto;
}	
	
.adres a,
.adres a:hover,
.adres a:active,
.adres a:visited{
	color: gray;	
	text-align: left;
    text-decoration: none;	
	}	

.logospace{
		width: 242px;
}

hr { display: none; }	
	
.lijnhorizontaallinks{
	background-color: #009999;
	height: 0px;
	width: 22px;
	border: 4px solid #009999;
}
	
.lijnhorizontaalrechts{
	background-color: #009999;
	height:0px;
	border: 4px solid #009999;
}

.menubalk{
	background-color: transparent;
	margin-left: 395px;
	width: 550px;
}	
	
.menuoptie{
	padding-right: 15px;
	color: black;
	white-space: nowrap;
	}
	
.menuoptie a,
.menuoptie a:hover,
.menuoptie a:active,
.menuoptie a:visited{
	font-size: 14pt;
	color: black;	
	text-align: left;
    text-decoration: none;	
	}

.titelspacing{
	width: 100px;
	}

.hometitel{
	width: 100px;
	min-height: 200px;
	background-image: url(home.gif);
    background-repeat: no-repeat;
    background-position: top 20px;
	margin-left: 30px;
	}
	
.servicestitel{
	width: 100px;
	min-height: 200px;	
	background-image: url(services.gif);
    background-repeat: no-repeat;
    background-position: top 20px;
	}

.abouttitel{
	width: 100px;
	min-height: 200px;
	background-image: url(about.gif);
    background-repeat: no-repeat;
    background-position: top 20px;
	}

.contacttitel{
	width: 100px;
	min-height: 200px;	
	background-image: url(contact.gif);
    background-repeat: no-repeat;
    background-position: top 20px;
	}	
	
.linkstitel{
	width: 100px;
	min-height: 200px;	
	background-image: url(links.gif);
    background-repeat: no-repeat;
    background-position: top 20px;
	}		

.lijnlinks {
	background-color: #009999;
	width: 7px;
	min-height: 200px;	
	}	

table.midden{
	background-color: transparent;
	height: 100%;
	width: 100%;
	margin-top: 69px;
	vertical-align: bottom;
}

.midden tr{
	height: 100%;
	}

.inhoud {
    /* Optioneel: een minimale hoogte zodat de achtergrond zichtbaar is */
    min-height: 300px;           /* pas aan naar wens */

    /* Achtergrond‑afbeelding */
    background-image: url('vliegtuig.jpg');

    /* Laat de afbeelding de volledige breedte en hoogte van het element vullen */
    background-size: 100%;      /* of 100% 100% als je wilt dat de afbeelding exact past zonder bijsnijden */

    /* Centreer de afbeelding (handig bij cover) */
    background-position: center center;

    /* Zorg dat de afbeelding niet herhaald wordt */
    background-repeat: no-repeat;

    /* Als je wilt dat de afbeelding zich mee‑schalen met de inhoud (bijvoorbeeld bij scroll) */
    background-attachment: scroll;   /* of fixed voor een parallax‑effect */
}


.inhouddiv{
	margin-left: 25px;
	vertical-align: top;
	margin-top: 15px;
	width: 800px;
	overflow: auto;
	}

.inhoud p{
	margin: 15px 0px 0px 0px;
	line-height: 120%;
	color: #4D4D4D;
}	
	
@import url('responsive.css');