/* !colors */
/*
very dark green (background) :  #2c332d
dark green (links) :            #9ea64b
light green (logo) :            #cfd962
yellow green :                  #e6e695
green gray :                    #6b7d6d
light purple :                  #bf395b
dark purple :                   #66334d
gray scale :                    #000000 - #666666 - #999999 - #cccccc - #f0f0f0 - #ffffff
orange (workshops) :            #f29400
blue (coaching + vorming) :     #009de0
pink (feest + omkadert) :       #e2017b
purple (ontwikkelt) :           #990061
green (samenwerking) :          #9ea64b
*/

/* !group reset css */

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

/* @end */

/* !group layout */

body {  
  background-color: #2c332d;
  font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  text-align: center;
  color: #666;
  -webkit-text-size-adjust: none;
}

#wrapper {
  background: #666 url(../images/head_back.png) no-repeat;
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

.clear {
  clear: both;
  height: 1px;
}

/* @end */

/* !group header */

#header h1 {
  color: #cfd962;
  background: transparent url(../images/logo.png) no-repeat;
}

#header h1 a {
  display: block;
  width: 300px;
  height: 80px;
  text-indent: -9999px;
}

#advanced-search {
  margin-bottom: -40px;
  color: #fff;
}

#advanced-search h3 {
  font-size: 18px;
  font-weight: bold;
  color: #ccc;
}

#advanced-search p {
  margin-bottom: 10px;
}

#advanced-search .info {
  width: 380px;
  margin: 10px 0 0 10px;
  float: left;
  display: inline;
}

#advanced-search form {
  width: 380px;
  margin: 10px 10px 0 0;
  float: right;
  display: inline;
}

#advanced-search form p {
  clear: both;
}

#advanced-search label {
  float: left;
  width: 10em;
  display: inline;
  font-size: 13px;
  color: #ccc;
}

#advanced-search p.button {
  text-align: right;
}

#advanced-search .multiselect h2 {
  font-size: 13px;
  font-weight: normal;
  color: #ccc;
  margin-bottom: 5px;
}

#advanced-search .multiselect .col {
  width: 15em;
  float: left;
}

#advanced-search .multiselect label {
  color: #fff;
  float: none;
}

#search {
  width: 300px;
  float: right;
  margin: 18px 10px 0 0;
  display: inline;
}

#search #searchterm {
  width: 220px;
  padding: 2px;
  border: 1px solid #000;
  background: #fff url(../images/magnify.png) no-repeat center right;
  font-size: 12px;
}

#search #submit, #advanced-search #adv-submit {
  width: 70px;
  padding: 1px 2px;
  background-color: #ccc;
  border: 1px solid #000;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

#search h5, #advanced-search h5 {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #ccc;
}

#search h5 a, #advanced-search h5 a {
  color: #ccc;
  text-decoration: none;
}

#infobox {
  background: #e1eff3 url(../images/info_back.png) repeat-x;
  display: block;
  clear: both;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  font-size: 13px;
  color: #777;
}

#infobox .intros {
  background: transparent url(../images/info_logo.png) no-repeat left center;
}

#nav_intros li {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-top: 10px;
}

#infobox .tab {
  margin-left: 150px;
}


#infobox .column {
  width: 380px;
  margin: 10px 0 10px 20px;
  float: left;
  display: inline;
}

#header ul.nav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 960px;
  float: left;
  background: #000 url(../images/nav_back.png) repeat-x;
}

#header ul.nav li {
  float: left;
  display: inline;
}

#header ul.nav a {
  display: block;
  float: left;
  padding: 0 8px;
  height: 30px;
  background: url(../images/nav_divider.png) no-repeat left top;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
  color: #cfd962;
}

#header ul.nav li.mooss a {
  background-image: url(../images/nav_mooss.png);
  width: 100px;
  padding: 0;
  font-weight: bold;
  text-indent: -9999px;
}

#header ul.nav li.workshops a {
  background-image: none;
  color: #f29400;
}

#header ul.nav li.vorming a {
  color: #009de0;
}

#header ul.nav li.feest a {
  color: #e2017b;
}

#header ul.nav li.ontwikkeling a {
  color: #990061;
}

/* @end */

/* !group content */

#content {
  background-color: #fff;
  clear: both;
}

.workshops #content {
  background: #fff url(../images/content_workshops_back.png) repeat-y;
}

.vorming #content {
  background: #fff url(../images/content_vorming_back.png) repeat-y;
}

.feest #content {
  background: #fff url(../images/content_feest_back.png) repeat-y;
}

.ontwikkeling #content {
  background: #fff url(../images/content_ontwikkeling_back.png) repeat-y;
}

.samenwerking #content {
  background: #fff url(../images/content_samenwerking_back.png) repeat-y;
}

#content h2 {
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #9ea64b;
}

.workshops #content h2 {
  color: #f29400;
}


.vorming #content h2 {
  color: #009de0;
}

.feest #content h2 {
  color: #e2017b;
}

.ontwikkeling #content h2 {
  color: #990061;
}

#content h3 {
  font-size: 14px;
  font-weight: bold;
}

#content p {
  margin-bottom: 10px;
}

#content p.meta, #content p span.meta {
  font-size: 11px;
  color: #ccc;
  margin-bottom: 2px;
}

#content p.meta a {
  color: #999;
}

#content p.more {
  text-align: right;
  font-weight: bold;
}

#content strong {
  font-weight: bold;
  color: #000;
}

#content em {
  font-style: italic;
  color: #333;
}

#content a {
  color: #9ea64b;
  text-decoration: none;
}

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

#banner {
  background: #fff url(../images/3nurses.jpg) no-repeat;
  position: relative;
  margin: 0 10px 40px 10px;
  padding-left: 320px;
  padding-top: 20px;
}

#diapo {
  width: 620px;
  height: 270px;
  overflow: hidden;
  background: #bf395b url(../images/diapo_back.png) repeat-x;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: Verdana, Geneva, sans-serif;
  color: #ddd;
}

#diapo .item {
  overflow: hidden;
}

#diapo .illustration {
  width: 350px;
  height: 250px;
  margin: 10px;
  background: transparent url(../images/general_diapo.png) no-repeat center center;
  float: left;
  display: inline;
}

#diapo .info {
  width: 230px;
  height: 230px;
  margin: 10px;
  overflow: auto;
  float: right;
  display: inline;
}

#diapo h3 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

#diapo p {
  margin-bottom: 10px;
}

#diapo strong {
  color: #fff;
}

#diapo a {
  color: #000;
  text-decoration: none;
}

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

ol#controls{
  position: absolute;
  top: 260px;
  left: 700px;
  padding:0;
  height:16px;	
}

ol#controls li{
  margin:0 10px 0 0; 
  padding:0;
  float:left;
  list-style:none;
  height:16px;
  line-height:16px;
  font-size: 11px;
}

ol#controls li a{
  float:left;
  height:16px;
  line-height:16px;
  border:1px solid #66334d;
  background:#f0f0f0;
  color:#a6425b;
  padding:0 5px;
  text-decoration:none;
}

ol#controls li a:hover, ol#controls li.current a:hover {
  text-decoration: none;
  border-color: #000;
  color: #000;
}

ol#controls li.current a{
    background:#a6425b;
    color:#fff;
}
ol#controls li a:focus { 
  outline:none;
}

#content .fullscreen {
  margin: 0 10px;
}

#content .primary {
  width: 400px;
  margin-left: 10px;
  float: left;
  display: inline;
  margin-bottom: 40px;
}

#content .secondary {
  width: 480px;
  margin-right: 10px;
  float: right;
  display: inline;
  margin-bottom: 40px;
}

#content .firsthalf {
  width: 440px;
  margin: 20px 10px 40px 10px;
  float: left;
  display: inline;
}

#content .secondhalf {
  width: 440px;
  margin: 20px 10px 40px 10px;
  float: right;
  display: inline;
}

#content .actu {
  margin-bottom: 20px;
}

#content .actu .illustration {
  width: 400px;
  height: 120px;
  margin: 5px 0;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}

#content .address {
  overflow: hidden;
}

#content .address p {
  width: 150px;
  float: left;
  margin-right: 10px;
  color: #2c332d;
  font-size: 11px;
  font-weight: bold;
}

#content .address p.last {
  margin-right: 0;
}

#content .address a {
  color: #2c332d;
}

#content .download {
  margin-bottom: 20px;
}

#content p.map {
  float: left;
  margin-right: 10px;
}

#content .team_member {
  margin-bottom: 10px;
  padding: 5px;
  clear: both;
}

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

#content .team_member p {
  margin-bottom: 0;
}

#content .even {
  background-color: #f0f0f0;
}

#content div.form-row {
	margin: 10px 0;
	clear: both;
}

#content div.form-row label {
	display: block;
	color: #6b7d6d;
	margin: 2px 0;
	font-size: 16px;
	font-weight: bold;
}

#content div.form-row input, div.form-row textarea, div.form-row select {
	background-color: #fff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
}

#content div.form-row input, div.form-row textarea {
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#content div.form-row input[type="checkbox"] + label
{
  display: inline;
  float: none;
}

#content p.submit {
  text-align: center;
}

#content div.error {
  color: #c00;
  font-size: 12px;
  margin-bottom: 10px;
}

#content span.required {
  color: #c00;
}

#content p.flipbook {
  height: 40px;
  padding-left: 40px;
  background: #ffe url(../images/book.gif) no-repeat left center;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 36px;
  font-size: 13px;
  letter-spacing: 1px;
}

#sidebar {
  width: 210px;
  margin-left: 10px;
  margin-bottom: 40px;
  padding-top: 180px;
  padding-left: 10px;
  float: left;
  display: inline;
}

.mooss #sidebar {
  padding-top: 40px;
}

.workshops #sidebar {
  background: transparent url(../images/sidebar_workshops_back.png) no-repeat;
}

.vorming #sidebar {
  background: transparent url(../images/sidebar_vorming_back.png) no-repeat;
}

.feest #sidebar {
  background: transparent url(../images/sidebar_feest_back.png) no-repeat;
}

.samenwerking #sidebar {
  background: transparent url(../images/sidebar_samenwerking_back.png) no-repeat;
}

.ontwikkeling #sidebar {
  background: transparent url(../images/sidebar_ontwikkeling_back.png) no-repeat;
}

#sidebar h3 {
  font-size: 30px;
  font-weight: bold;
  color: #ccc;
}

#sidebar h4 {
  margin-bottom: 10px;
  padding-left: 20px;
  background: #f0f0f0 url(../images/cross.png) no-repeat;
  font-size: 13px;
  font-weight: bold;
  color: #9ea64b;
}

.workshops #sidebar h4 {
  background-image: url(../images/cross_workshops.png);
}

.vorming #sidebar h4 {
  background-image: url(../images/cross_vorming.png);
}

.feest #sidebar h4 {
  background-image: url(../images/cross_feest.png);
}

.ontwikkeling #sidebar h4 {
  background-image: url(../images/cross_ontwikkeling.png);
}

#sidebar h4 a {
  color: #9ea64b;
}

.workshops #sidebar h4 a {
  color: #f29400;
}

.vorming #sidebar h4 a {
  color: #009de0;
}

.feest #sidebar h4 a {
  color: #e2017b;
}

.ontwikkeling #sidebar h4 a {
  color: #990061;
}

#sidebar h5 {
  background-color: #ddd;
  padding: 2px 4px;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
}

#sidebar .filter_group {
  margin-bottom: 20px;
}

#sidebar .filter_group p {
  margin: 4px;
}

#sidebar p {
  color: #999;
}

#sidebar p a {
  color: #999;
}

#sidebar p strong, #sidebar p strong a {
  color: #360;
}

#sidebar p.sub-link {
  margin-left: 20px;
}

#main {
  width: 700px;
  margin-right: 10px;
  margin-bottom: 40px;
  padding-top: 20px;
  float: right;
  display: inline;
}

#main .introduction {
  margin-bottom: 20px;
}

#main .introduction img.illustration {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}

#main .col_0 {
  width: 300px;
  margin-left: 0;
  float: left;
  display: inline;
  margin-bottom: 40px;
}

#main .col_1 {
  width: 300px;
  margin-right: 0;
  float: right;
  display: inline;
  margin-bottom: 40px;
}

#main .col_0 .illustration, #main .col_1 .illustration {
  width: 300px;
  height: 100px;
  margin: 5px 0;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}

#main .primary {
  width: 460px;
  margin-left: 0;
  float: left;
  display: inline;
  margin-bottom: 40px;
}

#main .secondary {
  width: 220px;
  margin-right: 0;
  float: right;
  display: inline;
  margin-bottom: 40px;
}

#main h3 {
  margin-bottom: 5px;
  padding: 0 4px;
  height: 20px;
  background: #9ea64b url(../images/arrows.png) no-repeat center right;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  color: #fff;
}

.workshops #main h3 {
  background-color: #f29400;
  background-image: url(../images/arrows_workshops.png);
}

.vorming #main h3 {
  background-color: #009de0;
  background-image: url(../images/arrows_vorming.png);
}

.feest #main h3 {
  background-color: #e2017b;
  background-image: url(../images/arrows_feest.png);
}

.ontwikkeling #main h3 {
  background-color: #990061;
  background-image: url(../images/arrows_ontwikkeling.png);
}

#main h3 a {
  color: #fff;
  text-decoration: none;
}

#main h3 a:hover {
  color: #ffc;
  text-decoration: none;
}

#main h4 {
  font-size: 12px;
  font-weight: bold;
}

.workshops #main h4 a {
  color: #f29400;
}

.vorming #main h4 a {
  color: #009de0;
}

.feest #main h4 a {
  color: #e2017b;
}

.ontwikkeling #main h4 a {
  color: #990061;
}

#main .listing h2 {
  border-bottom: 3px solid #9ea64b;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.2;
}

.workshops #main .listing h2 {
  border-bottom-color: #f29400;
}

.vorming #main .listing h2 {
  border-bottom-color: #009de0;
}

.feest #main .listing h2 {
  border-bottom-color: #e2017b;
}

.ontwikkeling #main .listing h2 {
  border-bottom-color: #990061;
}

#main .listing h2 span {
  font-size: 13px;
  color: #ccc;
  font-weight: normal;
  letter-spacing: normal;
}

#main .listing h4 span {
  font-size: 9px;
  vertical-align: top;
  color: #bf395b;
}

#main .col1 p, #main .col2 p, #main .listing p, #main .secondary p {
  color: #999;
}

#main .listing-pagination {
  text-align: center;
  margin: 20px 0 40px 0;
}

#main ol.pagination {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#main ol.pagination li {
  margin-right: 5px;
  display: inline;
}

#main ol.pagination a, ol.pagination li.selected {
  padding: 2px 5px;
  border: 1px solid #2c332d;
  text-decoration: none;
}

#main ol.pagination a:hover, ol.pagination li.selected {
  background-color: #cfd962;
  color: #fff;
  text-decoration: none;
}

#main ol.pagination li.word a {
  border: none;
}

#main ol.pagination li.word a:hover {
  background-color: transparent;
  color: #2c332d;
}

#main .suggest {
  margin-bottom: 20px;
}

#main .images {
  background: #fff url(../images/afbeeldingen.png) no-repeat;
  min-height: 270px;
  padding-left: 78px;
  margin-bottom: 20px;
}

#main .images img {
  border: 1px solid #000;
}

/* @end */

/* !group footer */

#footer {
  clear: both;
  background-color: #e6e695;
}

#mosaic {
  height: 65px;
  width: 960px;
  background: #000 url(../images/mosaic.jpg) no-repeat;
}

#sub-nav {
  background: #e6e695 url(../images/footer_back.png) repeat-y;
  margin: 10px 0;
}

#sub-nav ul.nav {
  margin-left: 20px;
  list-style: none;
  width: 220px;
  float: left;
}

#sub-nav ul.first {
  margin-left: 10px;
}

#sub-nav li a {
  font-size: 10px;
  text-decoration: none;
  color: #9ea64b;
}

#sub-nav li a:hover {
  text-decoration: underline;
}

#sub-nav li.section a {
  font-size: 12px;
  font-weight: bold;
  color: #6b7d6d;
}

#credits {
  border-top: 4px solid #666;
  background-color: #6b7d6d;
  font-family: Verdana, Geneva, sans-serif;
  color: #fff;
}

#credits .sponsors {
  width: 460px;
  float: left;
  margin: 10px 0 0 10px;
  display: inline;
}

#credits .sponsors .info {
  width: 220px;
  float: left;
  display: inline;
}

#credits .sponsors .logos {
  width: 220px;
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  display: inline;
  overflow: hidden;
}

#credits .sponsors .logos li {
  float: left;
}

#credits .links {
  width: 460px;
  float: right;
  margin: 10px 10px 0 0;
  display: inline;
}

#credits h3 {
  font-size: 12px;
  font-weight: bold;
}

#credits p {
  font-size: 11px;
}

#credits a {
  color: #ddd;
  text-decoration: none;
}

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

#credits .design {
  clear: both;
  padding: 10px;
  text-align: center;
  color: #444;
}

#credits .design a {
  color: #333;
}

/* @end */

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}