/** START EDITOR **/

body {
	font-size: 80%;
	line-height: 2;
	margin: 5px;
	}

body, h1, h2, h3, input, select, option, button, textarea,
ul li * {
	font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
	color: #444444;
	}

h1, h2, h3 	{
	font-style: normal;
	font-weight: bold;
	color: #672a8d;
	line-height: 1.2;
	}

h1 { font-size: 30px; }
h2 { font-size: 30px; margin-bottom:20px; line-height: 0.8; }
h3 { font-size: 100%; }

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

a, ul li a { color: #672a8d; }
a:hover,
a:focus { color: #a5228d; }

p { margin: 0; }

.paars{
	color:#672a8d;
	}
.klein{
	font-size:85%;
	}
/** END EDITOR **/


/** BASIC STYLES **/

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

body {
	background-color: #672a8d;
	}

ul,
ul li {
	margin: 0px;
	padding: 0px;
	}
ul li {
	list-style: none;
	padding-left: 15px;
	background: url('/image/dot.gif') no-repeat 0px 6px;
	}

form legend {
	width: 300px;
	margin: 0;
	font-weight: bold;
	}
form p.requiredField {
	}
form p.missing {
	}
form *:focus {
	}
form p input,
form textarea {
	font-size: 100%;
	}
form fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	}
form p {
	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;
	}

button {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: none;
	cursor:pointer;cursor:hand;
	}

.fbForm legend {
	display: none;
	}
.fbForm label,
.fbForm label span.require {
	color: #672a8d;
	font-weight: bold;
	}


/** CLASSES **/

.readmore {
	overflow: hidden;
	padding-top: 1em;
	margin-right: -5px;
	}
.readmore a,
button .readmore span {
	float: right;
	width: 106px;
	padding-right: 45px;
	height: 33px;
	display: block;
	line-height: 28px;
	color: #672a8d;
	text-decoration: none;
	text-align: center;
	padding-left: 10px;
	background: url('/image/readmore.png') no-repeat right top;
	cursor:pointer;cursor:hand;
	}
.readmoreXL a,
button .readmoreXL span {
	width: 155px;
	text-indent: 10px;
	background-image: url('/image/readmore-xl.png');
	}
.readmoreXXL a,
button .readmoreXXL span {
	width: 170px;
	text-indent: 10px;
	background-image: url('/image/readmore-xxl.png');
	}
.FormSubmit .readmore a,
.FormSubmit button .readmore span{
	width:148px;
	}
.errorMessage {
	color: red;
	border: 1px solid red;
	background: pink;
	padding: .5em;
	display: block;
	}

ul.nav,
ul.nav ul,
ul.nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	}
ul.styled a {
	text-decoration: none;
	}

p.figure {
	float: left;
	margin-top: 7px;
	margin-right: 15px;
	}
p.figure img {
	display: block;
	border: 1px solid #672a8d;
	}

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

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

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

.width {
	width: 940px;
	margin: 0px auto;
	}
#container {
	}
#wrapper {
	padding-bottom: 30px;
	background: #ffffff;
	}


/** HEADER **/

#header {
	clear: both;
	height: 205px;
	padding-bottom: 8px;
	background: #ffffff;
	}
#header .width {
	position: relative;
	}
#header #slogan {
	font-size: 26px;
	color: #672a8d;
	position: absolute;
	top: 61px;
	right: 0px;
	}

#logo a {
	width: 229px;
	height: 160px;
	display: block;
	text-indent: -999em;
	text-decoration: none;
	background: url('/image/logo.png') no-repeat;
	}


/** NAVIGATION **/

#navigation {
	clear: both;
	overflow: hidden;
	}

#nav,
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav ul {
	background-color: skyblue;
	}
#nav a {
	width: 229px;
	height: 35px;
	line-height: 26px;
	color: #ffffff;
	font-size: 26px;
	display: block;
	margin-top: 10px;
	background: #672a8d url('/image/corner-tr.png') no-repeat right top;
	text-decoration: none;
	text-align: center;
	/*
	-moz-border-radius-topright: 13px;
	-webkit-border-radius-topright: 13px;
	border-radius-topright: 13px;
	*/
	}
#nav li.first a {
	text-indent: 30px;
	text-align: left;
	}
#nav a * {
	color: #ffffff;
	}
#nav a:hover {
	background-color: #a5228d;
	}
#nav .active a,
#nav .open a {
	margin-top: 0px;
	padding-top: 10px;
	background-color: #a5228d;
	}
#nav li {
	float: left;
	width: auto;
	padding-left: 8px;
	}
#nav li.first {
	padding-left: 0px;
	}
#nav li ul {
	position: absolute;
	width: 20em;
	left: -999em;
	}
#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;
	}


#hp #subnav {
	padding-bottom: 0px;
	}
#subnav {
	padding-top: 10px;
	padding-bottom: 10px;
	}
#subnav li,
#hp #subnav li.last {
	/*
	margin: 0px 30px;
	border-bottom: 1px solid #964588;
	border-bottom-color: rgba(255, 255, 255, 0.1);
	*/
	}
#subnav li.last {
	border-bottom: 0px;
	}

#subnav li.active a,
#subnav li.open a {
	background: #f4e9f2;
	border-top: 1px solid #3e323c;
	border-bottom: 1px solid #3e323c;
	}
#subnav li.open a:hover,
#subnav li.active a:hover {
	background: #f4e9f2;
	}

#subnav li a:hover,
#subnav li.open li a:hover,
#subnav li.active li a:hover {
	background: none;
	background: #672A8D;
	}

#subnav li.active li a,
#subnav li.open li a {
	border: 0px;
	}
#subnav li.open a span,
#subnav li.active a span {
	color: #412353;
	/*border-color: #fff; uit voor subsub nav*/
	}
#subnav li.active li a:hover,
#subnav li.open li a {
	color: #ffffff;
	background: none;
	}
#subnav li.open li a span,
#subnav li.active li a span {
	color: #ffffff;
	background-color: transperant;
	}

#subnav li.open li.active,
#subnav li.open li.active span {
	color: #1b1a1b;
	}

#subnav ul {
	display: none;
	}
#subnav li.active ul,
#subnav li.open ul {
	display: block;
	}
#subnav ul li {
	/* margin-left: 20px; */
	}


#subnav a {
	font-size: 12px;
	line-height: 1.4;
	display: block;
	padding: 0px 30px;
	}
#subnav ul a {
	padding-left: 50px;
	}
#subnav a span {
	}
#subnav a span,
#subnav li.active li a span,
#hp #subnav li.last a span {
	color: #ffffff;
	display: block;
	padding: 6px 0px;
	/*
	border-bottom: 1px solid #b14d9f;
	border-bottom-color: rgba(255, 255, 255, 0.1);
	*/
	/* new */
	padding-bottom: 7px;
	background-image: url('/image/subnav-border.png');
	background-repeat: repeat-x;
	background-position: left bottom;
	}
#subnav ul li.last a span{
	 /*
	 border-bottom:0px;
	 */
	 background-image: none;
	 }

/** CONTENT - DEFAULT **/

#wrapper {
	clear: both;
	overflow: hidden;
	background: #ffffff;
	}

#metaNav {
	height: 40px;
	}
#hp #metaNav .content {
	float: right;
	width: 375px;
	}
#metaNav .content {
	height: 40px;
	overflow: hidden;
	}
#metaNav p {
	float: left;
	width: 135px;
	padding-top: 5px;
	overflow: hidden;
	}
#metaNav #bread {
	width: 329px;
	height: 40px;
	line-height: 40px;
	font-size: 11px;
	text-indent: 20px;
	padding-top: 0px;
	background: url('/image/breadcrumb.png') repeat-y;
	}
#metaNav .styleswitch {
	float: left;
	height: 35px;
	text-indent: -999em;
	margin-right: 20px;
	background: url('/image/metaButtons.png') no-repeat -10px -5px;
	}

#metaNav #button-contrast {
	width: 38px;
	}
#metaNav #button-fontsize {
	width: 57px;
	background-position: -63px -5px;
	}

#metaNav #bread a {
	float: none;
	margin: 0px;
	}


#metaNav form {
	float: right;
	width: 221px;
	width: 231px;
	}
#metaNav input {
	width: 142px;
	height: 39px;
	border: 0px;
	font-size: 16px;	
	padding-left: 10px;
	background: url('/image/meta-input-cp.png') no-repeat;
	}
#hp #metaNav input {
	background: url('/image/meta-input.png') no-repeat 100% 0;
	}
#metaNav button,
#metaNav button p {
	width: 79px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
#metaNav button {
	margin-top: -1px;
	margin-left: -2px;
	}
#metaNav button p {
	line-height: 39px;
	font-size: 16px;
	color: #ffffff;
	background: #672a8d url('/image/meta-button.png') no-repeat;
	}

h1.pageTitle {
	margin-bottom: 20px;
	}


/** CONTENT - SPLASH **/

#splashMeta {
	margin-left: 820px;
	margin-top: -34px;
	position: absolute;
	z-index: 100;
	}
#splashMeta,
#splashMeta #metaNav {
	width: 140px;
	}

#splash1 {
	margin-left: 0;
	}
.splash {
	float: left;
	width: 229px;
	margin-left: 8px;
	}

.splash .figure {
	height: 288px;
	position: relative;
	background-repeat: no-repeat;
	}
.splash .figure .readmore {
	right: 10px;
	bottom: 6px;
	position: absolute;
	}
.splash .content {
	padding: 10px;
	}
.splash .content,
.splash .content * {
	color: #5f5f5f;
	}

#splashSlogan {
	clear: both;
	color: #672a8d;
	font-size: 20px;
	padding-top: 60px;
	text-align: center;
	}


/** CONTENT - HOMEPAGE **/

#visual,
#hp #subnavBox {
	height: 293px;
	}

#hp #subnav {
	height: 283px;
	}
#visual {
	overflow: hidden;
	position: relative;
	}
#visual #oneliner {
	top: 30px;
	left: 140px;
	width: 350px;
	font-size: 44px;
	line-height: 30px;
	position: absolute;
	display: none;
	}

#hp #metaNav {
	clear: both;
	}

#enquete,
#about {
	height: 280px;
	margin-bottom: 40px;
	}
#about h2 {
	margin-top: 30px;
	}

#hp #news h3, .newsItem h3{
	margin-bottom:10px;
	}
#news,
#events {
	height: 290px;
	}

#enquete,
#news {
	float: left;
	width: 520px;
	}
#news {
	width: 500px;
	padding-left: 20px;
	}

#newsArchive h1{
	margin-top:1em;
	margin-bottom:0.5em;
	}
#newsArchive ul li{
	background:none;
	padding-left:0;
	margin-bottom:1em;
}
#about,
#events {
	float: right;
	width: 375px;
	}

#enquete {
	position: relative;
	}
#enquete .content {
	height: 240px;
	padding: 20px;
	background: silver url('/image/enquete.jpg') no-repeat;
	}
#enquete .paging {
	width: 300px;
	/*margin-top: 35px;*/
	text-align: center;
	position: absolute;
	top:247px;
	left:114px;
	}
#enquete .paging a {
	display:inline-block;
	border:1px solid #672a8d;
	margin-right:10px;
	width:23px;
	height:23px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	}
#enquete .paging a.active{
	background:#672a8d;
	color:#fff;
	}
#enquete .step h2{
	font-size:30px;
	}
#enquete .content p.text{
	margin-right:125px;
	}
#enquete .step {
	background-position: 0px -280px;
	}
#enquete h2 {
	width: 375px;
	font-size: 38px;
	color: #ffffff;
	}
body.pg25 #enquete h2 {
	width:auto;
	}
#enquete form h2 {
	color: #672a8d;
	}
#enquete button,
#enquete .content .readmore {
	bottom: 33px;
	right: 30px;
	position: absolute;
	}

#enquete .tab h2{
	width:auto;
	}
#enquete .fbCheckbox input{
	width:auto;
	/*border:1px solid #672a8d;*/
	}
#enquete #tabFinish{
	display:none;
	}
#enquete #tabFinish .yes{
	display:none;
	}

/** TABS / ENQUETE **/
.tabs li.active a {
    font-weight: bold;
    }
.tab {
    display: none;
    }
.tabOpen {
    display: block;
    }


.event {
	margin-bottom: 10px;
	border-top: 1px solid #bec3bc;
	}
.event .date {
	float: left;
	width: 61px;
	z-index: 100;
	height: 46px;
	color: #ffffff;
	display: block;
	margin-right: 10px;
	text-align: center;
	position: relative;
	background: #bec3bc url('/image/date.png') no-repeat 0px -1px;
	}
.event .date span,
.event .date strong {
	display: block;
	line-height: 0.1;
	left: 0px;
	width: 61px;
	position: absolute;
	}
.event .date span {
	margin-top: 28px;
	font-weight: bold;
	}
.event .date strong {
	margin-top: -6px;
	font-size: 36px;
	}
.event a {
	display: block;
	font-weight: bold;
	}
.event strong.meta {
	color:#672a8d;
	}
.calendarItem .event{
	}
.calendarItem.optin h1{
	margin-top:1em;
	}

/** CONTENT - GENERATOR **/

#content,
#visual {
	float: right;
	width: 703px;
	margin-left: 8px;
	}
#content .pad {
	padding: 20px;
	padding-right: 0px;
	}

/*
#formulier1 .fbElement label{
	width:90px;
	}
#formulier1 .fbCheckbox label{
	width:auto;
	}
#formulier1 .fbTextfield input,
#formulier1 .fbTextarea textarea {
	width:563px;
	}
#formulier1 .fbTextarea textarea {
	width:575px;
	}
#formulier1 .fbForm .fbCheckbox input{
	margin-left:105px;
	}
.content-contact .parentOfText *{
	line-height:1.5;
	}

#formulier3 .fbTextfield label,
#formulier3 .fbTextarea label,
#formulier12 .fbTextfield label,
#formulier12 .fbTextarea label{
	width:115px;
	}
#formulier3 .fbTextfield input,
#formulier3 .fbTextarea textarea,
#formulier12 .fbTextfield input,
#formulier12 .fbTextarea textarea {
	width:538px;
	}
#formulier3 .fbForm .fbCheckbox input{
	margin-left:130px;
	}
#formulier3 .fbTextarea textarea {
	width:548px;
	}
	
#formulier9 .fbTextfield label,
#formulier9 .fbTextarea label{
	width:87px;
	}
#formulier9 .fbTextfield input,
#formulier9 .fbTextarea textarea {
	width:565px;
	}
*/

#sidebar,
#subnavBox {
	float: left;
	width: 229px;
	}
#sidebar #subnavBox {
	float: none;
	}
#subnavBox {
	background: #7c176a url('/image/subnav.png') repeat-x left top;
	}
#subnav {
	background-repeat: no-repeat;
	background-image: url('/image/corner-bl.png');
	background-position: left bottom;
	/*
	-moz-border-radius-bottomleft: 13px;
	-webkit-border-radius-bottomleft: 13px;
	border-radius-bottomleft: 13px;
	*/
	}
#subnav ul {
	background: url('/image/subsubnav.png') repeat-x left top;
	}

.banner {
	height: 170px;
	overflow: hidden;
	margin-top: 20px;
	position: relative;
	background: #eeeeee;
	}
#banner1 { background: url('/image/TEMP/banner1.jpg') no-repeat; }
#banner2 { background: url('/image/TEMP/banner2.jpg') no-repeat; }

.banner h3 {
	margin-top: 10px;
	margin-left: 100px;
	color: #000000;
	font-size: 26px;
	line-height: 0.8em;
	}
.banner .readmore {
	right: 0px;
	bottom: -5px;
	position: absolute;
	}


.newsItem,
.calendarItem  {
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 22px;
	border-bottom: 1px solid #b394c6;
	}
.newsItem .readmore,
.calendarItem .readmore {
	background: #ffffff;
	}
.newsItem .readmore a,
.calendarItem .readmore a {
	right: 0px;
	bottom: -20px;
	position: absolute;
	background-color: #ffffff;
	}

.clientItem {
	position: relative;
	margin-bottom: 20px;
	}
.clientItem .readmore a {
	bottom: -18px;
	}


/** FAQ **/
#faq-qs {
	}
.faq {
	}
.open-faq {
	}
.faq .q {
	cursor: pointer;
	background: url('/image/dot.gif') no-repeat left center;
	padding-left:20px;
	}
.open-faq .q {
	color:#672a8d;
	}
.faq .awnser {
	margin-left:20px;
	margin-bottom:20px;
	padding: 20px 25px 30px 25px;
	border:1px solid #d1bfdd;
	display: none;
	}
.open-faq .awnser {
	display: block;
	}


/** FOOTER **/

#footer {
	clear: both;
	padding-top: 40px;
	padding-bottom: 30px;
	overflow: hidden;
	background: url('/image/footer.png') repeat-x left top;
	}
#footer p,
#footer a {
	color: #ffffff;
	font-size: 11px;
	}
#footer img {
	vertical-align: bottom;
	}
#footer p {
	width: 300px;
	}
#footer p.left {
	float: left;
	}
#footer p.right {
	float: right;
	text-align: right;
	}
#footer a {
	text-decoration: none;
	}


/** FORM BUILDER **/

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;
	}
form .FormSubmit button {
	margin-left: 480px;
	}

#formulier12 .fbCheckbox label { width: 500px; }

#block49 #enquete .content {
	background-image: url("/image/enquete_organisatie.jpg");
}

#block49 #enquete h2 {
	margin-bottom: 0;
}

#block49 #enquete .content { padding-top: 10px; padding-bottom: 30px; }