/* general tag styles */

body {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #595959;
	background: #fff;
	padding: 0;
	margin: 15px 0 0 0;
	text-align: center;
	font-size: 80%;
}

body.login {
	background: url(../graphics/login-body.gif) 0 0 repeat-x;
	margin: 0;
}

body.login #canvas {
	width: 455px;
	margin: 0 auto;
}

p, td, li, form, label {
	font-size: 1em;
}

td, ul, ol, li, form, input, select, textarea {
	padding: 0;
	margin: 0;
	color: #595959;
	font-size: 1em;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

img {
	padding: 0;
	margin: 0;
	border: 0;
}

p {
	line-height: 150%;
	padding: 0 0 20px 0;
	color: #595959;
	font-weight: normal;
	border: 0;
	margin: 0;
} 

h1 {
	padding: 0 0 0 19px;
	margin: 0;
	font-size: 1em;
	float: left;
}

h2 {
    font-size: 1.9em;
	line-height: 120%;
	padding: 0 0 15px 0;
	border: 0;
	margin: 0;
	color: #4a4a4a;
	font-weight: normal;
}

h3 {
    font-size: 1.1em;
	line-height: 120%;
	padding: 0 0 10px 0;
	border: 0;
	margin: 0;
	color: #4a4a4a;
	font-weight: normal;
}

h3 span {
	color: #90969a;
}

h3.dotted {
	background: url(../graphics/dot.gif) left bottom repeat-x;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

h4 {
    font-size: 1.5em;
	line-height: 120%;
	padding: 0 0 20px 0;
	border: 0;
	margin: 0;
	color: #595959;
	font-weight: normal;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

a {
	color: #d6162a;
	text-decoration: none;
}

a:hover {
	color: #d6162a;
	text-decoration: underline;
}

ol {
	margin: 0 0 20px 25px;
}

ol li {
	padding: 0 0 4px 0;
}

ul {
	list-style: none;
	margin: 0 0 20px 0;
}

ul li {
	padding: 0 0 4px 20px;
	background: url(../graphics/square.jpg) left top no-repeat;
}

sup {
    font-size: 1em;
    vertical-align: baseline;
    position: relative;
   	bottom: 0.36em;
}

sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

p.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
}

div.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
  height: 1px;
}


fieldset {
	padding: 0 0 20px 0;
	margin: 0;
	border: none;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}

/* regions */

#canvas {
	text-align: left; 
	margin: 0 auto;
	width: 985px;
}

#main {
	background: url(../graphics/main-bg.jpg) left top repeat-x;
	margin: 0 5px 0 0;
}

#nav-main {
	background: url(../graphics/nav-main-bg.jpg) left top no-repeat;
	height: 57px;
	margin: 0 0 18px 0;
	position: relative;
}

/* elements */

#header #util-links {
	text-align: right;
	padding: 0 0 4px 0;
}

#header #util-links a {
	margin: 0 10px 0 0;
}

#header #logo {
	padding: 0 0 10px 19px;
}

#header #crumb {
	float: left;
	padding: 42px 0 10px 35px;
}

#header #crumb p {
	font-size: 11px;
	color: #90969a;
	padding: 0;
}

#header #crumb p a {
	font-size: 11px;
	color: #90969a;
	text-decoration: underline;
}

/* main navigation */

#nav-main ul {
	list-style: none;
	margin: 0;
}

#nav-main ul li {
	float: left;
	padding: 0;
	background: none;
/*	behavior: url(styles/csshover.htc); */
}

#nav-main ul li a {
	display: block;
	height: 39px;
	margin: 0 1px 0 0;
}

#nav-main ul li ul li a {
	margin: 0;
}

#nav-main ul li ul {
	margin: 0 0 0 -1px;
	position: absolute;
	left: 0;
	width: 980px;
}

#nav-main  ul li a span {
	display: none;
}

#nav-main ul li.home {
	display: block;
	height: 39px;
}

#nav-main ul li.home:hover {
	background: url(../graphics/nav-home.gif) left top no-repeat;
}

#nav-main ul li.home a {
	width: 78px;
}

#nav-main ul li.tussenpersonen {
	display: block;
	height: 39px;
}

#nav-main ul li.tussenpersonen:hover {
	background: url(../graphics/nav-tussenpersonen.gif) left top no-repeat;
}

#nav-main ul li.tussenpersonen a {
	width: 173px;
}

#nav-main ul li.consumenten {
	display: block;
	height: 39px;
}

#nav-main ul li.consumenten:hover {
	background: url(../graphics/nav-consumenten.gif) left top no-repeat;
}

#nav-main ul li.consumenten a {
	width: 157px;
}


#nav-main ul li.contact {
	display: block;
	height: 38px;
	width: 92px;
}

#nav-main ul li.werkgevers {
	display: block;
	height: 39px;
}

#nav-main ul li.werkgevers:hover {
	background: url(../graphics/nav-werkgevers.gif) left top no-repeat;
}

#nav-main ul li.werkgevers a {
	width: 152px;
}

#nav-main ul li.overons {
	display: block;
	height: 39px;
}

#nav-main ul li.overons:hover {
	background: url(../graphics/nav-overons.gif) left top no-repeat;
}

#nav-main ul li.contact:hover {
	background: url(../graphics/nav-contact.gif) left top no-repeat;
}

#nav-main ul li.overons a {
	width: 95px;
}

#nav-main li ul { 
	display: none; 
}

#nav-main li:hover ul { 
	display: block; 
}

#nav-main .nav-main-sub {
	position: absolute;
}

#nav-main .nav-main-sub li {
	font-size: 11px;
	background: url(../graphics/nav-sep.gif) left top no-repeat;
	padding: 0 0 0 1px;
}

#nav-main .nav-main-sub li.first-item	{
	background: none; 
}

#nav-main .nav-main-sub li a {
	padding: 10px;
	float: left;
	color: #595959;
	width: auto !important;
	height: 15px;
}

#nav-main .nav-main-sub li a:hover {
	background: url(../graphics/subnav-bg.jpg) left top repeat-x;
	text-decoration: none;
	color: #595959;
}

/* specific home page styles */

#main #home-blurb {
	background: #fff url(../graphics/home-img.jpg) left bottom no-repeat;
	height: 100%;
}

#main #home-blurb h2 {
	font-size: 2.2em;
	color: #e53138;
	padding: 0 0 18px 0;
}

#main #home-blurb-one {
	float: left;
	width: 383px;
	margin: 0 25px 0 0;
}

#main #home-blurb-one h1 {
	padding: 0 0 0 19px;
	margin: 0;
	font-weight: normal;
}

#main #home-blurb-two {
	float: left;
	width: 327px;
	margin: 14px 15px 0 0;
}

#main #home-blurb-two p.more {
	padding: 0 0 15px 0;
}

#main #home-blurb-three {
	float: left;
	width: 230px;
	padding: 25px 0 0 0;
	margin: 0 0 20px 0;
}

#main #home-blurb-three img {
	display:block; /* fix image space in Firefox */
}

#main #frm {
	background: url(../graphics/box-bg.jpg) left top repeat-y;
	padding: 10px 16px 0 20px;
}

#main #frm label {
	color: #8f9599;
}

#main #frm input {
	border: 1px solid #8F9599;
	border-bottom: 1px solid #c7Cacc;
	border-right: 1px solid #c7Cacc;
	padding: 5px;
	width: 182px;
}

#main #frm .btn {
	border: none;
	padding: 0;
	width: auto;
}

#main #frm p {
	padding: 0 0 10px 0;
	color: #d6162a;
}

#main #frm p a {
	font-size: 0.9em;
}

#main #news {
	background: #d7172a url(../graphics/news-bg.gif) left top repeat-y;
	padding: 15px 0 0 0;
	float: left;
}

#main #news h3 {
	color: #fff;
}

#main #news .more {
	color: #fff;
}

#main #news a, #main #news p, #main #news .more {
	color: #fff;
}

#main #news-one {
	float: left;
	width: 318px;
	padding: 0 25px 0 40px
}

#main #news-one ul li {
	background: url(../graphics/arrow-links-news.gif) left top no-repeat;
	padding: 0 0 5px 16px;
}

#main #news-two {
	float: left;
	width: 530px;
	padding: 0 40px 0 25px;
}

#main #news-two p.more {
	padding: 0 0 15px 0;
}

#main #features {
	background: url(../graphics/feat-bg.jpg) left top repeat-x;
	padding: 15px 0 5px 0;
	float: left;
}

#main #features .links-list li {
	padding-bottom: 5px;
} 

#main #features a {
	color: #595959;
}

#main #features ul li {
	background: url(../graphics/arrow-links-feat.gif) left top no-repeat;
	padding: 0 0 10px 16px;
}

#main #features-one {
	float: left;
	width: 220px;
	padding: 0 25px 0 40px
}

#main #features-two {
	float: left;
	width: 215px;
	padding: 0 25px 0 0
}

#main #features-three {
	float: left;
	width: 453px;
}

#main #feature-content {
	background: url(../graphics/digitale.jpg) left top no-repeat;
	padding: 20px 200px 0 15px;
	height: 130px;
}

#main #feature-content h3 {
	font-size: 1.7em;
	color: #d7172a;
	padding: 0 0 10px 0;
}

#main #feature-content p {
	padding: 0 40px 10px 0;
}

#main #sidebar-one {
	float: left;
	width: 230px;
	background: #fff;
}

#main #sidebar-one.error {
	background: none;
}

/* nav-sub */
#nav-sub 							{ border: 1px solid #dadada; margin: 0 0 20px 0; padding: 0; float: left; width: 100%; }
#nav-sub ul							{ list-style: none; margin: 0; }
#nav-sub ul li 							{ list-style-type: none; background: none; padding: 0; border-bottom: 1px dashed #dadada; }
#nav-sub ul li.expanded						{ border: 0; }
#nav-sub ul li.last 						{ border: 0; }
#nav-sub ul li a						{ display: block; padding: 10px 10px 10px 35px; border: 3px solid #fff; text-decoration: none; background: url(../graphics/icons-subnav.gif) 0 -20px no-repeat; }
#nav-sub ul li li a						{ padding: 10px 10px 10px 45px; }
#nav-sub ul li li li a						{ padding: 10px 10px 10px 55px;}
#nav-sub ul li li li li a					{ padding: 10px 10px 10px 25px; }

#canvas #main #nav-sub ul li a:hover				{ border: 3px solid #e5e5e5; }
#canvas #main #nav-sub ul li a.active 				{ background: #d7172a; border-color: #d7172a; color: #fff; }
#canvas #main #nav-sub ul li li a.active 			{ background: url(../graphics/sublevel-active.gif) left center no-repeat; border: 0; padding-top: 13px; padding-bottom: 13px; color: #525252; padding-left: 48px;  }
#canvas #main #nav-sub ul li li li a.active			{ padding-left: 58px; }
#canvas #main #nav-sub ul li li li li a.active		{ padding-left: 68px; }

#nav-sub ul li.expandable a							{ background-position: 17px 16px; }
#nav-sub ul li.expandable li a						{ background: none; }

#nav-sub ul li.expandable.expanded a				{ background-color: #d7172a; background-position: 17px -29px; color: #fff; border-color: #d7172a; }
#nav-sub ul li.expandable.expanded li a				{ background-color: #fff; color: #525252; border-color: #fff; }

#main #nav-sub ul li li.expandable a				{ background: url(../graphics/icons-subnav.gif) 27px -75px no-repeat;  }
#main #nav-sub ul li li.expandable li a				{ background: none;  }

#main #nav-sub ul li li.expandable.expanded a 		{ background-color: #e5e5e5; border-color: #e5e5e5; background-position: 27px -121px; }
#main #nav-sub ul li li.expandable.expanded li a	{ background-color: #fff; border-color: #fff; }

#main #nav-sub ul li li.expanded li.expandable.expanded a 		{ background-color: #f2f2f2; border-color: #f2f2f2; background-position: 37px -121px; }
#main #nav-sub ul li li.expanded li.expandable.expanded li a	{ background-color: #fff; border-color: #fff; }

#main #nav-sub ul li li.expanded li.expandable a			{ background: url(../graphics/icons-subnav.gif) 37px -75px no-repeat;  }
#main #nav-sub ul li li.expanded li.expandable li a			{ background: none;  }

/* IE hack */
#nav-sub ul li.expandable a									{ *background-position: 19px 19px; }
#nav-sub ul li.expandable.expanded a						{ *background-position: 19px -26px; }
#main #nav-sub ul li li.expandable a						{ *background: url(../graphics/icons-subnav.gif) 29px -72px no-repeat;  }
#main #nav-sub ul li li.expandable.expanded a 				{ *background-position: 29px -118px; }
#main #nav-sub ul li li.expanded li.expandable.expanded a 	{ *background-position: 39px -118px; }
#main #nav-sub ul li li.expanded li.expandable a			{ *background: url(../graphics/icons-subnav.gif) 39px -72px no-repeat;  } 

#main #sidebar-two {
	float: right;
	width: 213px;
	border: 1px solid #c8c9ca;
	border-bottom: none;
}

#main #sidebar-two img {
	display:block; /* fix image space in Firefox */
}

#main #content {
	float: left;
	width: 534px;
}

#main #content.iframe {
	width: 750px;
}

#main #content.iframe iframe {
	width: 753px;
	margin: 0 0 10px 2px;
	border: 0;
}

/* IE6 hack */
* html #main #content.iframe iframe {
	width: 751px;
}


#main #content .content-indent {
	padding: 30px 40px;
}

#main .content-tbl {
	border: 1px solid #999;
	margin: 0 0 20px 0;
}

#main .content-tbl th {
	text-align: left;
	padding: 15px;
}

#main .content-tbl td {
	padding: 15px;
	background: #f3f3f3 url(../graphics/white-dot.gif) left top repeat-x;
}

#main .content-tbl td.note {
	padding: 15px;
	background: #fff;
}

#main .small-note {
	color: #8f9498;
	font-size: 0.8em;
	padding: 0 0 3px 0;
}

#main .small-note a {
	color: #8f9498;
	text-decoration: underline;
}

#main .blurb p {
	padding: 0 0 3px 0;
}

#main .blurb p.title a {
	color: #595959;
}

#main .faq  {
	background: url(../graphics/dot.gif) left top repeat-x;
	margin: 0 0 20px 0;
}

#main .faq .faq-section {
	background: url(../graphics/dot.gif) left top repeat-x;
}

#main .faq .faq-q {
	background: url(../graphics/dot.gif) left bottom repeat-x;
	height: 100%; /* IE6 fix */
}

#main .faq .faq-q p {
	background: url(../graphics/arrow-down.gif) right top no-repeat;
	padding: 5px 15px;
}

#main .faq .faq-r {
	background: url(../graphics/dot.gif) left bottom repeat-x;
	height: 100%; /* IE6 fix */
	padding: 0 0 0 10px;
}

#main .faq .faq-q-active p {
/*	background: url(../graphics/arrow-up.gif) right top no-repeat; eruit door Owe bug 1209 */
	background: right top no-repeat;
	padding: 5px 15px;
}

#main .faq ul {
	margin: 0;
	padding: 0 0 5px 0;
}

#main #sitemap p {
	padding: 0 0 10px 0;
}

#main .nav-sitemap li {
	padding: 0 0 3px 15px;
	background: url(../graphics/bullet-sitemap.jpg) left top no-repeat;
	font-size: 0.9em;
}

#main .nav-sitemap li.level2 {
	margin: 0 0 0 15px;
}

#main .nav-sitemap li.level3 {
	margin: 0 0 0 30px;
}

#main .scroll{
	text-align: center;
	font-size: 0.8em;
	margin: 0 0 0 130px;
}

#main .scroll a, #main .scroll a:hover {
	float: left;
	color: #595959;
	margin: 0 6px 0 2px;
	text-decoration: none;
}

#main .scroll img {
	display: block;
}

#main .scroll .square {
	background: url(../graphics/square-l.jpg) left top no-repeat;
	padding: 0 0 0 1px;
	margin: 0 4px 0 0;
	float: left;
	line-height: 100%;
}

#main .scroll .square a, #main .scroll .square a:hover {
	background: url(../graphics/square-r.jpg) right top no-repeat;
	padding: 4px 7px 6px 5px;
	margin: 0;
	color: #fff;
}

#main .scroll .square-active {
	background: url(../graphics/square-active-l.jpg) left top no-repeat;
	padding: 0 0 0 1px;
	margin: 0 4px 0 0;
	float: left;
	line-height: 100%;
}

#main .scroll .square-active a, #main .scroll .square-active a:hover {
	background: url(../graphics/square-active-r.jpg) right top no-repeat;
	padding: 4px 7px 6px 5px;
	margin: 0;
	color: #fff;
}

#main .pdf li {
	background: url(../graphics/icon-pdf.gif) left top no-repeat;
}

#main .select {
	background: #efefef;
	padding: 8px 80px 8px 10px;
	margin: 0 0 10px 0;
}

#main .select select {
	float: right;
	color: #000;
}

#main #frm a.digi-passport {
	width: 194px;
	height: 31px;
	background: url(../graphics/btn-digipassport.gif) 0 10px no-repeat;
	padding: 10px 0 0 0;
	border-top: 1px dashed #ccc;
	display: block;
}

#main #frm a.digi-passport span { display: none; }

#main .frm-line {
	background: #efefef;
	padding: 0 10px 0 10px;
	margin: 0 0 10px 0;
	height: 100%; /* IE6 fix */
}

#main .frm-line a {
	text-decoration: underline;
}

#main .frm-line input {
	border: 1px solid #8F9599;
	border-bottom: 1px solid #c7Cacc;
	border-right: 1px solid #c7Cacc;
	padding: 5px;
	width: 228px;
	color: #000;
}

#main .frm-line input.error {
	border: 1px solid #d7172a;
}

#main .frm-line textarea {
	border: 1px solid #8F9599;
	border-bottom: 1px solid #c7Cacc;
	border-right: 1px solid #c7Cacc;
	padding: 5px;
	width: 415px;
	color: #000;
	margin: 0 0 7px 0;
}

#main .frm-line select {
	color: #000;
}

#main .frm-line input.opt-button {
	width: 15px;
	height: 15px;
	border: none;
	vertical-align: middle;
}

#main .frm-one {
	float: left;
	width: 190px;
	padding: 7px 0;
	margin: 0 0 -1px 0;
}

#main .frm-two {
	float: left;
	width: 240px;
	padding: 7px 0;
	margin: 0 0 -1px 0;
}

#main .frm-one-nopadd {
	float: left;
	width: 190px;
	padding: 0;
	margin: 0 0 -1px 0;
}

#main .frm-two-nopadd {
	float: left;
	width: 240px;
	margin: 0 0 -1px 0;
}

.error-line {
}

#main .frm-error-one {
	float: left;
	width: 200px;
	line-height: 100%;
}

#main .frm-error-two {
	float: left;
	width: 240px;
}

#main .frm-error-two .error-box {
	margin: -12px 0 0 0;
	padding: 5px;
	position: relative;
	z-index: 100;
	color: #f3bac0;
	font-size: 0.8em;
	background: #d7172a url(../graphics/error-bottom.jpg) left bottom no-repeat;
}

#main .frm-error-two .error-box img {
	vertical-align: -0.4em;
}

#main .frm-full {
	padding: 7px 0 0 0;
}

#footer {
	border-bottom: 1px solid #ccc;
	background: #e1e1e1 url(../graphics/footer-bg.jpg) left top repeat-y;
	margin: 0 0 10px 0;
	width: 980px;
}

.footer-home {
	border-bottom: none !important;
	background: none !important;
}

#footer p {
	float: right;
	font-size: 0.9em;
	color: #484848;
	padding: 13px 55px 10px 175px;
}

#footer a {
	color: #484848;
}

.links-list {
	list-style: none;
	margin: 0 0 20px 0;
}

.links-list li {
	background: url(../graphics/arrow-links.gif) left top no-repeat;
	padding: 0 0 5px 16px;
}

.links-list li.download {
	background: url(../graphics/icon-download.jpg) left top no-repeat;
	padding: 0 0 5px 16px;
}

.links-list li.ext {
	background: url(../graphics/icon-ext.jpg) left top no-repeat;
	padding: 0 0 5px 16px;
}

.more {
	color: #D6162A;
}

.align-right {
	text-align: right;
}

.ext {
	color: #90969a;
}

.dotted-line {
	line-height: 1px;
	font-size: 1px;
	margin: 10px 0;
	padding: 0;
	background: url(../graphics/dot.gif) left top repeat-x;
}

.highlighted {
	color: #d7172a;
}

.area-highlited {
	background: #f7d0d5;
	padding: 1px 3px;
}

.flush-right {
	float: right;
	padding: 7px 0 0 0;
}

/* Special offers */
h3.offers				{ margin: 0 0 15px 0; }
.offer					{ margin: 0 0 15px 0; }
.offer h3				{ color: #d7172a; margin: 0 0 0 180px; padding: 0 0 5px 0; }
.offer p				{ padding: 0; margin: 0 0 0 180px; }
.offer p a				{ text-decoration: underline; }
.offer img				{ display: block; float: left;  }
.offer .body			{ width: 432px; border-top: 1px solid #b6b6b6; border-left: 1px solid #b6b6b6; border-right: 1px solid #595959; border-bottom: 1px solid #595959; padding: 10px; min-height: 100px; }
.offer .label			{ width: 414px; background: #d7172a; color: #fff; margin: 0 0 0 10px; padding: 0 10px 0 10px; float: left; }
.offer .label span		{ font-size: 11px; display: block; width: 252px; padding: 5px 10px 7px 0; border-right: 1px dashed #e77480; float: left; }
.offer .label a			{ color: #fff; float: left; padding: 4px 10px 7px 10px; background: url(../graphics/arrow-white.gif) center right no-repeat; }

/* Login home */
.login-dialog					{ margin: 175px 0 0 0; background: url(../graphics/nedasco-logo-small.gif) top right no-repeat; }
.form							{ background: url(../graphics/login-dialog-center.gif) top left repeat-y; }
.form .content					{ background: url(../graphics/login-dialog-top.gif) 0 0 no-repeat; }
.form .bottom					{ background: url(../graphics/login-dialog-bottom.gif) bottom left no-repeat; padding: 0 0 30px 0; }
.form  form						{ padding: 35px 5px 0 5px; }
.form .form-row					{ background: #efefef; background: #efefef; width: 405px; padding: 0 20px 0 20px; margin: 0 0 10px 0; }
.form .form-row.submit			{ background: none; height: 30px; margin: 0 0 5px 0; }	
.form .form-row label			{ width: 210px; display: block; float: left; line-height: 2.1em; }
.form .form-row span.required 	{ color: #d7172a; }
.form .form-row input.textfield	{ padding: 5px; width: 182px; border-color: #8F9599 #C7CACC #C7CACC #8F9599; border-width: 1px; border-style: solid; }
.form .form-row.submit input	{ float: right; margin: 0 2px 0 0; }
.meta-links						{ text-align: right; width: 400px; margin: 0 0 0 25px; }
.meta-links.dashed				{ border-bottom: 1px dashed #cccccc; padding: 0 0 10px 0; } 
.meta-links a.digi-passport 	{ width: 194px; height: 31px; background: url(../graphics/btn-digipassport.gif) 0 0 no-repeat; display: block; margin: 10px 0 10px 208px }
.meta-links a span				{ display: none; }