/**  **/
/* CSS Document */

html {}
body {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 0;
color: ;
height: 100%;
}
#maincontainer {
text-align: left;
margin: 0 auto 0 auto;
width: 985px;
height: 100%;
min-height: 100%;
position: relative;
}
#middle {
min-height: 508px;
margin: 10px 0px 0px 0px;
}
.tweekolom {
background-repeat: no-repeat;
}

form {
  margin: 0; 
}

/** left **/

#sub_navigation {
float: left;
width: 207px;
min-height: 508px;
}

.formtekst {
font-size: 1em;
padding: 0px 0px 0px 5px; 
}
#formbutton {
text-align: right;
padding: 3px 4px 3px 2px;
}

/** Center **/

#center {
padding: 0px 0px 0px 8px;
min-height: 508px;
height: 100%;
line-height: 1.6;
}
.centerhome {
margin: 0px 235px 0px 217px;
border-right: solid 1px #000066; border-left: solid 1px #000066;
}
#centerhometekst {
margin: 4px;
}
.centervervolg01{
margin: 0px 0px 0px 217px;
border-left: solid 1px #000066;
}
.centervervolg02{
margin: 0px 0px 0px 417px;
border-left: solid 1px #000066;
}
#centerkolom {
line-height: 1.6;
position: relative;
height: 100%;
float: left;
left: 11px;
width: 199px;
border-top: solid 1px #000066;
}
#centerkolomafbeelding {
height: 200px;
background-color: red;
background-position: 50% 50%;
margin: 0px 0px 10px 0px;
}
#breadcrumbs {
position: relative;
top: -20px;
font-size: 0.8em;
height: 0px;
}
#column2 {
position: relative;
top: 0px;
margin: 0px;
}

#contentdiv {
height: 100%;
width: 450px;
}
#contentdiv.breed {
width: 760px;
}
#newsdiv {
height: 100%;
width: 293px;
}

#disclaimerbar {
position: relative;
top: 0px;
clear: both;
font-size: 10px;
}
#rechterlinks {
position: absolute;
right: 0px;
top: 0px;
}
#rechterlinks ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#rechterlinks li {
float: left;
white-space: nowrap;
margin: 0px;
}
#rechterlinks a {
color: ;
display: block;
padding: 0.3em 2px 0.18em 6px;
}
#rechterlinks a:link, rechterlinks a:visited, rechterlinks a:active  {
color: ;
text-decoration: none;
}
#rechterlinks a:hover{
color: #000000;
text-decoration: none;
}
#right {
float: right;
width: 220px;
min-height: 508px;
padding: 0px 0px 10px 10px;
}

/**  form  **/

#formleft {
position: relative;
left: 0px;
top: 0px;
width: 349px;

height: 500px; 
border-right: solid 1px #000066;
}

#formright {
position: relative;
left: 359px;
width: 349px;
border-width: 0px; 
border-color: #FFFFFF; 
}

#formright.smallmap {
top: -500px;
}
#formright.largemap {
top: 150px;
}

#map {
  left: 0px; 
  top: 0px; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #000000; 
  background: none transparent;
  overflow: hidden;
}

#map.smallview {
  width: 350px; 
  height: 300px; 
}  
  
#map.largeview {
  width: 700px; 
  height: 600px; 
}  

#map.smalledit {
  width: 350px; 
  height: 300px; 
}  
  
#map.largeedit {
  width: 700px; 
  height: 600px; 
}  


#map.smallmap { 
  width: 350px; 
  height: 250px; 
}  
  
#map.largemap {
  width: 675px; 
  height: 485px; 
}  

#map.smalledit div img { cursor: pointer; } 
#map.smallview div img { cursor: hand; } 
#map.largeedit div img { cursor: pointer; } 
#map.largeview div img { cursor: hand; } 
/**
#map.edit div img { cursor: default; } 
#map.view div img { cursor: pointer; } 
**/

#messagediv.message {
  border: 0px;
  border-color: #FFFFFF; 
  font-size: 10px;
	font-style:       italic;
  color: #56a835;
}
#messagediv.error {
  border-right: solid 1px #ff0000; border-left: solid 1px #ff0000;
  border-top: solid 1px #ff0000; border-bottom: solid 1px #ff0000;
  font-weight: bold; 
  font-size: 10px;
  text-align: center;
  color: #AA0000;
	background-color:	#f0fa66;
  padding: 0.5em 0px 0.6em 0px;
}

.translate {
  color: #DD0000;
}

textarea {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

/**solid 1px #56a835; 
/** header **/

#header {
	height: 150px;
/**	background-image: url(gfx/headerachter.gif);
/**	background-repeat: repeat-x; **/
}
#laag02 {
width: 985px;
height: 129px;
background-image: url(gfx/headerlaag02.gif);
background-repeat: no-repeat;
}
#laag03 {
width: 985px;
height: 40px;
}

.headerimage {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}

#logorechts {
float: right;
margin: 42px 0px 0px 0px;
width: 235px;
}
#zoek {
float: left;
position: relative;
left: 50px;
top: -20px;
width: 150px;
height: 20px;
}

/** foto's header **/

#fotomenu {
width: 600px;
height: 90px;
position: relative;
top: 39px;
left: 150px;
}
#fotobalk {
position: relative;
left: 0px;
top: 0px;
}
.topimage {
width: 100px;
height: 70px;
float: left;
}
#beeld01 {
	background-image: url(gfx/afbeelding01.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#beeld02 {
	background-image: url(gfx/afbeelding02.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;}
#beeld03 {
	background-image: url(gfx/afbeelding03.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;}
#beeld04 {
	background-image: url(gfx/afbeelding07.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;}
#beeld05 {
	background-image: url(gfx/afbeelding05.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;}
#beeld06 {
	background-image: url(gfx/afbeelding06.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;}

/** horizontale navigatie **/

#menubalk {
font-weight: bold; font-size: 10px;
position: relative;
width: 980px;
height: 22px;
top: 0px;
left: 0px;
/* background-color: #000066; */
}

#navigatiehorizontaal {
font-weight: bold; font-size: 10px;
position: relative;
width: 980px;
height: 22px;
left: 0px;
background-color: #FF9933;
}

#navigatiehorizontaal ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#navigatiehorizontaal li {
float: left;
white-space: nowrap;
margin: 0px;
padding: 0;
}
#navigatiehorizontaal a {
display: block;
padding: 0.3em 8px 0.18em 8px;
color: #ffffff;
}
#navigatiehorizontaal a:link, navigatiehorizontaal a:visited {
color: #ffffff;
text-decoration: none;
}
#navigatiehorizontaal a:hover, navigatiehorizontaal a:active {
color: #000000;
text-decoration: none;
}

#languagediv {
position: relative;
/* top: 30px; */
font-size: 0.8em;
width: 290px;
left: 690px;
top: -22px;
height: 21px;
background-color: #CCFFFF;
border-bottom: solid 1px #000066; 
}

#languagediv td {
padding: 0.5em 0px 0.6em 0px;
text-align: center;
}


/** Navigatie verticaal **/
.form {
height: 10px;
width: 100px;
}
#sitewide02 {
font-weight: bold; font-size: 10px;
float: left;
}
#sitewide02 ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#sitewide02 li {
margin: 0px;
}
#sitewide02 a {
display: block;
padding: 0.4em 2px 0.4em 6px;
}
#sitewide02 a:link, sitewide02 a:visited {
color: #0000FF;
text-decoration: none;
}
#sitewide02 a:hover, sitewide02 a:active {
color: #000000;
text-decoration: none;
}

/** hoofdmenu links **/

#hoofdmenulinks {
font-weight: regular; font-size: 0.9em;
text-align: right;
border-top: solid 1px #000066;
}
#hoofdmenulinks ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#hoofdmenulinks li {
margin: 0px;
}
#hoofdmenulinks a {
display: block;
padding: 0.5em 0px 0.6em 0px;
border-bottom: solid 1px #000066; 
}
#hoofdmenulinks a:link, hoofdmenulinks a:visited {
color: #026294;
text-decoration: none;
}
#hoofdmenulinks a:hover, hoofdmenulinks a:active {
color: #5f7661;
text-decoration: none;
}

/** submenulinks **/

#submenulinks {
font-weight: regular; font-size: 0.9em;
text-align: right;
}
#submenulinks ul {
margin: 0px;
padding: 0px 15px 0px 0px;
list-style-type: none;
}
#submenulinks li {
margin: 0px;
}
#submenulinks a {
display: block;
padding: 0.5em 0px 0.6em 0px;
}
#submenulinks a:link, submenulinks a:visited {
color: #026294;
text-decoration: none;
}
#submenulinks a:hover {
color: #5f7661;
text-decoration: none;
}
submenulinks a:active {
color: #5f7661;
text-decoration: none;
font-weight: bold;
}

#flashlogo {
float: right;
}
#fotobalk {
flaot: left;
width: 745px;
clear: right;
height: 70px;
margin: 0px 0px 0px 0px;
}
#menubalk {
height: 15px;
}

/** einde header **/

/** Footer **/

#bottom {
clear: both;
height: 105px;
margin: 0px 0px 0px 53px;
text-align: center;
}
#bottom a {
border: 0;
}
#creditbar {
background-color: #56a835;
font-size: 10px; font-weight: bold;
padding: 3px 0px 3px 0px;
color: #ffffff;
clear: both;
}
.bottomimage {
border: 0px;
}

/** Diverse tekst **/ 

h1 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000066;
}

h1.titel {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
color: #0000aa;
}

.h1 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000066;
}
.rechtslijnend {
text-align: right;
}
h2 {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #000066;
}
h3 {
background-color: #000066;
background-repeat: no-repeat;
color: #ffffff;
font-size: 1.0em;
padding: 4px 3px 5px 10px;
}
h4 {
background-color: #000066;
background-repeat: no-repeat;
color: #ffffff;
font-size: 1.0em;
padding: 4px 3px 5px 10px;
}
h5 {
font-size: 1.0em;
padding: 0px 0px 0px 0px;
}
h6 {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color: #0000ff;
padding: 0px 0px 0px 0px;
}
.arrowdown {
background-image: url(gfx/arrowdown.gif);
background-repeat: no-repeat;
padding: 2px 0px 2px 25px;
background-position: 0% 50%;
}
.arrowright {
background-image: url(gfx/arrowright.gif);
background-repeat: no-repeat;
padding: 3px 0px 3px 25px;
background-position: 0% 50%;
display: block;
}
.top {
background-image: url(gfx/top.gif);
background-repeat: no-repeat;
padding: 3px 0px 3px 20px;
background-position: 0% 50%;
display: block;
clear: right;
}
.top a:visited {
text-decoration: none;
}
a:link {
	color: #026294;
	text-decoration: none;
}
a:visited {
	color: #026294;
	text-decoration: none;
}
a:hover, a:active {
	color: #5f7661;
	text-decoration: underline;
}
h4 a:link {
	color: #ffffff;
	text-decoration: none;
}
h4 a:visited {
	color: #ffffff;
	text-decoration: none;
}
h4 a:hover, a:active {
	text-decoration: underline;
}
hr {
border: 0;
color: #000066;
background-color: #000066;
height: 1px;
}

#form_errors {
	padding:				12px;
	color:					#FF0000;
	border:					1px solid red;
	}

table {
	width:					100%;
	font-size:			10px;
}

table tr td a{
	}
	
table tr td a:hover{
	font-weight:			bold;
	text-decoration:		none;
	font-weight:			normal;
	color: 					#5F7661;
	}

img.selected {
	border:					1px solid red;
	color: blue;
	background-color: 		#e7ffe7;
}

img.normal {
	border:					0px;
	color: blue;
	background-color: transparent;
}

/****************************/

.table_data {
	width:					700px;
	border-left:			1px solid #dfdfdf;
	border-top:				1px solid #dfdfdf;
	border-right:			1px solid #b2b2b2;
	border-bottom:			1px solid #b2b2b2;
	font-size:				10px;
	color:					#5b5b5b;
  border-spacing: 0px;
	background-color: #e7e7e7;
	}

.table_data th {
	padding-left:			3px;
	padding-right:		3px;
	background-color: #e7e7e7;
	border-left:			0px solid #fff;
	border-top:				1px solid #FFF;
	border-bottom:		1px solid #FFF;
	border-right:			1px solid #FFF;
	text-align:				left;
	height:					  20px;
	color:					  #000066;
	}

.table_data tr {
	height:					  16px;
}

.table_data td {
	padding-right:		0px;
	border-left:			1px solid #dfdfdf;
	border-bottom:		0px;
	border-right:			1px solid #FFFFFF;
	padding-left:			1px;
	background-color:	#e7e7e7;
	}
	
/****************************/
	
.table_list {
	width:					210px;
	font-size:			9px;
	color:					#306010;
  border-spacing: 0px;
	}

.table_list th {
	padding-left:			0px;
	padding-right:		0px;
	background-color: #e7e7e7;
	border-left:			0px solid #fff;
	border-top:				1px solid #FFF;
	border-bottom:		1px solid #FFF;
	border-right:			1px solid #FFF;
	text-align:				left;
	height:					  20px;
	color:					 #000066;
	}

.table_list tr {
  background-color:   #e7e7e7;
  }

.table_list td {
	padding-right:		0px;
	border-top:		  	0px;
	border-left:			0px;
	border-bottom:		1px solid #FFF;
	border-right:			0px;
	padding-left:			1px;
	}
	
.table_list td a {
  text-decoration: none;
	}

.table_list tr.rec0 {background-color: #CCFFFF }
.table_list tr.rec1 {background-color: #e6faff }
.table_list tr.rec3 {background-color: #e7e7e7 }
.table_list tr.rec2 {background-color: #ffff66}
	
/****************************/
	
.table_form {
	width:					100%;
	font-size:			10px;
	color:					#5b5b5b;
	background-color:	#CCFFFF;
	}

.table_form th {
	padding-left:			2px;
	padding-right:		2px;
	border-left:			0px solid #fff;
	text-align:				left;
	color:					  #000066;
	}

.table_form tr.groupbar {
	background-color:	#fafad4;
	}

.table_form td {
	padding-right:		1px;
	padding-left:			2px;
	}

.table_form td.head {
	text-align:				right;
	color:					  #000066;
	}


.table_form td.nopad {
	padding-right:		0px;
	padding-left:			0px;
	padding-top:		  0px;
	padding-bottom:		0px;
	}
	
.table_form td.leftline {
	padding-right:		0px;
	padding-left:			5px;
	padding-top:		  0px;
	padding-bottom:		0px;
	border-left:			1px solid #000066;
	}

.table_form td.tflabel {
	font-style:       italic;
	width:            70px;
	}

.table_form td.data {
	color:					  #115577;
	}

.table_form td.tflabelr {
	font-style:       italic;
	width:            65px;
	text-align:				right;
	}

	.table_form td.tflabel2 {
	font-style:       italic;
	}

.table_form td.soortaan {
  background-color: #56a835;
  color: #ffffff;
}  

.table_form td.soortaan a {
  color: #ffffff;
}  

.table_form td.soortuit {
  color: #000000;
}  

/****************************/

.soortaan a:visited {
  text-decoration: none;
}
.soortaan a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.soortaan a:visited {
	color: #DDDDDD;
	text-decoration: none;
}
.soortaan a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.soortuit a:hover {
	color: #56a835;
	text-decoration: underline;
}

/****************************/
/*  BEGIN TABLE TREEVIEW   */
/*--------------------------*/
.tree {
  text-align: left;
  padding-left:0pt;
}

.tree tr { font-size:10pt }
.tree tr.map{ font-size:10pt; font-style:italic; }
.tree tr.pagina{ background-color:#eeeeee; font-style:normal; font-size:9pt;}
.tree td.pagned { font-size:9pt;  background-color:#AAFFAA}
.tree td.pagwet { font-size:9pt;  background-color:#FFAAAA}
.tree td.pagid { font-size:9pt;  background-color:#AAAAAA}
.tree td.paggenus { font-size:9pt;  background-color:#AAAAFF}
.tree td.map { font-size:10pt; }


/*  BEGIN TABLE calendar   */
/*--------------------------*/
.calendarframe {
  text-align: left;
  padding-left:0pt;
  border-left:			1px solid #e0f0d0;
	border-top:				1px solid #e0f0d0;
	border-right:			1px solid #56a835;
	border-bottom:		1px solid #56a835;
  background-color:#FFFFFF;
  width: 200px;

}
.calendar {
  text-align: center;
  padding-left:0pt;
  background-color:#FFFFFF;
}

.calendar tr { font-size:9pt }
.calendar tr.header{ 
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #000066;
 background-color:#FFFFFF;

}
.calendar tr.weekdays{ font-size:10px; font-style:italic; color: #000066; font-weight:regular;}
.calendar tr.calendar{ font:10px Verdana, Arial, Helvetica, sans-serif; font-style:normal; text-align:right;}
.calendar tr.header td.arrow a { font-size:11pt;  background-color:#EEFFEE; color: #000066; }
.calendar td  {background-color:#FFFFFF;}
.calendar td.year  { font-size:10pt; }
.calendar td.month { font-size:10pt; }

.calendar tr.calendar td.day  {  font-size:8pt; }
.calendar tr.calendar td.offday  {font-size:8pt; color:#AAAAAA;}
.calendar tr.calendar td.weekendday  { font-size:9pt;  background-color:#AAFFAA}
.calendar tr.calendar td.curday { font-size:9pt;  background-color:#FFAAFF; color:#000088; }
.calendar tr.calendar td.today { font-size:9pt;  background-color:#AAFFAA; color:#000066; }
.calendar tr td a:hover{
	text-decoration:		none;
	color: 					#5F7661;
	background-color:#EEEEFF;
	}

/*--------------------------*/
/*   END TABLE TABEL    */
/****************************/


#mapcoords {
text-align: left;
margin: 0 auto 0 auto;
width: 130px;
position: relative;
}
#pointbufer {
text-align: left;
margin: 0 auto 0 auto;
width: 130px;
position: relative;
top: 120px;
}


.inactive{
color:#8a8a8a;
}

.hide   { display: none; }
.show   { display: inline;  } 

.buttonklein{font-size:10px;height:20px;width:100px;border-style:outset;fontweight:bold}
.buttongroot{font-size:12px;height:25px;width:100px;border-style:outset;fontweight:bold}

.line{
	padding-right:		0px;
	padding-left:			0px;
}

/****************************/
/*  FOLDERS                 */
/*--------------------------*/

.selectedfolder {
  background-color: #000066;
  color: white;
  padding: 2px;
  line-height: 15px;
  cursor: default;
}
.unselectedfolder {
  background-color: white;
  color: black;
  padding: 2px;
  line-height: 15px;
  cursor: pointer;
}

.imgbtn {
  cursor: pointer;
}

input.newfolder {
  font-size: 11px;
}