body {
background-color: #ffffff;
margin: 0; 
padding: 0;
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-weight: normal;
color: #000000;
}

div {
border: 0px solid black;
margin: 0; 
padding: 0;
background-color: #ffffff;
color: #000000;
}

img { border: none; }

h1, h2 { padding: 0; margin: 0; }

/* De Lachende Olifant */
h1 {
padding-left: 150px;
font-size: 35px;
font-weight: normal;
letter-spacing: 0.180cm;
color: #ffffff;
background-color: #960000;
}

/* webdesign en teksten */
h2 {
padding-left: 150px;
font-size: 17px;
color: #ffffff;
font-weight: normal;
letter-spacing: 0.150cm;
background-color: #960000;
}

/* box De Lachende Olifant */
#header {
width: 100%;
height: 45px;
margin-top: 20px;
background-color: #960000;
border-top-width: 7px;
border-color: #760000;
color: #ffffff;
}

/* box websitebouwbedrijf */
#activiteit {
width: 100%;
height: 37px;
background-color: #960000;
color: #ffffff;
}

#logo {
width: 130px;
height: 107px;
position: absolute; top: 27px; left: 0px;
}

#menubalk {
width: 100%;
height: 25px;
background-color: #b4b4b4;
border-bottom-width: 1px;
border-color: #960000;
color: #000000;
}

/* HIERONDER UITKLAPMENU */
.uitklapmenu li {
float: left;
width: 155px; 		/* breedte hoofdvak EN uitklapvak  */
background-color: #b4b4b4;
color: #000000;
}

.uitklapmenu li ul {
position: absolute;
top: 25px;			/* afstand uitklapvak tot hoofdvak */
left: 0px;
width: 155px;
}

.uitklapmenu li ul li {
float: none;
width: 155px;
background-color: #b4b4b4;
color: #000000;
border-bottom: 1px solid #960000; /* witte rode horizontale lijnen in uitklapvak */
}

.rand { border-top: 1px solid #960000; } /* bovenste rode hor. lijn in uitklapvak */

#menu {
position: relative;
width: 800px;
z-index: 100;
top: 0;
left: 0;
margin: 0px;
list-style: none;
font-size: 0.80em;
padding-left: 150px;
line-height: 25px;			/* gebruik line-height voor automatische verticale centrering van de tekst */
}

li ul {
position: relative;
display: none;
padding: 0px;
margin: 0px;
list-style: none;
text-indent: 4px;
line-height: 20px;
}

li {
position: relative;
padding: 0px;
margin: 0px;
}

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

.click ul {
display: block;
}

.hover, ul li a:hover { /* hover hoofdkop */
cursor: pointer;
background-color: #b4b4b4; 
color: #000000;
}

li ul li.hover, li ul li.hover a:hover { /* achtergrondkleur hover uitklapvak */
background-color: #960000;
color: #ffffff;
}

li a {
width: 100%;
}

li a, li ul li a, li.hover ul li a{
text-decoration: none;
color: #000000; /* tekstkleur hoofkoppen die NIET uitklappen en tekstkleur in uitklapvak */
background-color: #b4b4b4;
}

li.hover a, li ul li.hover a {
color: #ffffff; /* tekstkleur hover uitklapvak */
background-color: #960000;
text-decoration: none;
}

#footer {
clear: both;
height: 25px;
line-height: 24px;
background-color: #b4b4b4;
border-top-width: 1px;
border-bottom-width: 1px;
border-color: #960000;
color: #000000;
}

#footerwrap	{ width: 850px; background-color: #b4b4b4; color: #000000; }
.footer1	{ margin-left: 150px; width: 270px; }	/* algemene voorwaarden */
.bol1		{ margin-left: 50px; }					/* rode bolletje */
.footer2	{ margin-left: 50px; }					/* e-mailadres */
.bol2		{ margin-left: 52px; }					/* rode bolletje */
.footer3	{ margin-left: 52px; }					/* disclaimer */

/* links in footer */
.footerlink:link			{ background-color: #b4b4b4; font-size: 0.8em; color: #000000; text-decoration: none; }
.footerlink:visited			{ background-color: #b4b4b4; font-size: 0.8em; color: #000000; text-decoration: none; }
.footerlink:hover			{ background-color: #b4b4b4; color: #000000; text-decoration: underline; }
.footerlink:active			{ color: #000000; background-color: #6e6e6e; text-decoration: none; }