body, html { height: 100%; } 

/*	colors:


*/

body {
	margin: 0px;
	padding: 0px;
	font-family: comic sans ms,verdana, sans-serif;
/*	text-align: left;*/
	text-align: center;	/* force brain damaged IE to center DIV */ 
/*	line-height: 1.2em;*/
	color: #ba2966; 
	font-size: 12px;
	background: #86b200 url('/img/bg.gif') repeat-y center;
}

html>body { /* be nice to Opera */
	font-size: small;
}

#oldbrowser {
	margin: 0;
	padding: 0;
	display: none;	
}


/*------( wrap )------*/
#wrap {
	width: 744px; 
	height: 100%;
	position: relative; 
/*	font-size: 95%; */
	text-align: left;
	background: #FFFFFF;

	voice-family: inherit; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 0; margin-bottom: 0;
	padding: 0px;
}


/*------( wrap:pioen )------*/
#pioen {
	position: relative; 
	width: 744px; 
	height: 104px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0; margin-bottom: 0;
	padding: 0px;
}

#pioen a {
	border-style: none;
	display: block;
	width: 250px;
}

#pioen img {
	display: block;
	width: 250px;
}

#pioen span { 
	position: absolute;
	top: 2px; left: 2px; 
	width: 250px; height: 99px;                
/*	background-image: url('/img/pioen.gif');*/
	background-repeat: no-repeat; 
	background-attachment: scroll;
	background-position: 0%;
}


/*------( wrap:banner )------*/
#banner { 
	position: relative; 
	width: 744px; 
	height: 180px;
/*	background: #EFEFEF url('/img/header.jpg') no-repeat 0px 0px; */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0; margin-bottom: 0;
	padding: 0px;
	border-bottom: 5px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
}

#banner a  {
	border-style: none;
	display: block;
	width: 197px;
}

#banner span   {
	position: absolute;
	display: none; 
	top: 2px; left: 25px; 
	width: 250px; height: 99px;                
	background-image: url('/img/pioen.png');
	background-repeat: no-repeat; 
	background-attachment: scroll;
	background-position: 0%;
}


/*------( wrap:content )------ */
#content {
	position: relative;
	margin: 0px;
	margin-top: 15px;
	padding: 10px;
}

#content ul {
	margin: 5px 0 5px 0;
	padding: 5px;
	list-style: square inside;
}

#content a {
	text-decoration: underline; 
	color: #000000; 
	font-family: verdana, sans-serif, arial;
	font-weight: normal;
}


#content a:hover, #content a.active, #content .act {
	color: #ba2966;
	text-decoration: none; 
}


#content sup { 
	font-family: verdana, sans-serif, arial;
	font-size: 10px;
	font-weight: normal;
}


/* -----( wrap:content:pagina = de pagina-inhoud )------ */
#pagina {
	position:relative;
	left: 220px;
	width: 500px;
	display: block;
	padding-left: 2px;
}

/*------( wrap:content:navigatie = het navigatiemenu )------*/
#navigatie {
	position: absolute;
	margin: 0px;
	width: 200px;
	height: auto;
	padding: 0px;
	color: #ba2966;
	font-size: 10px;
	text-align: left;
	line-height: 1.2em;
}


#navigatie ul {
	list-style: none; 
	list-style-position: outside;
	margin: 0; 
	padding: 0; 
}

#navigatie li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 2.0em;
	border-bottom: 1px solid #FFFFFF;
}

#navigatie a { 
	text-decoration: none; 
	color: #000000; 
	font-size: 11px;
	font-weight: bold;
	padding-left: 2px; 
	line-height: 1.7em;
}


#navigatie a:hover, #navigatie a:active, #navigatie .act {
	color: #ba2966;
}


#navigatie a.active {
	font-weight: bold;
}


#navigatie ul .sub { 
	list-style: none; 
	list-style-position: outside;
	margin: 0;
	padding: 0; 
}


#navigatie li .sub {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1em;
	border-bottom: 1px dotted #B4B5B9;
	font-size: 10px;
	font-weight: bold;
}

/*------( text )------ */

a:link {
	color: #5b80b2;
}

a:visited {
	color: #969;
}

a:hover {
	color: #00A7DA;
}

p {
	margin: 1em 0 1em;
	padding: 0;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0 0.2em 0.2em 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 2px 0;
	margin: 0 0.1em 0.1em 0;
}

h2 a:link, h2 a:visited {
	font-size: 110%;
	text-decoration: none;
	color: #930;
}

h2 a:hover {
	color: #600;
}


h3 {
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 4px 0;
	margin: 0 1.2em 0.5em 0;
	border-bottom: 1px solid #FFFFFF;
	letter-spacing: 0.1em;
}


h3 img {
	vertical-align: middle;
}

h1 span, h2 span, h3 span {
	color: #999;
}


em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

strike {
	text-decoration: line-through;
}

/* ---( misc. )------------------------------------------ */

#search {
	margin-top: .5em;
}

#logo a, #nav a, a.noline:link, a.noline:visited, .photoBox a:link, .photoBox a:visited {
	border-style: none;
}

ul.noBullet li {
	list-style-type: none;
}

.center {
	text-align: center;
}

a img {
	border: none;
}

.hide {
	display: none;
}

table { 
	border-spacing: 0px;
/*	border: 0;
	cellpadding: 0;
	cellspacing: 0;*/
}


tbody {
	font-size: 14px;
}

.button
{
    BACKGROUND-COLOR: #DEDFDE;
    BORDER: #777777 1px solid;
    COLOR: #000000;
    CURSOR: hand;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
    HEIGHT: 20px;
    PADDING: 1px;
    TEXT-ALIGN: center;
}


hr {
	border-top: 1px solid #ccc;
	color: #fff;
	background-color: #fff;
	height: 1px;
}