@import url("standaard.css");

body {
	margin:0px;
}

.bg_overzicht {
	background-color: #FFFFFF;
	background-image: url(/img/bg_overzicht_element.gif);
	background-repeat: repeat-x;
	float: left;
	height: 120px;
	width: 139px;
	margin-bottom: 5px;
	margin-right: 8px;
}
.overzicht_titel {
	position:absolute;
	padding-top:3px;
	width:139px;
	text-align:center;
}
.print {
	position:absolute;
	left:655px;
	top:20px;
}
#printlogo {
	position: absolute;
	left:0px;
	top: 0px;
	height: 0px;
	width:0px;
	overflow: hidden;
	visibility: hidden;
}
#container {
	position:relative;
	margin:auto;
	width:962px;
}
#top {
	position:relative;
	width:962px;
	height:72px;
	background-image: url(/img/layout/bg_header.gif);
}
	#logo {
		position:absolute;
		width:143px;
		height:42px;
		left:30px;
		top:15px;
	}
	#tabholder {
		position:absolute;
		width:128px;
		height:16px;
		top: 0px;
		left: 823px;
	}
		.tabnormal {
			position:relative;
			width:62px;
			height:16px;
			float:left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #ead79d;
			line-height:16px;
			text-decoration: none;
			text-align:center;
			background-image: url(/img/layout/bg_tab.gif);
			background-repeat: no-repeat;
			cursor:pointer;
		}
		.tabnormal a,.tabnormal a:hover, .tabnormal a:visited{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #ead79d;
			line-height:16px;
			text-decoration: none;
			text-align:center;
		}
		.tabactive {
			position:relative;
			width:62px;
			height:16px;
			float:left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			color: #FFFFFF;
			line-height:16px;
			text-decoration: none;
			text-align:center;
			background-image: url(/img/layout/bg_tab.gif);
			background-repeat: no-repeat;
			cursor:pointer;
		}
		.tabactive a:link, .tabactive a:hover, .tabactive a:active, .tabactive a:visited {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			color: #FFFFFF;
			line-height:16px;
			text-decoration: none;
			text-align:center;
		}
	#menu {
		position:absolute;
		width:750px;
		height:27px;
		line-height:27px;
		top:41px;
		left:192px;
		text-align:right;
	}
	
#header {
	position:relative;
	width:962px;
	height:213px;
	margin-top:4px;
	margin-bottom:10px;
}
#header_standaard {
	position:relative;
	width:962px;
	height:184px;
	margin-top:4px;
	margin-bottom:10px;
}
	#standaard_foto {
		position:relative;
		width:610px;
		height:184px;
		float:left;
	}
	#submenu {
		position:relative;
		width:345px;
		height:184px;
		float:right;
		background-image: url(/img/layout/bg_submenu.gif);
	}
	#div_submenu {
		position:relative;
		width:286px;
		top: 14px;
		left: 27px;
	}

#main {
	position:relative;
	width:962px;
	padding-bottom:8px;
}
	.mainleft {
		width:194px;
		padding-top:14px;
		padding-left:17px;
	}
	.main_sub_left {
		width:212px;
		padding-left:10px;
	}
		.pulldown {
			position:relative;
			left:3px;
			width:173px;
			height:18px;
			border: 1px solid #acacac;
			background-image: url(/img/layout/bg_pull.gif);
			background-repeat: repeat-x;
			cursor:pointer;
		}
		.pulldown_content {
			position:absolute;
			left:-1px;
			width:155px;
			border: 1px solid #acacac;
			background-image: url(/img/layout/bg_down.gif);
			background-repeat: repeat-x;
			background-color:#FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #002642;
			text-decoration: none;
			line-height:16px;
			padding-left:10px;
			padding-top:8px;
			padding-right:8px;
			padding-bottom:2px;
			visibility: hidden;
			overflow:hidden;
			z-index:50;
			
		}
		.pulldown_content a:link, .pulldown_content a:visited, .pulldown_content a:active {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #002642;
			text-decoration: none;
		}
		.pulldown_content a:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #a38734;
			text-decoration: none;
		}
		.pulltable {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: normal;
			color: #002642;
			text-decoration: none;
			padding-left:7px;
		}
	.maincontent {
		width:453px;
		background-image: url(/img/layout/stippellijn_main_grey.gif);
		background-repeat: repeat-y;
		padding-top:3px;
		padding-left:16px;
		padding-right:16px;
		height: 320px;
	}
	.maincontent_breed {
		width:685px;
		background-image: url(/img/layout/stippellijn_main_grey_breed.gif);
		background-repeat: repeat-y;
		padding-top:3px;
		padding-left:6px;
		padding-right:16px;
		height: 320px;
		
	}
		#content {
			margin-left:10px;
			margin-bottom:10px;
		}
		#meerinfo {
			background-color:#f8f5ec;
			margin:0px;
			padding-top:5px;
			padding-bottom:5px;	
			padding-left:0px;
			padding-right:0px;
		}
			.meerinfoitem {
				position:relative;
				height:19px;
				/*margin-right:8px;*/
				margin-left:12px;
				width:183px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: normal;
				color: #a38634;
				text-decoration: none;
			}
			.meerinfoitemover {
				position:relative;
				height:19px;
				/*margin-right:8px;*/
				margin-left:12px;
				width:183px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: normal;
				color: #11344f;
				text-decoration: none;
				cursor:pointer;
			}
	.mainextra {
		width:238px;
		padding-top:14px;
		padding-left:17px;
		font-size: 11px;
	}
	.extra {
		width:238px;
		padding-top:17px;
		padding-left:17px;
		font-size:11px;
	}
	
#footer {
	position:relative;
	width:962px;
	height:21px;
	line-height:21px;
	background-image: url(/img/layout/bg_footer.gif);
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#navbar, #navbar a {
	font-size: 10px;
	color: #dbc998;
	height: 20px;
	margin-top: -5px;
	position: relative;
}
#navbar sup{
	font-size: 8px;
}
#navbar a:hover {
	text-decoration: none;
	color: #836b29;
}

#paginanummering {
	position:relative;
	display:block;
	float:none;
	clear:both;
	text-align:center;
}
#paginanummering a, #paginanummering a:link, #paginanummering a:active, #paginanummering a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height:22px;
}
#paginanummering a:hover {
	color: #a38734;
	text-decoration: none;
}

.pagina, .pagina_active {
	border-left: solid 3px #FFFFFF;
	text-align:center;
	width: 16px;
	height: 22px;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #002642;
	text-decoration: none;
	text-align:center;
}

.pagina a {
	font-weight:bold;
	color: #002642;
	text-decoration: none;
}

#paginanummering .pagina_active a:hover, 
#paginanummering .pagina_active a:visited, 
#paginanummering .pagina_active a:link, 
#paginanummering .pagina_active a:active, 
#paginanummering .pagina_active {
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
}

.pagina {
	background: transparent url(/img/bg_paginanum_grijs.gif) 0px 0px repeat-x;
}
.pagina_active {
	background: transparent url(/img/bg_paginanum_bruin.gif) 0px 0px repeat-x;
}

#referentie {
	position:relative;
	width:685px; 
	margin:0px; 
	padding: 0px;
	display: block;
	list-style: none;
}

#referentie li {
	position: relative;
	float: left;
	width: 153px;
	height: 165px;
	margin-left: 11px;
	margin-bottom: 5px;
	background: transparent url(/img/ref_bg.gif) 0px 0px no-repeat;
}
#referentie li a, #referentie li a:hover {
	height: 160px;
	display: block;
	padding-left: 7px;
	padding-top: 13px;
	color: #002642;
 	
}
#referentie li a {
	background: transparent url(/img/ref_bg.gif) 0px 0px no-repeat;

}
#referentie li a:hover {
	background: transparent url(/img/ref_over.gif) 0px 0px no-repeat;

}
.padding {
	padding-top: 1px;
	padding-bottom: 1px;
}

#reffotos {
	position: relative;
	width:415px;
	min-height:200px;
	height: auto; 
	padding:0px;
	margin:0px; 
	display: block;
	list-style: none;
	background: transparent url(/img/ref_fotobg.gif) 0px 0px repeat-x;
}
#reffotos li {
	position: relative;
	list-style: none;
	float: left;
	padding:0px;
	width: 128px;
	height: 95px; 
	margin-left: 7px;
	margin-top: 5px;
}
#reffotos li a, #reffotos li a:hover {
	position:relative;
	display: block;
}
.project {
	position:relative;
	display:block;
	clear:both;
	padding-top:5px;
	margin:0px;
	width: 670px;
	border-top:solid 1px #b2b2b2;
}
#rayon {
	position:relative;
	float:right;
}

.clear {
	clear:both;
}

#snelnaar {
	position:relative;
	width:453px; 
	display: block;
	list-style: none;
	height: auto;
	min-height: 45px;
	background-color:#f8f5ec;
	margin:0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top:8px;
	padding-bottom:8px;	
	padding-left:0px;
	padding-right:0px;
}
#snelnaar li {
	position: relative;
	float: left;
	width: 210px;
	margin: 0px;
	padding-left: 12px;
}
#snelnaar li a, #snelnaar li a:hover {
	display: block;
	width: 210px;
	
}
#snelnaar li a {
	background: transparent url(/img/arrow_right_goud.gif) 195px 4px no-repeat;
	color: #a38634;
}
#snelnaar li a:hover {
	background: transparent url(/img/arrow_right_blauw.gif) 195px 4px no-repeat;
	color: #11344f;
}

#snelnaar.nofloat li {
	clear:both;
	float:none;
	width:auto;
}

#snelnaar.nofloat li a {
	background: transparent url(/img/arrow_right_goud.gif) 400px 4px no-repeat;
	color: #a38634;
	width:auto;
}
#snelnaar.nofloat li a:hover {
	background: transparent url(/img/arrow_right_blauw.gif) 400px 4px no-repeat;
	color: #11344f;
}


#snelnaar_home {
	font-weight:normal;
	font-size:11px;
	position:relative;
	width:453px; 
	display: block;
	list-style: none;
	height: auto;
	min-height: 45px;
	background-color:#f8f5ec;
	margin:0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top:8px;
	padding-bottom:8px;	
	padding-left:0px;
	padding-right:0px;
}
#snelnaar_home li {
	font-weight:normal;
	font-size:11px;
	position: relative;
	float: left;
	width: 210px;
	margin: 0px;
	padding-left: 12px;
}
#snelnaar_home li a, #snelnaar_home li a:hover {
	display: block;
	width: 210px;
	
}
#snelnaar_home li a {
	font-weight:normal;
	font-size:11px;
	background: transparent url(/img/arrow_right_goud.gif) 195px 4px no-repeat;
	color: #a38634;
}
#snelnaar_home li a:hover {
	font-weight:normal;
	font-size:11px;
	background: transparent url(/img/arrow_right_blauw.gif) 195px 4px no-repeat;
	color: #11344f;
}

#snelnaar2, #snelnaar3 {
	position:relative;
	width:415px; 
	display: block;
	list-style: none;
	height: auto;
	min-height: 30px;
	background-color:#f8f5ec;
	margin:0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top:8px;
	padding-bottom:8px;	
	padding-left:0px;
	padding-right:0px;
}

#snelnaar2 li, #snelnaar3 li {
	position: relative;
	float: left;
	width: 180px;
	margin: 0px;
	padding-left: 8px;

}
#snelnaar2 li a, #snelnaar2 li a:hover,#snelnaar3 li a, #snelnaar3 li a:hover  {
	display: block;
	width: 180px;
	height: 18px;
	
}
#snelnaar2 li a, #snelnaar3 li a {
	background: transparent url(/img/arrow_right_goud.gif) 150px 4px no-repeat;
	color: #a38634;
}
#snelnaar2 li a:hover, #snelnaar3 li a:hover {
	background: transparent url(/img/arrow_right_blauw.gif) 150px 4px no-repeat;
	color: #11344f;
}

#techtekening {
	position:relative;
	width:453px; 
	display: block;
	list-style: none;
	min-height: 15px;
	height: auto;
	background-color:#f8f5ec;
	margin:0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top:8px;
	padding-bottom:8px;	
	padding-left:0px;
	padding-right:0px;
}

#techtekening li {
	position: relative;
	float: left;
	width: 430px;
	margin: 0px;
	padding-left: 12px;
}
#techtekening li a {
	display: block;
	width: 430px;
	
}
#techtekening li a {
	background: transparent url(/img/arrow_right_goud.gif) 417px 6px no-repeat;
	color: #a38634;
}
#techtekening li a:hover {
	background: transparent url(/img/arrow_right_blauw.gif) 417px 6px no-repeat;
	color: #11344f;
}

.left {
	left: -10px;
}

#home_rayon {
	position:relative;
	text-align:right;
	overflow:visible;
}
#home_rayon_gebieden {
	position:absolute;
	z-index:5;
	overflow:visible;
}
#home_rayons {
	position:relative;
	display:block;
	width:123px;
	margin:0px;
	padding:0px;
	list-style:none;
}
#home_rayons li {
	position:relative;
	display:block;
	width:123px;
	height:16px;
	margin:0px;
	padding:0px;
	list-style:none;
	cursor:pointer;
}
#flashbanner {
	position: absolute;
	left:0;
	top:0;
}

#home_rayons li a:link, #home_rayons li a:active, #home_rayons li a:visited  {
	background: transparent url(/img/arrow_right_goud.gif) 117px 4px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #a38634;
	text-decoration: none;
	display:block;
}
#home_rayons li a:hover {
	background: transparent url(/img/arrow_right_blauw.gif) 117px 4px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #002642;
	text-decoration: none;
	display:block;
}
#rayon_popup {
	position:relative;
	z-index:10;
}
#home_rayon_noordwest {
	position:absolute;
	overflow:hidden;
	width:167px;
	height:128px;
	z-index:10;
	left:0px;
	top:-70px;
}
#home_rayon_zuidwest {
	position:absolute;
	overflow:hidden;
	width:149px;
	height:128px;
	z-index:10;
	left:-5px;
	top:-60px;
}
#home_rayon_oost {
	position:absolute;
	overflow:hidden;
	width:149px;
	height:128px;
	z-index:10;
	left:25px;
	top:-40px;
}

#rayonimg {
	position: absolute;
	left: 385px;
	top: 50px;
	height: 310px;
}
#rayon1 {
	width: 545px;
	height: 115px;
	padding: 15px;
	position: relative;
}
#rayon2 {
	width: 462px;
	height: 84px;
	padding: 15px;
	position: relative;
	margin-top: -60px;
}
#rayon3 {
	width: 540px;
	height: 110px;
	padding: 15px;
	position: relative;
	margin-top: -30px;
}
.rayon1 {
	background: transparent url(/img/rayon/rayon1.gif) 0 0 no-repeat;
	cursor: pointer;
}
.rayon2 {
	background: transparent url(/img/rayon/rayon2.gif) 0 0 no-repeat;
	cursor: pointer;
}
.rayon3 {
	background: transparent url(/img/rayon/rayon3.gif) 0 0 no-repeat;
	cursor: pointer;
}

.techtek {
	position: relative;
	width: 408px;
	height: 24px;
	line-height: 24px;
	padding-left: 27px;
	font-weight: bold;
	margin-bottom: 6px;
	
}
.techtekbreed {
	position: relative;
	width: 426px;
	height: 24px;
	line-height: 24px;
	padding-left: 27px;
	font-weight: bold;
	margin-bottom: 6px;
	left: -10px;
	
}
.tnone {
	color: #002642;
	background: #f8f5ec url(/img/icon/plus_bl.gif) 9px 8px no-repeat;
}
.tover {
	color: #ffffff;
	background: #b38e3a url(/img/icon/plus_wit.gif) 9px 8px no-repeat;
	cursor: pointer;
}
.tactive {
	color: #002642;
	background: #f8f5ec url(/img/icon/min_bl.gif) 9px 8px no-repeat;
	cursor: pointer;
}
.techtek_inhoud {
	position: relative;
	top: -6px;
	background-color: #f8f5ec;
	padding-left: 25px;
	width: 410px;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 20px;
	background: transparent url(/img/icon/subgradient.gif) 0 0 repeat-x; /*#f8f5ec*/
	
}
.techtek_inhoud a:link, .techtek_inhoud a:visited{
	display: block;
	height: 20px;
	width: 405px;
	color: #b38e3a;
	line-height: 20px;
	background: transparent url(/img/arrow_right_goud.gif) 380px 6px no-repeat;
}
.techtek_inhoud a:hover {
	color: #002642;
	line-height: 20px;
	background: transparent url(/img/arrow_right_blauw.gif) 380px 6px no-repeat;
}
.breed {
	width: 428px;
	left: -10px;
	
}
.breed a:link, .breed a:visited{
	width: 428px;
	
}

.offerte, .offerte a{
	display: block;
	color:#FFFFFF;
	padding-left:10px;
	background: url(/img/arrow_right_wit.gif) no-repeat 400px center;
	background-color:#b6963e;
}


/* Opmaak nieuwsbrief archief*/
.wddm_archief_group {
	position:relative;
	margin-bottom:5px;
}

.wddm_archief_title{
position:relative;
 font-weight:bold;
 margin-bottom:5px;

}

.wddm_item{
	 font-weight:normal;
	position:relative;
	margin-left: 10px;

}

.wddm_item li{
position:relative;
	padding-left: 10px;

}

.wddm_datum{
color:#666666;
font-size:9px;
}


/* Einde Opmaak nieuwsbrief archief */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 19px;
	color: #002642;
	text-decoration: none;
	margin-top:0px;
	margin-bottom:12px;
	line-height:19px;
	clear:both;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	height:20px;
	font-size: 16px;
	color: #002642;
	text-decoration: none;
	line-height:12px;
	margin-top:0px;
	padding-top:19px;
	margin-bottom:8px;
	overflow:visible;
}

/*
.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 14px;
	color: #002642;
	text-decoration: none;
	margin:0px;
	width:139px;
	text-align:center;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 12px;
	color: #002642;
	text-decoration: none;
	margin:0px;
	width:139px;
	text-align:center;
}
*/