/* css2 Intacto */

/* Basic Default Styles */

body {font: 12px Verdana; color: #FFFFFF; background: #FCE0E9; margin: 5px 0 5px 50%;}

/*a:link, a:visited {font: 12px "Trebuchet MS", Verdana; text-decoration: underline; color: #000;}*/
/*a:hover, a:active {font: 12px "Trebuchet MS", Verdana; text-decoration: none; color: #A03E19;}*/

a:link, a:visited {font: 12px Verdana; text-decoration: none; color: #FFFFFF;}
a:hover, a:active {
	font: 12px Verdana;
	text-decoration: none;
	color: #FF0000;
}



/*I probably would have left off the border on the container, but Safari puts some sort of weird top margin on the div if there's no border. Silly, really.*/

#container {position: relative; width: 700px; background: #4A6B87 url(header2.jpg) no-repeat top left; margin: 0 0 0 -350px; border: 5px solid #FCE0E9;}

/* Could also use margin-left and -right: auto but IE 5 PC doesn't like that */

h3 {color: #CCFFFF; font: 22px "Trebuchet MS", Verdana; margin: 0; text-transform: lowercase;}

h4 {color: #CCFFFF;font: 12px Verdana; font-weight: bold}

acronym {border: 0; font-style: normal;}

/* Header - just provides space */

#pageHeader {height: 350px;}
#pageHeader span {display: none;}

/* Content */
#quickSummary {margin-top: 50px; width: 430px; margin-left: 250px; color: #42443A;}
#quickSummary a:link, #quickSummary a:visited {color: #42443A;}
#quickSummary a:hover, #quickSummary a:active {color: #42443A;}

/* This .p1 info is in the header image... */

#quickSummary .p1 {display: none;}
#preamble, #supportingText {width: 430px; margin-left: 250px; margin-top: 15px; margin-right: 25px}
#footer {position: relative; left: -250px; width: 450px; background: #333300;}
#footer a:link, #footer a:visited {color: #61A7BC; text-decoration: none;}
#footer a:hover, #footer a:active {color: #61A7BC; text-decoration: underline;}
#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {display: none;}

/* Left Bar */

#container #linkList {position: absolute; left: 18px; top: 340px; width: 198px; font: 10px "Trebuchet MS", Verdana;}
#linkList h3 {width: 198px; height: 18px; margin-top: 20px;}
#linkList h3 span {display: none;}

/* left header images */

#linkList h3.select {background: url(left_select.gif) no-repeat top left;}
#linkList ul {list-style: none;padding: 0 0 18px 0; margin: 0; background: url(left_footer.gif) no-repeat bottom left;}
#linkList ul li {padding: 5px 10px 5px 10px; background: url(li_bg.png) bottom left; border-bottom: 1px solid #92ADC5; margin: 0;}

/* li:hover style... have to replace the BG so the color will show up. */

#linkList ul li:hover {background: #496A8B url(spacer.gif); color: #FFF;}

/* bunch of crazy styles... so IE will still look ok when it doesn't parse :hover. */

#linkList #lselect {color: #666;}
#linkList ul li a {display: inline; color: #000; text-transform: lowercase;}
/* this would be block, save for the nbsp at the end of the link for "accessibility" purposes. :P */

#linkList #lselect ul li a {font: 14px "Trebuchet MS", Verdana; display: block; color: #000; text-transform: lowercase;}
#linkList #lselect ul li a.c, #linkList ul li a.c {display: inline; font: 10px "Trebuchet MS", Verdana; color: #666; text-transform: none;}

/* if the browser doesn't read the :hover pseudoclass, this shouldn't render and the text shouldn't change color */

#linkList ul li:hover a, #linkList #lselect ul li:hover a {color: #FFF;}

#linkList #knop {
	background:#0F406F;
	border:2px solid #777;
	border-left:2px solid #fff;
	border-top:2px solid #fff;
	padding:4px 1px 1px 10px;
	font-size:12px;
	font-color:#fff;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	width:184px;
	height:20px;
	display:block;
	font-family:verdana, arial, sans-serif;
	color:#FFFFFF;
        }