/** START EDITOR **/

body {
	font-size:76%;
	line-height:1.4;
	margin: 5px;
	}

body, h1, h2, h3, input, select, option, button, textarea {
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	color: #666666;
	}

h1, h2, h3, #map h4 	{
	font-style: normal;
	font-weight: bold;
	color: #61a3d3;
	line-height: 1.2;
	}
h1 {
	margin-bottom: 1em;
	}

h1 { font-size: 220%; }
h2 { font-size: 140%; }
h3 { font-size: 110%; }

h2.toptitle {
	color: #10364b;
	}

h1 a, h2 a, h3 a {
	color: inherit;
	text-decoration: none;
	}

a { color: #666666; }
a:hover, a:focus { color: #333333; }

p { margin: 0; }

p, h2, h3, h4, ul, ol, form .fbElement {
  margin-bottom: 17px;
}

table.hline td { border-top: 1px solid #61A3D3; }

th { font-weight: bold; color: #61A3D3; }

/** END EDITOR **/


/*
skyblue		#61a3d3
darkblue	#10364b
*/

/** BASIC STYLES **/

html, body { margin: 0px !important; }

body {
	background: url('/image/bg.jpg') repeat-x 0 0;
	}

form legend {
	width: 300px;
	margin: 0;
	font-weight: bold;
	}
form p.requiredField {
	}
form p.missing {
	}
form *:focus {
	}
form p input,
form .fbTextfield input,
form textarea {
	border: 1px solid #aaaaaa;
	font-size: 100%;
	}
form fieldset {
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
	}
form p, form .fbElement {
	overflow: hidden;
	clear: both;
	}
form label {
	display: block;
	width: 12em;
	float: left;
	}
form input {
	display: block;
	width: 20em;
	float: left;
	}
form textarea {
	width: 31.8em;
	height: 8em;
	}
form strong {
	margin-left: 5px;
	}
form input[type='hidden'] {
	display:none;
	}


/** CLASSES **/

.errorMessage {
	color: red;
	border: 1px solid red;
	background: pink;
	padding: .5em;
	display: block;
	}

.clearfix {
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	}

.clear {
	clear: both;
	display: block;
	}

.coll {
	float: left;
	width: 314px;
	margin-left: 10px;
	}

.box-empty {
	padding: 25px 12px;
	}

.box {
	padding-top: 25px;
	background: url('/image/box-top.png') no-repeat left top;
	}
.box-bot {
	padding-bottom: 25px;
	background: url('/image/box-bot.png') no-repeat left bottom;
	}
.box-mid {
	padding: 0px 12px;
	padding: 0px 26px;
	background: url('/image/box-mid.png') repeat-y left top;
	}
.fixed-height .box-mid {
	height: 360px;
	}

.banner {
	/* margin: 10px 0px; */
	}
.banner a,
.banner a img {
	display: block;
	}

#hp .banner {
  width: 290px;
  float: left;
	}

#hp #banners .item1 {
	margin-right: 44px;
	}

#hp #banners .item2 {
  margin-right: 34px;
	}
/** LAYOUT **/

#bg {
	background: url('/image/child.jpg') no-repeat center top;
	}

#cp #bg {
	background-image: url('/image/child2.jpg');
	}

#line-nav {
	background: url('/image/line-nav.gif') no-repeat center 260px;
	}

#cp #line-nav {
	background-position: center 190px;
	}

#line-crumbs {
	background: url('/image/line-crumbs.gif') no-repeat center 300px;
	}

#cp #line-crumbs {
	background-position: center 230px;
	}

#container {
	}

.site {
	width: 960px;
	margin: 0px auto;
	}
#wrapper {
	margin: 20px 0px;
	overflow: hidden;
	min-height: 300px;
	}



/** HEADER **/

#header {
	clear: both;
	height: 330px;
	}

#cp #header {
	height: 260px;
	}

#header p { margin-bottom: 0; }

#logo {
	width: 150px;
	height: 250px;
	padding-top: 10px;
	}

#cp #logo {
	height: 180px;
}
#logo a {
	display: block;
	text-decoration: none;
	}


#navigation {
	clear: both;
	height: 40px;
	overflow: hidden;
	}

#search {
	width: auto;
	float: right;
	overflow: hidden;
	padding-top: 5px;
	margin-right: 15px;
	}
#search #q {
	width: 202px;
	border: 0px;
	height: 18px;
	line-height: 18px;
	padding-left: 20px;
	background: #ffffff url('/image/search-icon.gif') no-repeat;
	}
#search #q-btn {
	border: 0;
	width: 57px;
	height: 20px;
	}

#crumbs {
	font-size: 90%;
	height: 30px;
	background: #10364b url('/image/corner-bl.png') no-repeat left bottom;
	}
#crumbs p {
	height: 30px;
	color: #61a3d3;
	line-height: 30px;
	padding-left: 15px;
	float: left;
	}
#crumbs a,
#crumbs strong {
	color: #61a3d3;
	font-weight: bold;
	text-decoration: none;
	}
#crumbs p span,
#crumbs p strong {
	color: #ffffff;
	}


/** NAVIGATION **/

.nav a {
	text-decoration: none;
	}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav {
	font-size: 90%;
	}
#nav ul {
	background-color: #61a3d3;
	}
#nav a {
	color: #ffffff;
	display: block;
	font-size: 110%;
	text-transform: uppercase;
	}
	#nav ul ul a {
		padding: 0px 5px;
	}
#nav .open a,
#nav .active a {
	font-size: 130%;
	line-height: 38px;
	font-weight: bold;
	}
#nav li {
	float: left;
	width: auto;
	height: 40px;
	padding: 0px 10px;
	}
#nav li a {
	height: 40px;
	line-height: 40px;
	}

#nav li ul a, #nav li.open ul a {
	text-transform: none;
	line-height: 24px;
	height: 24px;
	width: 209px;
	padding: 0 5px;
	font-size: 100%;
	font-weight: normal;
	line-height: 24px;
}

#nav li ul {
	position: absolute;
	width: 219px;
	left: -999em;
	}

#nav li ul li {
	height: 24px;
	padding: 0;
}

#nav li ul li ul {
	margin-top: -24px;
}

li.hassubs ul {
	display: none;
}

#nav ul li.hassubs {
	background-image: url(/image/arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#nav ul li.sfhover {
	background-color: #398cc8;
}

li.sfhover ul { display: block; }

#nav ul li {
	clear: both;
	}

#nav li ul ul {
	margin: -1em 0 0 20em;
	}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
	}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
	left: auto;
	}

#nav .first { padding-left: 0; }
/** CONTENT - DEFAULT **/

#content {
	float: left;
	width: 630px;
	}

#sidebar {
	float: right;
	}

	#subnav {
		list-style: none;
		margin: 0px;
		padding: 14px 0px 10px 0px;
		background: url('/image/dot.gif') repeat-x 0px 10px;
		}
	#subnav li {
		padding: 1px 0px 2px 0px;
		background: url('/image/dot.gif') repeat-x left bottom;
		}
	#subnav li a {
		display: block;
		background: transparent url(/image/li.gif) no-repeat -5px center;
		padding-left: 12px;
		}
	#subnav li.open.hassubs a {
		background-image: url(/image/li-open.gif);
	}

	#sidebar #subnav ul li a {
		background-image: none;
		padding: 0;
	}

	#subnav li.active a {
		color: #61a3d3;
		font-weight: bold;
		}
	#subnav li.active li a {
		color: #666;
		font-weight: normal;
		}
	#subnav ul {
		list-style: none;
		display: none;
		margin-bottom: 0;
		}
	#subnav .open ul {
		display: block;
		}
	#subnav .open li {
		background: transparent url(/image/dot.gif) repeat-x scroll left -2px;
		}
	#sidebar .banner {
		margin-left: 12px;
		}


/** CONTENT - HOMEPAGE **/

#home-intro {
	width: 290px;
	padding-right: 12px;
	margin-left: 0;
	margin-right: 10px;
	}
#hometxt {
	overflow: hidden;
	margin-bottom: 14px;
	}
#hometxt h1 {
	color: #10364b;
	margin-top: 8px;
	margin-bottom: 1em;
	font-size: 160%;
	}

.box p { margin-bottom: 0; }

.box h2 {
	color: #10364b;
	font-size: 160%;
	margin-bottom: 10px;
	}

.box .item, .typeNews .item {
	padding: 9px 0px 10px 0px;
	padding: 6px 0px 7px 0px;
	background: url('/image/dot.gif') repeat-x left bottom;
	}
.box .txt {
	padding: 10px 0px;
	}
.typeNews .item a, .box .item a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	}

.typeNews .item .readmore,
.box .item .title,
.box .item .link {
	clear: left;
	color: #61a3d3;
	display: block;
	font-weight: bold;
	}
.typeNews .item .readmore { display: inline; padding-left: 0.5em; }

.box .item img {
	float: right;
	margin-left: 5px;
	}
.box .item .title {
	font-size: 120%;
	}

#googlemaps {
	height: 219px;
	}


/** CONTENT - GENERATOR **/




/** FOOTER **/

#footer {
	clear: both;
	}
#footer .site {
	position: relative;
	}

#footer #bigfoot {
	height: 64px;
	background: #e1eef7 url('/image/bg-footer.gif') repeat-x 0 0;
	}
	#footnav,
	#footnav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#footnav {
		overflow: hidden;
		padding-top: 18px;
		}
	#footnav li {
		float: left;
		width: 185px;
		}
	#footnav li li {
		border: 0;
		float: none;
		}
	#footnav li a {
		font-size: 90%;
		color: #61a3d3;
		font-weight: bold;
		}
	#footnav li li a {
		color: #666666;
		font-weight: normal;
		}

	#footnav #footnavitem14 {
		display: none;
		}

#footer #txtfoot {
	clear: both;
	height: 70px;
	background: #61a3d3 url('/image/bg-footer-txt.gif') repeat-x 0 0;
	}
#txtfoot a {
	color: #ffffff;
	font-size: 90%;
	text-decoration: none;
	}

	#logofoot {
		bottom: -32px;
		right: 0px;
		position: absolute;
		margin: 0;
		}

	#copyright {
		width: 600px;
		height: 30px;
		color: #ffffff;
		line-height: 30px;
		}

	#footicons {
		height: 18px;
		width: 160px;
		bottom: 6px;
		right: 0;
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		}
	#footicons li {
		float: left;
		width: 30px;
		height: 18px;
		overflow: hidden;
		}
	#footicons a {
		float: left;
		width: 30px;
		height: 18px;
		display: block;
		text-indent: -999em;
		}
	#footicons #mailfriend a {
		background: url('/image/icon-mailfriend.gif') no-repeat;
		}
	#footicons #printpage a {
		background: url('/image/icon-printpage.gif') no-repeat;
		}

#banners {
  clear: both;
  width: 100%;
	}

/** FORM BUILDER **/

p.FormRadioButton input {
	width: auto;
	border: 0;
	}
p.FormRadioButton label {
	margin: 4px auto auto;
	}
form p.FormTextArea label,
form .fbTextarea label,
form p.FormSubmit label,
form p.msg label {
	display: none;
	}
form p.FormCheckbox label {
	width: auto;
	}
form label.value {
	width: auto;
	}

.figure {
	margin: 0;
	}

.item .figure a {
  display: inline;
	}

.left img {
	float: left;
	margin-right: 10px;
	}

.vcard {
  display: block;
  width: 300px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 360px;
  overflow: hidden;
	}

.vcard .logo {
	padding-bottom: 10px;
}

.vcard h3 { margin-bottom: 0; }

.vcard .tel .type,
.vcard .region,
.vcard .country-name {
	display: none;
	}
	
#map { width: 600px; height: 600px; margin-bottom: 20px; }
	
#hp #map { width: 260px; height: 219px; overflow: hidden; margin: 0; }

.ledenoverzicht h2 {
  width: 100%;
  clear: both;
	background: url('/image/dot.gif') repeat-x left bottom;
}

p.foot { text-align: center; width: 100%; clear: both; }


/* Bestelformulier E-learning */
#formulier2 h3 {
	margin-bottom: 0;
}
#formulier2 strong {
	margin-left:auto;
}
#formulier2 legend {
	font-size: 140%;
	color: #61A3D3;
}	
#formulier2 .FormInfoText {
	margin: 0;
}
	/* id-specifiv input width */
	#data_NL_FormTextbox_23,
	#data_NL_FormTextbox_26,
	#data_NL_FormTextbox_27 {
		width: 5em;
	}
	#label_data_NL_FormTextbox_23,
	#label_data_NL_FormTextbox_26,
	#label_data_NL_FormTextbox_27 {
		width: 27em;
	}

ul.directory, ul.directory ul {
	margin-left: 0;
	list-style: none;
}

ul.directory a {
	text-decoration: none;
}

ul.documents a {
	font-weight: bold;
}

ul.directory ul {
	margin-bottom: 0; display: none;
}

ul.directory li {
	line-height: 18px;
	background: transparent url(/image/icons/folder.gif) no-repeat left 1px;
	padding-left: 20px;
}

ul.directory ul.documents li { background-image: url(/image/icons/default.icon.gif); }
ul.directory ul.documents li.ext-pdf { background-image: url(/image/icons/pdf.gif); }
ul.directory ul.documents li.ext-doc { background-image: url(/image/icons/doc.gif); }
ul.directory ul.documents li.ext-docx { background-image: url(/image/icons/doc.gif); }
ul.directory ul.documents li.ext-xls { background-image: url(/image/icons/xls.gif); }
ul.directory ul.documents li.ext-xlsx { background-image: url(/image/icons/xls.gif); }
ul.directory ul.documents li.ext-ppt { background-image: url(/image/icons/ppt.gif); }

ul.directory li.open ul { display: block; }

ul.directory li.open {
	background-image: url(/image/icons/current_folder.gif);
}

ul.directory .meta {
	display: none;
	margin-top: 5px;
	margin-left: -20px;
	background: #ffc;
	border: 1px solid #eeb;
	padding: 5px 10px;
	position: relative;
}

ul.directory .meta .description {
	margin-bottom: 10px;
}

ul.directory .meta .button {
	position: absolute;
	right: 5px;
	bottom: 5px;
	padding: 0 5px;
	background: #dda;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}
ul.documents li.open .meta {
	display: block;
}

#cp #sidebar .box-bot {
	margin-bottom: 10px;
}

.searchBreadcrumb .breadcrumb-seperator { display: inline; }

.searchResult {
	border-top: 1px dotted #666;
	padding-top: 10px;
}

.searchResult .searchResultTitle {
	text-decoration: none;
	font-weight: bold;
	color: #10364B;
}

.searchResult .searchResultSnapshot {
	margin-bottom: 0;
}

.searchResult .searchBreadcrumb a {
	text-decoration: none;
	color: #61A3D3;
}

.typeNews a.nyromodal img {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

.academyNews {
	
	margin-right: 12px;
	
	padding-top: 8px;
	
	border-bottom: 7px solid #14364C;
	
}

.academyNews ul {
	height: 66px;
	margin: 0;
	
	padding-left: 10px;
	padding-top: 2px;
	
	background-color: #e6eff8;
	
	border-bottom: 5px solid #64A2D4;
}

.academyNews ul li {
	
	float: left;
	width: 260px;
	
	margin-left: 50px;
	margin-right: 18px;
	
	padding-top: 3px;
	padding-bottom: 3px;
	
	list-style-position: inside;
	list-style-type: square;
}

.academyNews ul li a {
	color: #043A5C;
	text-decoration: none;
}

.academyNews ul li a:hover {
	text-decoration: underline;	
}