/* ------ NOTES TRUIKE
tabel: 760
-  marge L:  50 px
-  marge R:   50 px

main:         580 px
-  marge L - R: 30 px
-  marge T - B: 30 px

rijen: 
-  topbar:   225 px
-  menu:      10 px
-  main:         * px
-  adresbar: 10 px

END NOTES TRUIKE ------ *//* ------ ALGEMEEN ------ */
html,body	{ color:#000000; margin: 0; padding: 0; font-family: verdana, arial; font-size: 11px; line-height:18px; width: 100%; height: 100%; } 
td,p,div,li,input	{ color:#000000; font-family: verdana, arial; font-size: 11px; line-height:18px; } 
td	{ empty-cells:show; padding:0px;}
table	{ border-spacing:0px 0px; border-collapse:collapse; border-width:0px; margin:0px;padding:0px;}
.pre-body-overlay { background: #63944C; display: none; position:absolute; height: 100%; width: 100%; left:0; top:0; right:0; bottom:0; z-index:999; }

a	{ color:#334a28; font-family: verdana, arial; font-size: 11px; line-height:18px; } 
a:link	{ text-decoration: underline} 
a:active	{ text-decoration: underline} 
a:visited	{ text-decoration: underline} 
a:hover	{ text-decoration: none }

/* ------ PADDING EN MARGIN VALLEN BINNEN DE DIV IPV EROMHEEN ------ */
div	{ -moz-box-sizing: border-box; box-sizing: border-box;} 
/* ------ END PADDING EN MARGIN ------ */

/* ------END ALGEMEEN ------ */


/* ------ INTERFACE ------ */
body		{ background-color:#63944c; background-repeat:repeat; margin:0px; } 
#container		{ height:100%; width:762px; margin-left:-380px; background-color:#ffffff; border-left:#000000 1px solid; border-right:#000000 1px solid; position:relative; left: 50%; }

#hoofdtabel {width:760px;height:100%; }

#topbar		{background-color:#A9BB32; height:75px}
#maintekst	{background-color:#ffffff; }
#adresbar		{ background-color:#A9BB32; height:10px}
/* ------ END INTERFACE ------ */

/* ------ OPMAAK ELEMENTEN------ */
#menu	{background-color:#A9BB32; height:20px; width:680px; margin-left:60px;}
#main	{background-color:#FCFDF9; height:100%; width:680px; margin-left:60 px; padding-bottom:30px; padding-top:20px; padding-left:25px; padding-right:25px;}

#main .deTekst	{padding-top:15px; padding-left:25px;}

.aantPers	{padding-left:3px; color:#A1B231; font-style:italic;}
.terug	{text-align:right;}

#footer	{ margin-left:110px; background-color:#E9EECC; height:20px; width:680px; padding-top:5px;}
#adres	{ width:680px; text-align:center; float:left;}
#sitemap	{ width:30px; text-align:left; float:right;}
/* ------ END OPMAAK ELEMENTEN------ */

/* ------ SITEMAP ------ */
.level	{padding-left:10px; background:url('media/interface/sm-1.gif') no-repeat left top}
.endlevel	{padding-left:10px; background:url('media/interface/sm-2.gif') no-repeat left top}
/* ------ END SITEMAP------ */

/* ------ FORMULIER ------ */
.form td	{ height:22px;}
input	{ border: solid 1px #A9BB32; height:18px; width:150px;}
textarea	{ border: solid 1px #A9BB32; width:300px;}
.knopover	{ background:#A9BB32; border: #ffffff solid 1px; height:22px; width:100px;}
.knop	{ background:#ffffff; border: #A9BB32 solid 1px; height:22px; width:100px; color:#A9BB32;}

/* ------ END FORMULIER ------ */


/* ------ KLEUREN

donker groen:	A9BB32
tekst groen:	A1B231
licht groen:	E9EECC
heel licht groen:	FCFDF9

END KLEUREN ------ */

/* tooltip */
.tooltip {	
	position:absolute;
	width:340px;
	height:145px;
	z-index:999;
	left: 240px;
	top: -100px;
	text-align: left;
	background-color: #FFFFFF;
	border-width: 1px;	
	border-style: soldid;	
	border-top-color: #e4e4e4;
	border-left-color: #e4e4e4;
	border-right-color: #7d7d7d;
	border-bottom-color: #7d7d7d;	
	display: none;
}
/* hover window */
.photoinfopopup {	
	position:absolute;
	width:340px;
	height:130px;
	z-index:999;
	left: 0px;
	top: 0px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	display: none;
}
.photoinfopopupthumb {
	float: left;
	margin: 5px;
}
.photoinfopopupinfo {	
	margin: 5px;
}