@import url(/addbeheer/themes/addsite/css/iconen.css);
@import url(addform.css);

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #000000; 
	background: #b4e1f9 url(../images/zuidlanden_background.gif) top left;
}

		
html
{
	height: 100%;
}


a:link, a:visited { 
	color: #2a771f;
	text-decoration: underline;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #cb1e12;
	text-decoration: underline;
	}
	

#koeien {
	width: 100%;
	height: 668px;
	background: url(../images/techum_koeien.gif) no-repeat 50% 0px;
}

#grasmaaiers {
	width: 100%;
	height: 668px;
	background: url(../images/techum_grasmaaiers.gif) no-repeat 50% 0px;
}


#container {
	margin: 0 auto;
	width: 844px;
}

#wrapper{
	float: left;
	background: #ffffff;
	width: 795px;
	padding: 0px 24px 0px 24px;
	position: relative;
}

#contentwrapper_blauw{
	float: left;
	background: #ffffff;
	width: 795px;
	padding: 10px 0px 0px 0px;
	position: relative;
	background: url(../images/contentwrapper_geel.gif) top left repeat-y;
	min-height: 372px;
}

		/* Fix voor IE */
		* html #contentwrapper_blauw
		{
			height: 372px;
		}	

#contentwrapper_blauw #teksten_links{
	float: left;
	width: 293px;
	padding: 0px 10px 0px 10px;
	color: #000000;
}


#contentwrapper_blauw #teksten_links h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 19px;
	line-height: 26px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}
	
#contentwrapper_blauw #teksten_rechts{
	float: left;
	width: 462px;
	padding: 0px 10px 0px 10px;
	color: #002d6e;
}

#contentwrapper_blauw #teksten_rechts h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 19px;
	line-height: 26px;
	font-weight: bold;
	color: #002d6e;
	padding: 0px 0px 0px 0px;
	}
	
	
#contentwrapper_groen{
	float: left;
	background: #ffffff;
	width: 795px;
	padding: 10px 0px 0px 0px;
	position: relative;
	background: url(../images/contentwrapper_geel.gif) top left repeat-y;
	min-height: 372px;
}

		/* Fix voor IE */
		* html #contentwrapper_groen
		{
			height: 372px;
		}	


#contentwrapper_groen #teksten_links{
	float: left;
	width: 293px;
	padding: 0px 10px 0px 10px;
	color: #000000;
}


#contentwrapper_groen #teksten_links h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 19px;
	line-height: 26px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 0px 0px 0px; 
	}
	
#contentwrapper_groen #teksten_rechts{
	float: left;
	width: 462px;
	padding: 0px 10px 0px 10px;
	color: #2a771f;
}

#contentwrapper_groen #teksten_rechts h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 19px;
	line-height: 26px;
	font-weight: bold;
	color: #348227;
	padding: 0px 0px 0px 0px;
	}	
	
#teksten_links .fotosrechts{
	float: right;
	position: relative;
	margin: -10px -10px 0px 0px;
	padding: 0px 0px 10px 10px;
	width: 144px;
}

		/* Fix voor IE */
		* html #teksten_links .fotosrechts
		{
			margin: -10px -5px 0px 0px;
		}	

	
#teksten_links .fotosrechts img{
	float: right;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 144px;
}
		
	
.intro{
	font-weight: bold;
}

#header{
	float: left;
	width: 775px;
	height: 265px;
	background: #073170;
	position: relative;
	padding: 10px;
	overflow: hidden;
}

#headerlinks{
	float: left;
	width: 303px;
	height: 265px;
	background: #be1816;
	position: relative;	
}

#headerlinks_boven{
	float: left;
	width: 303px;
	height: 137px;
	background: #ffffff;
}

#headerlinks_boven img{
	float: left;
	width: 303px;
	height: 137px;
}

#headerlinks_onder{
	float: left;
	width: 283px;
	height: 110px;
	background: #be1816;
	padding: 18px 10px 0px 10px;	
	overflow: hidden;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
}


#headerrechts{
	float: right;
	width: 472px;
	height: 265px;
	position: relative;
}

#headerrechts img{
	float: right;
	width: 472px;
	height: 265px;
	border: 0px;
	margin: 0px;
}

.pompebled{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 80px;
	height: 68px;
	background: url(../images/pompebled.png) top left no-repeat;
}

	/* Fix voor IE */
	* html .pompebled
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/zuidlanden/images/pompebled.png', sizingMethod='fit');
	}


#headerrechts_blauw{
	float: right;
	width: 482px;
	height: 120px;
	background: #002d6e;
	position: relative;
	text-align: center;
	color: #ffffff;
	line-height: 120px;
	font-size: 37px;
	font-weight: bold;
}

#headerrechts_groen{
	float: right;
	width: 482px;
	height: 120px;
	background: #419232;
	position: relative;
	text-align: center;
	color: #ffffff;
	line-height: 120px;
	font-size: 37px;
	font-weight: bold;
}




#homelinks{
	float: left;
	width: 313px;
}

#homerechts{
	float: right;
	width: 477px;
	padding: 0px 0px 0px 5px;
}

.banner1{
	float: left;
	width: 236px;
	height: 161px;
	position: relative;
	overflow: hidden;	
}

.banner1 img{
	float: left;
	width: 236px;
	height: 161px;
	border: 0px;
}

.banner2{
	float: left;
	width: 236px;
	height: 84px;
	position: relative;
	overflow: hidden;
}

.banner2 img{
	float: left;
	width: 236px;
	height: 84px;
	border: 0px;
}


.banner3{
	float: left;
	width: 236px;
	height: 84px;
	position: relative;
	overflow: hidden;	
}

.banner3 img{
	float: left;
	width: 236px;
	height: 84px;
	border: 0px;
}

.banner4{
	float: left;
	width: 236px;
	height: 84px;
	position: relative;
	overflow: hidden;	
}

.banner4 img{
	float: left;
	width: 236px;
	height: 84px;
	border: 0px;
}

.banner5{
	float: left;
	width: 236px;
	height: 76px;
	position: relative;
	overflow: hidden;	
}

.banner5 img{
	float: left;
	width: 236px;
	height: 76px;
	border: 0px;
}

.banner6{
	float: left;
	width: 236px;
	height: 169px;
	position: relative;
	overflow: hidden;	
}

.banner6 img{
	float: left;
	width: 236px;
	height: 169px;
	border: 0px;
}

.banner7{
	float: left;
	width: 236px;
	height: 174px;
	position: relative;
	overflow: hidden;	
}

.banner7 img{
	float: left;
	width: 236px;
	height: 174px;
	border: 0px;
}


#banners_links{
	float: left;
	width: 236px;
}

#banners_rechts{
	float: right;
	width: 236px;
}


a.banner_link:link, a.banner_link:visited { 
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 236px;
	height: 161px;
	background: url(../images/banner_link.png) 0px 0px no-repeat;
	}
	
	/* Fix voor IE */
	* html a.banner_link:link, * html a.banner_link:visited
	{
		cursor: pointer;
		background: url(../images/banner_link.gif) 0px 0px no-repeat;
	}
	

a.banner_link:hover, a.banner_link:active { 
	background: url(../images/banner_link.png) 0px -161px no-repeat;
	}
	
	/* Fix voor IE */
	* html a.banner_link:hover, * html a.banner_link:active
	{  
		cursor: pointer;	
		background: url(../images/banner_link.gif) 0px -161px no-repeat; 
	}	
	
a.banner_link_no_arrow:link, a.banner_link_no_arrow:visited, a.banner_link_no_arrow:hover, a.banner_link_no_arrow:active { 
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 236px;
	height: 161px;
	}

	
.balk_blauw{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 236px;
	height: 56px;
	background: #002d6e;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;		
}

.balk_geel{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 236px;
	height: 56px;
	background: #ffbf1e;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;		
}

.balk_rood{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 236px;
	height: 56px;
	background: #be1816;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;		
}

.balk_groen{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 236px;
	height: 56px;
	background: #419232;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;		
}



.banner_tekst{
	font-size: 22px;
	line-height: 24px;
	color: #ffffff;
	width: 180px;
	position: absolute;
	bottom: 5px;
	left: 5px;
}


.banner_tekst_4{
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	color: #ffffff;
	width: 120px;
	position: absolute;
	top: 13px;
	left: 12px;
	text-align: right;
}

.banner_tekst_5{
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	color: #ffffff;
	width: 180px;
	position: absolute;
	bottom: 8px;
	right: 12px;
	text-align: right;
}

#homeintro{
	float: left;
	width: 277px;
	height: 133px;
	background: #be1816;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	padding: 33px 18px 0px 18px;
	overflow: hidden;
	border-bottom: 5px solid #ffffff;
}

#homeactueel{
	float: left;
	width: 295px;
	height: 157px;
	padding: 2px;
	background: #ffffff;
	border: 7px solid #be1816;
	font-size: 11px;
	line-height: 14px;
	position: relative;
}

.up{
	position: absolute;
	right: 5px;
	top: 33px;
}

.down{
	position: absolute;
	right: 5px;
	top: 93px;
}

.newsitem {
	float: left;
	width: 270px;
	padding: 5px 0px 2px 9px;
}

.newsdatum {
	color: #cb1e12;
	float: left;
	width: 70px;
}

.newstekst{
	float: left;
	width: 257px;
}

.actueelkop{
	float: left;
	width: 295px;
	height: 26px;
	background: #073170;
	color: #ffffff;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 4px;
	border-bottom: 2px solid #ffffff;
}

.geel{
	color: #fff71e;
}

.newstekst a:link, .newstekst a:visited { 
	color: #000000;
	text-decoration: none;	
	font-weight: bold;
	}

.newstekst a:hover, .newstekst a:active { 
	color: #cb1e12;
	text-decoration: none;
	}

.newstekst a.leesverder:link, .newstekst a.leesverder:visited { 
	color: #8c8c8c;
	text-decoration: none;	
	font-weight: normal;
	}

.newstekst a.leesverder:hover, .newstekst a.leesverder:active { 
	color: #cb1e12;
	text-decoration: none;
	}
	
#login{
	float: left;
	width: 289px;
	height: 67px;
	padding: 4px 0px 0px 10px;
	background: #ffffff;
	border: 7px solid #002d6e;
	font-size: 11px;
	position: relative;
	color: #002d6e;
	line-height: 15px;	
}	

.loginkop{
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
}

.searchfield { 
	height: 20px;
	width: 268px;
	border: solid 0 #fff;
	background: transparent	url("../images/inputlogin.gif") no-repeat;
	padding: 5px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	color: #8c8c8c;
	font-size: 11px;
	float: left;
	position:relative;
	}	
	
#footerimage{
	float: left;
	width: 795px;
	height: 69px;
	position: relative;
}

#footerimage img{
	float: left;
	width: 795px;
	height: 69px;
	border: 0px;
}

#footer_blauw{
	float: left;
	width: 795px;
	height: 69px;
	position: relative;
	background: #073170;
}

#footer_blauw img{
	float: left;
	width: 795px;
	height: 69px;
	border: 0px;
}

#footer_groen{
	float: left;
	width: 795px;
	height: 69px;
	position: relative;
	background: #419232;
}

#footer_groen img{
	float: left;
	width: 795px;
	height: 69px;
	border: 0px;
}


#footer{
	float: left;
	width: 795px;
	height: 42px;
	line-height: 42px;
	position: relative;
	background: url(../images/techum_footer_payoff.gif) top left no-repeat;
}

#footer ul{
	float: right;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer ul li{
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;	
}

#footer ul li a:link, #footer ul li a:visited { 
	color: #8c8c8c;
	text-decoration: none;
	font-weight: bold;
	}

#footer ul li a:hover, #footer ul li a:active { 
	color: #000000;
	text-decoration: none;
	}

.lb{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background: url(../images/lb.png) top left no-repeat;
}

	/* Fix voor IE */
	* html .lb
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/zuidlanden/images/lb.png', sizingMethod='fit');
	}

.lo{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background: url(../images/lo.png) top left no-repeat;
}

	/* Fix voor IE */
	* html .lo
	{
		bottom: -1px;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/zuidlanden/images/lo.png', sizingMethod='fit');
	}

.rb{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background: url(../images/rb.png) top left no-repeat;
}

	/* Fix voor IE */
	* html .rb
	{
		right: -1px;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/zuidlanden/images/rb.png', sizingMethod='fit');
	}

.ro{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background: url(../images/ro.png) top left no-repeat;
}


	/* Fix voor IE */
	* html .ro
	{
		bottom: -1px;
		right: -1px;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/zuidlanden/images/ro.png', sizingMethod='fit');
	}


	
		
		form
		{
			margin: 0px;
			padding: 0px;
		}		
		
.tekstrechts{
	float: right;
	width: 390px;
}

.tekstrechts h2{
	margin: 0px 0px 9px 0px;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	color: #002d6e;
	padding: 0px 0px 0px 0px;
}

	
.fotolinks{
	float: left;
	width: 404px;
	
}


.fotolinks img{
	float: left;
	width: 392px;
	padding: 10px 0px 0px 0px;
	border: 0px;
}

.fotorechts{
	float: right;
	width: 282px;	
}

.fotorechts img{
	float: right;
	width: 270px;	
	padding: 54px 0px 0px 0px;
	border: 0px;	
}

.foto_rechtsboven{
	float: right;
	width: 180px;
	padding: 0px 0px 0px 10px;
}

.foto_rechtsboven img{
	float: right;
	width: 180px;
	border: 0px;
	padding: 0px 0px 10px 0px;
}


.foto_rechtsboven_rechts{
	float: right;
	width: 180px;
	padding: 0px 0px 0px 10px;
}

.foto_rechtsboven_rechts img{
	float: right;
	width: 180px;
	border: 0px;
	padding: 0px 0px 10px 0px;
}


.foto_rechtsboven_blauw{
	float: right;
	width: 180px;
	padding: 0px 0px 0px 10px;
	position: relative;
	margin: -10px -10px 0px 0px;
}

		/* Fix voor IE */
		* html .foto_rechtsboven_blauw
		{
			margin: -10px -5px 0px 0px;
		}	

.foto_rechtsboven_blauw img{
	float: right;
	width: 180px;
	border: 0px;
	padding: 0px 0px 10px 0px;
}

.fotooverzicht_groen{
	float: left;
	width: 513px;	
}

.fotooverzicht_groen img{
	float: left;
	width: 115px;
	height: 115px;
	padding: 0px 10px 10px 0px;
	border: 0px;
}

fotooverzicht_blauw{
	float: left;
	width: 493px;
}

.fotooverzicht_blauw img{
	float: left;
	width: 112px;
	height: 112px;
	padding: 0px 10px 10px 0px;
	border: 0px;
}


fotooverzicht_rechts{
	float: left;
	width: 390px;
}

.fotooverzicht_rechts img{
	float: left;
	width: 120px;
	height: 120px;
	padding: 0px 10px 10px 0px;
	border: 0px;
}

.nieuwsblok{
	float: left;
	width: 512px;
	padding: 0px 0px 30px 0px;
}

.nieuwsfoto{
	float: left;
	width: 80px;
	height: 80px;
}

.nieuwsdatum{
	font-weight: bold;
}

.nieuwsfoto img{
	float: left;
	width: 80px;
	height: 80px;
	border: 0px;
	padding-top: 4px;
}

.nieuwstekst{
	float: right;
	width: 418px;
	color: #000000;
}

.nieuwstekst p{
	margin: 0px;
	padding: 0px 0px 16px; 0px;
}

a.nieuwslink:link, a.nieuwslink:visited { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 19px;
	line-height: 23px;
	font-weight: bold;
	padding: 0px 0px 4px 0px;
	color: #1f3171;
	text-decoration: none;
	display: block;
	}

a.nieuwslink:hover, a.nieuwslink:active { 
	color: #419232;
	text-decoration: none;
	}
	
.nieuwslink { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 19px;
	line-height: 23px;
	font-weight: bold;
	padding: 0px 0px 4px 0px;
	color: #1f3171;
	text-decoration: none;
	display: block;
	}



.groeneteksten{
	float: left;
	width: 513px;
	color: #2a771f;
}

.blauweteksten{
	float: left;
	width: 513px;
	color: #ffffff;
}

.tekst_padding{
	padding: 10px;
	float: left;
	width: 493px;
	background: #002d6e;
}

.tekst_padding_wit{
	padding: 10px;
	float: left;
	width: 493px;
	background: #ffffff;
	color: #002d6e;
}

.tekst_kaart{
	padding: 0px;
	float: left;
	width: 513px;
	background: #ffffff;
}


.blauweteksten h1 { 
	margin: 0px 0px 8px 0px;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}
	
.blauweteksten h2{
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
}

.blauweteksten .tekst_padding_wit h2{
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #2a771f;
	padding: 0px 0px 0px 0px;
}

.groeneteksten h1 { 
	margin: 0px 0px 8px 0px;
	font-size: 50px;
	line-height: 52px;
	font-weight: normal;
	color: #419232;
	padding: 0px 0px 0px 0px;
	}
	
.groeneteksten h2{
	margin: 0px 0px 5px 0px;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #419232;
	padding: 0px 0px 0px 0px;
}
	
.groenelijn{
	height: 2px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;	
	background: #419232;
	border-top: 10px solid #ffffff;
	border-bottom: 10px solid #ffffff;	
}


.tekst_boven{
	float: left;
	width: 775px;
	padding: 0px 10px 0px 10px;
	color: #002d6e;
}

.tekst_boven .intro{
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
}	
	

.tekst_boven h1 { 
	margin: 0px 0px 8px 0px;
	font-size: 38px;
	line-height: 45px;
	font-weight: normal;
	color: #002d6e;
	padding: 0px 0px 0px 0px;
	}
	
.tekst_boven h2 { 
	margin: 0px 0px 8px 0px;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #002d6e;
	padding: 0px 0px 0px 0px;
	}	
	
h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 8px 0px;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	color: #9B1F0E;
	padding: 0px 0px 0px 0px;
	}
	



.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer_banner {
	height: 6px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


	


	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.banner_buorren, a.banner_buorren:link, a.banner_buorren:visited 
{
	float: left;
	width: 477px;
	height: 86px;
	background: url(../images/banner_buorren.jpg) 0px 0px;
	position: relative;
}

a.banner_buorren:hover, a.banner_buorren:active
{
	background: url(../images/banner_buorren.jpg) 0px -86px;
	text-decoration: none;
}	
	
	
.banner_techum, a.banner_techum:link, a.banner_techum:visited 
{
	float: left;
	width: 136px;
	height: 73px;
	background: url(../images/banner_techum.gif) 0px 0px;
	color: #ffffff;
	line-height: 19px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 13px 30px 0px 147px;
	position: relative;
	text-decoration: none;	
}

a.banner_techum:hover, a.banner_techum:active
{
	background: url(../images/banner_techum.gif) 0px -86px;
	text-decoration: none;
}

.banner_techum img{
	width: 131px;
	height: 74px;
	position: absolute;
	left: 6px;
	top: 6px;
	border: 0px;
}


.banner_rood, a.banner_rood:link, a.banner_rood:visited 
{
	float: left;
	width: 106px;
	height: 74px;
	background: url(../images/banner_rood.gif) 0px 0px;
	color: #ffffff;
	line-height: 17px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	position: relative;
	padding: 10px 5px 0px 125px;
	text-decoration: none;
}

a.banner_rood:hover, a.banner_rood:active
{
	background: url(../images/banner_rood.gif) 0px -84px;
	text-decoration: none;
}


.banner_blauw, a.banner_blauw:link, a.banner_blauw:visited 
{
	float: right;
	width: 106px;
	height: 74px;
	background: url(../images/banner_blauw.gif) 0px 0px;
	color: #ffffff;
	line-height: 17px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	position: relative;
	padding: 10px 5px 0px 125px;
	text-decoration: none;	
}

a.banner_blauw:hover, a.banner_blauw:active
{
	background: url(../images/banner_blauw.gif) 0px -84px;
	text-decoration: none;
}

.banner_rood img, .banner_blauw img{
	width: 120px;
	height: 84px;
	position: absolute;
	left: 0px;
	top: 0px;
	border: 0px;
}

#logos{
	float: left;
	width: 477px;
	height: 86px;
	overflow: hidden;
}

#logos img{
	float: left;
	border: 0px;
}




/* Navigatie Boven 1e niveau
------------------------------------- */

#menu{
	float: left;
	width: 819px;
	height: 26px;
	padding-bottom: 23px;
	background: #ffffff;
	padding-left: 24px;
	position: relative;
	z-index: 99;
}

#submenu{
	position: absolute;
	height: 18px;
	width: 795px;
	right: 25px;
	bottom: 1px;
	line-height: 18px;
	font-size: 11px;
	text-align: right;
	z-index: -1;
}

#submenu ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#submenu ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#submenu a:link, #submenu a:visited { 
	color: #000000;
	text-decoration: none;
	padding: 0px 0px 0px 8px;
	background: url(../images/arrow_subnav.gif) 3px 4px no-repeat;	
	}

#submenu a:hover, #submenu a:active { 
	color: #cb1e12;
	text-decoration: none;
	}
	
#submenu a.actief:link, #submenu a.actief:visited, #submenu a.actief:hover, #submenu a.actief:active { 
	color: #cb1e12;
	text-decoration: none;	
	}


		



#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
text-transform: uppercase;
font-size: 10px;
z-index: 4;
}

#nav a{
display:block;
height: 26px;
line-height: 26px;
width: 126px;
padding: 0px 0px 0px 0px;
margin: 0px 8px 0px 0px;
color:#fff;
text-decoration:none;
background: url(../images/zuidlanden_hoofdnav.gif) 0px 0px no-repeat;
text-align: center;
}

#nav a:hover{
background: url(../images/zuidlanden_hoofdnav.gif) 0px -26px no-repeat;
color:#FFF;
}

#nav a.actief {
background: url(../images/zuidlanden_hoofdnav.gif) 0px -26px no-repeat;
color:#FFF;
}


#nav li{
float:left;
position:relative;
}

#nav ul li{
float:left;
position:relative;
width: 126px;
}


#nav ul {
z-index: 999;
position:absolute;
display:none;
top: 26px;
width: 126px;
left: 0px;
}

#nav li ul a, #nav li ul a:link, #nav li ul a:visited {
width: 126px;
height:auto;
line-height: 25px;
height: 25px;
float:left;
background: url(../images/zuidlanden_subnav.png) no-repeat bottom left;
color: #ffffff;
font-size: 9px;
padding-top: 3px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;	
}

		/* Fix voor IE */
		* html #nav li ul a, * html #nav li ul a:link, * html #nav li ul a:visited 
		{
			background: url(../images/zuidlanden_subnav.gif) no-repeat bottom left;
		}

#nav li ul a.actief {
	color: #ffffff;
	background: url(../images/zuidlanden_subnav.png) no-repeat bottom left;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;		
}

		/* Fix voor IE */
		* html #nav li ul a.actief:link, * html #nav li ul a.actief:visited
		{
			background: url(../images/zuidlanden_subnav.gif) no-repeat bottom left;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;				
		}

#nav li ul a:hover {
	color: #ffffff;
	background: url(../images/zuidlanden_subnav.png) no-repeat bottom left;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;		
}

		/* Fix voor IE */
		* html #nav li ul a:hover
		{
			background: url(../images/zuidlanden_subnav.gif) no-repeat bottom left;
		}


#nav ul ul{
top: auto;
}	

#nav li ul ul {
left: 125px;
margin:0px 0 0 0px;
padding: 0px 0px 0px 0px;
border-left: 5px solid transparent;
}

		/* Fix voor IE */
		* html #nav li ul ul
		{
	left: 125px;
	margin:0px 0 0 0px;
	padding: 0px 0px 0px 5px;
	border-left: 0px solid transparent;	
		}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			14px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { top: 7px; background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}	





#nav3, #nav3 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
text-transform: uppercase;
font-size: 10px;
z-index: 4;
}

#nav3 a{
display:block;
height: 26px;
line-height: 26px;
width: 126px;
padding: 0px 0px 0px 0px;
margin: 0px 8px 0px 0px;
color:#fff;
text-decoration:none;
background: url(../images/zuidlanden_hoofdnav.gif) 0px 0px no-repeat;
text-align: center;
}

#nav3 a:hover{
background: url(../images/zuidlanden_hoofdnav.gif) 0px -26px no-repeat;
color:#FFF;
}

#nav3 a.actief {
background: url(../images/zuidlanden_hoofdnav.gif) 0px -26px no-repeat;
color:#FFF;
}


#nav3 li{
float:left;
position:relative;
}

#nav3 ul li{
float:left;
position:relative;
width: 126px;
}


#nav3 ul {
z-index: 999;
position:absolute;
display:none;
top: 26px;
width: 126px;
left: 0px;
}

#nav3 li ul a, #nav3 li ul a:link, #nav3 li ul a:visited {
width: 126px;
height:auto;
line-height: 25px;
height: 25px;
float:left;
background: url(../images/zuidlanden_subnav.png) no-repeat bottom left;
color: #ffffff;
font-size: 9px;
padding-top: 3px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;	
}

#nav3 li ul a.actief {
	color: #ffffff;
	background: url(../images/zuidlanden_subnav.png) no-repeat bottom left;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;		
}

#nav3 li ul a:hover {
	color: #ffffff;
	background: url(../images/zuidlanden_subnav.png) no-repeat bottom left;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;		
}


#nav3 ul ul{
top: auto;
}	

#nav3 li ul ul {
left: 195px;
margin:0px 0 0 10px;
}

#nav3 li:hover ul ul, #nav3 li:hover ul ul ul, #nav3 li:hover ul ul ul ul{
display:none;
}
#nav3 li:hover ul, #nav3 li li:hover ul, #nav3 li li li:hover ul, #nav3 li li li li:hover ul{
display:block;
}