/* General */
th { text-align:left; }

/* Page */
body { background-color:#333333; text-align:center; padding:0; margin:0; }
#background {width:831px; height:100%; margin-left:auto; margin-right:auto; text-align:left; background-color:#000000; }
#page { width:830px; height:100%; margin-left:auto; margin-right:auto; text-align:left; background-color:#000000; }

/* Header */
#header { position:relative; height:210px; }
#header img.logo { position:absolute; top:60px; margin-left:auto; margin-right:auto; width:830px; }

/* Menu */
#navigation { text-align:center; letter-spacing:1px; color:#FFF; padding-top:17px; font-size:9pt; font-family:arial; }
#navigation a { font-weight:normal; padding:0 14px 0 14px; color:#FFF; text-decoration:none; }
#navigation a.on { color:#3366FF; }
#navigation a:hover { text-decoration:underline; }

/* Content */
#content {
	padding:8px 44px 0 44px;
	font-family:arial;
	font-size:9pt;
	color:#FFFFFF;
	min-height:300px;
}
#content h1 {
	font-size:10pt;
	font-weight:normal;
	padding:0;
	margin:0 0 24px 0;
	color:#3366FF;
}
#content h2 { font-size:10pt; font-weight:normal; padding:0; margin:0 0 24px 0; color:#3366FF; }
#content h3 { font-size:10pt; font-weight:normal; padding:0; margin:10px 0 0 0; color:#3366FF; }
#content a { color:#FFF; text-decoration:none; }
#content a:hover { text-decoration:underline; }

#extra { width:150px; float:left; }
#extra2 { width:300px; float:right; }
#extra h2 { border-bottom:2px solid #808285; padding-bottom:4px; }
#extra a { font-size:9pt; color:#FFF; text-decoration:none; }
#extra a:hover { text-decoration:underline; }

#primary { width:510px; float:right; }
#primary2 { width:400px; float:left; }

#fotoalbum { width:700px; float:left; }
#gastenboek { width:600px; margin-left:90px; }

/* News items */
#content .newsitem { border-bottom:2px solid #808285; margin-bottom:10px; padding-bottom:10px; }
#content .newsitem p.date {
	color:#FFFFFF;
	padding:0;
	margin:0;
}
#content .newsitem h2 {
	font-size:8pt;
	color:#FFF;
	padding:0 0 10px 0;
	margin:0;
	font-weight:normal;
}
#content .newsitem p { text-align:justify; }

/* News previews on front page */
#content .newspreview { position:relative; border-bottom:2px solid #808285; margin-bottom:10px; padding-bottom:10px; margin-left:190px; height:121px; }
#content .newspreview img { position:absolute; margin-left:-190px; margin-top:12px; }
#content .newspreview p.date { color:#3366FF; padding:0; margin:0; }
#content .newspreview h2 { font-size:10pt; color:#FFF; padding:0 0 4px 0; margin:0; font-weight:normal; }
#content .newspreview p { color:#DDD; text-align:justify; }
#content .newspreview p.links a { position:absolute; left:0px; bottom:10px; color:#EEE; text-decoration:none; }
#content .newspreview p.links a:hover { text-decoration:underline; }

/* News archive list */
.oldnews { list-style-type:none; padding:0; margin:0; font-size:9pt; }
.oldnews li { padding-bottom:12px; margin-bottom:12px; border-bottom:1px solid #808285; }
.oldnews p.date { color:#3366FF; padding:0; margin:0; font-size:8pt; }
.oldnews a { color:#FFF; padding:0; margin:0; font-weight:normal; text-decoration:none; }
.oldnews a:hover { text-decoration:underline; }

/* Main news archive */
ul.archive { list-style-type:none; font-size:9pt; padding:0; margin:0; }
ul.archive li { position:relative; }
ul.archive .date { position:absolute; width:100px; left:-110px; text-align:right; color:#3366FF; font-size:8pt; }
ul.archive a { color:#FFF; text-decoration:none; }
ul.archive a:hover { text-decoration:underline; }

/* Team page */
#content .member { position:relative; height:100px; border-bottom:1px solid #808285; font-size:8pt; color:#DDD; margin-bottom:10px; margin-right:60px; padding-bottom:10px; }
#content .member h2 { padding:0;  margin:0; }
#content .member .positions { padding:0; margin:0; }
#content .member.last { border-bottom-width:0; }
#content .member img { position:absolute; left:-110px; }
#content .member img.wide { position:absolute; left:-174px; }

/* Events */
#content .event { border-bottom:2px solid #808285; margin-bottom:10px; padding-bottom:10px; }
#content .event h2 { margin-bottom:0px; }
#content .event p { font-size:8pt; color:#EFEFEF; margin-top:0; }
#content .event a { color:#FFF; text-decoration:none; }
#content .event a:hover { text-decoration:underline; }

/* Specific page customisations */
#page.index { background-image:none; }
#page.index #header { height:400px; }