/*
kleuren
hoofdkleur blauw #8499a5
afgeleide lichtblauw #bfd2d9
steunkleur rood #a03033
achtergrond lichtblauw 20% #f2f6f7
*/

body		{margin: 0;padding: 0;color: #000000;font: normal 62.5%/130% verdana, arial, helvetica, sans-serif;background: #ffffff url(/Images/background_tcm19-6687.gif) repeat 0 0;text-align: left;}
body#bodyHome	{color: #000000;background: #ffffff url(/Images/background_home_tcm19-6691.gif) repeat 0 0;}

/* default platte tekst 11px */
html		{font-size: 110%;}

/* alles resetten */
a, blockquote, body, br, dd, dl, div, dt, em, h1, h2, h3, h4, h5, h6, hr, html, i, input, li, link, object, ol, p, pre, span, strong, style, title, th, td, tr, tt, ul
{
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
}

img	{margin: 0;border: 0;}
img#doc_tag {width:1px; height:1px; display:none}
/* lettergrootte en kleuren */
p		{margin: 0 0 0 0;padding: 0 0 0.8em 0;}
p.summary	{font-weight:bold;}
p.italic		{font-style: italic;}
p.rule		{border:1px solid #b5c2c9;border-width: 0 0 1px 0;margin: 0 0 0.8em 0;padding: 0 0 0.8em 0;}

h1		{font: bold 1.6em/130% verdana, arial, helvetica, sans-serif;padding: 0 0 0.4em 0;}
#bodyHome h1	{display: none;}
h2		{font: bold 1.2em/120% verdana, arial, helvetica, sans-serif;padding: 0 0 0.4em 0;}
h3		{font: bold 1.0em/110% verdana, arial, helvetica, sans-serif;padding: 0 0 0.1em 0;}
h4		{font: bold 0.9em/120% verdana, arial, helvetica, sans-serif;padding: 0 0 0.1em 0;color: #a03033;}
h5		{font: bold 0.9em/120% verdana, arial, helvetica, sans-serif;padding: 0 0 0.2em 0;}
h6		{font: italic 0.9em/110% verdana, arial, helvetica, sans-serif;padding: 0 0 0.2em 0;}

/* links */

a		{outline: none}

a:link 		{ color: #000000; text-decoration: none; }
a:visited 		{ color: #000000; text-decoration: none; }
a:hover 		{ color: #a03033; text-decoration: none; }
a:active 		{ color: #a03033; text-decoration: underline; }

.content a:link 	{ color: #a03033; text-decoration: underline; }
.content a:visited 	{ color: #a03033; text-decoration: underline; }
.content a:hover 	{ color: #000000; text-decoration: underline; }
.content a:active 	{ color: #a03033; text-decoration: underline; }

img.document	{vertical-align: text-bottom; position:relative; bottom:-1px;margin:-5px 0 0 0; padding:3px 0 2px 5px; border:none; display:inline;}
img.email		{vertical-align: text-bottom; position:relative; bottom:-1px;margin:-5px 0 0 0; padding:3px 0 2px 5px; border:none; display:inline;}
img.external	{vertical-align: text-bottom; position:relative; bottom:-1px;margin:-5px 0 0 0; padding:3px 0 2px 5px; border:none; display:inline;}
img.eformulier	{vertical-align: text-bottom; position:relative; bottom:-1px;margin:-5px 0 0 0; padding:3px 0 2px 5px; border:none; display:inline;}

#menu a:link, #menu a:visited 	{ color: #ffffff; }
#menu a:hover, #menu a:active { color: #000000; text-decoration:none}

/* aangepast snelmenu door ED */
#snelMenu a:link, #snelMenu a:visited 
{
  font: bold 0.8em/90% verdana, arial, helvetica, sans-serif;
}
#snelMenu a:hover, #snelMenu a:active { color: #475761; }

#menu li.active a:link, #menu li.active a:hover, #menu li.active a:visited, #menu li.active a:active
{
	color: #a03033;
}

#subMenu li a:active, #subMenu li li a:active
{
	color: #000000!important; text-decoration:none;
}

#subMenu li.unfolded li.active a, #subMenu li.unfolded li.active a:hover
{
	color: #a03033!important;
}

#subMenu li a:hover
{
	color: #ffffff;
}

#subMenu li.subMenu_top
{
	background-color: #a03033;
	font-size: 0;
	height:1.4em;
}

#subMenu  li.active a:link, #subMenu li.active a:hover, #subMenu li.active a:visited, #subMenu #menu li.active a:active
{
	color: #a03033;
}

#crumbtrailContainer a:link, #crumbtrailContainer a:visited { color: #a03033; }
#crumbtrailContainer a:active, #crumbtrailContainer a:hover { color: #000000; }

/* prevent bottom-border in a for FF */
img
{
	/*display: block;*/
}

table
{
	border-collapse: collapse;
	margin: 0 0 1em 0;
}

/*-- ------------------- layout --------------------------- --*/
#header
{
	height: 16em;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent url(/Images/background_header_tcm19-6689.gif) repeat-y left bottom;
}

#snelMenuHeader
{
	background-color: #C1D2D9;
	background: #ffffff url(/Images/background_header_tcm19-6690.jpg) repeat-x left bottom;
	position: absolute;
	width: 100%;
	height: 6em;
}

#menuContainer
{
	margin: 6em 0 0 0;
	background: #a03033 url(/Images/background_menu_tcm19-6692.gif) repeat-x left bottom;
	border-bottom: 4px solid #ffffff;
	border-top: 4px solid #ffffff;
	width: 100%;
	position: absolute;
}

#crumbtrailMenuHeader
{
	margin: 11em 0 0 0;
	padding: 0.5em 0 0 0;
	width: 765px;
	clear: both;
	background-color: #ffffff;
	position: absolute;
}

#subMenuColumn
{
	float: left;
	width: 158px;
}

#main
{
	z-index: 10;
	margin: 16em 0 0 0;
	width: 765px;
	clear: both;
	padding: 0 0 3em 0;
}

#leftColumn
{
	display: inline;
	float: left;
	width: 274px;
	margin: 0 0 0 17px;
}

#middleColumn
{
	display: inline;
	float: left;
	width: 274px;
	margin: 0 0 0 17px;
}

#rightColumn
{
	display: inline;
	float: right;
	width: 166px;
	margin: 0 0 0 17px;
}

.contentContainerDefault
{
	display: inline;
	float: right;
	width: 599px;
	margin: 0 0 0 6px;
	border: 1px solid #b5c2c9;
}

.contentContainerMedium
{
	display: inline;
	float: left;
	width: 272px;
	margin: 0 0 17px 0;
	border: 1px solid #b5c2c9;
	overflow: hidden;
}

.contentContainerSmall
{
	display: inline;
	float: left;
	width: 164px;
	margin: 0;
	border: 1px solid #b5c2c9;
	overflow: hidden;
}

#footer
{
	display: inline;
	clear: right;
	float: right;
	width: 164px;
	margin: 70px 0 0 0;
	overflow: hidden;
}

/*-- ------------------- paddingBox ------------------------ --*/

.paddingBox
{
	padding: 0 0 0 0;
}

/*-- ------------------- content ------------------------ --*/

#logo
{
	position: absolute;
	left: 40px;
	bottom: 4px;
	background: transparent url(/Images/logo_uzi_register_tcm19-6714.gif) no-repeat 0 0;
	z-index: 20;
	
}

#logo a
{
	display: block;
	width: 500px;
	height: 30px;
}

#logo span
{
	display: block;
	text-indent: -666666px;
}

.content
{
	background-color: #ffffff;
	padding: 20px 17px 17px 30px;
}

#bodyHome .content
{
	padding: 15px 17px 17px 15px;
}

#bodyHome #footer .content
{
	padding: 0 60px 20px 0;
}

#footer img
{
	border: 1px solid #b5c2c9;
}

.imagePlaceholder
{
	position: relative;
	float: right;
	padding: 0 0 0 17px;
}

.imagePlaceholder img
{
	padding: 0 0 17px 0;
}

#bodyHome .imagePlaceholder
{
	display: inline;
	float: left;
	padding: 0;
	margin: 0 15px 0 -15px;
}

#bodyHome .imagePlaceholder img
{
	padding: 0;
}

th, td
{
	vertical-align: top;
	padding: 0.2em 0.2em 0.5em 0.2em;
	border-bottom: 1px solid #bfd2d9;
	border-top: 1px solid #bfd2d9;
	border-left: 1px solid #bfd2d9;
	border-right: 1px solid #bfd2d9;
}

th   {font-weight:bold; text-align:left}

caption
{
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	background-color: #f2f6f7;
}

.content ul
{
	padding: 0 0 1em 2em ;
}

.content ul li
{
	list-style: square; padding: 0 0 5px 0;
}

.content ol
{
	padding: 0 0 1em 2.5em ;
}

.content ol li
{
	list-style: decimal;
}

.content ul#zoekresultaten li
{
	padding: 0 0 1em 0;
}

.content ul#sitemap
{
	font-size: 130%;
	padding: 0;
}

.content ul#sitemap ul
{
	padding: 0 0 0 3em;
	font-size: 75%;
}

.content ul#sitemap li
{
	padding: 0.5em 0 0 0;
	list-style: none;
}

.content ul#sitemap ul li
{
	list-style: disc;
}

.content ul#sitemap ul ul
{
	font-size: 100%;
}

.content ul#sitemap ul ul li a
{
	font-weight: normal!important;
}

.content ul#sitemap ul ul ul li
{
	margin: 0 0 0 2em;
}

/*-- ------------------- menu --------------------------- --*/

#menu
{
	border-left: 1px solid #7b1112;
	border-right: 1px solid #bb6d6f;
	font: bold 1.0em/110% verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0 0 0 163px;
}

#menu li
{
	text-align: center;
	float: left;
	width: 99px;
	display: block;
}

html>body #menu li
{
	min-width: 99px;
}

#menu li a
{
	display: block;
	height: 4.5em;
	border-left: 1px solid #bb6d6f;
	border-right: 1px solid #7b1112;
	background: #a03033 url(/Images/background_menu_tcm19-6692.gif) repeat-x left bottom;
	min-width: 97px;
}

#menu li a:hover
{
	background: none;
	background-color: #8499a5;
	border-left: 1px solid #dfe9ed;
	border-right: 1px solid #f6f1f1;
}

#menu li.active a, #menu li.active a:hover, #menu li a:active
{
	background-color: #ffffff;
	border-left: 1px solid #dfe9ed;
	border-right: 1px solid #f6f1f1;
	background: #ffffff url(/Images/background_menu_over_tcm19-6693.gif) repeat-x left top;
}

#menu li a span
{
	padding: 6px 3px 0 2px;
	display: block;
}

/*-- ------------------- submenu --------------------------- --*/

#subMenu
{
	border-top: 1px solid #617c8b;
}

#subMenu li a
{
	display: block;
	width: 100%;
	overflow: hidden;
}

#subMenu li a span
{
	display: block;
	padding: 0.2em 0 0.2em 5px;
	border: 1px solid #617c8b;
	border-width: 0 1px 1px 1px;
	background: #e1e9ed url(/Images/background_submenu_active_tcm19-6695.gif) repeat-x 0% 0%;
}

#subMenu li li a span
{
	padding: 0.2em 0 0.2em 20px;
}

#subMenu li.unfolded li.active a, #subMenu li.active a
{
	background: #ffffff url(/Images/arrow_tcm19-6686.gif) no-repeat 97% 50%;
}

#subMenu li.active a span
{
	background: none;
	background-color: #ffffff;
}

#subMenu li.unfolded a span
{
	background: #9DADB8 url(/Images/background_submenu_tcm19-6694.gif) repeat-x 0% 0%;
}

#subMenu li.unfolded
{
	border-bottom: 1px solid #617c8b;
}

#subMenu li li.active
{
	border: 0px;
}

#subMenu li.active li a span, #subMenu li.unfolded li a span
{
	background: none;
	background-color: #d9e4e8;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #B5C2C9;
	border-left: 0;
}

#subMenu li.unfolded li.active a span, #subMenu li.active a span
{
	background: none;
	border: 0!important;
	background-color: #ffffff!important;
	margin: 0 1em 0 0;
}

#subMenu li a:hover span, #subMenu li li a:hover span
{
	background: none;
	background-color: #a03033!important;
}

#subMenu li.active a:hover span
{
	background-color: #ffffff!important;
}

#subMenu li.unfolded a:hover span
{
	background: none;
	background-color: #a03033!important;
}

#subMenu li.unfolded li.active a:hover span
{
	background-color: #ffffff!important;
}

#subMenu li a:active span, #subMenu li.unfolded a:active span
{
	background: #e1e9ed url(/Images/background_submenu_tcm19-6694.gif) repeat-x 0% 0%;
}

#subMenu li.active a:active span
{
	background: none;
	background-color: #ffffff!important;
}

/*-- ------------------- snelmenu --------------------------- --*/

#snelMenuContainer
{
	width: 763px;
}

#snelMenu
{
	float: right;
	padding: 5px 0 0 0;
	margin: 0 -10px 0 0;
}

#snelMenu li
{
	float: left;
	padding: 0 0 43px 0;
}

#snelMenu li span
{
	padding: 0 10px 0 10px;
	border: 1px solid #000000;
	border-width: 0 1px 0 0;
}

#snelMenu li#lastMenu span
{
	border-width: 0;
}
/*Cas van Iersel (Sogeti) script voor het huisje naast home in het service menu*/
#snelMenu li#firstMenu span
{
	border-width: 0;
	background: url(/Images/home_tcm19-6703.gif) repeat-x 0% 0%;
	background-position:left;
	padding: 0px 0px 0px 5px;
}

/*-- ------------------- crumbtrail --------------------------- --*/

#crumbtrailContainer
{
	padding: 0 0 0 164px;
}

#crumbtrail
{
	float: left;
}

#crumbtrail li
{
	padding: 0 0 0 0;
}

#crumbtrail li a
{
	float: left;
	display: block;
	padding: 0 0.55em 0 0.55em;
	background: transparent url(/Images/arrow_tcm19-6686.gif) no-repeat 100% 70%;
}

#crumbtrail li.active a
{
	background: none; 
}

#crumbtrail li a span
{
	background-color: #ffffff;
	padding: 0 6px 0 0;
}

#crumbtrail ul, #crumbtrail li
{
	display: inline;
}

#crumbtrail ul
{
	padding: 0 0 0 0;
}

#snelMenuContainer label, #menuContainer label, #crumbtrailContainer label, #subMenuContainer label
{
	display: none;
}

/*-- ------------------- forms --------------------------- --*/

label, textarea, form, fieldset
{
	padding: 0;
	margin: 0;
}

form
{
	float: none;
	border: 0;
}

.content form
{
	clear: both;
}


fieldset
{
	display: block;
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px 0 20px 20px;
	border: 0;
	background-color: #f2f6f7;
}

html>body fieldset
{
	margin: 25px 0 0 0;
}

#bodyHome fieldset
{
	padding: 10px 0 20px 0;
	background-color: #ffffff;
}

fieldset div
{
	clear: both;
	padding: 0 0 3px 0;
}

fieldset span
{
	float: left;
}

legend
{
	position: relative;
	margin: -25px 0 0 -10px;
	padding: 0 5px 5px 5px;
	font: bold 1em/140% verdana, helvetica, arial, sans-serif;
	color: #000000;
	text-transform: capitalize;
	background-color: #f2f6f7;
}

html>body legend
{
	margin: -5px 0 0 0;
}

#aanvragen legend
{
	display: none;
}

label
{
	display: block;
	clear: both;
	float: left;
	width: 150px;
	padding: 5px 0 2px 0;
}

input
{
	display: block;
	clear: both;
	float: left;
	width: 230px;
	margin: 0 0 4px 0;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
	font: normal 1em/120% verdana, arial, helvetica, sans-serif;
}

input.smallInput
{
	width: 50px!important;;
}

input.geborenDag {width:30px !important; }
input.geborenMaand {width:30px !important;}
input.geborenJaar {width:50px !important;}

input.adres {width:190px !important;}
input.huisnummer {width:30px !important; margin: 0 0 0 3px; clear: none;}
input.huisnummerToevoeging { width:30px !important; margin: 0 0 0 3px; clear: none;}

select.postcodeLand {clear: none;float: left;}
input.postcodeCijfers {width:50px !important; clear: none;}
input.postcodeLetters {width:30px !important; margin: 0 0 0 3px; clear: none;}

input.net {width:30px !important;}
input.abo {width:100px !important; clear: none;}

input.aantal { width:20px !important;}
input.aantal2 {width:30px !important;}

input#geslachtM, input#geslachtV {width: 40px;}

input#username {width:180px !important;}
input#wachtwoord {width:180px !important;}

input.text
{
	background-color: #ffffff;
	border: 1px solid #b5c2c9;
	padding: 2px 0 3px 0;
	width: 180px;
}

#bodyHome input.text
{
	width: 130px;
}

input.submit
{
	display: inline;
	clear: both;
	float: left;
	width: auto;
	margin: 20px 0 0 0;
	padding: 2px 2px 3px 2px;
	color:#ffffff;
	font-weight: bold;
	background: #a03033 url(/Images/background_menu_tcm19-6692.gif) repeat-x left bottom;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
}

html>body input.submit
{
	padding: 2px 5px 3px 5px;
}

#bodyHome input.submit
{
	float: right;
	margin: 0;
	margin: 4px 0 0 0;
}

input.submitHover
{
	color: #000000;
	background: none;
	background-color: #8499a5;
}

div.checkbox
{
	clear: both;
}

div.checkbox input
{
	margin: 2px 0 0 0;
	width: 30px;
}

div.checkbox label
{
	clear: none;
	float: left;
	width: 400px;
}

div.radiobutton
{
	padding: 0 0 0.4em 0;
}

div.radiobutton input
{
	display: block;
	clear: both;
	width: 30px;
	border: 0px;
}

div.radiobutton>input
{
	margin: 2px 0 0 0;
}

div.radiobutton label
{
	clear: none;
	float: left;
	width: 90px;
	padding: 0 0 0.4em 0;
}

textarea
{
	padding: 0;
	margin: 0;
	height: 80px;
	width:230px;
	background-color: #ffffff;
	border: 1px solid #b5c2c9;
}

#table_email
{
	margin: 2em 0 0 0;
	border-style:none;
}
 
#table_email td
{
	border-style:none;
}

/*-- ------------ zoek ---------------- --*/

fieldset#zoeken				{float: right; clear:none; margin:0; padding: 0 0 10px 0; background-color: #ffffff;}
fieldset#zoeken legend, fieldset#zoeken label	{display: none; }
fieldset#zoeken .text, fieldset#zoeken .submit	{clear: none; float: left!important; }
fieldset#zoeken .submit			{margin: 0 0 0 2px!important; }
fieldset#zoeken .text				{width: 113px!important; border: 1px solid #a03033; }
fieldset#zoeken input				{width:auto}

/*-- ------------ zoekform ---------------- --*/

fieldset#zoek_form
{
	width:100%;
	float: left;
	clear: none;
	margin: 0;
	padding: 0 0 10px 0;
	background-color: #ffffff;
}

fieldset#zoek_form legend, fieldset#zoek_form label
{
	display: none;
}

fieldset#zoek_form label#label_showpdf
{
	display: block;
}

fieldset#zoek_form .text, fieldset#zoek_form .submit
{
	clear: none;
	float: left!important;
	margin-bottom:5px;
}

fieldset#zoek_form .submit
{
	margin: 0 0 5px 2px!important;
}

fieldset#zoek_form .text
{
	width: 113px!important;
	border: 1px solid #a03033;
}

/*-- ------------------- zoekresultaten --------------------------- --*/
#zoek_result
{
	margin:0;
	padding:1em 0;
}

#zoek_result li
{
	list-style-type:none;
	margin-bottom:0.5em;
}

#zoek_result li a
{
	font-size:1.1em;
}


/*-- ------------------- extra --------------------------- --*/

.hidden
{
	display: none;
}

.clear
{
	overflow: hidden;
	clear: both;
	height: 0px;
	margin: 0px;
	font-size: 1px;
	line-height: 0px;
}

hr
{
	clear: both;
	padding: 0 0 0 0;
	border: 0;
	display: block;
	height: 1px;
	width: 100%;
	color: #000000;
	background-color: #000000;
}

/*-- ------------------- javascript --------------------------- --*/

.visible
{
	display: block;
}

.invisible
{
	display: none;
}

p.disclaimer 
{
	font-size: 94%;
	font-style: italic;
color:#4c4c4c;
	line-height: 110%;
	padding-top:2em;
}

/*-- ------------------- tooltips ----------------------------- --*/
a.info
{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:underline;
}

a.info:hover
{
    z-index:25;background-color:#fff
}

a.info span
{
    display: none
}

a.info:hover span
{ /*the span will display just on :hover state*/
    text-decoration:none;
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px dotted #a03033;
    background-color:#d9e4e8; color:#000;
    text-align: center
}

div#errorpage_fillmenu  {display: block; height: 4.5em; background: #a03033 url(/Images/background_menu_tcm19-6692.gif) repeat-x left bottom; }

.beslisboom_title 		{background-color:#e4ecef; border-bottom:#3f697e solid 1px; color:#20495e;}
.beslisboom_title p 		{font-size:1.3em; line-height:20px; margin-bottom:2px; padding:20px 0 17px 30px;}
.beslisboom_title p strong 	{display:block; font-size:1.2em;}

div.beslisboom h1  		{font-size:1.6em; font-weight:bold}
div.beslisboom input.radio	{float:none; width:auto; display:inline; clear:none}

.formMessage 		{background:#fff url(/Images/driehoek_tcm19-6701.gif) 0 17px no-repeat; border-bottom:#ee0303 solid 1px; color:#ee0303; margin:0 0 0 0; padding-top:13px; padding-bottom:10px; height:27px}
.formMessage h2 		{color:#ee0303; font-size:1em; padding:0 0 3px 42px;}
.formMessage ul 		{margin:0 0 12px 20px; list-style:none}
.formMessage ul li 		{background:url(/Images/bullit-2_tcm19-6699.gif) 0 8px no-repeat; padding:0 0 1px 11px; list-style:none}
.melding			{padding-bottom:10px; margin-bottom:10px}

/* HIDE FROM IE */
html>body .formMessage	{height:auto; min-height: 27px;}

div.beslisboom input		{width:120px; margin:0; font-weight: bold; cursor: pointer; text-align: center; }

div.beslisboom_keuzes			{padding:8px 8px 8px 0}
div.beslisboom_keuzes_error		{padding:8px 8px 8px 0}
div.beslisboom_keuzes h3		{color:#20495e; margin:6px 0 6px 0}
div.beslisboom_keuzes_error h3	{color:#ee0303; margin:6px 0 6px 0}
div.beslisboom_keuzes input		{margin:4px 0 0 0; padding:0}
div.beslisboom_keuzes_error input	{margin:4px 0 0 0; padding:0}

div.beslisboom_actions input	{padding:5px}
div.beslisboom div.fl		{float:left}
div.beslisboom div.fr		{float:right}

div.clear				{clear:both}
.seperator 				{border-top:1px solid #9dadb7; font-size:0em; height:2px; margin:4px 0 8px 0; }

div.beslisboom label		{display: inline; clear: both; float: none; width: 150px; padding:0 0 0 4px }
div.beslisboom_voetnoot		{margin-top:15px}
input#btn_vorige			{float:left; clear:none; display:inline; width:97px; height:29px; background:#fff url(/Images/nav-Vorige_tcm19-6728.gif)}
input#btn_volgende		{float:right; clear:none; display:inline; width:97px; height:29px; background:#fff url(/Images/nav-Volgende_tcm19-6727.gif)}