/* CSS Document */
/* ############### a.01.reset.tales.cssframework.css ###############  */

/* ############### 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,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.5 (by kvd) ###############  */
/* ############### a.02.basics.tales.cssframework.css ############### */

/*
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 */
	}
/* CSS Document */
/* ############### tales.be css framework v0.5 (by kvd) ###############  */
/* ############### a.03.grids.tales.cssframework.css ############### */

/*
contains:
	generic grid layouts
	
*/	



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

/* structure:

	 -------pagewrapper------
   |                        |
   |    ----------------    |
   |    | langselection |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    header	   |   |
   |    ----------------    |	
   |                        |
   |    ----------------    |
   |    |    topnav	   |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |contentsection |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    footer	   |   |
   |    ----------------    |
   |                        |
   |    ----------------    |
   |    |    madeby	   |   |
   |    ----------------    |
   |                        |
    ------------------------

*/


#outerwrapper{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
#pagewrapper{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
#topblock{display: block;}
#header{display: block;}
#contentsection{display: block;}
#footer{display: block;}
#madeby{display: block;}

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



.col1, .col2, .col3, .col4, .col5, .col6 {display: block; float: left; overflow: hidden !important;}
/* ############### 1 COLUMN LAYOUT ############### */
.oneCol .col1{ float: none;}


/* CSS Document */
/* ############### tales.be css framework v0.6 (by kvd) ###############  */
html{background-color: #fff; background-image: url(../gfx/splashpage/page.background.gif); background-repeat: repeat-x; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.85em;}
.splash #logo{
	margin: 0 0 0 310px;
}
.splash #langchoice{
	margin: 20px 0 0 310px;
	color: #509032;
	height: 70px;
}
.splash #langchoice a{
	text-decoration: none;
	font-weight: bold;
}

.splash #langchoice a:link, .splash #langchoice a:visited{	color: #000;}
.splash #langchoice a:hover, .splash #langchoice a:active{	color: #509032;}



.splash #baselines{
	width: 715px;
	margin: 20px 0 0 310px;
	color: #fff;
}
.splash #baselines span{
	display: block;
	margin-bottom: 10px; 
}

/* ############### SITESPECIFIC CSS - KVD ############### */
#madeby{
	padding-top: 30px;
	width: 1018px;
	font-size: 0.8em;
	color: #fff;
}

#madeby a{
	text-decoration: none;
}

#madeby a:link, #madeby a:visited{	color: #fff;}
#madeby a:hover, #madeby a:active{	color: orange;}



#madeby #bytales{
	display: block;
	width: 153px;
	padding-left: 762px;
	padding-top: 22px;
	margin-right: 10px;
	float: left;
}


#madeby #liquified{
	display: block;
	width: 83px;
	float: left;
	text-align: left;
}