html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
margin: 0; 
padding: 0; 
border: 0; 
}

body {
width: 95%;
height: 95%;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

/* Bovenste balk met logo en plaatje 'crowd' */
#logobar { 
background:#FFFFFF url('images/crowd.gif') no-repeat right top; 
margin : 10px;
left : 10px; 
top : 10px; 
width : 1250px; 
height : 135px; 
}

/* Menubalk met rolloverplaatjes, positie */
#menubar {
position : absolute;
z-index : 1;
overflow : visible;
background: white;
margin : 10px;
left : 0px; 
top: 100px;
width : 1250px;
height : 98px;
padding-left : 1px;
}

/* Hoofdgedeelte van elke pagina, positie en achtergrondkleur */
#content {
position : absolute;
background:#FFFFFF;
margin : 10px;
left : 0px; 
top : 210px;
width : 880px;
_width : 880px;
height : 500px;
overflow : auto;
padding : 5px;
}

/* Contactgegevens, positie en achtergrondkleur */
#contact {
background:#FFFFFF;
margin : 10px;
position : absolute;
left : 909px;
_left : 909px;
top : 210px;
width : 323px;
height : 280px;
padding : 5px;
}

/* Foto op elke pagina, positie */
#photo {
margin : 10px;
position : absolute;
left : 909px;
_left : 909px; 
top : 520px;
_top : 520px;
width : 321px;
height : 193px;
}

/* ondermenu */
#ondermenu {
background:#FFFFFF;
margin : 10px;
position : absolute;
top : 740px;
left : 0px;
height : 20px;
width : 1230px;
_width : 1230px;
padding : 5px;
padding-top : 1px;
}

/* links, normaal, nu grijs */
a:link {
font-size : 11pt;
font-weight: bold;
font-family: arial;
color:#ADA089;
text-decoration:none;
}

/* links, extra klein, nu grijs */
a:link.klein {
font-size : 10pt;
font-weight: bold;
font-family: arial;
color:#ADA089;
text-decoration:none;
}

/* links waar je geweest bent, nu grijs */
a:visited {
font-size : 11pt;
font-weight: bold;
font-family: arial;
color:#ADA089;
text-decoration: none;
}

/* links waar de cursor boven hangt, nu donkerblauw */
a:hover {
font-size : 11pt;
font-weight: bold;
font-family: arial;
color: #568A9E;
text-decoration:none;
}

/* links waar de cursor boven hangt,extra klein, nu donkerblauw */
a:hover.klein {
font-size : 9pt;
font-weight: bold;
font-family: arial;
color: #568A9E;
text-decoration:none;
}

/* link die actief is, nu donkerblauw */
a:active {
font-size : 11pt;
font-weight: bold;
font-family: arial;
color: #568A9E;
text-decoration:none;
}

/* platte tekst, nu grijs */
p {
font-family : Arial;
font-size: 11pt;
color : #ADA089;
}

/* vette zwarte tekst */
p.black {
font-family : Arial;
font-size: 11pt;
color : black;
font-weight : bold;
}

/* grijze bollen */
.emgrey {
font-family : Arial;
font-size: 9.8pt;
font-weight : bold;
font-style : normal;
color : #ADA089;
}

/* blauwe bollen */
.emred {
font-family : Arial;
font-size: 9.8pt;
font-weight : bold;
font-style : normal;
color : #568A9E;
}

/* Tekstkoppen, nu donkerblauw */
H1 {
font-family : Arial;
font-size: 14pt;
font-weight : bold;
color : #568A9E;
}

/* Tussenkoppen, nu donkerblauw */
H2 {
font-family : Arial;
font-size: 11pt;
font-weight : bold;
color : #568A9E;
}

/* Tussenkoppen cursief, nu donkerblauw */
H3 {
font-family : Arial;
font-size: 11pt;
font-weight : bold;
font-style : italic;
color : #568A9E;
}

/* ------------ Dropdown menu --------- */


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 
}

ul.dropdown li {
 float: left;
 line-height: 20px;
 vertical-align: middle;
 zoom: 1;
 
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 90px;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 0px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 1px 0px;
	 border-style: solid;
	 border-width: 0px 0px 0px 0;
	 background-color: #568A9E;
	 color: white;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #1F2760;
	 color: white;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: white; text-decoration: none; }
	ul.dropdown a:hover		{ color: white; }
	ul.dropdown a:active	{ color: #568A9E; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 210px;
	 margin-top: 0px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		 padding-left: 10px;}
		}


/* Set up the top level list items and float left to place inline */
.dropdown-horizontal li.top {display:block; float:left; position:relative; }

/* Default top link link styling */
.dropdown-horizontal li.top a.top_link {display:block; float:left; height:88px; }

/* pre-load the hover images into the lists */
.dropdown-horizontal li.p1 {width:150px; margin-right: 6px; background:url('images/foto-menu-home-2.jpg') no-repeat;;}
.dropdown-horizontal li.p2 {width:150px; margin-right: 6px; background:url('images/foto-menu-algemeen-2.jpg') no-repeat;;}
.dropdown-horizontal li.p3 {width:150px; margin-right: 6px; background:url('images/foto-menu-diensten-2.jpg') no-repeat;;}
.dropdown-horizontal li.p4 {width:150px; margin-right: 6px; background:url('images/foto-menu-klanten-2.jpg') no-repeat;;}
.dropdown-horizontal li.p5 {width:150px; margin-right: 6px; background:url('images/foto-menu-bureau-2.jpg') no-repeat;;}
.dropdown-horizontal li.p6 {width:150px; margin-right: 6px; background:url('images/foto-menu-links-2.jpg') no-repeat;;}
.dropdown-horizontal li.p7 {width:150px; margin-right: 6px; background:url('images/foto-menu-inspiratie-2.jpg') no-repeat;;}
.dropdown-horizontal li.p8 {width:150px; margin-right: 6px; background:url('images/foto-menu-contact-2.jpg') no-repeat;;}
 
/* set up the normal unhovered images in the links */
.dropdown-horizontal li a#home {width:150px; background:url('images/foto-menu-home.jpg') no-repeat;}
.dropdown-horizontal li a#algemeen {width:150px; background:url('images/foto-menu-algemeen.jpg') no-repeat;}
.dropdown-horizontal li a#diensten {width:150px; background:url('images/foto-menu-diensten.jpg') no-repeat;}
.dropdown-horizontal li a#klanten {width:150px; background:url('images/foto-menu-klanten.jpg') no-repeat;}
.dropdown-horizontal li a#bureau {width:150px; background:url('images/foto-menu-bureau.jpg') no-repeat;}
.dropdown-horizontal li a#links {width:150px; background:url('images/foto-menu-links.jpg') no-repeat;}
.dropdown-horizontal li a#inspiratie {width:150px; background:url('images/foto-menu-inspiratie.jpg') no-repeat;}
.dropdown-horizontal li a#contactm {width:150px; background:url('images/foto-menu-contact.jpg') no-repeat;}
 
/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.dropdown-horizontal li a#home:hover, .dropdown-horizontal li:hover a#home, 
.dropdown-horizontal li a#algemeen:hover, .dropdown-horizontal li:hover a#algemeen, 
.dropdown-horizontal li a#diensten:hover, .dropdown-horizontal li:hover a#diensten, 
.dropdown-horizontal li a#klanten:hover, .dropdown-horizontal li:hover a#klanten, 
.dropdown-horizontal li a#bureau:hover, .dropdown-horizontal li:hover a#bureau,
.dropdown-horizontal li a#links:hover, .dropdown-horizontal li:hover a#links,
.dropdown-horizontal li a#inspiratie:hover, .dropdown-horizontal li:hover a#inspiratie,
.dropdown-horizontal li a#contactm:hover, .dropdown-horizontal li:hover a#contactm    {background:transparent;}
 
/* Style the list OR link hover. Depends on which browser is used */
.dropdown-horizontal a:hover {visibility:visible;} /* for IE6 */
.dropdown-horizontal li:hover { position:relative; z-index:200;} /* for IE7 */