/****** Standaard ******/
/***********************/

body{
	font-family:verdana;
	font-size:11px;
	color:#50564a;
}
a{
	color:#1392db;
}
	a:hover{
		color:#000000;
	}
div.reference{
	margin:12px 0px 4px 30px;
	overflow:hidden;
}
	div.reference a{
		padding:0px 10px 0px 0px;
		background:url('../img/reference.png') right 5px no-repeat;
		color:#1392db;
	}
		div.reference a:hover{
			color:#000000;
		}
a.link{
	padding:0px 00px 0px 10px;
	background:url('../img/reference.png') left 5px no-repeat;
	color:#1392db;
}
	a.link:hover{
		color:#000000;
	}

a.uitgelicht {
  font-weight:bold;
  color: #000;
}


ul.list{
	overflow:hidden;
}
	ul.list li{
		line-height:19px;
		padding:0px 0px 0px 10px;
		background:url('../img/bullet.png') left 8px no-repeat;
	}
		ul.list li a{
			color:#50564a;
		}
			ul.list li a:hover{
				color:#1392db;
			}


div.container{
	width:955px;
	margin:auto;
}

#foto img{
  border:1px solid #E3E2DB;
  padding:3px;
  display:inline;
}
.foto img{
  border:1px solid #E3E2DB;
  padding:3px;
  display:inline;
  float:left;
  margin:0 10px 10px 0;
  max-height: 150px;
}

#symbol img{
  border:1px solid #E3E2DB;
  padding:3px;
  display:inline;
  float:left;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #fbfaf5;
}

#bloeiaan{
  border:1px solid #E3E2DB;
  padding: 3px;
  display:inline;
  float:left;

  background-color: #35851f;
  color: #fff;
  width: 40px;
  height: 40px;
  margin: 0px 5px 5px 0px;
}


#bloeiuit{
  border:1px solid #E3E2DB;
  padding:3px;
  display:inline;
  float:left;
  text-align:left;
  background-color: #fbfaf5;
  width: 40px;
  height: 40px;
  margin: 0px 5px 5px 0px;
}

#foto a {
     	color:#000000;
    background: 0;
    padding: 0;
}


.popupLink { color: #1392db; outline: none }

.popup {
  position: absolute;
  visibility: hidden;
  background-color: #f6f4e8;
  layer-background-color: #f6f4e8;
  width: 200px;
  border: 1px solid #dfded7;
  padding: 3px;
  z-index: 10
}

/****** Header *********/
/***********************/

div.header{
	width:955px;
	overflow:hidden;
	height:76px;
}
	h1.logo{
		float:left;
		background:url('../img/headerLogo.png') no-repeat;
		width:200px;
		height:76px;
	}
	ul.tabs{
		margin:4px 25px 0px 0px;
		float:right;
		display:inline;
		overflow:hidden;
	}
		ul.tabs li{
			float:left;
			margin:48px 1px 0px 0px;
			display:inline;
			width:102px;
			height:20px;
			background:url('../img/tab.png') no-repeat;
			text-align:center;
			padding:4px 0px 0px 0px;
		}
			ul.tabs li a{
				color:#628820;
			}
				ul.tabs li a:hover{
					color:#000000;
				}
		ul.tabs li.logo{
			float:left;
			margin:0px 1px 0px 0px;
			display:inline;
			width:144px;
			height:72px;
			background:url('../img/tabLogo.png') no-repeat;
			text-align:center;
			padding:4px 0px 0px 0px;
		}
	

/****** Navigatie ******/
/***********************/

ul.navigation{
	background:url('../img/navigationBackground.png') no-repeat;
	width:925px;
	height:51px;
	padding:0px 15px 0px 15px;
	overflow:hidden;
}
	ul.navigation li{
		float:left;
		font-size:13px;
		height:51px;
	}
		ul.navigation li a{
			float:left;
			display:block;
			color:#ffffff;
			height:21px;
			padding:16px 15px 15px 15px;
		}
			ul.navigation li a:hover{
				float:left;
				display:block;
				color:#ffffff;
				background:url('../img/navigationHoverBackground.png') repeat-x;
				height:21px;
				padding:16px 15px 15px 15px;
			}

ul.subnavigation{
	background:url('../img/subnavigationBackground.png') no-repeat;
	width:941px;
	margin:0px 0px 0px 6px;
	overflow:hidden;
}
	ul.subnavigation li{
		float:left;
		padding:10px 15px 5px 15px;
	}
		ul.subnavigation li a{
			color:#ffffff;
		}
			ul.subnavigation li a:hover{
				color:#a0c748;
			}
div.subnavigationBottom{
	background:url('../img/subnavigationBottom.png') no-repeat;
	width:941px;
	margin:0px 0px 0px 6px;
	height:5px;
	overflow:hidden;
}
	


/****** Sidebar ********/
/***********************/

div.contentContainer{
	width:941px;
	margin:0px 0px 0px 6px;
	overflow:auto;
}
	div.sidebar{
		float:left;
		width:280px;
		margin:2px 2px 2px 0px;
		display:inline;
		overflow:hidden;
	}
		div.green{
			background:url('../img/sidebarGreenBackground.png') no-repeat;
			width:250px;
			color:#ffffff;
			padding:15px;
			min-height:80px;
		}
			div.green h1{
				font-size:20px;
			}
		div.greenBottom{
			background:url('../img/sidebarGreenBottom.png') no-repeat;
			width:280px;
			height:5px;
			overflow:hidden;
			margin:0px 0px 2px 0px;
		}

		div.blue{
			background:url('../img/sidebarBlueBackground.png') no-repeat;
			width:250px;
			color:#ffffff;
			padding:15px;
			min-height:80px;
		}
			div.blue h1{
				font-size:20px;
			}
		div.blueBottom{
			background:url('../img/sidebarBlueBottom.png') no-repeat;
			width:280px;
			height:5px;
			overflow:hidden;
			margin:0px 0px 2px 0px;
		}
		
		h3.greyTop{
			width:215px;
			height:22px;
			background:url('../img/sidebarGreyTop.png') no-repeat;
			margin:0px 0px 1px 0px;
			color:#000000;
			padding:7px 15px 0px 50px;
		}
		div.grey{
			width:248px;
			border:1px solid #eeeeee;
			padding:10px 15px 10px 15px;
			background:url('../img/sidebarGreyBackground.png') no-repeat;
			margin:0px 0px 2px 0px;
		}
	

/****** Content ********/
/***********************/

	div.content{
		float:left;
		width:659px;
		padding:0px 0px 15px 0px;
		margin:2px 0px 2px 0px;
		overflow:hidden;
	}
		div.contentHeader{
			width:659px;
			height:115px;
			background:url('../afb/contentHeader.jpg') no-repeat;
		}
			div.contentHeader h1{
				margin:0px 0px 0px 5px;
				color:#ffffff;
				font-size:28px;
				font-weight:normal;
			}
		h1.title{
			font-family:tahoma;
			font-size:20px;
			color:#3d6d0a;
			border-bottom:1px solid #eeeeee;
			font-weight:normal;
			margin:10px 0px 0px 5px;
		}
		p{
			margin:12px 10px 4px 10px;
			line-height:17px;
		}
			p.lead{
				color:#3d6d0a;
				font-weight:bold;
			}
			
		ul.thumbnails{
			width:659px;
			margin:12px 0px 4px 10px;
			overflow:hidden;
		}
			ul.thumbnails li{
				float:left;
				background:url('../img/thumbnail.png') no-repeat;
				width:116px;
				height:144px;
				padding:5px 5px 5px 5px;
				margin:2px 2px 0px 0px;
				display:block;
				text-align:center;
				line-height:19px;
			}
				ul.thumbnails li a{
					color:#50564a;
				}
					ul.thumbnails li a:hover{
						color:#1392db;
					}
		fieldset{
			border:0px;
		}
		legend{
			border:0px;
		}
		input.inputText{
			background:#ffffff;
			border:0px;
			padding:4px;
			margin:2px 0px 0px 0px;
			color:#bcbbbb;
			font-size:11px;
			font-family:verdana;
			width:160px;
			height:14px;
			display:block;
		}

        input.inputTextBorder{
			background:#ffffff;
			border:1px solid #3D6D0A;
			padding:4px;
			margin:2px 0px 0px 0px;
			color:#50564A;
			font-size:11px;
			font-family:verdana;
			width:160px;
			height:14px;
			display:block;
		}

		input.inputButton{
			background:url('../img/button.png') repeat-x;
			border:0px;
			color:#ffffff;
			padding:0px 20px 2px 20px;
			margin:2px 0px 0px 0px;
			height:26px;
			float:left;
			text-align:left;
		}
		span.inputButtonRight{
			float:left;
			margin:5px 0px 0px 5px;
		}
			span.inputButtonRight a{
				color:#ffffff;
			}
				span.inputButtonRight a:hover{
					color:#000000;
				}
        table {

			margin:12px 10px 4px 10px;
			line-height:17px;

        }


		table.table{
			width:638px;
			margin:12px 0px 4px 10px;
			overflow:hidden;
			background:url('../img/tableHeader.png') no-repeat;
		}




			table.table th{
				text-align:left;
				padding:6px 7px 8px 7px;
				color:#000000;
			}
				table.table th.tableHeader{
					width:50%;
				}
			table.table td{
				padding:5px 7px 5px 7px;
				border-bottom:1px solid #eeeeee;
				vertical-align:top;
			}

            table.table td{
				padding:5px 7px 5px 7px;
				border-bottom:1px solid #eeeeee;
				vertical-align:top;
			}

            table.table td.subHeader {

                font-weight: bold;
            }

            table.table td.active {

                cursor: pointer;
            }

            table.table tr.content:hover {
                background-color: #F4F4F4;
            }

	 
/****** Footer *********/
/***********************/

div.footer{
	background:url('../img/footerBackground.png') no-repeat;
	width:955px;
	height:76px;
	overflow:hidden;
}
	h1.footerLogo{
		float:left;
		background:url('../img/footerLogo.png') no-repeat;
		width:87px;
		height:36px;
		margin:0px 0px 0px 15px;
		display:inline;
	}
	p.footerText{
		float:right;
		margin:10px 15px 0px 0px;
		display:inline;
		color:#a8c0a0;
	}
		p.footerText a{
			color:#97c234;
		}
			p.footerText a:hover{
				color:#000000;
			}