/* importing IE 6 hacks
----------------------------------------------- */
@import "ie_hacks.css";


body {
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 776px;
	min-width: 776px;
}

h1 {
	text-indent: -9999px;
	display: block;
	height: 92px;
	width: 776px;
	margin: 0;
}

ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	height: 1px;
	padding: 0;
	padding: 0;
}

hr {
	display: none;
	clear: both;
}

/* LAYOUT styles
----------------------------------------------- */

#left {
	width: 172px;
	float: left;
}

#content {
	width: 568px;
	float: left;
	padding: 0 18px 18px 18px;
	background-color: #FFF;
}

#col1 {
	width: 343px;
	float: left;
	margin: 0 18px 0 0;
}

#col2 {
	width: 203px;
	float: left;
	clear: right;
	margin: 0;
}

.box, .box2, .box3 {
	margin-bottom: 5px;
	padding: 0;
}

#content div.box p, #content div.box2 p {
	margin: 0;
	display: block;
	padding: 8px 0 8px 0;
}

#content  div.box2 ul li {
padding: 2px 0 4px 0;
}

#content div.box3 p {
	margin: 0;
	display: block;
	padding: 0 0 8px 0;
}

#info-area {
	width: 566px;
	display: block;
	margin-top: 8px;
	padding: 0px 2px;
}

#zoek-area {
	width: 165px;
	float: right;
}

#welcome {
	width: 390px;
	float: left;
}

#footer {
	width: 780px;
	height: 102px;
	clear: both;
}

/* LEFT NAVIGATION
----------------------------------------------- */

ul#leftnav {
	width: 172px;
	border-bottom: 1px solid #FFF;
}

ul#leftnav li, ul#leftnav li a {
	display: block;
	width: 143px;
	position: relative;
}

ul#leftnav li a {
	padding: 11px 0 10px 29px;
	text-decoration: none;
	font: 10px/11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* LEFT SUB NAVIGATION
----------------------------------------------- */

ul#leftnav li:hover ul, ul#leftnav li.over ul { 
	display: block;
}

ul#leftnav li ul {
	position: absolute;
	left: 156px;
	top: -8px;
	display: none;
}

ul#leftnav li ul li, ul#leftnav li ul li a {
	height: 18px;
	width: 200px;
	display: block;
	margin: 0;
	padding: 8px 0 0 16px;
}
	
/* TEXT styles
----------------------------------------------- */

#content p {
	color: #666;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
}

#col1 ul {
color: #666;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	}

	#col1 ul li {
	list-style-image:  url(bullet.gif)
	}


#welcome p {
	color: #666;
	font: 9px/11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 6px 0 2px 6px;
}

#content h2 {
	font: 18px Arial, Helvetica, sans-serif, Verdana;
	margin: 25px 0 5px 0;
	color:#BA2329;
}

h2.weer {
	height: 28px;
	color:#BA2329;
}

#content #col1 h3, #content #col2 h3, #content h3 {
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	display: block;
	padding: 3px;
	margin: 12px 0;
}

#content #col1 p {
border:none;
}
/* TEXTLINKS styles
----------------------------------------------- */

#content #welcome a:link, #content #welcome a:visited {
	color: #666;
	text-decoration: none;
}

#content #welcome a:hover {
	color: #666;
	background: none;
	text-decoration: underline;
}

#content a:link {
	color: #336699;
}

#content a:visited {
	color: #6C889F;
}

#content a:hover {
	color: #1F6DBA;
	background-color: #eef8ff;
}

#content p.meer {
	background: url(pijltje_rood.gif) no-repeat;
	color: #990000;
	padding-right: 13px;
	
}



#content p.more a:link, #content p.more a:visited {
	color: #990000;
}





#content p.more a:hover {
	color: #CC0000;
	background-color: #FEFFEE;
	text-decoration: underline;
}
#content a.more {
	padding-left: 13px;
	text-decoration: none;
}

	
#content a.meer:link, #content a.meer:visited {
	background: url(pijltje_rood.gif) no-repeat;
	color: #990000;	
	background-position-x:  30px;
}



#content a.more:link, #content a.more:visited {
	background: url(morearrows.gif) no-repeat;
	color: #990000;	
	background-position-x:  left;
}

#content a.meer:hover, #content a.meer:active  {
	background: url(morearrows.gif) no-repeat;
	color: #CC0000;
	border-bottom: 1px solid #CC0000;
	background-position-x:  right;
	
}

#content a.more:hover, #content a.more:active  {
	background: url(morearrows.gif) no-repeat;
	color: #CC0000;
	border-bottom: 1px solid #CC0000;
	background-position-x:  left;
	
}





#content div.vorigepijl {
	clear: both;
	padding-top: 10px;
}

#content div.vorigepijl p {
	margin: 0;
}

#content div.vorigepijl a {
	display: block;
	width: 550px;
	padding: 3px 3px 3px 15px;
	text-decoration: none;
}

#content div.vorigepijl a:link, #content div.vorigepijl a:visited {
	color: #993333;
	background: #FAFBEF url(pijltje_rood_vorige.gif) no-repeat;
}

#content div.vorigepijl a:hover {
	color: #990000;
	background: #FEFFEE url(pijltje_rood_vorige.gif) no-repeat;
}

/* IMAGE styles
----------------------------------------------- */

#content img {
	background-color: #fff;
	padding: 4px;
	border: 1px solid #D6DFE2;
	float: center;
	margin: 5px 10px 5px 0px;
}

#content #col2 img.notaligned {
	float: none;
	margin: 0;
}

#content img.right {
	float: right;
	margin: 5px 0 5px 10px;
}

#content img.noborder {
	border: 0;
	float: none;
	padding: 0;
	background: none;
	margin: 0;
}

#content img.noborderleft {
	border: 0;
	float: left;
	padding: 0;
	background: none;
}

#zoek-area input.submitimage {
	border: 0;
	float: none;
	padding: 0;
	background: none;
	margin: 3px 0 0 0;
}

/* TOP NAVIGATION main styles
----------------------------------------------- */

ul#topnav {
	width: 776px;
	height: 32px;
	padding-left: 172px; 
	clear: right;
}

ul#topnav li {
	font: 9px/11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F1C9C9;
	text-transform: uppercase;
	float: left;
	display: block;
	text-align: center;
	letter-spacing: 1px;
	height: 32px;
}

ul#topnav li a {
	text-decoration: none;
}

ul#topnav li#home, ul#topnav li#home a {
	width: 45px;
}





img.noframe2 {
	padding: 0;
	border: none;
	background: none;
	float: none;
	clear: right;
}

/* LIST styles
----------------------------------------------- */

ul.news, ul.westtoer, ul.routes, ul.brochures, ul.links {
	margin: 5px 0 0 0;
}

ul.news li, ul.westtoer li, ul.routes li, ul.brochures li, ul.links li {
	display: block;
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

ul.news li a, ul.westtoer li a, ul.routes li a, ul.brochures li a, ul.links li a {
	text-decoration: none;
	display: block;
	padding: 4px 0 4px 15px;
}

ul.news li a:link, ul.news li a:visited {
	color: #336699;
	background: url(bullet_nieuws.gif) no-repeat;
}

ul.links li a:link, ul.links li a:visited {
	color: #336699;
	background: url(bullet_links.gif) no-repeat;
}

ul.westtoer li a:link, ul.westtoer li a:visited {
	color: #336699;
	background: url(bullet_westtoer.gif) no-repeat;
}

ul.brochures li a:link, ul.brochures li a:visited {
	color: #336699;
	background: url(bullet_brochures.gif) no-repeat;
}

#content ul.news li a:hover, #content ul.westtoer li a:hover,
#content ul.brochures li a:hover, #content ul.links li a:hover {
	color: #990000;
	background: #FEFFEE url(bullet_pijl.gif) no-repeat;
}

#content ul li.pijl a:link, #content ul li.pijl a:visited {
	color: #993333;
	background: #FAFBEF url(bullet_pijl.gif) no-repeat;
}

#content ul li.pijl a:hover {
	color: #990000;
	background: #FEFFEE url(bullet_pijl_over.gif) no-repeat;
}

#content ul li.pijlblauw a:link, #content ul li.pijlblauw a:visited {
	color: #336699;
	background: transparent url(bullet_pijl_blauw.gif) no-repeat;
}

#content ul li.pijlblauw a:hover {
	color: #336699;
	background: #eef8ff url(bullet_pijl_over.gif) no-repeat;
}

#content ul li.euro {
	padding: 4px 0 4px 15px;
	color: #990000;
	background: #FEFFEE url(bullet_euro.gif) no-repeat;
}

#content ul li.euro a {
	padding: 0;
}

#content ul li.euro a:hover {
	background-color: transparent;
}

/* PRINT MAIL WINKELWAGENTJE
----------------------------------------------- */	

ul#functions-area {
	width: 566px;
	list-style-type: none;
	margin: 3px 0 0 0;
	padding: 0;
}

ul#functions-area li {
	float: right;
	text-indent: -9999px;
	height: 11px;
	display: block;
}


ul#functions-area li#mail a,
ul#functions-area li#print a,
ul#functions-area li#winkelw a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	background: none;
}

ul#functions-area li#mail {
	width: 76px;
	background: transparent url(b_mail.gif) no-repeat;
}

ul#functions-area li#print {
	width: 74px;
	background: transparent url(b_print.gif) no-repeat;
}

ul#functions-area li#winkelw {
	width: 93px;
	background: transparent url(b_winkelwagentje.gif) no-repeat;
}

/* FOOTER LOGOS styles
----------------------------------------------- */	

#footer ul#logos {
	width: 780px;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
}

#footer ul#logos li {
	display: block;
	float: left;
	height: 70px;
	margin: 0 16px 0 16px;
	text-decoration: none;
	text-indent: -9999px;
}

ul#logos li#west a, ul#logos li#kust a, ul#logos li#whoek a,
ul#logos li#bol a, ul#logos li#leie a {
	display: block;
	height: 70px;
	text-decoration: none;
}

ul#logos li#west {
	margin: 0 20px 0 15px;
}

ul#logos li#west, ul#logos li#west a {
	background : transparent url(logo_westvl.gif) no-repeat;
	width: 142px;
}

ul#logos li#toervl, ul#logos li#toervl a {
	background : transparent url(logo_toerismevl.gif) no-repeat;
	width: 49px;
}

ul#logos li#eu, ul#logos li#eu a {
	background : transparent url(logo_eu.gif) no-repeat;
	width: 55px;
}

ul#logos li#kust, ul#logos li#kust a {
	background : transparent url(logo_kust.gif) no-repeat;
	width: 91px;
}

ul#logos li#whoek, ul#logos li#whoek a {
	background : transparent url(logo_westhoek.gif) no-repeat;
	width: 72px;
}

ul#logos li#bol, ul#logos li#bol a {
	background : transparent url(logo_bol.gif) no-repeat;
	width: 65px;
}

ul#logos li#leie, ul#logos li#leie a {
	background : transparent url(logo_leiestreek.gif) no-repeat;
	width: 71px;
}

/* FOOTER TXT styles
----------------------------------------------- */	

#footer ul#footertxt {
	width: 580px;
	list-style-type: none;
	margin: 0 0 0 183px;
	padding: 10px 0 10px 0;
}

#footer ul#footertxt li {
	font: 9px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #9DA18A;
	padding-right: 8px;
	margin-left: 6px;
	background: transparent url(footer_div.gif) no-repeat right center;
	display: inline;
}

#footer ul#footertxt li a {
	color: #9DA18A;
}







* html ul#topnav li {
	height: 20px;
	h\eight: 32px;
}

* html #content {
	padding: 0 16px 18px 18px;
}

/* fix for IE white space bug - hide for IE Mac \*/ 
* html ul.news li,
* html ul.westtoer li,
* html ul.routes li,
* html ul.brochures li,
* html ul.links li { 
    height: 1px; 
} 













/* TOP NAVIGATION buttons
----------------------------------------------- */

ul#topnav li#over, ul#topnav li#over a {
	width: 96px;
}

ul#topnav li#cons, ul#topnav li#cons a {
	width: 88px;
}

ul#topnav li#ond, ul#topnav li#ond a {
	width: 86px;
}

ul#topnav li#news, ul#topnav li#news a {
	width: 56px;
}

ul#topnav li#pers, ul#topnav li#pers a {
	width: 65px;
}

ul#topnav li#toer, ul#topnav li#toer a {
	width: 95px;
}

ul#topnav li#copy, ul#topnav li#copy a {
	width: 73px;
}

/* TOP NAVIGATION rollover buttons
----------------------------------------------- */

ul#topnav li a:link, ul#topnav li a:visited {
	padding-top: 12px;
	height: 20px;
	display: block;
	color: #F1C9C9;
}

ul#topnav li#copy a:link, ul#topnav li#copy a:visited,
ul#topnav li#ond a:link, ul#topnav li#ond a:visited {
	padding-top: 6px;
	height: 26px;
}

ul#topnav li a:hover {
	display: block;
	color: #FFFFFF;
	background-color: #CC0000;
}

/* TOP NAVIGATION active buttons
----------------------------------------------- */

ul#topnav li#activehome, ul#topnav li#activehome a,
ul#topnav li#activeover, ul#topnav li#activeover a,
ul#topnav li#activecons, ul#topnav li#activecons a,
ul#topnav li#activeond, ul#topnav li#activeond a,
ul#topnav li#activenews, ul#topnav li#activenews a,
ul#topnav li#activepers, ul#topnav li#activepers a,
ul#topnav li#activetoer, ul#topnav li#activetoer a {
	text-align: center;
	background-color: #FFF;
	font-weight: bold;
	color: #990000;
}

ul#topnav li#activehome, ul#topnav li#activehome a {
	padding-top: 12px;
	width: 45px;
	height: 20px;
}

ul#topnav li#activeover, ul#topnav li#activeover a,
ul#topnav li#activetoer, ul#topnav li#activetoer a {
	padding-top: 6px;
	width: 96px;
	height: 20px;
}

ul#topnav li#activecons, ul#topnav li#activecons a {
	padding-top: 6px;
	width: 88px;
	height: 20px;
}

ul#topnav li#activeond, ul#topnav li#activeond a {
	padding-top: 3px;
	width: 86px;
	height: 26px;
}

ul#topnav li#activenews, ul#topnav li#activenews a {
	padding-top: 6px;
	width: 56px;
	height: 20px;
}

ul#topnav li#activepers, ul#topnav li#activepers a {
	padding-top: 6px;
	width: 65px;
	height: 20px;
}

/* TOP SUB NAVIGATION
----------------------------------------------- */

ul#topnav li:hover ul, ul#topnav li.over ul { 
	display: block;
}

ul#topnav li ul {
	position: absolute;
	left: 0px;
	top: 32px;
	display: none;
}

ul#topnav li ul li, ul#topnav li ul li a {
	display: block;
	float: none;
	background-color: #990000;
	z-index: 10px;
	font: 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align :left;
	text-transform: none;
}

ul#topnav li, ul#topnav li a {
	position: relative;
}

ul#topnav li#activeover ul li,
ul#topnav li#activecons ul li,
ul#topnav li#activeond ul li,
ul#topnav li#activepers ul li,
ul#topnav li#activenews ul li,
ul#topnav li#activetoer ul li,
ul#topnav li#over ul li,
ul#topnav li#cons ul li,
ul#topnav li#ond ul li,
ul#topnav li#news ul li,
ul#topnav li#pers ul li,
ul#topnav li#toer ul li,
ul#topnav li#copy ul li,
ul#topnav li#over ul li a:hover,
ul#topnav li#cons ul li a:hover,
ul#topnav li#ond ul li a:hover,
ul#topnav li#news ul li a:hover,
ul#topnav li#pers ul li a:hover,
ul#topnav li#toer ul li a:hover,
ul#topnav li#copy ul li a:hover {
	height: 22px;
}

ul#topnav li#activeover ul li a,
ul#topnav li#activecons ul li a,
ul#topnav li#activeond ul li a,
ul#topnav li#activepers ul li a,
ul#topnav li#activenews ul li a,
ul#topnav li#activetoer ul li a,
ul#topnav li#over ul li a,
ul#topnav li#cons ul li a,
ul#topnav li#ond ul li a,
ul#topnav li#news ul li a,
ul#topnav li#pers ul li a,
ul#topnav li#toer ul li a,
ul#topnav li#copy ul li a {	
	text-align: left;
	width: 150px;
	border-top: 1px solid #fff;
	padding: 3px 2px 3px 10px;
	margin: 0;
}

ul#topnav li#ond ul li a:link,
ul#topnav li#ond ul li a:visited,
ul#topnav li#ond ul li a:hover {
	height: 20px;
	padding: 3px 2px 3px 10px;
}

ul#topnav li#activeover ul li a:link,
ul#topnav li#activeover ul li a:visited,
ul#topnav li#activecons ul li a:link,
ul#topnav li#activecons ul li a:visited,
ul#topnav li#activeond ul li a:link,
ul#topnav li#activeond ul li a:visited,
ul#topnav li#activenews ul li a:link,
ul#topnav li#activenews ul li a:visited,
ul#topnav li#activepers ul li a:link,
ul#topnav li#activepers ul li a:visited,
ul#topnav li#activetoer ul li a:link,
ul#topnav li#activetoer ul li a:visited {
	background-color: #990000;
	color: #F1C9C9;
	font-weight: normal;
}

ul#topnav li#activeover ul li a:hover,
ul#topnav li#activecons ul li a:hover,
ul#topnav li#activeond ul li a:hover,
ul#topnav li#activenews ul li a:hover,
ul#topnav li#activepers ul li a:hover,
ul#topnav li#activetoer ul li a:hover {
	background-color: #CC0000;
	color: #FFF;
	font-weight: normal;
}

body {
	background: #fff url(bg_corporate.gif) repeat-y;
}

h1 {
	background: transparent url(header_corporate.jpg) no-repeat;
}

ul#topnav {
	background: transparent url(bg_topnav_corporate.gif) repeat-y;
}

ul#leftnav li a:link, ul#leftnav li a:visited {
	background: transparent url(nav_corporate.gif);
	color: #536364;
}

ul#leftnav li a:hover {
	background: transparent url(nav_corporate.gif) 0 -80px;
	color: #990000;
}

ul#leftnav li ul li a:link, ul#leftnav li ul li a:visited {
	background: transparent url(subnav_corporate.gif);
	color: #536364;
}

ul#leftnav li ul li a:hover {
	background: transparent url(subnav_corporate.gif) 0 -45px;
	color: #990000;
}

#content h2 {
	/*color: #A3A690;*/
	color:#BA2329;
}
	
#content h3 {
	background-color: #A3A690;
}

ul.news, ul.westtoer, ul.routes, ul.brochures {
	border-bottom: 1px solid #EDEEE4;
}

ul.news li, ul.westtoer li,  ul.routes li, ul.brochures li {
	border-top: 1px solid #EDEEE4;
}

ul.routes li.fiets a:link, ul.routes li.fiets a:visited {
	color: #336699;
	background: transparent url(bglist_fietsen.gif) no-repeat;
}

#content ul.routes li.fiets a:hover {
	color: #990000;
	background: transparent url(bglist_fietsen.gif) no-repeat left bottom;
}

ul.routes li.ventje a:link, ul.routes li.ventje a:visited {
	color: #336699;
	background: transparent url(bglist_wandelen.gif) no-repeat;
}

#content ul.routes li.ventje a:hover {
	color: #990000;
	background: transparent url(bglist_wandelen.gif) no-repeat left bottom;
}

ul.routes li.paard a:link, ul.routes li.paard a:visited {
	color: #336699;
	background: transparent url(bglist_paardrijden.gif) no-repeat;
}

#content ul.routes li.paard a:hover {
	color: #990000;
	background: transparent url(bglist_paardrijden.gif) no-repeat left bottom;
}

#info-area {
	background-color: #FAFBEF;
	border-bottom: 1px solid #ECEED2;
}

.box, div.vorigepijl {
	border-bottom: 3px solid #F6F7F2;
}

.box2 {
	/*border-top: 1px solid #EDEEE4;*/
	border-bottom: 3px solid #F6F7F2;
}

#content div.box p, div.vorigepijl p {
	border-top: 1px solid #EDEEE4;
border-bottom: 1px solid #EDEEE4;
}

h2.weer {
	background: url(icon_weer_corporate.gif) no-repeat top right;
}

/* FORM styles
----------------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

form.zoekform {
	background: transparent url(icon_loepje_corporate.gif) no-repeat;
}

fieldset {
	width: 100%;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #EDEEE4;
	border-left: 0;
	margin: 0;
	padding: 10px 0;
}

input, textarea  {
	color: #666;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #BEC29A;
	background-color: #fff;
	padding: 2px;
	margin: 2px;
}

.zoekveld {
	padding: 0px 2px 1px 2px;
	margin: 4px 0 4px 20px;
	font-size: 10px;
}	

.submitbutton {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #868B6B;
	background-color: #EDEEE4;
	text-transform: uppercase;
	letter-spacing: 1px;
}

form em {
	color: #CC0000;
	font-style: normal;
	font-weight: bold;
}