/* -------------------------------------------------------------------
   Column layout  -  generated by csscreator.com
   ------------------------------------------------------------------- */

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
} 
 
#header{
 position:relative; 
 height:146px; 
 width:100%;
} 
 
#leftcol{
 width:200px; 
 float:left; 
 position:relative; 
  }
 
#twocols{
 width:700px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:280px; 
 float:right; 
 position:relative; 
 }
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:420px; 
 }


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



/* -------------------------------------------------------------------
   Block styling: font sizes, colours
   ------------------------------------------------------------------- */


body {
	background-color: #FFCC99;
	/* background-color: #CC9966; */
	font-family: geneva, helvetica, helvetica neue, verdana, gill sans, arial, sans-serif;
	font-size: 0.8em;
	margin:0; padding:0;
}

#pagewidth
{
	background-color: #C96;
/*	border-left: 1px solid black;	border-right: 1px solid black; */
	background-image: url(background-900.gif);
	background-repeat: repeat-y;
}

#maincol{
 background-color: #FFCC99;
 }

#header{
	background-color:#CC9966;
} 


/* LIR replacement technique for header title */
/* http://www.moronicbajebus.com/wordpress/wp-content/cssplay/image-replacement/ */

/* Hm, seems to still display the content in Firefox 1.07 though... check later */

#header h1 {
	margin:0;
	padding:0;
	padding-top: 146px;
	width: 900px;
	
	/*The image*/
	background-image: url(header-full.jpg);
	background-repeat: no-repeat;
	
   /*Hide the text*/
   overflow: hidden;
   /* WIN IE5 hack */
   height: 146px;
	
   voice-family: "\"}\""; 
   voice-family:inherit;
   height: 0;
} 

#footer
{
	text-align: right;
	padding-top: 1em;
	color: #333;
	background-image: url(footer-bg.gif);
	background-repeat: no-repeat;
}



/* -------------------------------------------------------------------
   Elements
   ------------------------------------------------------------------- */


h1 { font-size: 1.3em; color: #603f16; /* #c7842f; */ }
h2 { font-size: 1.1em; color: #603f16; /* #c7842f; */ }

em {
	/* color: #68384b; */
	font-weight: bold;
	font-style: normal;
}

a { color: #B53E71; font-weight: bold; }
a:link { color: #B53E71; }
a:visited { color: #B53E71; }
a:hover   { color: #851E51; }



/* picture in main or right column */
.picture {
	display: block;
	text-align:center;
	margin-bottom:2em;
	margin-top:1em;
	padding: 0.3em;
}

.picture .title {
	display: block;
	text-align:center;
	font-size: 0.8em;
	margin-top:0;
	padding-top:0.3em;
	padding-bottom:0.3em;
}


/* Quote styling */

.quote {
	background-image: url(quotebg2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: black;
	padding: 0 0 0 30px;
/*
	border-color: #c6f;
	border-width: 1px 0.7em 1px 0.7em;
	border-style: solid;
*/
}
.quotetxt {
	font-style: italic;
	font-weight: 300;
}
.quoteauth {
	display: block;
	font-weight: 500;
	text-align:right;
	margin-left: 5em;
	padding-right:30px;
	background-image: url(endquotebg.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}


/* .reg class wraps around ®, to make it stand out less: */

.reg  { 
	font-size:60%;
	vertical-align:top;
}

.address {
	margin-left:1em;
/*	border-color: #c6f;
	border-width: 1px 0.7em 1px 0.7em;
	border-style: solid;
	*/
}


/* -------------------------------------------------------------------
   Navigation: language switch, navigation list
   ------------------------------------------------------------------- */


/* language switch link aka "this page in dutch/english" */
p.backtotop { text-align:right; }
.backtotop, 
.backtotop a,
.backtotop a:link,
.backtotop a:visited { 
	font-size: 0.85em;
	text-align: left;
	color: #555;
	text-decoration: none;
}
.backtotop a:hover {
	color: #222;
	text-decoration: underline;
	background:none;
}


/* language switch link aka "this page in dutch/english" */
#langswitch, 
#langswitch a,
#langswitch a:link,
#langswitch a:visited { 
	font-size: 0.85em;
	text-align: left;
	color: #555;
	text-decoration: none;
}
#langswitch a:hover {
	color: #222;
	text-decoration: underline;
	background:none;
}


/* list tabs: thanks to List-O-Matic!
   http://www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp
 */

#navlist {
	padding: 0 1px 1px 0;
	margin-left: 0;
	font-weight:bold;
	font-size:0.9em;
/*	font-family: Verdana, sans-serif; */
	background: gray;
/*	width: 80%; */
	width: 16em;
	max-width:200px;
	border-top: 1px solid gray;
}

#navlist li {
	list-style: none;
	margin: 0;
	/* IE-fix: IE6 does not work with border-top set, but setting border-bottom instead works! */
	/* border-top: 1px solid gray; */
	border-bottom: 1px solid gray;
	text-align: left;
}

#navlist li a {
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #AAB;
	background: #ccd;
	text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover {
	border-color: #CC9966;
	color: #fff;
	background: #322;
	}

#navlist li a#currentpage {
	border-color: #f9c;
	color: #fff;
	background: #B53E71;
	}