body
{
	margin				: 0;
	padding				: 0px;
	background			: #34618A url('images/background/body.png') repeat-x;
	font-family			: 'trebuchet ms', verdana;
	color				: #333;
}
#container 
{ 
    width				: 798px; 
	margin 				: 1% auto;
	background			: #fff url('images/background/container.png') repeat-y left center;
	border				: 1px solid #777;
} 

/* HEADER */
#header
{
	height				: 130px;
	background			: #ccc url('images/background/header.png');
}
#header ul#lettergrootte
{
	float				: right;	
	margin				: 15px 15px 0 0;
	padding				: 0px;
	list-style-type		: none;
	width				: 7em;
}
#header ul#lettergrootte li a
{
	padding-left		: 16px;
	display				: block;
	height				: 22px;
	background-repeat	: no-repeat;
	background-position	: left center;
	text-decoration		: none;
	color				: #333;
}
#header ul#lettergrootte li a.normaal
{
	background-image	: url('images/web/lettergrootte/normaal.gif');
}
#header ul#lettergrootte li a.groter
{
	background-image	: url('images/web/lettergrootte/groter.gif');
}
#header ul#lettergrootte li a.grootst
{
	background-image	: url('images/web/lettergrootte/grootst.gif');
}
#header ul#lettergrootte li a:hover
{
	text-decoration		: underline;
	background-color	: #fff;
}

/* logo - klikbaar */
#header h1
{
	margin				: 0px;
	display				: block;
}
#header h1 a
{
	margin-left			: 277px;
	background			: url('images/background/logo.gif') no-repeat center center;
	border				: none;
	text-decoration		: none;
	height				: 122px;
	width				: 245px;
	display				: block;
}
#header h1 a span
{
	visibility			: hidden;
}

/* CONTENT */
/* left */
#left
{
	width				: 160px;
	float				: left;
}
/* navigatie */
ul#navigatie
{
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
}
#navigatie li a
{
	display				: block;
	height				: 1.4em;
	width				: 150px;
	padding-left		: 10px;
	color				: #333;
	text-decoration		: none;
	font-weight			: bold;
}
#navigatie li a:hover
{
	background-color	: #34618A;
	color				: #fff;
	font-variant		: small-caps;
}
/* item*/
div.item
{
	margin				: 15px 5px 0 10px;
}
div.item ul
{
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
}
div.item a
{
	color				: #34618A;
	text-decoration		: none;
}
div.item a:hover
{
	color				: #c00;
	text-decoration		: underline;
}
div.item a.more
{
	float				: right;
	font-style			: italic;
}
div.item a.more:hover
{
	color				: #c00;
	text-decoration		: none;
}
div.item h4
{
	margin				: 0px;
	color				: #c00;
	font-size			: 1em;
	font-family			: Georgia, serif;
}

/* tekst */
#tekst
{
	margin				: 0 15px 15px 175px;
	text-align			: justify;
}
#tekst h2
{
	font-size			: 1.5em;
	margin-bottom		: 5px;
	color				: #34618A;
}
#tekst a:link
{
	color				: #999;
}
#tekst a:visited
{
	text-decoration		: none;
	color				: #999;
}
#tekst a:hover
{
	text-decoration		: underline;
	color				: #34618A;
}

/* footer */
#footer
{
	clear				: both;
	background			: url('images/background/footer.png') repeat-x left center;
	text-align			: center;
	color				: #fff;
	font-size			: 0.8em;
	margin-bottom		: 15px;	
}
#footer a
{
	text-decoration		: none;
	color				: #fff;
}
#footer a:hover
{
	color				: #ccc;
}

/* DETAILS */

/* nieuws */
#tekst h3
{
	border-top			: 1px solid #999;
	color				: #34618A;
	clear				: right;
	font-family			: Georgia, serif;
}
* html #tekst h3
{
	font-size			: 1.2em;
}
#tekst a:link h3, #tekst a:visited h3
{
	color				: #999;
	text-decoration		: none;
	border-bottom		: 1px dotted #999;
}
#tekst a:hover h3
{
	text-decoration		: none;
	color				: #34618A;
	border-bottom		: 1px solid #c00;
}
#tekst h3 span
{
	font-weight			: normal;
	font-size			: 0.8em;
	float				: right;
	color				: #c00;
	margin-left			: 5px;
}
#tekst div.bericht:first-letter
{
	font-family			: Georgia, serif;
	float				: left;
	font-size			: 2.6em;
	margin-right		: 0.3em;
	color				: #c00;
}
#tekst a.more
{
	float				: right;
}


/* gastenboek / reacties */
div.reactie {
	background-color	: #eee;
	border-style		: solid;
	border-color		: #ccc;
    border-width		: 0 0 1px 1px;
	padding-left		: 15px;
	padding-right		: 5px;	
}
div.reactie hr
{
	display				: none;
}
p.opties {
	padding-top			: 3px;
	background-color	: #34618A;
	font-size			: 10px;
	margin-right		: 15px;
	padding-left		: 15px;
	color				: #ccc;
	margin-bottom		: 0px;
}
span.reac_nr {
	font-size			: 2.3em;
	color				: #f90;
}
* html p.re_reactie {
	padding				: 0px;
	margin				: 0px;
}
p.opties span.naam {
	font-weight			: bold;
}
#tekst div.reactie a:link, #teks div.reactie a:visited
{
	text-decoration		: none;
}
#tekst div.reactie a:hover
{
	color				: #f90;
	text-decoration		: underline;
}

/* formulieren */
form.form {
	margin-top			: 10px;
	margin-bottom		: 10px;
	width				: 310px;
}
fieldset {
	border				: 2px solid #f90;
}
legend {
	font				: bold 140%/1.6 Arial,sans-serif;
	color				: #34618A;
	background-color	: inherit;
}
fieldset label {
	float				: left;
	display				: inline;
	width				: 100px;
    line-height			: 16px;
	margin				: 3px 10px;
	text-align			: center;
	background-color	: #34618A;
	cursor				: pointer;
	font-size			: 0.9em;
	color				: #fff;
}
fieldset input, fieldset textarea, fieldset select {
	margin				: 3px 0 8px;
	padding-left		: 1px;
	border-style		: solid;
	border-color		: #669 #7ad #7ad #669;
    border-width		: 2px 1px 1px 2px;
	width				: 160px;
	font-family			: verdana, arial, sans-serif;
	font-size			: 0.9em;
	color				: #444;
}
fieldset option
{
	font-family			: verdana;
	font-size			: 0.9em;
	color				: #444;
	background-color	: inherit;
}
* html fieldset input, * html fieldset textarea, * html fieldset option, fieldset input:focus, fieldset textarea:focus, fieldset select:focus, fieldset select:focus option {
	border-color		: #669 #eee #eee #669;
    border-width		: 1px 2px 2px 1px;
	color				: #000;
	background-color	: inherit;
}
fieldset input {
	height				: 15px;
}
fieldset  br {
	clear				: left;
}
fieldset input#go {
	font				: 90% arial, sans-serif;
	margin				: 10px 0 0 130px;
	border-style		: solid;
	border-color		: #fff #333 #333 #fff;
    border-width		: 1px 2px 2px 1px;
	background-color	: #ccc;
	width				: auto;
	height				: auto;
}
fieldset input#go:focus 
{
	border-color		: #fff #333 #333 #fff;
    border-width		: 2px 1px 1px 2px;
}

/* medewerkers */
dl.medewerker
{
	border-bottom		: 2px dotted #999;
}
dl.medewerker dt
{
	float				: left;
}
dl.medewerker dd
{
	margin-left			: 10em;
}
/* verenigingen */
dl.vereniging dt
{
	font-weight			: bold;
}
/* aandachtspunten */
ul.aandachtspunten a
{
	float				: right;
	padding-left		: 5px;
}
/* activiteit */
ul.activiteit a
{
	float				: left;
	width				: 25em;
}
* html ul.activiteit a
{
	float				: none;
	display				: inline-block;
}

/* fotoalbum */
#thumbs ul
{
	list-style-type		: none;
	margin				: 8px 0 0 0;
	padding				: 0;
}
#thumbs li
{
	float				: left;
	width				: 117px;
	margin				: 2px;
	background-color	: #9cf;
}
#thumbs li a
{
	border: none;
}
#thumbs li a:link img, #thumbs li a:visited img
{
	display				: block;
	width				: 97px;
	height				: 75px;
	margin				: 5px 10px;
	background-color	: #c00;
	border				: none;
}
#thumbs li a:hover img
{
	background-color	: #adf;
}
/* rondingen voor items */
/* rondingen */
.rtop,.rbottom {
	display			: block;
}
.rtop *, .rbottom * {
	display			: block;
	height			: 1px;
	overflow		: hidden;
}
.r1 {
	margin			: 0 5px;
}
.r2 {
	margin			: 0 3px;
}
.r3 {
	margin			: 0 2px;
}
.r4 {
	margin			: 0 1px;
	height			: 2px;
}
.rs1 {
	margin			: 0 2px;
}
.rs2 {
	margin			: 0 1px;
}

/* navigatie */
p.navigatie {
	display				: block;
	color				: #eee;
	background-color	: #999;
	font-size			: 7pt;
	font-weight			: bold;
	text-align			: center;
	margin-bottom		: 5px;
}
#tekst p.navigatie a:link, #tekst p.navigatie a:visited, #tekst p.navigatie a:active    { color: #eee; text-decoration:none; }
#tekst p.navigatie a:hover   { color: #c00; text-decoration: none; }
#tekst p.navigatie span.selected { color: #c00; }
#mysql_error
{
	border-left			: 2px solid #f99;
	background-color	: #eee;
	margin-top			: 10px;
	display				: none;
	padding-left		: 5px;
}