body					{ margin: 0; padding: 0; background: #cdcdcd; font: 10pt/1.5em Arial, Helvetica, sans-serif; }

#page					{ margin: 20px auto 0 auto; width: 980px; }

#header					{ position:relative; background: transparent url('/data/images/4/3/header.png') no-repeat; width: 980px; height: 351px; margin: 0; padding: 0; z-index: 200; }

#logo					{ top: 0; left: 7px; width: 306px; height: 201px; margin: 0; padding: 0; position:absolute; z-index: 20; }
#logo img				{ margin: 0; padding: 0; border: none; }

#menu					{ top: 90px; left: 240px; margin: 0; padding: 0; position:absolute; z-index: 200; list-style-type: none; }
#menu li				{ position:relative; margin: 0; padding:0; float: left; min-height: 30px;  background: url('/data/images/4/6/menu-li.png') no-repeat; margin-left: -10px; }
#menu li a				{ margin: 0; padding:0 20px 0 10px; min-height: 30px; display:block; line-height: 30px; text-decoration: none; text-transform: uppercase; color: #a7a8aa; }
#menu li:hover,
#menu li.menu_open			{ background: url('/data/images/4/7/menu-li-hover.png') no-repeat;  }
#menu li.last				{ width: 120px;  background: url('/data/images/4/8/menu-li-last.png') no-repeat; }
#menu li:hover.last,
#menu li.last a.menu_open 		{ background: url('/data/images/4/9/menu-li-last-hover.png') no-repeat; }
#menu li a:hover,
#menu li a.menu_open			{ color: #fff;  } 

#menu li ul				{ visibility: hidden; position:absolute; width:190px; list-style-type: none; margin: -10px 0 0 0px; padding :0; }
#menu li ul li				{ font-size: 11px; width:190px; float: none; margin:0; padding: 0; background: url('/data/images/5/1/menu-li-ul-li.png') repeat-y;  }
#menu li ul li.first			{ padding-top: 10px;width:190px; }
#menu li ul li:hover			{ background: url('/data/images/5/1/menu-li-ul-li.png') repeat-y; }
#menu li ul li.last,
#menu li ul li:hover.last 		{ width:190px;  background: url('/data/images/5/2/menu-li-ul-li-last-hover.png') no-repeat; height: 30px; }
#menu li ul li a			{ text-transform: none; color: #ddd; }
#menu li ul li a:hover			{ color: #fff; }

#menu li.last ul 			{ width: 190px; }
#menu li.last ul li			{ width: 190px; }
#menu li.last ul li.last		{ width: 190px; background: url('/data/images/5/0/menu-li-last-ul-li-last-hover.png'); }

#language				{ position: absolute; top: 12px; right: 12px; list-style-type: none; margin:0; padding:0; }
#language li				{ width: 28px; height: 25px; float: left; text-align: center; border-right: 1px solid #B1B3B4; }
#language li.last			{ border: none; }
#language li a				{ background: url('/data/images/7/7/language.png'); height: 25px; display: block; line-height: 25px; color: #B1B3B4; text-decoration: none; text-transform: uppercase; font-size:11px; }
#language li a.active			{ background: url('/data/images/7/8/language-active.png.png'); color: #FFF; }
#language li.first a			{ background: url('/data/images/7/9/language-first.png'); padding-left: 3px; }
#language li.last a			{ background: url('/data/images/8/1/language-last.png');  padding-right: 2px; }
#language li.first a.active		{ background: url('/data/images/8/0/language-first-active.png'); }
#language li.last a.active		{ background: url('/data/images/8/2/language-last-active.png'); }

#header-image				{ top: 149px; left: 27px; position: absolute; z-index: 1; height:200px; }
#header-image a 			{ display:block; position:absolute; top: 0; padding: 0; display: none; text-decoration: none; }
#header-image a img			{ border:none;  }
#header-image a.first			{ display: block; }
#header-image h1			{ position:absolute; width: 620px; top: 50px; left: 150px; padding: 0; color: #FFF; font-family: Arial; font-size: 29px; font-style: italic; font-weight: 400; line-height: 1.5em; }


#content				{ background: transparent url('/data/images/4/1/content.png') repeat-y; margin: 0; padding: 0; position: relative; z-index:20; }
#content #text,
#content #intro				{ margin:0 0 0 0 ; width: 660px; margin-left: 230px; }
		
#content #intro				{ padding:10px 0 0 0; position: relative; z-index: 20;}
#content #intro h1,
#content #intro p			{ color: #45c0eb; font-size: 15pt; margin-top:0;  font-weight: 400; line-height: 28px; }

#content #text p			{ margin:0; padding: 0 0 10px 0; } 

#content #text .border			{ height: 17px; }
#content #text .top			{ background: #FFF url('/data/images/5/7/text-top.png') repeat-y; }
#content #text .bottom			{ background: #FFF url('/data/images/5/4/text-bottom.png') repeat-y; }
#content #text #switcher 		{ background: #FFF url('/data/images/5/5/text-switcher.png') repeat-y; height:145px; position: relative; }

#content #text 				{  margin-top: 12px; }
#content #text a			{ color: #009ee0; }
#content #text #main			{ padding: 0 20px; background: #FFF url('/data/images/5/3/text.png') repeat-y;}

#content #text h1			{ font-size: 20px; padding: 8px 0px; margin:0; }
#content #text h2			{ font-size: 18px; padding: 8px 0px; margin:0; }
#content #text h3			{ font-size: 16px; padding: 8px 0px; margin:0; }
#content #text h4			{ font-size: 14px; padding: 8px 0px; margin:0; }

/* prevent all elements from pushing down the div with it's backgroud image */
#content #text * 			{ margin-top: 0; }

#content strong				{ font-weight: bold; } 

#content #content-switcher		{ margin: 0; padding: 0; list-style-type: none; top:0; left: 0;} 
#content #content-switcher li		{ margin: 0; padding: 0; width: 165px; overflow: hidden; float: left; color: #5ec5ed; text-transform: uppercase; font-size: 16pt; } 
#content #content-switcher li a 	{ display: block; padding: 30px 0 0 70px; cursor: pointer; height: 110px; }

#content #content-switcher-data		{ margin: 0; padding: 0; list-style-type: none; top: 10px; left: 0; position:absolute; } 
#content #content-switcher-data li	{ visibility:hidden; margin: 0; padding: 0; top: 1px; left: 0; position:absolute; height: 214px; width: 510px;background: transparent url('/data/images/5/6/text-switcher-flap.png');  } 
#content #content-switcher-data li div.inner { padding: 8px 24px 4px 14px; }
#content #content-switcher-data a.close-tab { position:absolute; top: 160px; right: 40px;text-decoration:underline; cursor: pointer;  } 

#content form					{ margin: 0 0 0 0; padding: 0; }
#content form h2				{ font-size: 18px; padding: 2px 0px 12px 0 !important; margin:0; color: #009ee0;}
#content form fieldset				{ margin: 0; padding: 10px 10px 6px 10px; border: 1px solid #009EE0; background: #D5EEFA; }
#content form label				{ margin: 5px 5px 0 0; display: inline-block; width: 180px; float: left; clear: left; line-height: 20px; }
#content form input,
#content form textarea,
#content form select				{ border: 1px solid #7A7A7A; margin: 0 0 5px 0;  }
#content form input.radio			{ border: none; margin: 4px 3px 11px 2px; }
#content form input.radioh			{ border: none; margin: 0 5px 0 0;}
#content p.failed,
#content form p.failed				{ color: #c00; }
#content form select.error,
#content form input.error,
#content form textarea.error			{ border-color: #FF0707; }
#content form input.checkbox			{ border: none; vertical-align: middle; }
#content form input.submit			{ cursor: pointer; margin: 12px 0 0 196px; padding-top: 3px; padding-bottom: 3px; border: 1px solid #009EE0; background: #D5EEFA; color: #009EE0; font-size: 12pt; font-weight: normal; }
#content form input.backbutton			{ cursor: pointer; margin: 30px 20px 0 0; padding-top: 3px; padding-bottom: 3px; border: none; background: #D2D1D1; color: #FFF; font-size: 12pt; font-weight: normal; }
#content form .form-indent			{ margin-left: 185px; padding: 4px 0; }
#content form span.form-error			{ display: inline-block; font-size: 7pt; height: 23px; line-height: 23px; margin-left: 5px; }
#content form span.form-error span		{ padding-left: 14px; background: no-repeat left center; }
#content form span.form-error .validate-empty	{ background-image: url("/data/static/images/form/icon_empty.png"); color: #000; }
#content form span.form-error .validate-correct	{ background-image: url("/data/static/images/form/icon_correct.png"); color: #0C0; }
#content form span.form-error .validate-error	{ background-image: url("/data/static/images/form/icon_error.png"); color: #c00; }

/* special styles (originally added for dossiertoets.nl) */
#content form input.readonly		{ border-color: #D5EEFA; background: #D5EEFA; }
#content form label.radio		{ display: inline; width: auto; float: none; vertical-align: middle; line-height: 16px; }
#content form#review p			{ font-weight: bold; margin-top: 20px; }
#content form label.error		{ color: #FF0707; }

.reviews				{ width: 100%; border-collapse: collapse; margin: 0 0 20px 0; }
.reviews th				{ text-align: left; padding: 0; }
.reviews td				{ padding: 0; }
.reviews td.icon			{ padding-left: 5px; }
.reviews td.icon img			{ border: none; }


#footer					{ background: transparent url('/data/images/4/2/footer.png'); width: 980px; height: 218px; margin: 0; padding: 0; }

#footer a				{ color: #009ee0; text-decoration: none; }

#footer-columns				{ margin:0; padding:70px 0 0 40px; list-style-type: none;  }
#footer-columns li			{ padding-right: 20px; float: left; }
#footer-columns li.first		 { width:170px; }

#footer-links				{ margin:0; padding:20px 0 0 230px; clear: both; list-style-type: none; }
#footer-links li			{ padding-right: 14px; float: left; }



