
/* all */
body, div, h1, h2, h3, h4, h5, ul, li, p, img { margin: 0; padding: 0; border: 0; }

#header, #navigation, #footer, #pagetitle, .headline, .thumbs, .content { width: 94%; margin: 0 auto; clear: both; }

div 		{ clear: both; }
div div		{ clear: both; }

/* typo */
#pagetitle, .headline, .content	{ font-size: .9em; }
#navigation, #footer, .thumbs	{ font-size: .75em; }

body 				{ font-family: Helvetica, Arial, sans-serif; font-size:100%; }
a					{ text-decoration: none; margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5	{ font-weight: normal; line-height: 1.5em; }
p					{ font-weight: normal; margin: 0 0 2em 0; line-height: 1.5em; }
hr 					{ clear:both;  width: 94%; margin: 50px auto; border: 0; height: 1px; }


/* I D E N T I F I C A T I O N */
#header a				{ padding: 0; }
#header h1 				{ margin: 110px 0 10px 0; width: 680px; height: 80px; position: relative; }
#header h1 span 		{ background-position: 0 0; background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; }
#header h1 a:hover span	{ background-position: 0 -80px; } 


/* M A I N   N A V I G A T I O N */
#navigation				{ overflow: hidden; margin-bottom: 19px;}
#navigation ul			{ list-style-type: none; }
#navigation li			{ display: inline; float: right; }
#navigation a,
#navigation span		{ display: block; padding: 1px 6px 1px 21px; background-position: left bottom; background-repeat: repeat-y; }


/* B R E A D C R U M B */
#navigation .breadcrumb		{ float: left; }
#navigation .breadcrumb	a	{ padding: 1px 21px 1px 6px; background-position: right center; background-repeat: no-repeat; }


/* T H U M B */
.thumb					{ clear: none; display: inline-block; float: left; width: 200px; height: 200px; overflow: hidden; }

/* T H U M B S */
.thumbs a				{ display: block; float: left; width: 200px; height: 300px; overflow: hidden; margin-right: 30px;}
.thumbs span			{ left: 4px; padding: 1px; position: relative; background-position: bottom left; background-repeat: repeat-x; }
.thumbs .first			{ top: -110px; }
.thumbs .second			{ top: -105px; }
.thumbs .third			{ top: -100px; }
.thumbs a img			{ position: relative; left: 0px; }
.thumbs a:hover img		{ left: -200px; }


/* C O N T E N T */
.wideimage			{ margin: 10px 0; background-position: center center; background-repeat: no-repeat; clear: both; }

.headline a,
.content a			{ margin: 0; padding: 0 1px 2px 1px; border: 0; background-position: bottom center; background-repeat: repeat-x; }
.content h2 a		{ margin: 0; padding: 0 1px 4px 1px; border: 0; background-position: bottom center; background-repeat: repeat-x; }
.content a img		{ margin: 3px 3px 0 0; vertical-align:text-bottom; }
.content img		{ margin: 3px 3px 0 0; vertical-align:text-top; }
.content hr			{ width: 100%; }

.content ul,
.content ol			{ margin: 0 0 2em 0; padding: 3px 0; }
.content li			{ margin: 0; padding: 5px 0; font-weight: normal; line-height: 1.5em; }

.content .dutch		{ width: 50%; float: left; margin-right: 20px; }
.content .english	{ width: 30%; float: left; margin-right: 20px; } 
.content p.english	{ font-size: .8em; margin-top: 0.3em; }

.content .dutch	.caption	{ font-size:85%; line-height: 85%; }

#pagetitle .dutch	{ width: 50%; float: left; margin-right: 20px; }
#pagetitle .english	{ width: 40%; float: left; margin-right: 0px; } 

.headline span span,
#pagetitle span span		{ height: 160px; display: inline-block; position: relative; }

.headline span span span,
#pagetitle span span span	{ background-repeat: no-repeat; position: absolute; background-position: bottom left; width: 100%; height: 100%; }

table	{ padding: 0; margin: 0; }
th		{ border-bottom: 1px solid #808080; text-align: left; padding: 2px 40px 2px 0;}
td		{ padding: 2px 40px 2px 0; vertical-align:top;}

ul.thumblist		{ margin: 0 0 2em 0; padding: 3px 0; clear: both; }
ul.thumblist li		{ float: left; display:inline-block; margin: 0; padding: 0 10px 10px 0; font-weight: normal; line-height: 1.5em; }


/* F O O T E R */
#footer				{ height: 100px; margin-top: 100px; padding: 30px 0; }
#footer .floatleft 	{ margin: 1px 0; padding: 20px 0; float: left; }
#footer .floatright { margin: 1px 0; padding: 20px 0 20px 60px; float: right; }
#footer a			{ padding: 0 3px; text-decoration: none; }
#footer ul			{ list-style-type: none; }
#footer li,
#footer li a		{ margin-top: 3px; }


