/* CSS Document */
font{
	color: #ff0000;
}
body{
	background: #ffffff none;
	margin: 0;
	padding: 0;
}
form{
	margin: 0;
	padding: 0;
}
	a img{
		border: none;
	}
/* --<<[[ CONTAINER ]]>>-- */
#container{
	background: #cccccc 0 0 no-repeat;
	border: 1px solid #666666;
	color: #454545;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px auto;
	min-height: 548px;
	padding: 0;
	position: relative;
	width: 776px;
}
/* --<<[[ CONTAINER > Logo print ]]>>-- */
	#logo_print{
		display: none;
		visibility: hidden;
	}
/* --<<[[ CONTAINER > Address ]]>>-- */
	#address{
		color: #666666;
		height: 50px;
		line-height: 14px;
		padding: 13px 75px 0 0;
		text-align: right;
	}
/* --<<[[ CONTAINER > Primary Navigation ]]>>-- */
	#primary_navigation{
		border-bottom: 1px solid #bbbbbb;
		border-right: 1px solid #bbbbbb;
		border-top: 1px solid #bbbbbb;
		display: block;
		float: left;
		width: 139px;
	}
		#primary_navigation ul,
		#primary_navigation li{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		#primary_navigation li{
			font-size: 1%;
		}
		#primary_navigation a{
			color: #454647;
			font-size: 10px;
			text-decoration: none;
		}
			#primary_navigation ul a{
				border-top: 1px solid #bbbbbb;
				display: block;
				line-height: 12px;
				padding: 4px 0 4px 20px;
				text-transform: uppercase;
				width: 119px;
			}
			#primary_navigation ul a:hover{
				background: #006464;
				color: #ffffff;
			}
				#primary_navigation ul .first a{
					border-top: none;
				}
				#primary_navigation ul .submenus a{
					background: url(../../images/layout/navigation_submenus.gif) 129px 7px no-repeat;
				}
				#primary_navigation ul .submenus a:hover{
					background: #006464 url(../../images/layout/navigation_submenus_hover.gif) 129px 7px no-repeat;
				}
			
				#primary_navigation ul ul{
					border: 1px solid #bbbbbb;
					width: 173px;
				}
				#primary_navigation ul ul a{
					background: #dddddd !important;
					padding: 4px 0 4px 15px;
					text-transform: none;
					width: 158px;
				}
				#primary_navigation ul ul a:hover{
					background: #006464 !important;
				}
/* --<<[[ CONTAINER > Right ]]>>-- */
	#right{
		display: block;
		float: left;
		padding: 0 5px 10px 1px;
		width: 630px;
	}
/* --<<[[ CONTAINER > Right > Animation ]]>>-- */
	#animation{
		background: #c6c6c6 0 0 no-repeat;
		display: block;
		height: 180px;
		text-align: center;
		width: 630px;
	}
		#animation img{
			opacity: 0.50;
		}
/* --<<[[ CONTAINER > Right > Content ]]>>-- */
	#content{
		line-height: 150%;
		padding: 10px 80px 20px 80px;
		position: relative;
		text-align: justify;
	}
		#content a{
			color: #006464;
			text-decoration: underline;
		}
		#content a:hover{
			background: #006464;
			color: #cccccc;
			text-decoration: none;
		}
			#content a.external{
				background: url(../../images/layout/external_link.gif) 100% 2px no-repeat;
				padding: 0 17px 0 0;
			}
			#content a.external:hover{
				background: #006464 url(../../images/layout/external_link_hover.gif) 100% 2px no-repeat;
			}
		#content h1,
		#content h2,
		#content h3,
		#content h4,
		#content h5,
		#content h6{
			font-family: Arial, Helvetica, sans-serif;
			margin: 0;
		}
		#content h1,
		#content h2,
		#content h3{
			color: #006464;
			padding: 15px 0;
		}
		#content h4,
		#content h5,
		#content h6{
			color: #666666;
			font-weight: normal;
			padding: 10px 0;
		}
		#content h1,
		#content h2,
		#content h4{
			font-weight: bold;
		}
		#content h1,
		#content h3{
			font-style: italic;
		}
		#content h1{ font-size: 24px; }
		#content h2{ font-size: 18px; }
		#content h3{ font-size: 16px; }
		#content h4{ font-size: 14px; }
		#content h5{ font-size: 12px; }
		#content h6{ font-size: 10px; }
		
		#content h3#title{
			padding: 10px 0 15px 0;
		}
		
		#content hr{
			border: none;
			border-top: 1px solid #787879;
			height: 0;
			margin: 10px 25px;
			padding: 0;
		}
		#content p{
			margin: 0;
			padding: 5px 0;
		}
		#content ul,
		#content li{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		#content ul li{
			background: url(../../images/layout/bullet_list_1.gif) 22px 7px no-repeat;
			padding: 1px 0 1px 35px;
		}
		#content ul ul li{
			background: url(../../images/layout/bullet_list_2.gif) 22px 7px no-repeat;
		}
/* --<<[[ CONTAINER > Right > Content > Breadcrumb ]]>>-- */
	#breadcrumb{
		color: #898786;
		font-size: 10px;
	}
		#breadcrumb a{
			color: #898786;
			text-decoration: underline;
		}
		#breadcrumb a:hover{
			background: #cccccc;
			color: #006464;
			text-decoration: underline;
		}
/* --<<[[ CONTAINER > Right > Content > Secundary Navigation ]]>>-- */
	#secundary_navigation{
		left: 360px;
		overflow: hidden;
		position: absolute;
		text-align: right;
		top: 20px;
		width: 200px;
	}
		#secundary_navigation ul,
		#secundary_navigation li{
			background: none !important;
			list-style-type: none !important;
			margin: 0 !important;
			padding: 0 !important;
		}
		#secundary_navigation li{
			display: inline;
		}
		#secundary_navigation a{
			background: none !important;
			font-size: 1%;
			padding: 0 2px;
		}
/* --<<[[ CONTAINER > footer ]]>>-- */
	#footer{
		clear: both;
		font-size: 1%;
	}
/* --<<[[ CONTAINER > Thumbnails ]]>>-- */
		#thumbnails .thumb{
			background: #ffffff;
			clear: both;
			height: 50px;
			position: absolute;
			text-align: center;
			width: 50px;
		}
		#thumbnails .thumb.empty{
			border: 1px solid #bbbbbb;
			height: 48px;
			opacity: 0.50;
			width: 48px;
		}
			#thumbnails a img{
				opacity: 0.99;
			}
			#thumbnails a:hover img{
				opacity: 0.75;
			}
		#thumb_00, #thumb_01, #thumb_03, #thumb_05, #thumb_07, #thumb_09{ left: 146px; }
		#company_logo, #thumb_02, #thumb_04, #thumb_06, #thumb_08, #thumb_10{ left: 716px; }
		
		#thumb_00, #company_logo{ top: 8px; }
		#thumb_01, #thumb_02{ top: 248px; }
		#thumb_03, #thumb_04{ top: 308px; }
		#thumb_05, #thumb_06{ top: 368px; }
		#thumb_07, #thumb_08{ top: 428px; }
		#thumb_09, #thumb_10{ top: 488px; }
		
/* --<<[[ EXTRA CONTENT > TOC ]]>>-- */
	#toc{
		font-size: 10px;
		line-height: 125%;
		padding: 0 0 10px 0;
	}
		#toc li{
			background: url(../../images/layout/bullet_list_toc.gif) 22px 5px no-repeat !important;
		}
		#toc a{
			color: #666666;
		}
		#toc a:hover{
			color: #cccccc;
		}
	.to_top{
		background: url(../../images/layout/to_top.gif) 100% 5px no-repeat;
		font-size: 10px;
		padding: 0 13px 0 0;
		text-align: right;
	}
		.to_top a{
			color: #666666 !important;
		}
		.to_top a:hover{
			color: #cccccc !important;
		}
/* --<<[[ EXTRA CONTENT > Contactformulier ]]>>-- */
	#contactform{
		text-align: left;
	}
		#contactform label{
			display: block;
			float: left;
			padding: 2px 20px 2px 0;
			width: 80px;
		}
			#contactform label span{
				color: #006464;
			}
		#contactform input.form_field,
		#contactform textarea.form_field{
			border: 1px solid #999999;
			color: #454545;
			display: block;
			float: left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin: 2px 0;
			padding: 1px 0;
			width: 200px;
		}
		#contactform textarea.form_field{
			width: 350px;
		}
		#contactform br{
			clear: both;
		}
		#contactform .obligatory{
			background: url(../../images/layout/bullet_obligatory.gif) 6px 7px no-repeat;
			display: block;
			float: left;
			height: 20px;
			width: 20px;
		}
		.error{
			color: #454545;
			padding: 0 0 20px 0;
		}
			.error li{
				background: url(../../images/layout/bullet_obligatory.gif) 22px 7px no-repeat !important;
			}
			
/* --<<[[ EXTRA CONTENT > Zoekfunctie ]]>>-- */
	#frm_search_function{
		border-bottom: 1px solid #898786;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
	}
		#frm_search_function #FORM_search_field{
			border: 1px solid #999999;
			color: #454545;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding: 3px 0 2px 0;
		}
		
/* --<<[[ EXTRA CONTENT > Google Map ]]>>-- */
	#google_map{
		border: 1px solid #ababab;
		height: 318px;
		width: 468px;
	}
	
/* --<<[[ BIRGER DESIGN ]]>>-- */
	#birgerdesign{
		margin: 10px auto;
		text-align: center;
		width: 778px;
	}
		#birgerdesign a img{
			background: #999999;
		}
		#birgerdesign a:hover img{
			background: #006464;
		}
/*************************************************************************
* This is the LAYOUT style definition for the CSS menu                   *
* DO NOT alter this section, unless you know what you're doing           *
*************************************************************************/
div.vertical {
	clear: both;
}
div.vertical br {
	clear: both;
}
div.vertical ul {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	clear: both;
}
div.vertical li {
	list-style-type: none;
	display: block;
	float: left;
	clear: both;
	text-align: left;
    position: static;
}
div.vertical li img {
	border: none;
}
div.vertical a {
	clear: both;
	display: block;
	margin: 0px;
}
div.vertical ul li ul {
	position: absolute;
	left: -5000px;
	top: -5000px;
	visibility: hidden;
	clear: both; 
}
div.vertical ul li ul li {
	clear: both; 
}

div.vertical ul li ul li a {
	clear: both;
}
.hasImg,
.hasImg a {
	padding: 0px !important;
	margin:	0px	!important;
	border:	none !important;
	outline: none !important;
	background:	transparent !important;
	width: auto !important;
}