/* --- CSS Algemeen --- */

html {
margin: 0;
padding: 0;
}

body {
background: #f1ebfa url(images/bg1.jpg) top left repeat-x;
padding: 25px 0 25px 0;
margin: 0;
font-size: 10pt;
font-family: Verdana, Arial, sans-serif;
color: #333333;
}
a {color: blue;}
a:visited {color: red;}
a:hover {color: green;}
a:active { color: #000000;}

/* ----------container to center the layout-------------- */
#container {
width: 900px;
margin: 0 auto 0 auto;
background-color: #fff;
}

/* ----------banner for logo-------------- */
#banner {
background: #fff url(images/headerbg.jpg) 0 10px no-repeat;
height: 6em;
padding: 65px 10px 0 100px;
margin: 10px;
}

#banner h1 {
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
color: #492e6b;
font-size: 2.4em;
letter-spacing: -1px;
line-height: 70%;
}
#banner h2 {
font-size: 1em;
font-weight: normal;
color: #492e6b;
}

/* -----------------menutop--------------------- */

#menutop {
position: relative;
height: 3.5em;
background: #7f8400 url(images/menubg.gif) repeat-x top left;
padding: 0em 1.0em 0em 1.0em;
margin: 0 10px 0 10px;
}

/* Dit wordt alleen door Internet Explorer herkend */
/* zie: http://info.com.ph/~etan/w3pantheon/style/starhtmlbug.html */
* html body #menutop ul { position: absolute; top: 1.1em; }

/* Dit is voor de staandaard browsers */
#menutop ul { position: absolute; }

#menutop ul li {
position: relative;
display: inline;
}

#menutop ul li a {
padding: 0.5em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}

#menutop ul li a:hover {
text-decoration: underline;
}

#menutop ul li a.active {
background: #7F8400 url(images/menuactive.gif) repeat-x top left;
}

#menurand {
background: #fff url(images/border1.gif) repeat-x;
height: 14px;
margin: 0 10px 1.5em 10px;
}

/* -----------fotos--------------------------- */

/* nog niet af! */
#thumbs {
padding: 0;
margin: 0;
}

#thumbs li {
display: inline;
list-style-type: none;
padding-right: 5px;
}

/* -----------gedicht------------------------- */
#gedicht {
	/* margin: auto; */
	margin-left: 5em;
	/* padding: 20px 0; */
	width: 450px;
	color: #111;
	font: 14px Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;
	text-align: left;
	background-color: #fbfbfb;
	padding: 2em;
	}
#gedicht h1 {
	font-size: 34px;
	line-height: 1.2;
	margin-bottom: 10px;
	}
#gedicht h2 {
	color: #666;
	font-size: 18px;
	font-style: italic;
	margin-bottom: 30px;
	}
#gedicht p.alin {
	line-height: 1.5;
	margin-bottom: 15px;
	}
#gedicht p.alin:first-line {
	font-variant: small-caps;
	letter-spacing: 1px;
	}
#gedicht p.bron {
	font: 10pt "Times New Roman", Times, serif;
/*}
#gedicht h2:before {
	content: '&ndash; ';
	}
#gedicht h2:after {
	content: ' &ndash;';
	}*/
#gedicht h2 + p:first-letter {
	float: left;
	font-size: 38px;
	line-height: 1;
	margin: 2px 5px 0 0;
	}
#gedicht p:last-child {
	margin-bottom: 30px;
	padding-bottom: 30px;
	}
/* -----------h3 h4------------------------- */
h3 { margin-bottom: 0.5em;
	 margin-top: 2em;
 }
h4 { margin-bottom: -1em; 
     padding: 0;
	 }

/* getallen rechts uitlijnen in tabellen */
.r { text-align: right; }

/* uitslagen centreren in tabellen */
.c { text-align: center; }


