/* CSS Document */
/* ############### tales.be css framework v0.1 (by kvd) ###############  */

/* ############### RESET ALL ELEMENTS ############### */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,table,img,address,caption,cite,code,dfn,em,i,strong,b,var,q,abbr,acronym{margin:0; padding:0;}




/* Tables still need 'cellspacing="0"' in the <table>-tag! */
table{border-collapse:collapse; border-spacing:0;}
td, th { border-style: none;text-align:left; vertical-align: top; }

fieldset,img,a img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption{text-align:left; vertical-align: top;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
blockquote:before, blockquote:after,q:before,q:after{content:'';}/* Delete quote marks (") from <q>, <blockquote>. */
blockquote, q { quotes: "" ""; }
abbr,acronym {border:0;}


/* CSS Document */
/* ############### tales.be css framework v0.1 (by kvd) ###############  */
/* ############### BASICS.TALES.CSSFRAMEWORK ############### */

/*
contains:
	generic float-clearing magic
	bold & italic rules 
	
*/	

/* ############### FLOATING DIV WORKAROUNDS ############### */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    /*visibility: hidden;*/
	 visibility: collapse;
}
/* clearfix workaround for IE7 */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} 
/* End hide from IE-mac */

#fixFloatingDiv, .fixFloatingDiv{
	clear: both !important;
	height: 1px !important;
	margin: 0 0 0px 0; 
	border: 0px solid #ea6346 !important;
	background-image: none !important;
	visibility: collapse;
	line-height: 1% !important; /* for IE: anders is deze div +- 20px hoog */
	}
	
	
/* ############### BOLD & ITALIC ############### */	
strong, b, .strong{ font-weight: bold;}
em, i, .italic{ font-style: italic;}


sup{
	line-height: 75%;
}
.noborder {	border: 0;}




/* CSS Document */
/* ############### tales.be css framework v0.2 (by kvd) ###############  */
/* ############### GRID.TALES.CSSFRAMEWORK ############### */

/*
contains:
	generic grid layouts
	
*/	



/* ############### BASIC BUILDING BLOCKS ############### */

/* structure:

	 -------pagewrapper------
   |                        |
   |    ----------------    |
   |    |     access    |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    header	   |   |
   |    ----------------    |	
   |                        |
   |    ----------------    |
   |    |    topnav	   |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    content	   |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    footer	   |   |
   |    ----------------    |
   |                        |
    ------------------------

*/


#pagewrapper{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

#accessibility{display: block;}
#header{display: block;}
#content{display: block;}
#footer{display: block;}
	
	
	

#sidenav{display: block;}	
#topnav{display: block;}

#crumbpath{
	
}
/* ############### 1 COLUMN LAYOUT ############### */
.oneCol .col1{
	display: block;}

/* ############### 2 COLUMN LAYOUT ############### */
.twoCols .col1{
	display: block;
	float: left;}
.twoCols .col2{
	display: block;
	float: left;
}

/* ############### 3 COLUMN LAYOUT ############### */
.threeCols .col1{
	display: block;
	float: left;}
.threeCols .col2{
	display: block;
	float: left;
}
.threeCols .col3{
	display: block;
	float: left;}
	
	
	/* CSS Document */
/* ############### tales.be css framework v0.2 (by kvd) ###############  */


html, body{	/* colors in customscheme.css */}

/* ############### BASIC BUILDING BLOCKS ADDONS ############### */
#pagewrapper{
	display: block;
	width: 924px;
	padding: 0 2px 0 2px;
	background-image: url(../gfx/basics/back-page.jpg);
	background-repeat: repeat-y;
	/*margin-left: 0;*//* for lefthanded layout instead of centered*/
	/* margin-top: XXpx; */ /* offset from pagetop */
}

#accessibility{
	height: 70px;
	background-repeat: no-repeat;
	/* backgroundimage in customscheme.css */
}


#header{
		height: 165px;
		margin-top: 50px;
		margin-bottom: 0 !important;
		margin-bottom: -10px; /* correctie voor IE6: #content zakt 10px als de generieke p een margin-bottom van 10px krijgt */
		}
#content{	}
#footer{
	/*background-color: #e0e0e0;*/
	padding-right: 4px;
	}

#topnav{
	/* colors in customscheme.css */
	
	/* relative positioning: pull #topnav up or down,
	to the left or right,
	it will layer itself above the header */
	
	/*position: relative;
	left: 257px;
	top: -38px;*/
	width: 920px;
	height: 51px;
	position: absolute;
	top: 70px;
}

#crumbpath{
	/* colors in customscheme.css */
	margin-bottom: 18px;
}

/*.col1{	width: 200px;}
.col2{	width: 700px; }*//* = pagewrapper.width - col1.width */


/* ############### 1 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.oneCol#header .col1{}
.oneCol#content .col1{}

/* ############### 2 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */

.twoCols#header .col1{
	/* colors in customscheme.css */
	height: 165px;
	width: 607px;}
.twoCols#header .col2{
	/* colors in customscheme.css */
	height: 165px;
	width: 313px;}

.twoCols#content .col1{
	/* colors in customscheme.css */
	width: 581px;	
	padding: 11px 13px 0 13px !important; 
	padding: 11px 10px 0 13px; 
	
	}
.twoCols#content .col2{
	/* colors in customscheme.css */
	width: 273px !important;
	width: 269px; /* compensate the margin-right for IE6 */
	margin-right: 4px;
	/*padding: 80px 20px 0 20px; */
	padding: 20px 20px 0 20px; 
}


.home .twoCols#content .col1{
	/* colors in customscheme.css */
	width: 607px;
	padding: 10px 0 0 0 !important;
	margin-bottom: -20px;
	}
.home .twoCols#content .col2{
	/* colors in customscheme.css */
	padding-top: 20px !important; 
}

/* minimum height for sidenav and text-block */
/* remember: if working with backgroundcolors or borders, 
you'll need to set a repeating background on 
.twoCols#content, since col1 doesn't know how
long col2 becomes (and vice-versa)
 !!!!!
*/

/* .twoCols#content .col1 {min-height: 200px;}*/ /* mozilla + IE7 */
/**html* .twoCols#content .col1 {height: 200px;}*/ /* IE6 */

/*.twoCols#content .col2 {min-height: 200px;}*/ /* mozilla + IE7 */
/**html* .twoCols#content .col2 {height: 200px;}*/ /* IE6 */



/* ############### 3 COLUMN LAYOUT ADDONS: dimensions, colors, backgrounds ############### */
.threeCols#header .col1{
	background-color: #000;
	color: #fff;
	height: 150px;
	width: 200px;}
.threeCols#header .col2{
	background-color: green;
	color: #fff;
	height: 150px;
	width: 500px;}
.threeCols#header .col3{
	background-color: orange;
	color: #fff;
	height: 150px;
	width: 200px;}

.threeCols#content .col1{
	background-color: #ffcc00;	
	width: 200px;}
.threeCols#content .col2{
	background-color: #fff;
	width: 500px;}
.threeCols#content .col3{
	background-color: Maroon;
	width: 200px;}

/* minimum height for sidenav and text-block */
/* remember: if working with backgroundcolors or borders, 
you'll need to set a repeating background on 
.twoCols#content, since col1 doesn't know how
long col2 becomes (and vice-versa)
 !!!!!
*/
.threeCols#content .col1 {min-height: 200px;} /* mozilla + IE7 */
*html* .threeCols#content .col1 {height: 200px;} /* IE6 */

.threeCols#content .col2 {min-height: 200px;} /* mozilla + IE7 */
*html* .threeCols#content .col2 {height: 200px;} /* IE6 */


.threeCols#content .col3 {min-height: 200px;} /* mozilla + IE7 */
*html* .threeCols#content .col3 {height: 200px;} /* IE6 */


/* CSS Document */
/* ############### tales.be css framework v0.1 (by kvd) ###############  */
/* ############### FONTS.TALES.CSSFRAMEWORK ############### */

/*
contains:
	font rules - to be adjusted for each site that uses this framework
	DOES NOT INCLUDE NAVIGATION FONTS
*/	



/* ############### BASIC FONT SETTINGS ############### */
/* ############### ADJUST ON A AS-NEEDED-BASE ############### */
html, body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;}
.twoCols#content .col1, #footer{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 0.85em;
	margin-bottom: 10px;
	/* colors in customscheme.css */}
	
p{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif ;
	margin-bottom: 10px;}

.twoCols#content .col1 ul, .twoCols#content .col1 ol{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif ;
	/*font-size: 0.9em;*/
	margin-bottom: 10px;
	/* colors in customscheme.css */}

.twoCols#content .col1 ol{
	list-style-type: upper-roman;
	margin-left: 30px;
}	

.twoCols#content .col1 ol li{
	margin-bottom: 5px;
}


#tabs a{
	font-size: 90% !important;
}	
a{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 100% !important;
	/* colors in customscheme.css */}
h1,h2,h3,h4,h5,h6{font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px;}	
h1{ font-size: 140%; }
h2{ font-size: 125%; margin-top: 20px }
h3{ font-size: 110%; margin-top: 20px }
h4{ font-size: 100%; margin-top: 20px }
h5{ font-size: 90%; margin-top: 20px }
h6{ font-size: 80%; margin-top: 20px }

#reedsvanaf h2{	font-size: 135% !important;}
.home #teaser h1{	font-size: 120%;}
.home #teasercol1 h2{	font-size: 100%; margin-top: 0;}

#cssSwitcher a#normalCSS{	font-size: 100% !important;}
#cssSwitcher a#biggerCSS{	font-size: 125% !important;}
#cssSwitcher a#biggestCSS{	font-size: 150% !important; margin-right: 3px;}


#searchbox input{	font-size: 90%;}

#guidedsearch .dropdowns{ font-size: 85%;}
#guidedsearch .textdescription{ font-size: 85%;}
#guidedsearch .dropdowns select{ font-size: 100% !important;}
#guidedsearch .buttonzoek{
	font-size: 100% !important;
}


.twoCols#content .col2 h2{ font-size: 140%; font-weight: normal !important; margin-top: 0px;}
.twoCols#content .col2 h3{ font-size: 100%; font-weight: normal !important; margin-top: 0px;}
.reisfiche h2.land{
	font-size: 100%;
	margin-top: -5px !important;
	margin-bottom: 0px;
}

.twoCols#content .col2 p{
	font-size: 85%;
}
.twoCols#content .col2 a{
	font-size: 100%;
}

#crumbpath{	font-size: 100%;/* colors in customscheme.css */ /* crumbpathdividers color */}
#crumbpath a:link, #crumbpath a:visited{	text-decoration: none !important;	/* colors in customscheme.css */}
#crumbpath a:hover, #crumbpath a:active{	/* colors in customscheme.css */}



td{}


.routeDescr h3{
	margin-top: 0 !important;
}

.twoCols#content .col1 ul{	list-style: square;	margin: 10px 0 10px 40px;}
.twoCols#content .col1 ul li{	margin-bottom: 3px;}


#tabs li a{ font-size: 110% !important;}

.button{	font-size: 95%;}
.buttonzoek{	font-size: 90%;}


#zoekheader{font-weight: bold;}
#zoekresult a{
	text-decoration: none;
}


#downloadpdf a{ font-size: 85% !important;}

/* ########## HOMEPAGE ########## */

#teasertitle, #laatsteplaatsentitle, #nieuwstitle{	font-size: 110%; font-weight: bold;}
.home #nieuwebestemmingen .bestemmingland{ font-weight: bold;}
.home .nieuwalbum .albumtitel{	font-weight: bold;}

/* ########## PRINTLINK ########## */
#printlink a:link, #printlink a:visited{
	/* colors in customscheme.css */
	background-color: transparent !important;
	background-image: url(../gfx/basics/button-print.gif);
	background-repeat: no-repeat;
	background-position: right;
	/*display: block;*/
	width: 110px;
	height: 30px;
	padding-right: 25px !important;
	margin-left: 48px !important;
	/*float: right !important;*/
	/*margin-top: -25px;*/
}
#printlink a:hover, #printlink a:active{	/* colors in customscheme.css */
														padding-top: 3px !important;
														background-image: url(../gfx/basics/button-print-hover.gif);}
/*
body:last-child:not(:root:root) #printlink { margin-left: 50px !important; } */ /* TARGETS SAFARI / WEBKIT / KHTML */

.freetext #printlink a{
	
	margin-left: 448px !important;
}



/* CSS Document */
/* ############### tales.be css framework v0.2 (by kvd) ###############  */
/* ############### TOPNAVIGATION ############### */
#level1{
	margin-top: 0px;
	margin-left: 0px;
	background-color: #626262;
	padding: 4px 0 5px 0;
	border-bottom: 1px solid #fff;
}
#level1 li{
	display: inline;
	color: #fff;
}

#level1 a, #level1 a.visited{
	padding: 4px 10px 5px 10px;
	color: #fff;
	text-decoration: none;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	height: 25px;
	background-color: #626262;
}

#level1 a:hover, #level1 a:active{	color: #ffd800;}
#level1 a.selected{	background-color: #c75b12; color:#fff;font-weight: bold;}


ul#navmenu{
	margin-top: 0px;
	margin-left: 0px;
	background-color: #c75b12/*cc270b*/;
	padding: 0px 0 0px 0;
	width: 920px;
}

ul#navmenu a.hassubpages{
	background-image: url(../components/topnav/topnav.arrow.right.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 153px 10px !important;
}


ul#navmenu li{
	margin: 0;
  	border: 0 none;
  	padding: 0;
  	float: left; /*For Gecko*/
  	display: inline;
  	list-style: none;
  	position: relative;
  /*height: 24px;*/ /* this rule has been killed for FF */
}





ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px !important; /* width is important or IE6 goes bonkers as usual */
  /*list-style: none url(../gfx/basics/back-access.jpg) !important;*/
  /*
  list-style:
  url-parameter is necessary for strange IE6-bug
  (first submenu's are next to each other instead of below eachother
  
  Also: it has to point to a valid image,
  otherwise it won't work in IE6
  
  */
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  
}


ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
	padding: 5px 10px 3px 10px;
	color: #fff;
	text-decoration: none;
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	height: 24px;
  	float: none !important; /*For Opera*/
  	float: left; /*For IE*/
  	display: block;
  	text-align: left;
  	font: 90%  Arial, Helvetica, sans-serif;
  	text-decoration: none;
  	height: auto !important;
  	height: 1%; /*For IE*/
  	line-height: 125%;
  	background: #c75b12/*cc270b*/;
}

ul#navmenu li ul li a{
	background: #c75b12;
	border-bottom: 1px solid #d6691f;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover{
  background: #c75b12;
  color: #ffd200/*#ffd800*/;
}
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #c75b12;
  color: #ffd200;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none !important; /* er loopt iets fout met deze float in IE6 */
  background: #c75b12;
  color: #fff;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #c75b12;
  color: #ffd200;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #c75b12;
  color: #fff;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #c75b12;
  color: #ffd200;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #b7ca4c;
  color: #525f03;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #b7ca4c;
  color: #fff;
}


ul#navmenu ul ul,
ul#navmenu ul ul ul,
ul#navmenu ul ul ul ul,
ul#navmenu ul ul ul ul ul,
ul#navmenu ul ul ul ul ul ul,
ul#navmenu ul ul ul ul ul ul ul
 {
  display: none;
  position: absolute;
  top: 0;
  /*left: 160px;*/
  /*left: 122px;*/ /* disabled: flikkert te veel, 1px minder nemen om de gap tss de uitklappers dicht te maken */
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li:hover ul ul ul ul,
ul#navmenu li:hover ul ul ul ul ul,
ul#navmenu li:hover ul ul ul ul ul ul,
ul#navmenu li:hover ul ul ul ul ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul,
ul#navmenu li.iehover ul ul ul ul,
ul#navmenu li.iehover ul ul ul ul ul,
ul#navmenu li.iehover ul ul ul ul ul ul,
ul#navmenu li.iehover ul ul ul ul ul ul ul
 {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu ul ul ul li:hover ul,
ul#navmenu ul ul ul ul li:hover ul,
ul#navmenu ul ul ul ul ul li:hover ul,
ul#navmenu ul ul ul ul ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul, 
ul#navmenu ul ul ul li.iehover ul,
ul#navmenu ul ul ul ul li.iehover ul,
ul#navmenu ul ul ul ul ul li.iehover ul,
ul#navmenu ul ul ul ul ul ul li.iehover ul {
  display: block;
}

/* CSS Document */
/* ############### tales.be css framework v0.2 (by kvd) ###############  */
/* ############### MODULES.TALES.CSSFRAMEWORK ############### */

/*
contains:
	generic modules
*/	

/* ############### RELATED ITEMS ############### */
#related{
	
	margin-left: 0px;
	margin-top: 40px;
}

#related h2{	
	color: #000 !important;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold !important;}
	
	
#related .simplerow{
	background-image: url(../gfx/ico/dots.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding: 0;}
	
#related span{
	display: block;
	/*width: 50px;*/
	text-align: right;
	color: #606060;
	padding-top: 5px;
	border: 1px solid red;
	/*position: absolute;*/
	/*margin-top: 5px;
	margin-left: 345px !important;
	margin-left: 5px;*/
}

#related a:link, #related a:visited{
	display: block;
	float: left;
	width: 370px !important;
	padding: 5px 0 5px 30px;
	text-decoration: none;
	font-size: 80%;
	color: #AD0F17 !important;
	}

#related a:hover, #related a:active{ background-color: #E1A700; color: #fff !important;}
	
.pdf{
	background-image: url(../gfx/ico/ico.pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.xls{
	background-image: url(../gfx/ico/ico.xls.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
.ppt{
	background-image: url(../gfx/ico/ico.ppt.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
.doc{
	background-image: url(../gfx/ico/ico.doc.gif);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.jpg{
	background-image: url(../gfx/ico/ico.jpg.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}
.mailform{
	background-image: url(../gfx/ico/ico.mailform.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
}
.urlext{
	background-image: url(../gfx/ico/ico.url.ext.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
}
.urlint{
	background-image: url(../gfx/ico/ico.url.int.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}


/* ############### FOTOALBUM ############### */
#fotoalbum a, #videoalbum a{
	display: inline;
}
#fotoalbum img, #videoalbum img{
	/* colors in customscheme.css */
	margin: 0 4px 7px 0;
}

#fotoalbum a:hover img, #videoalbum a:hover img{
	/* colors in customscheme.css */
}


/* ############### HOVERTIPS ############### */
/* classes for tooltips */

/* 
 * 1. BACKGROUND COLORS
 *
 * By default, the background-color for hovering divs and 
 * clicktip divs is transparent. If you want your tooltip to 
 * have a standard background color you can define this in 
 *   a. in .hovertip and .clicktop OR 
 *   b. in html>body .hovertip_wrap3 OR
 *   c. in the actual hovering div
 *
 * 2. TARGET COLORS
 * 
 * Hovertip targets are link-blue (#2763A5) with a dashed underline.
 * On hover they change to a lighter blue (#6191C5)
 * Clicktip targets are link-blue (#2763A5) with no underline.
 * On hover they change to a lighter blue (#6191C5) with an underline.
 */
 
.hovertip {
	position: relative;
	display: none; /* in case javascript is disabled */
	z-index: 100;
	margin-left: 5px;
	margin-top: 10px;
}



.hovertip * {
	z-index: 10;
}

.hovertip_target {
  color: #2763A5;
  cursor : pointer;
  border-bottom: 1px dashed #2763A5;
}

.hovertip_target:hover {
  color: #6191C5;
}

/* CSS Document */
/* ############### tales.be css framework v0.2 (by kvd) ###############  */

/* ########## TOP ########### */
#logo{	float: left;}

#logo a{
	/* colors in customscheme.css */
	display: block;
	background-repeat: no-repeat;
}
#rightbox{
	display: block;
	width: 310px;
	float: right;
	text-align: right;
	margin-right: 4px !important;
	margin-right: 2px; /* double margin bug in IE6 */
}
#cssSwitcher{
	margin-bottom: 20px;
}
#cssSwitcher a{
	text-decoration: none !important;
	margin-right: -3px;
	font-weight: bold;
}
#cssSwitcher a:link, #cssSwitcher a:visited{	/* colors in customscheme.css */}
#cssSwitcher a:hover, #cssSwitcher a:active{	/* colors in customscheme.css */}




#searchbox input{
	/* colors in customscheme.css */
	float: left;
	height: 18px;
	width: 220px;
}
.buttonzoektop{
	/* colors in customscheme.css */
	display: block;
	width: 53px;
	height: 17px;
	padding-top: 3px;
	margin-right: 20px !important;
	margin-right: 10px; /* double margin-bug IE6 */
	float: right;
	text-decoration: none;
	text-align: center;
}

/* ########## GUIDED SEARCH BLOCK ########### */
#guidedsearch{
	display: block;
	width: 224px;
	height: 114px;
	margin: 30px 0 0 50px;
	background-repeat: no-repeat;
	text-decoration: none;
}
#guidedsearch:link, #guidedsearch:visited{	}
#guidedsearch:hover, #guidedsearch:active{	}
#guidedsearchtitle{
	display: block;
	font-weight: bold;
	padding: 5px 0 5px 25px;
}
.listitem{
	display: list-item;
	list-style: square;
	margin-left: 50px;
}

/*
#guidedsearch{
	margin-top: 8px;
}
#guidedsearch .row{
	margin-bottom: 5px;
}
#guidedsearch .textdescription{
	display: block;
	width: 120px;
	text-align: right;
	float: left;
	margin-left: 2px;
	margin-right: 10px;
	padding-top: 3px;
}

#guidedsearch .dropdowns{
	display: block;
	width: 145px;
	text-align: left;
	float: left;
}

.buttonzoek{
	display: block;
	width: 125px;
	height: 19px;
	margin-top: 5px;
	padding-top: 2px;
	background-repeat: no-repeat;
	text-indent: 25px;
	text-decoration: none;
}	
*/
/* ########## REISFICHE CONTENTBLOCK ########### */

#tabs{
	display: block;
	list-style: none;
	border-bottom: 1px solid #767676;
	margin-left: 0px !important;
	padding-bottom: 2px;
	padding-left: 3px;
}

#tabs li{
	list-style: none;
	display: inline;
	margin-right: -2px !important;
}

#tabs li a{
	/* colors in customscheme.css */
	text-decoration: none;
	padding: 3px 8px 3px 8px;
}


#tabs li a:hover, #tabs li a:active, #tabs li a.selected{	padding-top: 6px;}


/* printlink moved to custom2.fonts.css */

.intropic{
	/* colors in customscheme.css */
	border: 1px solid;
	margin-bottom: 5px;
}


/* ########## REISFICHE FORM ########### */
.formblock{
	display: block;
	background-color: #ebebeb;
	padding:5px 0 5px 0;
	margin-bottom: 20px;
}
.formblock h3{
	padding-bottom: 5px;
	margin-top: 0;
	background-image: url(../gfx/basics/divider.search.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	/*border-bottom: 1px solid red;*/
}
.formrow{
	display: block;
	padding-bottom: 0px;
	margin-bottom: 5px;
	background-image: url(../gfx/basics/divider.form.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.formrow.noborder{
	background-image: none;
}
.formrow input{
	font-size: 80%
}

.formrow textarea{
	/*font-size: 100%;*/
}
.formcol1{
	display: block;
	width: 150px;
	margin-right: 5px;
	text-align: right;
	float: left;
}

.formcol2{
	display: block;
	/*background-color: Aqua;*/
	width: 420px;
	text-align: left;
	float: right;
}
.brochuresaanvragen .formcol1{
	text-align: right;
	margin-right: 10px;
}
.brochuresaanvragen .formcol2{
	width: 10px;
	margin-right: 5px;
	float: left;
}
.brochuresaanvragen .formcol3{
	display: block;
	width: 400px;
	text-align: left;
	float: right;
}
.formrow.nocols{
	padding: 0 5px 0 5px;
}
/* ########## REISFICHE RECHTERKOLOM ########### */
.twoCols#content .col2 td, .twoCols#content .col2 th { text-align:center; vertical-align: bottom; }
.twoCols#content .col2 td {
	padding: 5px;
}
#reedsvanaf, #downloadpdf, #dataenprijzen, #moeilijkheid, #waardering, #fotoalbum, #videoalbum, #nieuwsbrief, #brochures, #adrechts{
	display: block;
	background-image: url(../gfx/basics/divider-rechterkolom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 6px;
	padding-bottom: 10px;	
}
#downloadpdf a{
	display: block;
	background-image: url(../gfx/basics/pdf-bigicon.gif);
	background-repeat: no-repeat; 
	text-decoration: none;
	height: 30px;
	padding-left: 35px;
}

#dataenprijzen .status{
	display: block;
	width: 11px;
	height: 11px;
	text-indent: -2000px;
	float: left;
	margin-right: 7px !important;
	margin-right: 5px;
	margin-top: 2px !important;
	margin-top: 0;
}
#dataenprijzen .row{
	display: block;
	margin-bottom: 5px;
}
#dataenprijzen .row span{
	float: left;
}
#dataenprijzen .reserveerbutton{
	display: block;
	float: right;
	background-image: url(../gfx/basics/button-reserveer.png) !important;
	background-image: url(../gfx/basics/button-reserveer.gif);
	background-repeat: no-repeat;
	width: 83px;
	height: 12px;
	padding-top: 0 !important;
	text-decoration: none;
	text-align: center;
}


#dataenprijzen .row .reserveerbutton span{
	float: none !important;
	display: block;
	margin-top: -2px;
}

#dataenprijzen #legende{
	display: block;
	margin-top: 20px;
	}

#dataenprijzen #legende .item{
	display: block;
	margin-right: 10px;
	margin-bottom: 5px;
	/*background-color: Aqua;*/
}

#dataenprijzen .legende-uitleg{
	display: block;
}

.rating{
	display: block;
	width: 61px;
	float: left;
	margin-right: 45px !important;
	margin-right: 42px;
}

.lastrating{
	margin-right: 0px !important;
}
.rating span{
	display: block;
	text-indent: -5000px;
	background-repeat: no-repeat;
}

	
.button{
	display: block;
	width: 196px;
	height: 18px;
	padding-top: 3px;
	background-image: url(../gfx/basics/button-big.png) !important;
	background-image: url(../gfx/basics/button-big.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	text-decoration: none;
}	

#brochures span{
	display: block;
	text-align: center;
	float: left;
	margin: 0 10px 10px 0;
	/*background-color: Aqua;*/
}
#brochures img{
	/*margin-right: 10px;*/
}



#footer #pagebottom{
	display: block;
	width: 924px;
	padding-right: 1px;
	height: 41px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../gfx/basics/back.footer.gif);
	background-repeat: no-repeat;
}

#footer #disclaimer{
	display: block;
	/*width: 924px;*/
	/*height: 41px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 20px;
	padding-left: 225px;
}

#footer #disclaimer a{
	text-decoration: none;
}


#footer #adresgegevens{
	display: block;
	/*width: 924px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-left: 225px;
	padding-bottom: 50px;
}




/* ########## REISROUTE ########### */
.reisrouteShort .row{
	display: block;
	margin-bottom: 0px;
}


.routeDag{
	display: block;
	margin: 0 10px 10px 0;
	float: left;
	width: 75px;
	font-weight: bold;
}

.routeDescr{
	display: block;
	margin: 0 0 10px 0;
	float: left;
	width: 495px;
}

.reisrouteShort .routeDag{	margin-bottom: 0px;}
.reisrouteShort .routeDescr{	display: block;	margin-bottom: 0px;}
#mapcontainer{
	margin-top: 15px;
	display: block;
	width: 580px;
	text-align: center;
	/* colors in customscheme.css */
	border: 1px solid;
}


/* ########## ZOEKEN ########### */

.resultland, .resultreis, .resultdatum, .resultprijs, .resultreistype{
	display: block;
	float: left;
	/*background-color: Silver;*/
	margin-right: 2px;
}

.resultland{ width: 105px;}
.resultreis{ width: 220px;}
.resultdatum{ width: 125px;}
.resultprijs{ width: 50px;}
.resultreistype{  width: 65px;;margin-right: 0;}

.searchcol2 .resultland{ width: 105px; margin-right: 6px;}
.searchcol2 .resultreis{ width: 360px; margin-right: 6px;}
.searchcol2 .resultdatum{ width: 125px; margin-right: 6px;}
.searchcol2 .resultprijs{ width: 50px; margin-right: 6px;}

#zoekheader{
	margin-bottom: 10px;
}
#zoekresult{}

#zoekresult a{
	padding: 3px 0 3px 0;
}

/* ########## NEWS ########### */

#newsoverview a{
	text-decoration: none;
	font-weight: normal;
	padding: 3px 0 3px 0;
	margin-bottom: 8px;
}
#newsoverview a span{
	display: block;
	font-weight: normal;
	margin-bottom: 3px;
}

/* ########## LINKS ########### */
#linkoverview a, #linkoverview a:link, #linkoverview a:visited{
	text-decoration: none;
	color: #555;
	padding-bottom: 10px;
	}
#linkoverview a:hover, #linkoverview a:active{}	
	
#linkoverview .linktitle{
	display: block;
	font-weight: bold;}
	
#linkoverview a:hover .linktitle, 
#linkoverview a:active .linktitle{}



/* ########## OUR FRIENDS ########### */
/* note:
this is the sponsorblock
The name/class/id should never be called *sponsor*:
adblockers will block this div if its name contains *sponsor*
*/

#ourfriends{
	margin-top: 50px;
	padding-top: 20px;
	/*margin-bottom: -49px;*/
}
.home #ourfriends{
	padding-left: 10px;
}
#ourfriends img{
	
	margin: 0 10px 15px 0 !important;
	margin: 0 5px 15px 0;
}


/* ########## FAQ ########### */
.faq ol{
	
}
.faq li{
	list-style-type: none;margin-left: -20px;
}
.faq .answer{
	display: none;
}
.faq li a{
	text-decoration: none;
}

/* ########## HOMEPAGE ########### */
#teaser{
	display: block;
	padding: 11px 13px 11px 13px;
	width: 278px;
	float: left;
	/*background-image: url(../gfx/colorschemes/vk/back.home.teaser.gif);*/
}


#laatsteplaatsenennieuws{
	display: block;
	width: 277px;
	float: left;
	padding: 11px 13px 11px 13px;}
#laatsteplaatsen, #nieuws{
	margin-bottom: 20px;}
	
	
	
/*#teasercol1, #laatsteplaatsen{	margin-right: 32px;}*/

.miniteaser{
	margin-bottom: 15px;
	display: block;
	text-decoration: none;
}
.miniteaser img{
	float: left;
	margin: 0 5px 0 0;
}

#teasertitle{
	display: block;
	width: 189px;
	height: 18px;
	padding: 3px 0 0 7px;
	margin-bottom: 10px;
	text-align: left;
	background-repeat: no-repeat;
}
#laatsteplaatsentitle{
	display: block;
	width: 189px;
	height: 18px;
	padding: 3px 0 0 7px;
	margin-bottom: 10px;
	text-align: left;
	background-repeat: no-repeat;
}
#nieuwstitle{
	display: block;
	width: 201px;
	height: 18px;
	padding: 3px 0 0 5px;
	margin-bottom: 10px;
	text-align: left;
	background-repeat: no-repeat;
}
.title{
	font-weight: bold;
	margin-bottom: 0px;
}

/* ########### HOME RECHTERKOLOM #################### */
.home #divNewsCont {
	/*position:relative; */
	left:0px; 
	top:0px; 
	width:270px; 
	height:60px; 
	clip:rect(0px 270px 50px 0px); 
	visibility:hidden; 
	overflow:hidden;
	}

.home #divNews {
	/*position:absolute;*/
	/*position: relative;*/
	} 
.home #divNews a{
	background-image: none !important;
	}
	
.home #nieuwsbrief{
	display: block;
	margin-bottom: 6px;
	padding-bottom: 10px;	
}
.home #nieuwebestemmingen, .home #nieuwefoto{
	background-image: none !important;
	display: block;
	margin-bottom: 6px;
	padding-bottom: 10px;	
}

.home #nieuwebestemmingen a{
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	text-decoration: none;
}

.home #nieuwebestemmingen .bestemmingland{	margin-bottom: 0px;}
.home .nieuwalbum{	background-repeat: repeat-x; background-position: bottom; padding: 5px 0 5px 0; }
.home .nieuwalbum .albumtitel{	margin-bottom: 2px;}
.home .nieuwalbum .piccontainer{
	display: block;
	float: left;
	margin-right: 5px;
}
.home .nieuwalbum .bekijkfoto{ width: 190px !important;}

/* ADDON ZOEKRESULTAAT */
.resultreistype span, #zoeklegende span{
	display: block;
	text-indent: -2000px;
	
}

.indi, .groep, .fietsreis, .exploratiereis, .jongerenreis, .ijsland, .wandelreis{
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	height: 20px;
}
.indi, .groep{	float: left; width: 21px;}
.fietsreis, .exploratiereis, .jongerenreis, .ijsland, .wandelreis{ float: right; width: 44px;}
.indi{
	background-image: url(../gfx/ico/ico.reistype.indi.gif);
}
.groep{
	background-image: url(../gfx/ico/ico.reistype.groep.gif);
}

.fietsreis{	background-image: url(../gfx/ico/ico.reistype.fiets.gif);}
.exploratiereis{background-image: url(../gfx/ico/ico.reistype.exploratie.gif);}
.jongerenreis{background-image: url(../gfx/ico/ico.reistype.jongeren.gif);}
.ijsland{background-image: url(../gfx/ico/ico.reistype.ijsland.gif);}
.wandelreis{background-image: url(../gfx/ico/ico.reistype.wandel.gif);}
#zoeklegende{
	margin-bottom: 20px;
}

.bottomzoeklegende{
	margin-top: 20px;
}
#zoeklegende div{
	float: left;
	margin-right: 10px;
}

#zoeklegende .fietsreis, #zoeklegende .exploratiereis, #zoeklegende .jongerenreis, #zoeklegende .ijsland, #zoeklegende .wandelreis{ float: left; margin-right: 0;}
#zoeklegende .fietsreis{	width: 21px;}
#zoeklegende .exploratiereis{width: 21px;}
#zoeklegende .jongerenreis{width: 21px;}
#zoeklegende .ijsland{width: 21px;}
#zoeklegende .wandelreis{}
#zoeklegendetitel{
	margin-bottom: -5px;
}
/*############### addon voor guided search #####################"*/
	.hidden{display:none}
	ul.subMenu{margin-left: 0px !important; }
	ul.subMenu li{list-style:none}
	ul.subMenu li a{
		display:inline-block;
		margin-right: 1em;
		padding-left: 17px;
		background-image: url(../gfx/colorschemes/tv/search.arrow.gif);
		background-repeat:no-repeat;
		background-position: 0 3px;
		text-decoration:none;
		color: #16618D;
		}
	ul.subMenu li a:link, ul.subMenu li a:visited{color: #16618D;}
	ul.subMenu li a:hover, ul.subMenu li a:active{color: #8E001C;}
	.subMenu2 li{ margin-left: -30px;}
	
	.subMenu .link{background-image: url(../gfx/colorschemes/tv/search.arrow.gif);background-repeat:no-repeat;}
	.subMenu .expand{background-image: url(../gfx/colorschemes/tv/search.expand.gif) !important;background-repeat:no-repeat;}
	.subMenu .collapse{background-image: url(../gfx/colorschemes/tv/search.collapse.gif) !important;background-repeat:no-repeat;}
	.subMenu .selected{background-image: url(../gfx/colorschemes/tv/search.selected.gif) !important;background-repeat:no-repeat; color: #8E001C;}
	.subMenu .selected:hover, .subMenu .selected:active{text-decoration:line-through;color: #8E001C;}
	.subMenu .selected:link, .subMenu .selected:visited{color: #8E001C;}
	
	
	.searchcol1{
		display: block;
		float:left;
		width: 200px;
		background-color: #d7d7d7;
		border-right: 1px solid #aaa;
		margin-left: -13px;
		padding: 0 0 5em 13px;
		margin-top: -11px;
		border-top: 1px solid #767676;
		
		}
	.searchcol2{
		display: block;
		float:left;
		width: 675px;
		padding-left: 20px;
		/*background-color: lime;*/
		}
		
	#zoekresult a:hover, #zoekresult a:active{cursor: hand !important;}

.noback .col1{
	width: 896px !important;	
	padding: 11px 13px 0 13px !important; 
	padding: 11px 10px 0 13px; }
	
.noback #printlink{
	margin-left: 310px;
}	

html, body{	background-color: #fff;color: #000;}
p, .twoCols#content .col1 ul,  .twoCols#content .col1{	color: #555;}
#accessibility{	background-image: url(../gfx/basics/back-access.jpg);}

#logo a{
	width: 177px;
	height: 63px;
	background-image: url(../gfx/colorschemes/vk/logo.vreemdekontinenten.jpg);
	margin-left: 10px;
	margin-top: 3px;
}


#cssSwitcher a{	color: #fff;}
#cssSwitcher a:link, #cssSwitcher a:visited{	color: #fff;}
#cssSwitcher a:hover, #cssSwitcher a:active{	color: #000;}
#searchbox input{	border: 1px solid #C75B12;}

.buttonzoektop:link, .buttonzoektop:visited{	background-color: #C75B12;	color: #fff;}
.buttonzoektop:hover, .buttonzoektop:active{	background-color: #7b817c;	color: #fff;}	
	
#topnav{ background-color: #C75B12;	}

.twoCols#header .col1{	background-color: #e3ad88; color: #fff;}
.twoCols#header .col2{	background-color: #e3ad88;
								background-image: url(../gfx/colorschemes/vk/back-searchbox.gif);
								background-repeat: no-repeat;
								color: #fff;}
.twoCols#content .col1{}
.twoCols#content .col2{}
#content{	background-image: url(../gfx/basics/back-content.gif);	background-repeat: repeat-y;}
.noback{	background-image: none !important;	background-repeat: repeat-y;}
#crumbpath{	color: #1c79b0 !important; /* crumbpathdividers color */}
#crumbpath a:link, #crumbpath a:visited{	color: #1c79b0;}
#crumbpath a:hover, #crumbpath a:active{	color: red;}

h1,h2,h3,h4,h5,h6{	color: #16618d;}

#guidedsearch{
	background-image: url(../gfx/zoek/zoek.vk.jpg);
	color: #5c2e0f;
}
#guidedsearch:link, #guidedsearch:visited{	
	color: #5c2e0f;
}
#guidedsearch:hover, #guidedsearch:active{	
	background-image: url(../gfx/zoek/zoek.vk.hover.jpg);
	
}
/*#guidedsearch .textdescription{	color: #000;}
#guidedsearch .dropdowns{	color: #000;}*/
.buttonzoek, .buttonzoek:visited{
		background-image: url(../gfx/basics/button-zoek.png) !important;
		background-image: url(../gfx/basics/button-zoek.gif);
		color: #fff;
	}	
	
.buttonzoek:hover, .buttonzoek:active{	color: #2e1c03;}	

.verplichtveld{	color: red;}

/* REISFICHE TABS */
#tabs li a, #tabs li a:link, #tabs li a:visited{	color: #fff;	background-color: #767676;}
#tabs li a:hover, #tabs li a:active, #tabs li a.selected{	background-color: #1c79b0;}

#printlink a{	color: #555 !important;}
#printlink a:hover, #printlink a:active{	color: red !important;}

.intropic, #mapcontainer{	border-color: #555555 !important;}



/* reisfiche rechterkolom */
.twoCols#content .col2, .twoCols#content .col2 p { color: #fff;}
#downloadpdf a:link,#downloadpdf a:visited{	color: #fff;}
#downloadpdf a:hover,#downloadpdf a:active{ background-color: #cdcdcd;	color: #555;}

#dataenprijzen .voldoendeplaatsen{	background-color: #b2bc10;}
#dataenprijzen .laatsteplaatsen{	background-color: #eb7414;}
#dataenprijzen .volzet{	background-color: #ff0000;}
#dataenprijzen .opaanvraag{	background-color: #ffde00;}
#dataenprijzen .reserveerbutton:link, #dataenprijzen .reserveerbutton:visited{ color: #000;}
#dataenprijzen .reserveerbutton:hover, #dataenprijzen .reserveerbutton:active{ color: red;}


.twoCols#content .col2 h2{ color: #b2bc10;}
.twoCols#content .col2 #reedsvanaf h2{ color: #ebcf14;}
.twoCols#content .col2 #reedsvanaf h2 span{	color: #EB7414}

.twoCols#content .col2 h3{ color: #b2bc10;} /* subtitelkleur moeilijkheidsgraad */
.twoCols#content .col2 #waardering h3{ color: #e2c84e;} /* subtitelkleur waardering */

.rating span.rating_00{	background-image: url(../gfx/basics/rating.groen.00.gif)	}
.rating span.rating_05{	background-image: url(../gfx/basics/rating.groen.05.gif)	}
.rating span.rating_10{	background-image: url(../gfx/basics/rating.groen.10.gif)	}
.rating span.rating_15{	background-image: url(../gfx/basics/rating.groen.15.gif)	}
.rating span.rating_20{	background-image: url(../gfx/basics/rating.groen.20.gif)	}
.rating span.rating_25{	background-image: url(../gfx/basics/rating.groen.25.gif)	}
.rating span.rating_30{	background-image: url(../gfx/basics/rating.groen.30.gif)	}
.rating span.rating_35{	background-image: url(../gfx/basics/rating.groen.35.gif)	}
.rating span.rating_40{	background-image: url(../gfx/basics/rating.groen.40.gif)	}
.rating span.rating_45{	background-image: url(../gfx/basics/rating.groen.45.gif)	}
.rating span.rating_50{	background-image: url(../gfx/basics/rating.groen.50.gif)	}

.rating span.waardering_00{	background-image: url(../gfx/basics/rating.geel.00.gif)	}
.rating span.waardering_05{	background-image: url(../gfx/basics/rating.geel.05.gif)	}
.rating span.waardering_10{	background-image: url(../gfx/basics/rating.geel.10.gif)	}
.rating span.waardering_15{	background-image: url(../gfx/basics/rating.geel.15.gif)	}
.rating span.waardering_20{	background-image: url(../gfx/basics/rating.geel.20.gif)	}
.rating span.waardering_25{	background-image: url(../gfx/basics/rating.geel.25.gif)	}
.rating span.waardering_30{	background-image: url(../gfx/basics/rating.geel.30.gif)	}
.rating span.waardering_35{	background-image: url(../gfx/basics/rating.geel.35.gif)	}
.rating span.waardering_40{	background-image: url(../gfx/basics/rating.geel.40.gif)	}
.rating span.waardering_45{	background-image: url(../gfx/basics/rating.geel.45.gif)	}
.rating span.waardering_50{	background-image: url(../gfx/basics/rating.geel.50.gif)  }	


#fotoalbum img, #videoalbum img{	border: 1px solid #707070;}
#fotoalbum a:hover img, #videoalbum a:hover img{	border: 1px solid #e2c84e;}

.button, .button:visited{	color: #fff;}
.button:hover, .button:active{	color: #2e1c03;}

#footer #disclaimer{	color: #565656;}
#footer #disclaimer a:link, #footer #disclaimer a:visited{	color: #565656;}
#footer #disclaimer a:hover, #footer #disclaimer a:active{	color: red;}
#footer #adresgegevens p{	color: #9b9b9b}


#zoekheader{	color: #16618d}
#zoekresult a:link, #zoekresult a:visited, #newsoverview a:link, #newsoverview a:visited{
	color: #123 !important;
	background-image: url(../gfx/basics/divider.search.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#zoekresult a:hover, #zoekresult a:active, #newsoverview a:hover, #newsoverview a:active{
	color: #fff !important;
	background-color: #1C79B0;
}


#linkoverview a:hover, #linkoverview a:active{
	background-color: #1C79B0;
	color: #fff;}
	
#linkoverview .linktitle{	color: #1661A1;}
	
#linkoverview a:hover .linktitle, 
#linkoverview a:active .linktitle{
	color: #fff;}



.home #content{	background-image: url(../gfx/colorschemes/vk/back-content-home.gif);}
.home h1, .home h2, .home h3, .home h4, .home h5, .home h6, .home .twoCols#content .col2 h2, .home .twoCols#content .col2 h3{	color: #4f4f4f/*4f4f4f*/;}
.home .twoCols#content .col1 h1, .home .twoCols#content .col1 h2,
.home .twoCols#content .col1 h3, .home .twoCols#content .col1 h4,
.home .twoCols#content .col1 h5, .home .twoCols#content .col1 h6{	color: /*#fdaf33*/#106493; !important;}
#teaser{	background-color: #FBF4F0;}
.miniteaser{
	background-image: url(../gfx/colorschemes/vk/divider.home.teasers.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.home #teaser img{	border: 1px solid #1276b5;}
.miniteaser p{	color: #000;}
#teaser .meerinfo{
	display: block;
	height: 17px;
	background-image: url(../gfx/basics/ico.meerinfo.png) !important;
	background-image: url(../gfx/colorschemes/vk/ico.meerinfo.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
}


#teaser .miniteaser:link, #teaser .miniteaser:visited{}
#teaser .miniteaser:hover, #teaser .miniteaser:active{	background-color: #1276b5;	}
#teaser .miniteaser:hover p, #teaser .miniteaser:active p, #teaser .miniteaser:hover h1 span, #teaser .miniteaser:active h1 span{
	color: #fff !important;}
	
	
	
#teasertitle{	background-image: url(../gfx/colorschemes/vk/home.titelback.gif);	color: #fff;}
#laatsteplaatsentitle, #nieuwstitle{	background-image: url(../gfx/colorschemes/vk/home.titelback.gif);	color: #fff;}


.home #laatsteplaatsenennieuws .title{color: #1276b5/*106493*/;}
.home #laatsteplaatsenennieuws a{
	display: block;
	padding: 5px 0 1px 0;
	text-decoration: none;
	background-image: url(../gfx/basics/divider.laatsteplaatsen.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.home #laatsteplaatsenennieuws #nieuws a{
	padding: 5px 0 5px 0;
}
.home #laatsteplaatsenennieuws a:hover, .home #laatsteplaatsenennieuws a:active{	background-color: #1276b5 !important; color: #fff;}
.home #laatsteplaatsenennieuws a:hover p, .home #laatsteplaatsenennieuws a:active p{	color: #fff !important;}
.home #footer #pagebottom{	background-image: url(../gfx/colorschemes/vk/back.footer.home.gif);}

.home #divNews a:hover, .home #divNews a:active{
	/*background-color: transparent !important;*/
	color: #fff !important;
	} 

#ourfriends{
	border-top: 1px solid #d9d9d9;	
}	
.home #ourfriends{
	border-top: 0px;
	background-image: url(../gfx/colorschemes/vk/back-content-home.gif);
	background-repeat: repeat-y;
}	

/* ##################### home rechterkolom ################# */
.home .twoCols#content .col2, .home .twoCols#content .col2 p { color: #000;}

.home #nieuwebestemmingen a{	background-image: url(../gfx/colorschemes/vk/divider-rechterkolom.home.gif);}
.home #nieuwebestemmingen a:hover, .home #nieuwebestemmingen a:active{	background-color: #1276b5/*1c79b0*/;}
.home #nieuwebestemmingen a:hover p, .home #nieuwebestemmingen a:active p{color: #fff !important;}
.home #nieuwebestemmingen .bestemmingland{	color: #1276b5 !important;}

.home .nieuwalbum{
	display: block;
	text-decoration: none;
}
.home .nieuwalbum{	background-image: url(../gfx/colorschemes/vk/divider-rechterkolom.home.gif);}
.home .nieuwalbum:hover, .home .nieuwalbum:active{	background-color: #1276b5;}
.home .nieuwalbum:hover p, .home .nieuwalbum:active p{color: #fff !important;}
.home .nieuwalbum .albumtitel{	color: #1c79b0 !important;}
.home .nieuwalbum .piccontainer img{	border: 1px solid #1276b5;}
.home .nieuwalbum .bekijkfoto{
	display: block;
	width: 175px;
	height: 17px;
	margin-left: 53px;
	background-image: url(../gfx/basics/ico.pijltje.png) !important;
	background-image: url(../gfx/colorschemes/vk/ico.pijltje.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
	text-decoration: none;
}
.home #nieuws .arrow{
	display: block;
	margin-top: 20px;
	height: 17px;
	background-image: url(../gfx/basics/ico.pijltje.png) !important;
	background-image: url(../gfx/colorschemes/vk/ico.pijltje.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 20px;
	text-decoration: none;
	color: #000;
}
.home #nieuws .arrow:link, .home #nieuws .arrow:visited{	color: #000;}
.home #nieuws .arrow:hover, .home #nieuws .arrow:active{ color: #fff;}
.home #nieuwsbrief, .home #brochures, .home #adrechts{
	background-image: url(../gfx/colorschemes/vk/divider-rechterkolom.home.gif);
}

.home .button{
	background-image: url(../gfx/basics/button-big.png) !important;
	background-image: url(../gfx/colorschemes/vk/button-big.onyellow.gif);
	width: 200px;
	}	
	
a.innerlink:link, a.innerlink:visited{color: #C75B12 !important; text-decoration: none;}
a.innerlink:hover, a.innerlink:active{color: #1C79B0 !important;}


/* addon homepage rechterkolom banners */
#adrechts a, #adrechts a:link, #adrechts a:visited{
	font-size: 0.85em !important;
	text-decoration: none;
	color: #000;
	display: block;
	margin-bottom: 10px;
	/*background-image: url(../gfx/colorschemes/vk/divider-rechterkolom.home.gif);
	background-position: bottom;
	background-repeat: no-repeat;*/
}

#adrechts a:hover, #adrechts a:active{
	background-color: #1276B5;
	color: white;
	
}

#adrechts .adrechtsTitel{
	display: block;
	font-size: 1.2em !important;
	font-weight: bold;
	padding-top: 5px;
}
#adrechts .adrechtsDesc{
	display: block;
}

#adrechts img{
}


/*###################### 2009 addons ###########################*/
#albumoverview img, #wallpapers img{
	border: 1px solid #555555 ;
	margin: 0 5px 5px 0;
}
	
#albumoverview img:hover, #albumoverview img:active{
	
	border: 1px solid #C75B12 ;
}


#albumoverview .imglink{
	display: block;
	margin-top: 10px;
	height: 17px;
	background-image: url(../gfx/basics/ico.pijltje.png) !important;
	background-image: url(../gfx/colorschemes/vk/ico.pijltje.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 20px;
	text-decoration: none;
 }
 
 #albumoverview .imglink:hover, #albumoverview .imglink:active{
 	color: red;
	cursor: hand;
 }
 
 
 #wallpapers .clearfix,  #ecards .clearfix{
 	padding-bottom: 20px;
	margin-bottom: 20px;
	background-image: url(../gfx/basics/divider.form.gif);
	background-repeat: repeat-x;
	background-position: bottom;
 }

 #wallpapers .c1,  #ecards .c1{
 	display: block;
	float: left;
 	width: 240px !important;
	margin: 0 65px 0 0 !important;
 }
 
 #wallpapers .c2,  #ecards .c2{
 	display: block;
	float: left;
 	width: 240px !important;
	text-align: left;
 	
 }
 #wallpapers h2,  #ecards h2{
 	margin-top: 0;
 }
 
 
 #wallpapers .imglink,  #ecards .imglink{
	display: block;
	padding-bottom: 4px;
	background-image: url(../gfx/basics/ico.pijltje.png) !important;
	background-image: url(../gfx/colorschemes/vk/ico.pijltje.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: 20px;
	text-decoration: none;
	margin-bottom: -10px !important;
 }

 #wallpapers .imglink:hover,  #wallpapers .imglink:active,  #ecards .imglink:hover,  #ecards .imglink:active{
 	color: red;
	cursor: hand;
 }
 
 
#ecards .c1{
 	width: 190px !important;
	margin: 0 5px 10px 0 !important;
	background-color: #eee;
 }

#ecards .c2{
 	width: 190px !important;
	background-color: #eee;
	margin: 0 0 10px 0;
 	
 }
 #ecards h2{
 	text-align: center;
 }
#ecards p{
	display: block;
	padding-top: 5px;
	height: 120px;
} 

 #IE6 #ecards p{
 	height: 140px !important;
	padding-bottom: 0px;

}
 #ecards p.clearfix{
 background-image: none;
 }
#ecards p img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #666;
}


 #ecards a{
 	margin-left: 35px;
 }
 
  
 #ecards div.clearfix{
 padding-bottom: 0px !important;
 }

  #ecards span{
  display: block;
  width: 185px;
  margin-top: -10px;
	/*background-color: #eee;*/
	margin-bottom: 10px;
  padding-bottom: 10px;
  }
  
#ecardsend #ecardpic{
	margin-bottom: 20px;
	/*overflow: hidden;*/
	
  }
  
#ecardsend #ecardpic img{
	border: 1px solid #555;
	/*float: left;*/
  }
  
 #ecardsend #ecardtxt{
 	display: block;
	width: 99%;
	float: left;
	background-color: #eee;
	margin-right: 10px;
	padding-left: 5px;
	margin-bottom: 10px;
	/*background-color: orange;*/
  }
#IE6  #ecardsend #ecardtxt{ 
	margin-right: 0px;
}
 #ecardsend #ecardtxt td{
 	padding-bottom: 5px;
 }
 
  #ecardsend #ecardtxt input, #ecardsend #ecardtxt textarea{
 	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 11px;
 }