/** START EDITOR **/

@import url(nyroModal.css);

body {
	font-size:70%;
	line-height:1.3;
	margin: 5px;
	}

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

h1, h2, h3 {
	font-style: normal;
	font-weight: bold;
	color: #005da4;
	}

h1 { margin: 15px 0px 10px 0px; }
h1, #sidebar h2, #hp h2 { font-size: 24px; }
h2 { font-size: 18px; margin: 10px 0px; }
h3 { font-size: 12px; margin: 10px 0px; }

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

a { color: #005da4; font-weight: bold; text-decoration: none; }
a:hover, a:focus { color: #005da4; }

p { margin: 0; }

.Intro {
	padding: 5px 8px;
	color: #005ca9;
	background: #ffc000;
	}
.Opsom {
	/* display: block; */
	color: #005ca9;
	padding: 2px 5px;
	font-weight: bold;
	background: #ffdf80;
	}
.Attentie {
  color: #FFF;
  padding: 3px 3px;
  background: #005DA4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
a.Attentie, a.Attentie:hover, a.Attentie:focus { color: #FFC000 !important; }

table.Gearceerd {
	background-image: url(/image/arc-bg.gif);
	border-collapse: collapse;
}

table.Gearceerd td {
	margin: 0;
	line-height: 2em;
	padding: 0 0.5em;
}

tr.Kop {
	background: #ffc000;
}

table.Gearceerd tr.Kop td {
	background: #ffc000;
	font-weight: bold;
	color: #005DA4;
}

.Klein {
	font-size: 0.8em;
}

.Kleiner {
	font-size: 0.7em;
}

/** END EDITOR **/


/** BASIC STYLES **/

html, body { margin: 0px !important; }
html { height: 100%; padding-bottom: 1px; }

body {
	background: #ffffff url('/image/bg.png') repeat-x 0px 0px;
	}

form legend {
	width: 300px;
	margin: 0;
	font-size: 9px;
	font-weight: bold;
	color: #005ca9;
	}
form p.requiredField {
	}
form p.missing {
	}
form *:focus {
	}
form p input,
form textarea {
	border: 1px solid #005ca9;
	border: 1px solid #80add6;
	font-size: 9px;
	width: 175px;
	padding: 5px;
	background: #f0f5f9 url('/image/input.png') no-repeat left top;
	}
form fieldset {
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
	}
form p {
	overflow: hidden;
	clear: both;
	}
form label {
	display: block;
	width: 12em;
	font-size: 9px;
	font-weight: bold;
	color: #005ca9;
	}
form input {
	display: block;
	float: left;
	}
form textarea {
	height: 8em;
	}
form strong {
	margin-left: 5px;
	}
form input[type='hidden'] {
	display:none;
	}

form .FormSubmit {
	height: 26px;
	}
form .FormSubmit input,
form .FormSubmit button {
	color: #025caa;
	font-size: 9px;
	font-weight: bold;
	height: 26px;
	line-height: 22px;
	display: block;
	width: 187px;
	text-align: left;
	border: 0px;
	background: #b8d3e6 url('/image/submit.png') no-repeat;
	}


/** 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;
	}

ul.styled,
ul.styled ul,
ul.styled li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul.list li {
	padding: 1px 0px 6px 8px;
	background: url('/image/list-img.gif') no-repeat 0px 8px;
	}

.box {
	background: #f00;
	}
.round {
	padding: 2px;
	margin-bottom: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.round .content {
	padding: 2px 4px;
	}
.orange .round { background: #ffc000; }
.orange .odd { background: #ffdf80; }
.blue .round { color: #ffffff; background: #005da4; }

/*
.orange .roundLink:hover { background: #ffd34c; }
.orange .oddLink:hover { background: #ffe9a6; }
.blue .roundLink:hover { background: #337db5; }
*/
/* .orange .roundLink:hover a { color:black; } */
.orange .roundLink:hover a .txt { color: #005da4; }
.blue .roundLink:hover a { color: #00ada9; }

.readmore {
	font-size: 11px;
	padding: 3px 8px;
	text-align: right;
	}
.readmore a {
	display: block;
	text-align: right;
	}
.readmore a:hover {
	color: #00ada9;
	}
.blue .readmore * {
	color: #ffffff;
	}

.item {
	font-size: 11px;
	overflow: hidden;
	}
.item .txt {
	color: #000000;
	height: 4em;
	display: block;
	overflow: hidden;
	font-size: 11px;
	font-weight: normal;
	}
.item strong.more {
	display: block;
	text-align: right;
	padding-right: 5px;
	}
.item .figure {
	display: block;
	float: left;
	margin-right: 10px;
	}

.page-nav p {
	width: 100%;
	display: block;
	text-align: center;
	}
.page-nav a {
	font-size: 9px;
	font-weight: normal;
	}
.page-nav a.active {
	font-weight: bold;
	}

.sidenav a:hover .lnk {
	text-decoration: underline;
	}


/** INFO BOX **/
.info {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
}
.info-error{
	background: #fff6bf url(/image/exclamation.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
}

/** LAYOUT **/

#container {
	width: 960px;
	width: 800px;
	padding: 0px 12px;
	margin: 0px auto;
	}
#wrapper {
	}


/** HEADER **/

#topnav {
	float: right;
	width: 60px;
	height: 41px;
	padding-top: 20px;
	}
#topnav li {
	float: left;
	padding-left: 10px;
	background: url('/image/topnav-div.gif') no-repeat 4px center;
	}
#topnav li.first {
	background: none;
	}
#topnav li a {
	font-size: 9px;
	font-weight: normal;
	}

#header {
	clear: both;
	height: 275px;
	background: url('/image/header.php') no-repeat 1px 3px;
	position: relative;
	}

#logo {
	margin-top: -4px;
	margin-left: -10px;
	position: absolute;
	}
#logo a {
	display: block;
	text-decoration: none;
	}


/** NAVIGATION **/

#navigation {
	clear: both;
	overflow: hidden;
	padding-left: 180px;
	background: #005da4 url('/image/nav-corner.gif') no-repeat right top;
	}

#nav,
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav a {
	font-size: 9px;
	color: #ffffff;
	height: 20px;
	line-height: 20px;
	margin: 12px 0px;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	}
#nav .open a,
#nav .active a,
#nav .open ul .active a {
	font-weight: bold;
	color: #ffc000;
	}
#nav a:hover,
#nav .open ul li a:hover {
	color: #ffc000;
	}
#nav li {
	float: left;
	width: auto;
	padding-left: 15px;
	}
#nav ul {
	position: absolute;
	top: -999em;
	width: 160px;
	margin-left: -25px;
	padding-bottom: 40px;
	background: url('/image/nav-sub.png') no-repeat left bottom;
	}
#nav ul li {
	float: none;
	clear: both;
	padding-left: 25px;
	background: #005da4;
	}
#nav ul a,
#nav .open ul a,
#nav .active ul a {
	color: #ffffff;
	font-weight: normal;
	height: auto;
	margin: 0px;
	padding: 5px 0px;
	line-height: 1.2;
	text-transform: none;
	}
#nav li ul ul {
	margin: -1.75em 0 0 135px;
	}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	top: -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 {
	top: auto;
	}


/** CONTENT - DEFAULT **/

#content {
	float: left;
	width: 550px;
	padding-right: 10px;
	}

	#content a:hover {
		text-decoration: underline;
		}

#sidebar {
	float: left;
	width: 230px;
	padding-left: 10px;
	}
#sidebar a {
	font-size: 11px;
	}

#agenda .txt {
	color: #000000;
	font-weight: normal;
	font-size: 9px;
	}


/** CONTENT - HOMEPAGE **/

#homeNews,
#homeSpotlight {
	float: left;
	}
#homeNews {
	width: 306px;
	}

#homeNews .figure {
	overflow: hidden;
	width: 80px;
	height: 73px;
	position: relative;
	}
#homeNews .figure .mask {
	top: 0px;
	left: 0px;
	z-index: 2;
	display: block;
	width: 80px;
	height: 73px;
	position: absolute;
	background: url('/image/mask-news-home-even.png') no-repeat;
	}
#homeNews .odd .figure .mask {
	background-image: url('/image/mask-news-home-odd.png');
	}

#homeSpotlight {
	width: 234px;
	margin-left: 10px;
	}
#homeSpotlight .content {
	padding: 0px 8px 10px 8px;
	font-size: 11px;
	}
#homeSpotlight h3 {
	color: #ffffff;
	}
#homeSpotlight .figure,
#homeSpotlight .mask,
#homeSpotlight .icon {
	width: 229px;
	height: 115px;
	display: block;
	overflow: hidden;
	}
#homeSpotlight .figure {
	position: relative;
	}
#homeSpotlight .mask,
#homeSpotlight .icon {
	top: 0px;
	left: 0px;
	z-index: 2;
	position: absolute;
	background: url('/image/mask-spotlight-home.png') no-repeat;
	}
#homeSpotlight .icon {
	z-index: 3;
	margin-top: -5px;
	margin-left: -5px;
	background: url('/image/spotlight.png') no-repeat 0px 5px;
	}

#homeRoster {
	float: none;
	clear: both;
	}
#homeRoster .figure {
	margin-right: 6px;
	}


/** CONTENT - PHOTOALBUM **/

#photoalbum p {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
#photoalbum img {
	display: block;
	}

.album-catlist p,
.album-catlist strong,
.album-catlist .figure,
.album-catlist span.date {
	display: block;
	text-align: center;
	}
.album-catlist
.album-catlist strong {
	height: 20px;
	line-height: 20px;
	background: #ffc000;
	border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
	}
.album-catlist .odd strong {
	background: #ffdf80;
	}
.album-catlist span.date {
	font-size: 9px;
	font-weight: normal;
	}


/** CONTENT - NEWS **/

#news .item span.txt {
	height: auto;
	}


/** CONTENT - GENERATOR **/

.td2_0 { padding-right: 6px; }
.td2_1 { padding-left: 6px; }
.td3_0 { padding-right: 8px; }
.td3_1 { padding: 0px 4px; }
.td3_2 { padding-left: 8px; }

.td1 img, .td2 img, .td3 img { border: 3px solid #005da4; }
.td1 .figure img,
.td2 .figure img,
.td3 .figure img { border: 0px; }


/** FOOTER **/

#footer {
	zoom: 1;
	clear: both;
	padding-top: 66px;
	background: url('/image/bg-footer.gif') no-repeat left top;
	}

#footerExtra {
	color: #ffffff;
	overflow: hidden;
	background: #005da4;
	}
#footerExtra .coll {
	float: left;
	width: 31%;
	margin: 0px 1%;
	}
#footerExtra h3 {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	}
#footerExtra p {
	font-size: 9px;
	line-height: 2;
	}


#footerCopy {
	overflow: hidden;
	background: url('/image/footer-corner.gif') no-repeat;
	}
#footerCopy p,
#footerCopy p a {
	color: #005da4;
	font-size: 9px;
	font-weight: normal;
	}
#footerCopy p {
	line-height: 50px;
	}
#footerCopy .left {
	float: left;
	width: 250px;
	}
#footerCopy .right {
	float: right;
	width: 550px;
	text-align: right;
	text-transform: lowercase;
	}
#footer a {
	text-decoration: none;
	}

#footer .figure img {
	border: 3px solid #ffffff;
	}


/** FORM BUILDER **/

#formIntro {
	margin-top: 20px;
	float: left;
	width: 250px;
	}

.formGenerator fieldset {
	/* float: right; */
	width: 250px;
	margin-top: -20px;
	margin-bottom: 30px;
	}
.formGenerator label {
	margin-top: 10px;
	}

.formGenerator .bijschrift {
	font-size: 11px;
	}

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

a.video {
	display: block;
	background-color: #FFDF80;
	padding: 5px 10px;
	width: 240px;
	float: left;
	margin: 5px;
}

a.video img {
	border: none;
	float: right;
}

a.video.even {
	background-color: #FFC000;
}

sup, sub { font-size: 0.75em; vertical-align: baseline; position: relative; }

sup { top: -0.5em; right: -0.25em; }
sub { bottom: -0.33em; left: -0.33em; }

.agenda_item {
	font-weight: normal;
	color: #000;
	display: block;
	padding: 10px;
	padding-top: 0;
	background-color: #FFDF80;
}

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

.agenda_item.odd {
	background-color: #FFC000;
}

.agenda_item h2 {
	margin: 0;
}

.agenda_item .date {
	margin-bottom: 1.25em;
	color: #005DA4;
	font-weight: bold;
}

div.typeAgenda-list img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

div.typeAgenda-list .date {
	color: #005DA4;
	font-weight: bold;
}

.album-photolist img { border: none; }

#homeRoster a { font-weight: normal; }

.searchForm input.submit {
	border: none;
	padding: 0;
	height: 26px;
	line-height: 26px;
	margin-left: 1em;
	width: 63px;
	text-align: center;
	color: #025CAA;
	font-weight: bold;
	background: transparent url(/image/submit-small.gif) no-repeat scroll 0 0

}

.searchBreadcrumb {
	text-align: right;
}

.searchBreadcrumb img.breadcrumb-seperator {
	border: none;
	display: inline;
}

.searchResult {
	margin-bottom: 2em;
	border-bottom: 1px solid #025CAA;
}

.firstResult { margin-top: 1em; }

#print {
	position: absolute;
	top: 350px;
	left: 50%;
	margin-left: 116px;
	display: block;
	width: 35px;
	height: 24px;
	background: transparent url(/image/print.gif) no-repeat left top;
	text-indent: -9999px;
}

#hp #print { display: none; }

table.Gearceerd, table.Gearceerd td { background: none; }

table.Gearceerd tr.even td { background: #ffefc8; }

#ie6_banner { display: none; }

/* IE6 update banner */

#ie6_banner  {
	background:none repeat scroll 0 0 #535353;
	border-bottom:1px solid #111111;
	display:none;
	margin:0;
	padding:15px 0;
	position:relative;
	width:100%;
	z-index:999;
}

#ie6_wrap {
	margin:0 auto;
	width:1000px;
	font-size: 13px;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	line-height: 1;
}

#ie6_links {
	float:right;
	width:272px;
}

#ie6_wrap h1 {
	background:none repeat scroll 0 0 transparent;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px;
	padding:0;
	text-transform:none;
	margin-bottom:10px;
	font-style:normal;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}

#ie6_links a {
	background:none repeat scroll 0 0 #5A5A5A;
	color:#FFFFFF;
	float:left;
	height:27px;
	margin:0 1px 1px 0;
	padding:12px 0 0 50px;
	width:85px;
	font-weight: normal;
}

#ie6_links img {
	border:medium none;
	margin:-5px 0 0 -35px;
	position:absolute;
}

#ie6_wrap p {
	background:none repeat scroll 0 0 transparent;
	color:#FFFFFF;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	margin:0;
	text-align:left;
}

#ie6_wrap p a {
	background:none repeat scroll 0 0 transparent;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:underline;
	font-weight: normal;
}

.close_down {
	background:none repeat scroll 0 0 #222222;
	color:#FFFFFF;
	cursor:pointer;
	font-size:11px;
	padding:5px 10px;
	position:absolute;
	right:20px;
	bottom: -25px;
}

.typeNews-list .item h3 { margin: 0; }

.typeNews-list .item .content, .typeNews-list .item h3 {
	margin-left: 140px;
}

.typeNews-list .item .content { margin-bottom: 20px; }