/* Custom */

html
{
  background: #640f62 url(/images/public/html-bg-paars.jpg) repeat-y center top;
  height: 100%;
  width: 100%;
  margin-left: -1px;
  overflow-y: scroll;
}

body
{
  background: transparent url(/images/public/body-bg-paars.jpg) no-repeat center top;
  height: 100%;
  width: 100%;
}

div#wrapper
{
  width: 1048px;
}

td.menu div.menuVertical ul.navigation
{
    padding: 17px 0px 35px 1px;
}

table#contentTable {
    margin: 0;
}

strong a,
strong {
    color: #EB008B;
}

h2.page_title {
    padding: 20px 0 0;
}

#ZoekWijzerForm label.optional {
    display: none;
}

div#album_inleiding div.block {
    width: 717px;
    height: 538px;
}

div#header
{
  background-position: 0 0;
}

.block_bg {
    background-color: #efe7ef;
}
.buttonFront span {
    border: none;
    line-height: 15px;
}

div.blockTitle
{
    margin: 0 10px;
    position: relative;
}


div.no_bg_clr.blockTitle
{
		background-color: transparent;
		background-image: none;
}

div.no_bg_clr.blockTitle h3
{
		background-color: transparent;
		padding-left: 0;
		color: #650f63;
}

div.block div.blockTitle
{
  margin: 0;
}

#num_search_results
{
  margin: 20px 10px 10px 10px;
}
a.button b
{
  line-height: 0;
  font-size: 0;
}

p.buttonFront span b
{
  line-height: 0;
  font-size: 0;
}

.tool-tip {
	color: #fff;
	width: 170px;
	z-index: 13000;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 8px 8px 4px;
	background: url(/images/plugins/mooTips/bubble.png) top left;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/images/plugins/mooTips/bubble.png) bottom right;
}
.tool-text A {
	color:#069;
}
.tool-loading {
	background: url(/images/modules/Eduplus/ajax-loader.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

form#ZoekWijzerForm input { border: none;}


div#organisationCategories a {
    margin: 0 5px;
}

p#orgIndex, h3.orgAnker {
    margin-left: 10px;
}


a.right {
    float:right;
    font-size: 11px;
    margin-right: 10px;
}

div#organisationOverview div.blockTitle div.organisationCategories {
    display: inline;
    float: right;
}
div#organisationOverview div.blockTitle div.organisationCategories a {
    margin: 0 5px;
}

div#organisationOverview p.buttonFront span a
{
  float: right;
  width: 130px;
  background-position: 0 -30px;
  font-weight: normal;
}

div#organisationOverview p.buttonFront
{
  clear: both;
  margin-bottom: 36px;
}

h2.sectionTitle {
    color:#591362;
    font-family:Arial;
    font-size:18px;
    margin: 0 0 15px 10px;
}

div.block.content.readmore {margin-top:-20px;}

div.dropdownBox {
/*     margin-left: 15px; */
}

div#VacatureBekijken img.paperclip {
    position: relative;
    top: 97px;
    left: 393px;
    z-index: 20;
}

/* Lightbox popup styles */


body div.eventPopup div.ds_WizardContent
{
  overflow: auto;
  padding: 0px;
}

body div.eventPopup div.ds_WizardHeader
{
  background: #d50278;
  color: #fff;
  font-family: arial;
  font-size: 1em;
  position: relative;
  border: 0;
  cursor: move;
}

body div.eventPopup div.ds_WizardHeader h3
{
  font-size: 1em ! important;
  color: #fff ! important;
  font-weight: bold;
}


body div.eventPopup div.ds_WizardHeader div.close
{
  position: absolute;
  right: 10px;
  top: 10px;
  height: 19px;
  width: 19px;
  background: url(/images/popup/close-icon.png) no-repeat left top;
}

body div.eventPopup div.ds_WizardContent img
{
  width: 176px ! important;
}

body div.eventPopup div.ds_WizardContent h3.event_title
{
  background: #fff;
  color: #d50278;
  font-size: 1.1em;
  padding: 8px 12px;
}

body div.eventPopup div.ds_WizardContent h3.event_title span
{
  display: none;
}

body div.eventPopup div.ds_WizardContent div.content
{
  padding: 8px 12px;
  margin: 0;
  background: #fff;
  color: #650f63;
}

body div.eventPopup div.ds_WizardFooter
{
  display: none;
}

div.footer
{
  border:none;
  font-size: 11px;
  margin-left: 77px;
  width: 893px;
  line-height: 11px;
  height: 18px;
  background: #640F62;
  margin-bottom: 24px;
}




/* ###  navigation ### */

td.menu div.menuVertical ul.navigation li
{
  padding: 0;
  width: 194px;
}

td.menu div.menuVertical ul.navigation li a
{
  display: block;
  padding: 2px 0px 2px 38px;
  background: url(/images/public/swm-sprite.png) no-repeat 14px 2px;
  font-weight: normal;
}

td.menu div.menuVertical ul.navigation li a:hover,
td.menu div.menuVertical ul.navigation li.active a
{
  color: #581261;
}

td.menu div.menuVertical ul.navigation li.active li a
{
  color: #fff;
}


td.menu div.menuVertical ul.navigation li ul
{
  left: 194px;
  padding: 0;
  margin: 0;
  padding: 12px;
  top: -17px;
}

td.menu div.menuVertical ul.navigation li ul li.active,
td.menu div.menuVertical ul.navigation li ul li,
td.menu div.menuVertical ul.navigation li ul li,
td.menu div.menuVertical ul.navigation li ul li:hover,
td.menu div.menuVertical ul.navigation li ul li.active:hover
{
  width: auto;
  height: auto ! important;
  border: 0;
  background: #650F63;
  display: block;
}




td.menu div.menuVertical ul.navigation li ul li a,
td.menu div.menuVertical ul.navigation li ul li.active a.active,
td.menu div.menuVertical ul.navigation li ul li.active a.active:hover,
td.menu div.menuVertical ul.navigation li ul li.active:hover a.active:hover,
td.menu div.menuVertical ul.navigation li ul li a:hover,
td.menu div.menuVertical ul.navigation li ul li:hover a,
td.menu div.menuVertical ul.navigation li ul li:hover a:hover

{
  display: block;
  padding: 2px 0 2px 14px;
  height: auto ! important;
}

td.menu div.menuVertical ul.navigation li ul li:hover a,
td.menu div.menuVertical ul.navigation li ul li:hover a:hover,
td.menu div.menuVertical ul.navigation li ul li.active:hover a,
td.menu div.menuVertical ul.navigation li ul li.active:hover a:hover
{
  color: #e2007a;
  height: auto ! important;
  border: 0;
}

td.content
{
  padding: 24px 0 24px 24px;
  width: 751px;
}

h2.page_title
{
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
}


div.block
{
  background: transparent;
  border-color:#FFFFFF;
  margin-bottom:20px;
  padding: 0;
  overflow: visible;
}

div#Calendar div.block
{
  overflow: hidden;
}

div.block div.blockTitle
{
  background: transparent;
}

div.row_one .columnWidth
{
  width: 720px;
}

div#calendar_search,
div#vacany_search
{
  background: #efe7ef;
}

div#calendar_search
{
  overflow: visible;
}

/*
div#vacany_search
{
  overflow: hidden;
}
*/

div#calendar_search div.block,
div#vacany_search div.block
{
  padding-left: 18px;
  position: relative;
}

div.searchResult p.buttonFront {clear:both; float:left;}

.myrelations-buttonbar a.button
{
		background: url("/images/public/button_purple.png") no-repeat scroll left top transparent;
		font-weight: normal;
}

html .myrelations-buttonbar a.button:hover
{
		background: url("/images/public/button_purple.png") no-repeat scroll left top transparent;
}

div.myrelations-buttonbar
{
  top: 41px;
}



div#calendar_search
{
  height: 88px;
}

div#calendar_search div.blockTitle h3,
div#vacany_search div.blockTitle h3
{
  padding: 12px 4px 12px 40px;
  background: url(/images/public/swm-sprite.png) no-repeat 22px -40px;
  color: #650f63;
}


div.blockTitle
{
  margin: 0;
  background: none;
  clear: both;
}

div.blockTitle h3
{
  margin: 0;
  background: url(/images/public/swm-sprite.png) no-repeat 0px -98px;
  padding-left: 20px;
  color: #650f63;
}

div#calendar_search div.columnWidth.col_1 div.block
div#vacany_search div.columnWidth.col_1 div.block
{
  background: #EFE7EF;
}

table.monthTable thead tr th
{
  padding-top: 12px;
  background: #EFE7EF;
}

div.columnMargin
{
  float:left;
  margin: 0;
}





/*  ### contactformulier ### */

form#ContactForm dd.element input,
form#ContactForm dd.element textarea
{
  width: 300px;
}


div#col_3 form#ContactForm dd.element input,
div#col_3 form#ContactForm dd.element textarea
{
  width: 198px;
}

div.row_five div#col_1 form#ContactForm dd.element input,
div.row_five div#col_1 form#ContactForm dd.element textarea
{
  width: 416px;
}


div#ds_contact
{
  background: #EFE7EF;
  padding: 20px;
}


form dl dd textarea,
form dl dd input
{
  width: 326px;
}


div#ds_contact .buttonFront span
{
  float: right;
  background: none;
  font-weight: normal;
  width: 130px;
}

div#ds_contact .buttonFront span a
{
  font-weight: normal;
  height: 5px;
  position: relative;
  background-position: 0 0;
}

div#col_3 div#ds_contact .buttonFront span a
{
  background-position: 0 0;
}



.buttonFront a:link, .buttonFront a:visited, .buttonFront a:hover, .buttonFront a:active
{
  border: 0;
  outline: none;
  float: left;
  width: 110px;
}

.buttonFront span a
{
  background: url("/images/public/button_purple.png") no-repeat scroll right top transparent;
		display:block;
		line-height:1em;
		padding:6px 15px 12px 5px;
		font-weight: normal;
}

fieldset#fieldset-contact_general input,
fieldset#fieldset-contact_general textarea
{
  border: 0;
}

fieldset#fieldset-contact_general label
{
  font-weight: bold;
}

div.columnMargin.first
{
  margin-right: 24px;
}

div.eventItem div.columnMargin.first
{
  margin-right: 0;
  float: none ! important;
}


div.last
{
/*   width: 214px; */
  float: left;
}

div.ds_WizardContent span
{
  background: none;
}

/* ### formulier achtergronden ### */

div.row_three div.columnMargin div#ds_contact
{
  padding: 0;
  background: none;
}

.buttonFront
{
  margin: 0;
  padding-top: 4px;
  height: 24px;
}

/* ### button stylen ### */

div.row_three .buttonFront span,
div.readmore p.buttonFront span,
div.content p.buttonFront span
{
  background: none;
  display: inline;
  padding: 0;
  width: auto;
}

div.row_three .buttonFront span a,
div.readmore p.buttonFront span a
{
  text-align: center;
  width: 110px;
  height: 5px;
  font-weight: normal;
  width: 130px;
}

div.row_two .buttonFront span a,
div.row_one .buttonFront span a
{
  background-position: -0px -30px;
  width: 130px;
}

.myrelations-buttonbar a.button
{
  height: 11px;
  background-position: 0 -31px;
  width: 130px;
  padding: 6px 0 6px 0;
  float: left;
  margin-right: 12px;
}

div#vacany_search .myrelations-buttonbar a.button
{
  background-position: 0 0;
}



.myrelations-buttonbar a.button span.icon,
.myrelations-buttonbar a.button span.value
{
		display: inline;
                background-position: 4px 0;
}

.myrelations-buttonbar a.button:hover
{
  background-position: inherit;
  text-decoration: none;
}

div.row_five div.readmore p.buttonFrontRight span
{
  background: none;
}

div.row_five div.blockTitle
{
  clear: both;
}

div.row_two div.blockTitle
{
  clear: both;
}

div.row_five div.readmore
{
  margin-bottom: 24px;
  height: 24px;
}

div.agendabericht p.buttonFront span a
{
  clear: both;
  float: left;
  font-weight: normal;
  padding: 6px 0 12px 0;
  width: 130px;
}

div.agendabericht p.buttonFront span
{
  float: left;
  height: 24px;
}

div.row_five div.readmore p.buttonFrontRight span a
{
  background: url("/images/public/button_purple.png") no-repeat scroll right -31px transparent;
  font-weight: normal;
}

.buttonFrontRight span a
{
  padding-top: 6px;
}

.buttonFrontRight span
{
  float: left;
  padding-left: 0;
  width: 130px;
}

div.row_one p.buttonFront span a
{
  background-position: 0 -31px;
  padding: 6px 0 12px 0;
  font-weight: normal;
}

div.row_one.eventItem p.buttonFront span a
{
  float: right;
  background-position: 0 1px;
  font-weight: normal;
}

div.Holder p
{
  padding-left: 23px;
  margin-bottom: 8px;
}

div.content p.vraag
{
  line-height: 16px;
}


.buttonFront span
{
  float: none;
}

/* ### vlakverdelingen ### */

div.row_three
{
  float: left;
}

div.row_three div.columnMargin h3
{
  background-position: 0 -44px;
  color: #650f63;
  padding-bottom: 0;
  margin-bottom: 12px;
  padding-right: 0;
}

div.row_three div.columnMargin div.section.content
{
  background: #efe7ef;
  clear: both;
  padding-bottom: 0 ! important;
}

div.row_three div.content h3,
div.row_three #callMeBackDiv h3
{
  padding-top: 0;
  background-position: 0 -52px;
}

div.row_three #callMeBackDiv
{
  background: #efe7ef;
  padding: 14px;
  margin-bottom: 24px;
}

#callMeBack input
{
  width: 196px;
}

div.row_three div.readmore
{
  clear: both;
  background: none;
  position: relative;
}


div.row_three div.columnMargin
{
  margin-right: 18px;
  width: 230px;
}

div.row_three div.columnMargin.last
{
  margin-right: 0;
}

div.row_three .columnWidth
{
  width: auto;
}

div.row_three .buttonFront span a
{
  background-position: 0 -31px;
  position: relative;
  top: -6px;
}

div.row_two div.columnMargin
{
  width: 344px;
}



div.row_two .col_2.columnWidth,
div.row_two .columnWidth
{
  width: auto;
}



div.row_five,
div.row_three
{
  width: auto;
}

div.row_five div#col_1
{
  width: 460px;
}

div.row_five div#col_2,
div.row_five .col_2.columnWidth
{
  width: 240px;
}

div#vraagbaakCol1
{
  margin-right: 24px;
}

div#vraagbaakCol1 div.block,
div#vraagbaakCol2 div.block
{
  padding-left: 16px;
}



/* ### vacature overzicht ### */


div#VacatureOverzicht div.row_two div#vacature_index h3
{
  background-position: 0 -98px;
  padding-left: 20px;
}

div.no_bg_clr.blockTitle h3
{
  padding-left: 20px;
}

div#VacatureOverzicht div.row_two div.block
{
  background: #efe7ef;
  padding: 14px;
  margin-bottom: 24px;
}

div#VacatureOverzicht .buttonFront span a
{
  clear: both;
  background-position: 0 0;
}

div#VacatureOverzicht div.block strong
{
  display: block;
  margin-bottom: 4px;
}

div.row_four
{
}

div.row_four div#col_1
{
  width: auto;

}

div.row_four div#col_2
{
  width: auto;
}


div.row_four div.columnMargin.first
{
  margin-right:18px;
  width: 240px;
}

div.row_four div.columnMargin.last
{
  width: 468px;
}

div.row_three div.columnMargin div.section.content,
div.row_three div.columnMargin div.section.agenda
{
  padding: 14px;
  background: #efe7ef;
  margin-bottom: 18px;
  float: left;
  width: 202px;
}

div.row_four div.columnMargin div.section.content
{
  padding: 0;
  background: none;
  margin-bottom: 0;
  float: left;
  width: 202px;
}

div.row_four div.columnMargin div#col_2 div.section.content
{
  width: 486px;
}

div.row_three div.columnMargin div.section.agenda form#ContactForm dd input,
div.row_three div.columnMargin div.section.agenda form#ContactForm dd textarea
{
  width: 198px;
}

div.row_three div.columnMargin div.section.agenda p.buttonFront span a
{
  background-position: 0px 0px;
}



div.row_four div.columnMargin.first div.section.content h3,
div.row_four div.columnMargin.last div.section.content h3
{
  background-position: 0 -52px;
  padding-top: 0;
}

/* ### vraagbaak ### */

div#vraagbaakCol1, div#vraagbaakCol2
{
		float: left;
		margin-top: 10px;
		width: 344px;
}



/* ###  locaties  ### */

div.locatieblock p.buttonFrontRight span
{
  background: none;
}

div.locatieblock p.buttonFrontRight span a
{
  background: transparent url("/images/public/button_purple.png") no-repeat 0px -31px;
  font-weight: normal;
}












/*  ### events ### */





div.eventItem
{
  float: left;
  background: #EFE7EF;
  margin-bottom: 24px;
  padding: 14px;
  width: 692px;
}



div.eventItem .columnWidth
{
  width: 710px;
}



div.eventItem div.blockTitle h3,
.calendarItem div.blockTitle h3
{
  padding-top: 0;
  background: none;
  margin: 0;
}

div.eventItem div.blockTitle h3
{
  padding: 0;
  color: #e8419b;
}


div.eventItem div.row_two .buttonFront span a, div.row_one .buttonFront span a
{
  background-position: 0 1px;
  height: 6px;
}

.calendarItem .blockTitle
{
  background: #EFE7EF;
  padding: 12px 0 0 14px;
}

.calendarItem .block
{
  padding: 14px;
  background: #EFE7EF;
}




/*  ### vacatureZoekenForm ### */


div#vacany_search
{
  margin-bottom: 24px;
}

div#vacany_search p.buttonFront span
{
  display: inline;
  background: none;
}

div#vacany_search p.buttonFront span a
{
  background-position: 0 1px;
  line-height: 14px;
  height: 6px;
  margin-bottom: 8px;
  width: 130px;
}

div#VacatureOverzicht div.block
{
}

form#VacatureZoekenForm input
{
  width: 306px;
}

form#VacatureZoekenForm #category_dropdownBox
{
  width: 306px ! important;
}





/*  ### succesverhaalovericht ### */

div#succesverhaaloverzicht
{
  width: 726px;
}

div#succesverhaaloverzicht div.block
{
  height: auto;
}


div#succesverhaaloverzicht div.blockTitle
{
  padding: 14px;
  padding-bottom: 0;
  background: #EFE7EF;
}

p.succesverhaalButton span a
{
  border: 1px solid red;
  width: 110px;
  background-position: 0px -30px;
}


div#succesverhaaloverzicht div.block
{
  padding: 14px;
  padding-top: 0;
  position: relative;
  width: 698px;
  float: left;
}

div#succesverhaaloverzicht div.blockTitle h3
{
  background-position: 0 -53px;
  padding-top: 0;
}

div#succesverhaaloverzicht div.buttonFront
{
  display: block;
  text-align: right;
  height: 24px;
  position: relative;
  clear: both;
}

div#succesverhaaloverzicht div.buttonFront a
{
  width: 140px;
  position: absolute;
  z-index: 100;
  top: -32px;
  right: 24px;
  background: url("/images/public/button_purple.png") no-repeat scroll left -62px transparent;
  width: 130px;
  height: 24px;
  display: block;
  line-height: 24px;
  font-weight: normal;
}

div.succesverhaalDiv
{
  padding-right: 24px;
}

div#nieuwsOverzicht div.row_two div.columnMargin div.columnWidth div.block
{
  margin-bottom: 60px;
}

div#vacancy_search_extra_btns {
    margin:0;
}

div#vacancy_search_extra_btns p.buttonFront {
    margin: 10px 0px 0 0;


}

div#vacancy_search_extra_btns p.buttonFront span {
    float:right;
}

div#vacancy_search_extra_btns p.buttonFront span a {
    background: url("/images/public/button_purple.png") no-repeat scroll right top transparent;
    background-position: 0 -31px;
    font-weight: normal;
}

div.row_five .col_1.columnWidth
{
  width:462px;
}

div.readmore
{
  height: 24px;
}

div#recaptcha_widget_div
{
  margin-bottom: 24px;
}

div.row_one div.columnMargin
{
  margin-bottom: 24px;
}

input#captcha { display: none;}

table.courseDetailSummary td {
    padding: 4px;
}