
body,html {
	background-color	: rgb(255,255,255); 	/* wit */
	color							: rgb(0,0,0);					/* zwart */
	font-family				: Trebuchet MS, Arial;
	font-size					: 12px;
	margin						: 0px;
}

img#achtergrond {
	position					: absolute;
	right						: 0px;
	bottom						: 28px;
	z-index						: -1; /* Dit zet het plaatje in FF achter de achtergrond! */
}



div#site {
	position					: absolute;
	
  left							: 50%;
  top								: 50%;
  width							: 1000px;
  height						: 600px;
  margin-left				: -500px; /* half of width */
  margin-top				: -300px;  /* half of height */
	
}

div#datumtijd {
	position					: absolute;
	top								: 5px;
	left							: 3px;
	color							: rgb(255,255,255);
	background-color	: rgb(52,6,87);
	font-family				: verdana, sans-serif;
	font-size					: 9px;	
	width							: 156px;
}

/***** Navigatie Balk cq. Breadcrumbs ***********/

div#breadcrumbs {
	position					: absolute;
	top								: 5px;
	left							: 170px;
	color							: rgb(0,0,0);
	font-size					: 9px;
}

div#breadcrumbs td {
	height						: 1em;
}

div#breadcrumbs div {
	cursor: pointer;
}

/***** /Navigatie Balk cq. Breadcrumbs ***********/

div#homebutton {
	position					: absolute;
	top								: 152px;
	left							: 10px;
	color							: rgb(255,255,255);
	background-color	: rgb(52,6,87);
	font-size					: 10px;
	width							: 100px;
	cursor						: pointer;
}
	

img#leiboomlogo {
	position					: absolute;
	top								: 0px;
	right							: 0px;
}

img#zoombutton {
	position					: absolute;
	top								: 150px;
	left							: 77px;
	cursor						: pointer;
}

img#lokatieimg {
	position					: absolute;
	top								: 23px;
	left							: 0px;
}

img#scrollomhoog {
	position					: absolute;
	top								: 147px;
	left							: 685px;
}

img#scrollomlaag {
	position					: absolute;
	bottom						: 5px;
	left							: 685px;
}

table.mainlayout {
	background-image	: url('/Images/Basis/paarse-balk-verloop-lb.png');
	background-repeat	:	no-repeat;
	padding						: 0px;
	border-spacing		: 0px;
}

div#topmenu {
	position						: absolute;
	top									: 3px;
	left								: 470px;
	z-index							: 10;
}

div#topmenu ul{
	list-style-type			: none;
	list-style-position	: inside;
	
}

div#welkom_tekst {
	position					: absolute;
	top								: 210px;
	left							: 10px;
	text-align				: left;
	width							: 104px;
	color							: rgb(255,255,255);
	font-weight				: bold;
	font-size					: 14px;
}

/*** content, om beide td's een border, om IE uitlijning problemen te voorkomen ****/
td#content_balk {
	border						: solid;
	border-color			: rgb(52,6,87); /* paars */
	border-width			: 1px;
	border-left				: none;
	border-right			: none;
	/* width							: */
}

td#content_main {
	border						: solid;
	border-color			: rgb(52,6,87);
	border-width			: 1px;
	border-left				: none;
	/*border-right			: none;*/

		width							: 485px;

	height						: 402px; 
	overflow					: scroll;
	
}


div#content_div {
	width							: 520px; /*485px;*/

	/*width							: 560px;*/
	height						: 376px; /* zou 402px moeten zijn, ware het niet dat IE er troep van maakt */
	padding-top				: 10px; /* wederom, speciaal voor IE */
	margin-top				: 0px;
	margin-bottom			: 0px;
	overflow-y				: hidden; /* met een gewone overflow kan IE weer niet overweg met de fontsize vergroting. IE7 kan het nu al niet */
	position				: relative;

}




h1 {
	color							: rgb(240,124,25); /* oranje */
	font-size					: larger;
}


p.verder {
	color							: rgb(240,124,25); /* oranje */
	text-align				: right;
	cursor						: pointer;
}

div.tekst	span:hover{
	color	: rgb(240,124,25);
}


/*speciaal om IE ook met hovers te kunnen laten werken */

div.tekst span {behavior: url(/css/hover.htc);}

div.tekst	span.hover{
	color	: rgb(240,124,25);
}
/* /IE hover*/



div.tekst div.plaatje{
	float							: left;
	width							: 187px;
	height						: 128px;
	background-image	: url('/Images/Basis//plaatjes_homepage_schaduw_achtergrond.png');
	/*display						: inline;*/
}

div.tekst div.plaatje img{
	width							: 181px;
	height						: 121px;
	/*display						: inline;*/
}

button#nieuwe_pagina {
	left							: 0px;
	top								: 0px;
}

input#kop {
	color							: rgb(240,124,25); /* oranje */
	font-size					: larger;
}
/*** /content ****/
/*** Zoek ***/

input#zoekstring {
	position						: absolute;
	right								: 35px;
	top									: 115px;
	background-color		: rgb(252,223,191);
	border-style				: solid;
	border-width				: 1px;
	border-color				: rgb(240,124,25);
	border-right-style	: none;
	width								: 115px;
}

img#zoekbutton {
	position						: absolute;
	right								: 0px;
	top									: 112px;
	z-index							: 10;
}

span.zoekhighlight {
	background-color		: rgb(249,246,6);
}

/*** /ZOek ***/

/******* plaatsing zorg/wonen/werken/vrijwillig/zorgverlener/shop knoppen ************/
img#butt_2 {
	position					: absolute;
	top								: 62px;
	left							: 620px;/*583px;*/
	cursor						: pointer;
}
img#butt_3{
	position					: absolute;
	top								: 136px;
	left							: 720px;
	cursor						: pointer;
}
img#butt_4 {
	position					: absolute;
	top								: 215px;
	left							: 790px;
	cursor						: pointer;
}
img#butt_5 {
	position					: absolute;
	top								: 300px;
	left							: 810px;
	cursor						: pointer;
}
img#butt_6 {
	position					: absolute;
	top								: 391px;
	left							: 783px;
	cursor						: pointer;
}
img#butt_7 {
	position						: absolute;
	top									: 480px;
	/*left								: 680px;*/
	left								: 730px;
	cursor							: pointer;
}

/******* /plaatsing zorg/wonen/werken/vrijwillig/zorgverlener/shop knoppen ************/

/******* Menu styling **************/
/*
div#Menu div h1 {
	margin-left					: 11px;
	padding							: 0px;
	color								: rgb(255,255,255);
	font-size						: 14px;
	font-weight					: normal;
	font-family					: arial, sans-serif;
}
  
div#Menu div.submenu_in_niv_1 h1 a {
	text-decoration			: none;
	color								: rgb(255,255,255);
	padding-left				: 10px;						/* in die 10 pixels padding komt bij de hover het driehoekje 
}

div#Menu div.submenu_in_niv_1 h1 a:hover {
	text-decoration			: none;
	color								: rgb(52,6,87);
	background-image		: url('/Images/Basis/driehoek.png');
	background-repeat		: no-repeat;
	padding-left				: 10px;						/* zodat het driehoekje links van de tekst staat 
	background-position	: left center;
}
*/

div#hoofd_menu ul {
	padding-left				: 10px;
	margin-left					: 0px;
}

div#hoofd_menu ul ul {
	padding-left				: 20px;
}

div#hoofd_menu li {
	list-style-type			: none;
}

div#hoofd_menu li a{
	text-decoration			: none;
	color								: rgb(255,255,255);
}

div#hoofd_menu li a:hover {
	color								: rgb(52,6,87);
}


div.Menuclass {
	float								: left;
	width								: 10px;
	background-image		: url('/Images/Basis/driehoek.png');
	background-repeat		: no-repeat;
}

div.Menuclass:hover {
	float								: left;
	width								: 10px;
	background-image		: url('/Images/Basis/driehoek_wit.png');
	background-repeat		: no-repeat;
}


/******* /Menu styling **************/

td#content_balk {
	background-image	: url('/Images/Basis/oranje_balk_links.png');
}

/******* Onderbalk  **************/

div#copyrecht {
	position					: absolute;
	left							: 1px;
	bottom						: 5px;
	color							: rgb(255,255,255);
	font-size					: 9px;
	width							: 162px;
}


/******* /Onderbalk **************/
/*
.hangboven {
	background-color	: rgb(240,124,25);
}*/

/********* Formgen *************/

div.geklikt {
	border-width				: 1px;
	border-color				: rgb(252,223,191);
	border-style				: solid;
	background-color		: rgb(253,237,220);
}

div#eleminfo {
	position						: absolute;
	top									: 202px;
	background-color		: rgb(252,223,191);
	left								: 602px;
	width								: 202px;
	height							: 200px;
	padding-left				: 10px;
}

div#drop_hier {
	position						: absolute;
	top									:	0px;
	left								: 0px;
	width								: 600px;
	height							: 400px;
	border-width				: 1px;
	border-style				: solid;
	border-color				: rgb(240,124,25);
}

div#sleurbaren {
	position						: absolute;
	top									: 0px;
	left								: 602px;
	width								: 200px;
	height							: 200px;
	border-style				: solid;
	border-width				: 1px;
	border-color				: rgb(52,6,87);
	padding-left				: 10px;
}

/********* /Formgen *************/

/*** Contactformulier ***/

table.contactform Input {
	background-color		: rgb(252,223,191);
	border-style				: solid;
	border-width				: 1px;
	border-color				: rgb(240,124,25);
}

.fout {
	color								: rgb(255,0,0);
}

/*** Contactformulier ***/

/*
div#sitemap_info {
	position						: absolute;
	border-color				: rgb(0,255,0);
	border-style				: solid;
	right								: 0px;
	bottom							: 0px;
	width								: 300px;
	height							: 400px;
}
*/

/************ Menu editor **************/
div#sitemapinfo {
	position						: absolute;
	top									: 170px;
	right								: 0px;
}

td.optimized_for {
	background: url(/Images/Basis/onderrand-links_rechts.png) no-repeat;
	color: #f29647;
	font-size: 11px;
}

div#history {
	margin-left: 10px;
	color: #fff;
}