body {
margin-top: 10px;								/* geeft een sjiek wit randje */
padding: 0;
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-weight: normal;
text-align: center;								/* bug-fix voor pre IE6-browser ivm centreren webpagina, overige code staat hieronder in #centreerfunctie*/
}

div {
border: 0px solid black;
padding: 0;
margin: 0;
}

#header {
width: 800px;
margin: 0 auto;									/* CENTREERT alle webpagina's*/
text-align: left;								/* bug-fix voor pre IE6-browser ivm centreren webpagina; zie ook hierboven in #body*/
background: url(../stdfoto/zebra.gif) repeat-y center;		/* zorgt voor verticaal doorlopende groene menubalk */
overflow: hidden;								/* hack die zorgt voor doorlopende kolom in Firefox en Opera*/
}

h1 {											/*Flentrop Orgelbouw - verstopt achter fotobalk*/
height: 101px;
background: url(../stdfoto/fotobalk.jpg) no-repeat 0 0;
padding: 0;
margin: 0;
overflow: hidden;
line-height: 500px;
}

#naam {											/* balk onder fotobalk met home en contact*/
height: 25px;
padding-top: 10px;
background-color: #005f00;
color: #ffffff;
font-size: 0.65em;
text-indent: 10px; 
border-bottom-width: 1px;
border-color: #ffffff;
}

#menubalk {										/* zorgt voor doorlopende groene rechter-rand*/
float: left;
width: 155px;
}

/* BEGIN UITKLAPMENU */
.uitklapmenu { width: 155px; }					/* breedte hoofdvak*/

.uitklapmenu li {
padding-top: 5px;								/* verticale marge tussen hoofdkoppen */
padding-bottom: 5px;
}

.uitklapmenu li ul {
position: absolute;
left: 155px;									/* afstand uitklapvak tot hoofdvak; hack voor IE6*/
top: 0;
width: 15em;									/* breedte uitklapvak*/
padding: 0px;
margin: 0px;
border: 1px solid #005f00;
}

.uitklapmenu li>ul { left: 11.9em; }			/* afstand uitklapvak tot hoofdvak*/

#menu {
position: relative;
z-index: 1;
top: 50px;
left: 0;
margin: 0;
padding: 0;
list-style: none;
font-size: 0.80em;
text-indent: 10px;
}

li {											/* hoofdkoppen die uitklappen*/
position: relative;
background-color: #005f00;
padding: 0px;
margin: 0px;
color: #ffffff;
width:100%;										/* zorgt voor klikbaarheid volledige breedte uitklapkop*/
}

li ul {											/* uitklapvak*/
position: relative;
display: none;
padding: 0px;
margin: 0px;
list-style: none;
text-indent: 4px;
}

.click {
background-color: #ffffff;						/* achtergrondkleur hoofdvak bij hover in uitklapvak*/
color: #005000;									/* tekstkleur hoofdvak bij hover in uitklapvak*/
}

.click ul { display: block; }					/* type weergave uitklapmenu*/

.hover, ul li a:hover {							/* hover hoofdkoppen die uitklappen*/
cursor: pointer;
background-color: #ffffff;						
color: #005000;
}

li ul li.hover, li ul li.hover a:hover {		/* hover tekst uitklapmenu*/
background-color: #ffffff;
color: #005000;
}

li a { width:100%; }

li a, li ul li a, li.hover ul li a {			/* hover hoofdkop die niet uitklapt*/
background-color: #005f00;
color: #ffffff;
text-decoration: none;
}

li.hover a, li ul li.hover a {					/* hover bg-color hoofdkop die niet uitklapt en uitklapmenu*/	
background-color: #ffffff;					
color: #005000;
text-decoration: none;
}

#container {									/* zorgt voor doorlopende groene rechter-rand*/
float: right;
width: 640px;
border-right-width: 5px;
border-color: #005f00;
}

.vlag {											/* uitlijning vlaggen in menubalk */
margin-top: 70px;
margin-left: 5px;
padding: 10px;
border: none;
}
/* EINDE UITKLAPMENU */

#adres {										/*adresgegevens in footer*/
clear: both;
width: 610px;
height: 20px;
padding-top: 5px;
padding-left: 30px;
border-top-width: 1px;
border-bottom-width: 1px;
border-color: #005000;
font-size: 0.70em;
}

#adres img { padding-left: 17px; padding-right: 17px; margin: 0; } /* uitlijning groene bolletjes in footer; padding wordt opgeteld bij margin-left/right 10px in standaard.css */

/* links in menupad bovenaan pagina en navigatie onderaan pagina */
.route:link			{ background-color: #ffffff; color: #005000; text-decoration: none; }
.route:visited		{ background-color: #ffffff; color: #005000; text-decoration: none; }
.route:hover		{ background-color: #ffffff; color: #005000; text-decoration: underline; }
.route:active		{ background-color: #b4b4b4; color: #000000; text-decoration: none; }

/* links home en contact */
.naam:link			{ background-color: #005f00; color: #ffffff; text-decoration: none; }
.naam:visited		{ background-color: #005f00; color: #ffffff; text-decoration: none; }
.naam:hover			{ background-color: #ffffff; color: #005000; text-decoration: none; }
.naam:active		{ background-color: #b4b4b4; color: #000000; text-decoration: none; }

.rechts				{ padding-left: 532px; margin: 0; } /* uitlijning "home" en "contact" bovenaan pagina*/