/********** Global Styles **********/

html, body {
border: 					0;
margin: 					0;
padding: 					0;
font:							verdana bold;
font-size:				9px;
}

/******** VMH css ********/
body {
	background: 		#600554;
}
img {
	border:					0px;
	padding:				0px;
	margin:					0px;
}
a {
	text-decoration:none; 
	color:					#e3001a; 
	font-weight:		bold;
}

div.top {
	position: 			relative;
	z-index:				1;
	background: 		#ffffff;
	height:					139px;
	top:						0px;
}
div.top-img {
	position: 			relative;
	z-index:				2;
	margin: 				0 auto;
	top:						0px;
	width:					912px;
}
div.logo {
	position: 			absolute;
	z-index:				3;
	margin:					0 auto;
	top:						45px;
	left:						39px;
}
div.news {
	position: 			absolute;
	z-index:				4;
	margin:					0 auto;
	top:						170px;
	left:						100px;
  height:         28px;
  width:					750px;
	padding:				3px 20px 0px 20px;
  background:     #fcd8b6;
	text-align:			left;
  font-size:			18px;
	font-family:		verdana;
	font-weight:    normal;
	color:					red;
}

/************* Styles for Headers  *************/
#header {			/* Warning: not printed out on paper */
  position:       absolute;
	z-index:				5;
  color:					#FFFFFF;
  background:     #e3001a;
  height:         25px;
  width:					100%;
  left:						0px;
  top:						139px; 
	text-align:			center;
  font-size:			12px;
	font-family:		verdana;
	font-weight:    bold;
}
.menu {
	z-index: 				6;
	font-family: 		tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
	width:					850px;
	height:					25px;
	background:			transparent;
	position:				relative; 
	margin: 				0 auto;
  font-size:			12px;
}

/* get rid of the default padding - margin and bullets */
.menu ul {
	padding:				0; 
	margin:					0px;
	list-style-type:none;
}
/* make menu horizontal */
.menu ul li {
	float:					right;
	position:				relative;
	border-right: 	0px solid #e85c0f;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
	display:				block; 
	text-decoration:none; 
	color:					white; 
	height:					25px;
	font-weight:		bold;
	border:					0px;
	background:			transparent; 
	padding-left:		10px; 
	line-height:		25px;
	margin-right:		0px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
	width:					auto;
	w\idth:					auto;
}
/* hide the drop down menu */
.menu ul li ul {
	display: 				none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
	margin:					-1px; 
	border-collapse:collapse;
	font-size:			1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
	color:					white; 
	border-bottom:	0px;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
	display:				block; 
	position:				absolute; 
	top:						1.2em;
	margin-top:			11px;
	left:						0; 
	width:					96px;
	border:					0px;
	background:			#e85c0f;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:				block; 
	background:			transparent; 
	width:					96px;
	color:					white; 
	border:					0;
	margin:					0;
	font-weight:		normal; 
	font-size:			0.9em;
	height:					auto; 
	line-height:		1em; 
	padding:				5px; 
	width:					auto;
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
	background:			#e3001a; 
	color:					white;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
	background:			#e85c0f;
	filter: 				alpha(opacity=85);
	opacity:				0.85;
	-moz-opacity:		0.85;
	width:					96px;
	margin-top:			10px; /* for IE5.5 faulty box model */
	marg\in-top:		11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
	width:					96px; /* for IE5.5 faulty box model */
	w\idth:					86px; /* for IE6 */
}

#frame {
	position: 			relative;
	z-index:				1;
	background: 		white; 
	width:					912px;
	min-height:			600px;
	top:						60px;
	margin:					0 auto;
	text-align:			left;
}
#frame input.rounded {
	position: 			relative;
	z-index:				4;
	margin:					0px;
	top:						15px;
	right:					90px;
	float:          right;
	border: 				0;
	background: 		url(../images/zoeken.gif) top left no-repeat;
 	width: 					153px;
	height: 				14px;
	padding: 				6px 0px 8px 6px;
	color: 					black;
	font:						verdana bold;
	font-size:			12px;
}
#frame input.zoekobject {
	position: 			absolute;
	z-index:				4;
	margin:					0px;
	top:						15px;
	right:					20px;
	float:          right;
	border: 				0;
}
#frame a.twitter {
	position: 			absolute;
	z-index:				4;
	margin:					0px;
	top:						47px;
	right:					96px;
	height:					20px;
	float:          right;
	border: 				0;
}

#sidebar {			/* Warning: not printed out on paper */
	position: 			relative;
	z-index:				9;
  background: 		white;
	width:          265px;
  height:					500px;
	border-left	:   1px solid #e6e6e7;
  top:						45px;
	float:          right;
  clear:          both;
}

#sidebar div.kaart {
	position: 			relative;
	padding: 				0px 20px 0px 0px;
	margin:					0 auto;
	float:					right;
}
#sidebar div.makelaars {
	position: 			relative;
	top:						10px;
	padding:				0px 0px 0px 10px;
	margin-left:		0px;
  line-height: 		20px;
	font-size:			12px;
	font-family:		verdana;
	font-weight:    bold;
	color:					#000000;
}
#sidebar div.telefoon {
	position: 			relative;
	top:						7px;
	padding:				0px 0px 0px 33px;
	margin-left:		0px;
  line-height: 		14px;
	font-size:			11px;
	font-family:		verdana;
	font-weight:    bold;
	color:					#e3001a;
}
#sidebar div.makelaars img {
	vertical-align:	middle;
}
#sidebar  div.makelaars a:link,
#sidebar  div.makelaars a:visited {
  color:   	        black;
  text-decoration:	none;
	margin:						0 auto;
}

div.venster {			/* Warning: not printed out on paper */
	border: 				1px solid white;
	position: 			relative;
	z-index:				8;
  background: 		white;
	width:          620px;
  top:						10px;
	left:						20px;
}

div.venster div.breadcrumb {
	position: 			absolute;
	height:					20px;
	padding: 				0px;
	margin:					0 auto;
	float:					left;
}
#bread {
	color: 					black;
	background-color: white;
	padding: 				0px 3px 0px 3px;
	margin-bottom: 	10px;
}
#bread ul {
	margin-left: 		0;
	padding-left: 	0;
	display: 				inline;
	border: 				none;
} 
#bread ul li {
	margin-left: 		0;
	padding-left: 	2px;
	border: 				none;
	list-style: 		none;
	display: 				inline;
}
#bread-gen ul li:before {
	content: 				"\0020 \0020 \0020 \00BB \0020";
	color: 					#ff9;
}
#bread-gen ul li.first:before {
	content: 				" ";
}

div.venster div.scherm {
	position: 			relative;
	top:						20px;
	padding:				0px 0px 30px 0px;
	margin-left:		0px;
	font-size:			11px;
	font-family:		verdana;
	font-weight:    normal;
	color:					#000000;
}
div.venster div.scherm  h1{
	font-size:			12px;
	font-family:		verdana;
	font-weight:    bold;
	color:					#e3001a;
}
div.venster div.scherm  h2{
	font-size:			11px;
	font-family:		verdana;
	font-weight:    bold;
	letter-spacing:	0.4px;
	text-align:			center;
	text-decoration:none;
}
div.venster div.scherm  p{
	line-height:		14px;
	width:					570px;
	letter-spacing:	0.4px;
	margin-bottom:	12px;
}

#footer {
	position: 			relative;
	z-index:				9;
	background: 		url(../images/footer.gif) no-repeat;
	width:					912px;
	height:					33px;
	top:						60px;
	margin:					0 auto;
	text-align:			left;
}
#footer div.footertekst {
	position: 			absolute;
	z-index:				10;
	width:					916px;
	padding: 				9px 0px 0px 35px;
	margin:					0 auto;
	text-align:			left;
	color: 					#ffffff;
	font-family:		Verdana;
	font-size:			9px;
}
#footer div.footertekst a:link,
#footer div.footertekst a:visited {
  color:   	        white;
  text-decoration:	none;
	margin:						0 auto;
}
#footer div.footertekst a:hover {
  color:          	#e85c0f;
  background:     	transparent;
  text-decoration:	none;
}
#footer div.logo-footer {
	position: 			relative;
	z-index:				11;
	margin:					0 auto;
	float:					right;
}