/* 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 !important;}


/* 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{
	/*margin-left: 0;*//* for lefthanded layout instead of centered*/
	/* margin-top: XXpx; */ /* offset from pagetop */
}
.splash #pagewrapper{
	
	display: block;
	width: 960px;
	padding: 0 2px 0 2px;}


#content{	}
#footer{
	/*background-color: #e0e0e0;*/
	padding-right: 4px;
	}


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


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

html, body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	
	background-image: url(../gfx/splash/background.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #e1e1e1;	
	}
.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;}


.center{
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
}

.center h1{
	margin-top: 10px;
	font-weight: bold;
	font-size: 1em;
	color: #0066a8;
}

.row{
	display: block;
	height: 78px;
}

.illustratie{
	display: block;
	width: 143px;
	height: 78px;
	float: left;
	background-repeat: no-repeat;
	text-indent: -2000px;
}

.logo{
	display: block;
	width: 224px;
	height: 78px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -2000px;
}
.description{
	display: block;
	/*background-color: Fuchsia;*/
	width: 580px;
	padding-right: 13px;
	float: left;
	text-align: left;
}


a.row{
	text-decoration: none;
	border-top: 1px solid #0066a8;
}
a.row#explorado{
	border-bottom: 1px solid #0066a8;
}
a.row:hover, a.row:active{
	background-color: #0066a8;
}

h2{
	color: #683a19;
	font-weight: bold;
	margin-top: 5px;
}
a.row p{
	
	color: #0066a8;
}
a.row:hover h2, a.row:active h2, a.row:hover p, a.row:active p{
	color: #fff;
}

#tevoet .illustratie {	background-image: url(../gfx/splash/foto.tv.jpg);}
#tevoet .logo {	background-image: url(../gfx/splash/logo.tv.gif);}

#vreemdekontinenten .illustratie {	background-image: url(../gfx/splash/foto.vk.jpg);}
#vreemdekontinenten .logo {	background-image: url(../gfx/splash/logo.vk.gif);}

#ijslandreizen .illustratie {	background-image: url(../gfx/splash/foto.ijs.jpg);}
#ijslandreizen .logo {	background-image: url(../gfx/splash/logo.ijs.gif);}

#belgianbiking .illustratie {	background-image: url(../gfx/splash/foto.bb.jpg);}
#belgianbiking .logo {	background-image: url(../gfx/splash/logo.bb.gif);}

#explorado .illustratie {	background-image: url(../gfx/splash/foto.expl.jpg);}
#explorado .logo {	background-image: url(../gfx/splash/logo.expl.gif);}



#lapland .illustratie {	background-image: url(../gfx/splash/foto.ll.jpg);}
#lapland .logo {	background-image: url(../gfx/splash/logo.lapl.jpg);}


.adres{
	display: block;
	margin-top: 20px;
	padding-left: 10px;
}

.adres h1{
	color: #0066a8;
	font-weight: bold;
	font-size: 1.1em;
}

.adres p{
	color: #0066a8;
}


.zhFotoboeken{
	margin-top: 30px;	
}
.zhFotoboeken h1{
	text-align: center;
	font-weight: bold !important;
	font-size: 1.2em;
	color: #0066a8;
}
.zhFotoboeken p{
	color: #0066a8;
}