/*** Margin en padding initialiseren */
html,
body,
#outercontainer,
#innercontainer,
#supportingArea,
#supportingText,
#bd,
#navBar,
#subNavBar,
#extraDiv1,
#extraDiv2,
#lselect ul,
#footer ul,
#bannerBar,
#bselect ul
{
margin:		0;
padding:	0;
}

/*** Standaard HTML tags aanpassen qua visuele stijl */
body
{
background:	#07b;
color:		#249;
}
body,
h1,h2,h3,h4,h5,h6,
td,th
{
font:		normal 12px Arial,Helvetica,sans-serif;	
}
h1,h2,h3,h4,h5,h6
{
margin:		0;
}
h1,h2,h3,h4,h5,h6,th
{
font-weight:	bold;
}
h1
{
margin-bottom:	20px;
padding-left:	5px;
border-bottom:	2px solid #249;
background:	#fd5 url(images/h1.gif) repeat-y right;
}
img
{
border:		0;
}
p
{
margin-top:	0;
}
td,th
{
vertical-align:	top;
text-align:	left;
}

/*** De diverse 'boxen' positioneren en een visuele stijl geven */
#outercontainer
{
position:	absolute;
top:		0;
left:		0;
width:		100%;
text-align:	center;
}
#innercontainer
{
position:	relative;
width:		760px;
margin-left:	auto;
margin-right:	auto;
background:	#eff;
text-align:	justify;
}
#supportingArea
{
background:	#039;
}
#supportingText
{
position:	relative;
margin-top:	5px;
padding:	90px 5px 15px 5px;
left:		0;
border-width:	0 4px 0 4px;
background:	#eff;
right:		589px;
width:		589px;
/* Start IE5-Win hack */
voice-family:	"\"}\""; 
voice-family:	inherit;
width:		579px;
/* End IE5-Win hack */
}
html>body #supportingText
{
width:		579px;
}
/* OVER DE IE5-WIN HACK
De totale breedte van bovenstaande div inclusief randen en opvulling zou 589px moeten zijn.
User agents die het box model van CSS1 onjuist interpreteren door de rand en de opvulling binnen de opgegeven breedte te plaatsen,
zouden een totale breedte van slechts 579px geven.

Er is een tweede stijlregel, die gebruik maakt van een CSS-verwerkingsfout in IE5/Windows en IE5.5/Windows,
door een breedte te specificeren die vervolgens weer teniet wordt gedaan.

Bovendien voegen we een extra regel toe, direct na de stijlregel hierboven,
ten behoeve van User Agents die CSS2-selectors en het box model van CSS ondersteunen,
maar dezelfde, hiervoor beschreven verwerkingsfout maken als IE5.x/Windows.
Ik noem het de "wees aardig voor Opera 5"-regel. En zorg ervoor dat er geen spaties rondom de '>' staan.

Merk tenslotte op dat User Agents met de verwerkingsfout die wordt weergegeven door de waarde "\"}\"",
de volgende regel in principe zouden kunnen negeren,
dus de "wees aardig voor Opera 5"-regel zorgt ervoor dat dergelijke afwijkende parsers weer "op gelijke hoogte komen" met het style sheet.
*/
#bannerBar
{
width:		181px;
background:	#eff;
text-align:	left;
}
#bd
{
position:	relative;
top:		5px;
width:		760px;
height:		124px;
background:	url(images/bd2.jpg);
}
#navBar
{
position:	absolute;
top:		129px;
left:		589px;
right:		760px;
width:		171px;
text-align:	center;
border-top:	88px solid #07b;
}
#subNavBar
{
position:	absolute;
top:		134px;
left:		0;
right:		760px;
width:		760px;
height:		45px;
background:	#039 url(images/title.jpg) no-repeat 5px 50%;
}
#footer
{
position:	relative;
width:		760px;
height:		55px;
background:	#07b;
color:		#eff;
font-size:	11px;
}
#extraDiv1
{
position:	absolute;
top:		5px;
width:		100%;
height:		124px;
background:	#039;
z-index:	-1;
}
#extraDiv2
{
position:	absolute;
top:		134px;
width:		100%;
height:		45px;
background:	#039;
z-index:	-1;
}



#supportingText a,
#supportingTextHome a
{
color:		#249;
font-weight:	bold;
}
#supportingText a:visited,
#supportingTextHome a:visited
{
font-weight:	normal;
color:		#46b;
}
#supportingText a:hover,
#supportingTextHome a:hover
{
text-decoration:none;
}
#supportingText img,
#supportingTextHome img
{
margin:		0 0 10px 10px;
}
#supportingText img.left,
#supportingTextHome img.left
{
margin:		0 10px 10px 0;
}
#navBar #logo
{
margin:		20px 10px;
}



#lselect li
{
list-style:	none;
float:		left;
left:		0;
right:		171px;
width:		171px;
font-size:	12px;
letter-spacing:	1px;
line-height:	25px;
}
#lselect a
{
display:	block;
float:		left;
padding:	1px 0 1px 5px;
left:		0;
right:		171px;
width:		164px;
text-align:	left;
text-decoration:none;
text-transform:	uppercase;
font-weight:	bold;
border:		1px solid;
border-color:	#2259ba #001576 #001576 #2259ba;
background:	#039;
color:		#eff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#lselect a
{
float:		none;
}	/* End IE5-Mac hack */
#lselect a:hover,
#lselect a#current
{
border-color:	#001576 #2259ba #2259ba #001576;
padding:	2px 0 0 5px;
}



#footer li
{
padding:	0 171px;
list-style:	none;
float:		right;
}
#footer a,
#footer a:visited
{
color:		#eff;
}
#footer a:hover,
#footer a#current
{
background:	#eff;
color:		#07b;
text-decoration:none;
}


#bselect li
{
list-style:	none;
float:		left;
left:		0;
right:		171px;
width:		171px;
}
#bselect a
{
display:	block;
float:		left;
margin:		0 5px 10px 5px;
padding:	1px 0 1px 5px;
left:		0;
right:		171px;
width:		164px;
height:		50px;
text-align:	center;
text-decoration:none;
text-transform:	uppercase;
font-weight:	bold;
border:		2px solid;
border-color:	#29d #059 #059 #29d;
background:	#07b;
color:		#eff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#bselect a
{
float:		none;
}	/* End IE5-Mac hack */
#bselect a:hover
{
border-color:	#059 #29d #29d #059;
padding:	2px 0 0 5px;
}



/*** Visuele stijl van list met TCN icoontjes */
.bullet
{
position:	relative;
float:		left;
clear:		left;
left:		0;
width:		550px;
right:		550px;
margin:		5px 0;
}

.inline
{
margin:		0;
padding:	0;
vertical-align:	bottom;
}
div#map
{
width: 580px;
height: 340px;
margin-bottom: 1em;
}
select
{
width: 580px;
}
#form select
{
/*width: 495px;*/
width: 300px;
}
#response
{
border: 1px solid #249;
padding: 1em;
}
table#form th
{
text-align: right;
}