@charset "utf-8";

/*** CSS voor Wensstichting SHAMAJO ***/

* {
	padding					: 0;
	margin					: 0;
}

body {
	background				: transparent url(../images/bg.jpg) fixed bottom repeat-x;
}

#wrapper {
	width					: 980px;
	margin					: 0px auto;
	font-family				: "trebuchet ms",arial,helvetica,sans-serif;
	background				: #ffffff;
	color					: #25177a;
	line-height				: 1.3em;
}

@font-face {
     font-family		: MontaukPro;
     src				: url('../fonts/montaukpro-reg-webfont.eot');
     src				: local('MontaukPro-Bol'),
                          url('../fonts/montaukpro-reg-webfont.ttf'),
                          url('../fonts/montaukpro-reg-webfont.woff'),
                          url('../fonts/montaukpro-reg-webfont.svg'),
                          url(data:font/otf;base64);
}

/*** H1, H2, H3 & AFWIJKENDE FONTS ***/

h1 {
	clear					: both;
	padding					: 0 0 2px 0;
	border-bottom			: 7px solid #beb9d7;
	color					: #25177a;
	line-height				: 1.2em;
}

h2,
h2 a.naam {
	clear					: both;
	margin					: 8px 0;
	color					: #910d84;
	text-decoration			: none;
	font-weight				: bold;
	line-height				: 1.2em;
}

h3 {
	margin					: 8px 0;
}

.alinea {
	margin					: 10px 0;
}

.speciaal {
	padding					: 10px;
	color					: #25177a;
	border					: 1px dashed #910d84;
}

.agenda {
	padding					: 10px;
	background				: #e9e7f2;
	color					: #25177a;
	border					: 1px solid #25177a;
}

.agenda img {
	float					: right;
	clear					: right;
	margin					: 0 0 10px 10px;
	padding					: 1px;
	border					: 2px solid #910d84;
}

.introductie {
	font-weight				: bold;
}

.download {
	padding					: 10px;
	background				: #e9e7f2;
	color					: #25177a;
	border					: 1px solid #910d84;
}

.download img {
	float					: left;
	clear					: left;
	margin					: 5px 15px 5px 0;
	padding					: 2px;
	border					: none;
}

.publicatie {
	padding					: 10px;
	background				: #e9e7f2;
	color					: #25177a;
	border					: 1px solid #910d84;
}

.publicatie img {
	float					: left;
	clear					: left;
	margin					: 5px 15px 5px 0;
	padding					: 1px;
	border					: 2px solid #910d84;
}

p {
	margin					: 0 0 10px 0;
}

p.center {
	margin					: 0 0 3px 0;
	text-align				: center;
}

div.recensie {
	float					: right;
	width					: 228px;
	margin					: 10px 0 10px 10px;
	padding					: 10px 5px 10px 30px;
	font-size				: 32px;
	line-height				: 35px;
	font-family				: "Montaukpro", Palatino, serif;
	color					: #ffffff;
	background				: #910d84 url(../images/quote.gif) no-repeat 5px 5px;
}

span.underline {
	text-decoration			: underline;
}

/*** LINKS ***/

a {
	color					: #25177a;
	font-weight				: normal;
	text-decoration			: underline;
}

a:visited {
	color					: #7c74af;
	text-decoration			: underline;
}

a:hover {
	color					: #910d84;
	text-decoration			: none;
}

a[rel~=external] {
	padding-right			: 16px;
	background				: transparent url(../images/external.gif) center right no-repeat scroll;
}

a[rel~=external]:visited {
	background				: transparent url(../images/externalvisited.gif) center right no-repeat scroll;
}

a[rel~=external]:hover {
	background				: transparent url(../images/externalhover.gif) center right no-repeat scroll;
}

.breadcrumb a {
	color					: #910d84;
	font-weight				: normal;
	text-decoration			: underline;
}

.breadcrumb a:visited {
	color					: #910d84;
	text-decoration			: underline;
}

.breadcrumb a:hover {
	color					: #25177a;
	text-decoration			: none;
}

.breadcrumb a:active {
	color					: #910d84;
	font-weight				: bold;
}

a[rel~=terug] {
	padding-left			: 25px;
	background				: transparent url(../images/pijlterug.gif) center left no-repeat scroll;
}

a[rel~=terug]:visited {
	background				: transparent url(../images/pijlterugvisited.gif) center left no-repeat scroll;
}

a[rel~=terug]:hover {
	background				: transparent url(../images/pijlterughover.gif) center left no-repeat scroll;
}

a[rel~=top] {
	padding-left			: 20px;
	background				: transparent url(../images/pijltop.gif) center left no-repeat scroll;
}

a[rel~=top]:visited {
	background				: transparent url(../images/pijltopvisited.gif) center left no-repeat scroll;
}

a[rel~=top]:hover {
	background				: transparent url(../images/pijltophover.gif) center left no-repeat scroll;
}

a[rel~=vorige] {
	padding-left			: 20px;
	background				: transparent url(../images/pijlvorige.gif) center left no-repeat scroll;
}

a[rel~=vorige]:visited {
	background				: transparent url(../images/pijlvorigevisited.gif) center left no-repeat scroll;
}

a[rel~=vorige]:hover {
	background				: transparent url(../images/pijlvorigehover.gif) center left no-repeat scroll;
}

a[rel~=volgende] {
	padding-right			: 20px;
	background				: transparent url(../images/pijlvolgende.gif) center right no-repeat scroll;
}

a[rel~=volgende]:visited {
	background				: transparent url(../images/pijlvolgendevisited.gif) center right no-repeat scroll;
}

a[rel~=volgende]:hover {
	background				: transparent url(../images/pijlvolgendehover.gif) center right no-repeat scroll;
}

/*** IMAGES ***/

img {
	border					: none;
}

.imgright {
	float					: right;
	clear					: right;
	margin					: 5px 0 5px 15px;
	padding					: 2px;
	border					: 3px solid #910d84;
}

.imgleft {
	float					: left;
	clear					: left;
	margin					: 5px 15px 5px 0;
	padding					: 2px;
	border					: 3px solid #910d84;
}

.imgcenter {
	display					: block;
	clear					: both;
	margin					: 5px auto;
	padding					: 2px;
	border					: 3px solid #910d84;
}

div.alinea.aanbod.favoriet img {
	margin					: 0 10px 10px 0;
}

div.alinea.gastenboek iframe {
	margin					: 0 0 0 -10px;
	padding					: 0;
	height					: 620px;
	width					: 530px;
	overflow				: auto;
}

/*** HEADER ***/

.header {
	float					: left;
	clear					: both;
	width					: 980px;
	height					: 200px;
	margin					: 0;
	padding					: 0;
}

.header .skip {
	position				: absolute;
	z-index					: 2;
	margin-left				: -9999px !important/*Non-IE6*/;
	margin-left				: -9999px /*IE6*/;
}

.header .sfeer {
	width					: 980px;
	height					: 200px;
	overflow				: visible !important /*Firefox*/;
	overflow				: hidden /*IE6*/;
}

div.logo {
	float					: left;
}

div.slideshow {
	float					: right;
	position				: relative;
	height					: 200px;
	width					: 758px;
}

div.slideshow img {
	top						: 0;
	left					: 0;
	position				: absolute;
}

/*** MAINNAV ***/

.mainNav {
	float					: left;
	clear					: both;
	width					: 980px;
	margin					: 2px 0 0 0;
	padding					: 0;
	overflow				: visible !important /*Firefox*/;
	overflow				: hidden /*IE6*/;
	background				: #25177a;
}

.mainNav .menuHorizontaal ul {
	padding					: 0;
	margin					: 0;
	position				: relative;
	list-style				: none;
}
.mainNav .menuHorizontaal ul li {
	float					: left;
}
.mainNav .menuHorizontaal ul li a {
	display					: block;
	height					: auto;
	padding					: 8px 0;
	width					: 162px;
	color					: #ffffff;
	text-decoration			: none;
	text-align				: center;
	/*font-size				: 90%;*/
	font-weight				: bold;
	border-right			: 1px solid #938bbc;
}
.mainNav .menuHorizontaal ul li a + a {
	border-left				: none;
	width					: 164px;
}
.mainNav .menuHorizontaal ul li a {
	background				: #25177a;
}
.mainNav .menuHorizontaal ul li a:hover,
.mainNav .menuHorizontaal ul li.active a {
	color					: #ffe000;
}
.mainNav .menuHorizontaal ul li:hover {
	position				: relative;
}
.mainNav .menuHorizontaal ul li:hover a,
.mainNav .menuHorizontaal ul li:hover a {
	background				: #25177a;
}
.mainNav .menuHorizontaal ul li.active a,
.mainNav .menuHorizontaal ul li a:hover {
	background				:#25177a;
}
.mainNav .menuHorizontaal ul li:hover ul {
	left					: 0;
	top						: auto;
	width					: 156px;
	background				: #524595;
}
.mainNav .menuHorizontaal ul li ul,
.mainNav .menuHorizontaal ul :hover ul {
	position				: absolute;
	left					: -9999px;
	top						: -9999px;
	width					: 0;
	height					: 0;
	margin					: 0;
	padding					: 0;
	list-style				: none;
}
.mainNav .menuHorizontaal ul :hover li {
	margin					: 0;
}
.mainNav .menuHorizontaal ul :hover ul li a {
	padding					: 8px 5px;
	width					: 152px;
	background				: #524595;
	color					: #ffffff;
	font-size				: 90%;
	border-right			: 1px solid #938bbc;
	border-top				: 1px solid #938bbc;
	border-left				: 1px solid #938bbc;
}
.mainNav .menuHorizontaal ul :hover ul :hover {
	background				: #524595;
	color					: #ffe000;
}
.mainNav .menuHorizontaal ul :hover ul li.active a {
	background				: #524595;
	color					: #ffe000;
}
.mainNav .menuHorizontaal ul :hover ul :hover ul li a {
	padding					: 0;
	width					: 100px;
	text-indent				: 10px;
	background				: #910d84;
}
.mainNav .menuHorizontaal ul :hover ul :hover ul :hover {
	background-color		: #910d84;
}

/*** MAINTOP ***/

.mainTop {
	width					: 980px;
	height					: 25px;
	clear					: both;
	margin					: 0;
	padding					: 0 0 10px 0;
}

.mainTop .breadcrumb {
	display					: inline /*Fix IE floating margin bug*/;
	float					: left;
	width					: 750px;
	margin-top				: 8px;
	text-indent				: 5px;
	font-size				: 80%;
	overflow				: visible !important /*Firefox*/;
	overflow				: hidden /*IE6*/;
}

.mainTop .iconen {
	display					: inline /*Fix IE floating margin bug*/;
	float					: right;
	width					: 199px;
	margin					: 0;
	overflow				: visible !important /*Firefox*/;
	overflow				: hidden /*IE6*/;
}

.mainTop a.icon {
	float					: right;
	display					: inline;
	margin-top				: 6px;
}

.mainTop a.icon,
.mainTop a.icon:link,
.mainTop a.icon:visited {
	background-position		: 0 -40px;
}

.mainTop a.icon:hover {
	background-position		: 0 -20px;
}

.mainTop .icon {
	background-repeat		: no-repeat;
	height					: 22px;
	width					: 22px;
}

.standaard		{ background-image: url(../images/icons/standaard.gif); margin:2px 1px; }
.groter			{ background-image: url(../images/icons/groter.gif); margin:2px 1px; }
.grootst		{ background-image: url(../images/icons/grootst.gif); margin:2px 1px; }
.home_16		{ background-image: url(../images/icons/home_16.gif); margin:2px 1px; }
.mail_16		{ background-image: url(../images/icons/mail_16.gif); margin:2px 1px; }
.print_16		{ background-image: url(../images/icons/print_16.gif); margin:2px 1px; }
.rss_16			{ background-image: url(../images/icons/rss_16.gif); margin:2px 1px; }
.sitemap_16		{ background-image: url(../images/icons/sitemap_16.gif); margin:2px 1px; }
.document_16	{ background-image: url(../images/icons/document_16.gif); margin:2px 1px; }
.video_16		{ background-image: url(../images/icons/video_16.gif); margin:2px 1px; }

/*** MAIN ***/

.main {
	width					: 980px;
	clear					: both;
	margin					: 0;
	padding-bottom			: 10px;
	background				: transparent url(../images/bg_main.gif) top left repeat-y;
	border-top				: 1px solid #25177a;
	border-bottom			: 1px solid #25177a;
}

/*** aanbodNav (linker kolom) ***/

.main .aanbodNav {
	display					: inline /*Fix IE floating margin bug*/;
	float					: left;
	width					: 220px;
	overflow				: visible !important /*Firefox*/;
	overflow				: hidden /*IE6*/;
}

ul.menuVerticaal {
	margin					: 0;
	padding					: 0;
	background				: transparent;
}

ul.menuVerticaal li.first {
	margin					: 0 0 0 2px;
	padding					: 0;
	background				: #25177a;
	border-top				: none;
	list-style				: none;
}




ul.menuVerticaal li {
	margin					: 2px 0 0 2px;
	padding					: 0;
	width					: 217px;
	background				: #25177a;
	border-top				: 1px solid #938bbc;
	list-style				: none;
}


ul.menuVerticaal li ul li {
	width					: 217px;
	margin					: 0;
}


ul.menuVerticaal li ul li ul li {
	width					: 217px;
	margin					: 0;
}


.gadgets ul.menuVerticaal li,
.gadgets ul.menuVerticaal li ul li,
.gadgets ul.menuVerticaal li ul li ul li {
	width:199px;
}



ul.menuVerticaal li.active ul {
	display					: block;
}

ul.menuVerticaal li.active ul li a,
ul.menuVerticaal li.active ul li.active a {
	background				: #524595;
	border-top				: 1px solid #665ca1;
}

ul.menuVerticaal li.active ul li.active ul li a,
ul.menuVerticaal li.active ul li.active ul li.active a {
	background				: #7c74af;
	border-top				: 1px solid #938bbc;
}

ul.menuVerticaal li a {
	display					: block;
	margin-left				: 1px;
	padding					: 10px 5px 10px 10px;
	color					: #ffffff;
	text-decoration			: none;
	font-weight				: bold;
}

ul.menuVerticaal li ul li a {
	padding					: 2px 5px 2px 25px;
}

ul.menuVerticaal li ul li ul li a {
	padding					: 2px 5px 2px 40px;
}

ul.menuVerticaal li a:hover, 
ul.menuVerticaal li.active a, 
ul.menuVerticaal li.active a:hover {
	color					: #ffe000;
}

ul.menuVerticaal li.active ul li.active a,
ul.menuVerticaal li.active ul li a:hover {
	background				: #524595 url(../images/bullet.gif) 10px no-repeat scroll;
	color					: #ffe000;
}

ul.menuVerticaal li.active ul li.active ul li.active a,
ul.menuVerticaal li.active ul li ul li a:hover {
	background				: #7c74af url(../images/arrow.gif) 25px no-repeat scroll;
	color					: #ffe000;
}

ul.menuVerticaal li.active li a {
	background-image		: none;
	color					: #ffffff;
}

ul.menuVerticaal li.active li.active li a {
	background-image		: none;
	color					: #ffffff;
}

.main .aanbodNav #randomImage {
	margin					: 2px 0 0 2px;
	padding					: 0;
	width					: 217px;
	height					: 163px;
}

.main .aanbodNav ul.buttons {
	float					: left;
	clear					: both;
	margin					: 0;
	padding					: 0;
	width					: 217px;
	list-style				: none;
}

.main .aanbodNav ul.buttons li {
	margin					: 2px 0 0 2px;
	padding					: 0;
	list-style				: none;
	width					: 217px;
}

.main .aanbodNav ul.buttons li a {
	margin					: 2px 0;
	padding					: 10px 0;
	display					: block;
	background				: #910d84;
	color					: #ffffff;
	font-size				: 120%;
	font-weight				: bold;
	text-align				: center;
	text-decoration			: none;
}

.main .aanbodNav ul.buttons li a:hover {
	background				: #25177a;
}

/*** mainContent (midden kolom) ***/

.main .mainContent {
	display					: inline; /*Fix IE floating margin bug*/;
	float					: left;
	width					: 518px;
	margin					: 0;
	padding					: 5px 20px 10px 20px;
	overflow				: visible !important /*Firefox*/;
	overflow				: hidden /*IE6*/;
	font-size				: 90%;
}

.main .mainContent ul {
	margin					: 0 0 10px 0;
}

.main .mainContent ul li {
	margin					: 0 0 0 20px;
}

/*** laatsteNieuws, nieuwsItem ***/

.main .mainContent .laatsteNieuws ul {
	margin					: 0;
	padding					: 0;
}

.main .mainContent .laatsteNieuws li.nieuwsItem {
	float					: left;
	width					: 508px;
	margin					: 0 0 10px 0;
	padding					: 10px;
	background				: #e9e7f2;
	color					: #25177a;
	font-size				: 100%;
	list-style				: none;
	border					: 1px solid #25177a;
}

.main .mainContent .laatsteNieuws li.nieuwsItem h2 {
	clear					: both;
	margin					: 3px 0;
	color					: #25177a;
	font-size				: 110%;
}

.main .mainContent .laatsteNieuws li.nieuwsItem h2 a {
	font-weight				: bold;
}

.main .mainContent .laatsteNieuws li.nieuwsItem img {
	float					: right;
	margin					: 0 0 10px 10px;
	padding					: 1px;
	border					: 2px solid #910d84;
}

.main .mainContent .laatsteNieuws li.nieuwsItem span.datum {
	font-style				: italic;
}

/*** nieuwsAanbod ***/

.main .mainContent .nieuwsAanbod .links {
	float					: left;
	margin					: 0 0 10px 0;
}

.main .mainContent .nieuwsAanbod .rechts {
	float					: right;
	margin					: 0 0 10px 0;
}

.main .mainContent .nieuwsAanbod .publicatiedatum {
	margin					: 0 0 10px 0;
	font-style				: italic;
}

.main .mainContent .nieuwsAanbod .inleiding {
	margin					: 0 0 10px 0;
	font-weight				: bold;
}

.main .mainContent .nieuwsAanbod .bericht {
	font-weight				: normal;
}

/*** submitForm (alle formulieren) ***/

#submitForm {
	margin					: 0;
	padding					: 0;
}

#submitForm fieldset {
	margin					: 0 0 10px 0;
	padding					: 0 10px 10px 10px;
	border					: 1px solid #938bbc;
}

#submitForm fieldset legend{
	color					: #25177a;
	font-size				: 140%;
	padding-bottom			: 10px;
}

#submitForm fieldset div {
	clear					: both;
}

#submitForm fieldset div p {
	clear					: both;
}

#submitForm label {
	display					: block;
	text-align				: left;
	margin-bottom			: 0.4em;
}

#submitForm input {
	display					: block;
	width					: 400px;
}

#submitForm input.inline {
	float					: right;
	margin-right			: 90px;
	margin-top				: -1.5em;
	display					: inline;
	width					: 230px;
}

#submitForm input.input100 {
	width					: 100px;
}

#submitForm input.button {
	width					: auto;
	padding					: 0 10px;
}

#submitForm select {
	display					: block;
}

#submitForm select.inline {
	display					: inline;
}

#submitForm fieldset.radio,
#submitForm fieldset.checkbox {
	margin					: 2px 0;
	padding					: 0;
	border					: none;
}

#submitForm fieldset.radio legend,
#submitForm fieldset.checkbox legend {
	width					: auto;
	text-align				: left;
	font-size				: 100%;
	margin-bottom			: -0.4em;
}

#submitForm fieldset.radio input,
#submitForm fieldset.checkbox input {
	clear					: both;
	float					: left;
	margin					: 3px 10px 0 0;
	width					: auto;
}

#submitForm fieldset.radio label,
#submitForm fieldset.checkbox label {
	text-align				: left;
	margin-bottom			: 0.2em;
}

#submitForm fieldset textarea {
	margin-bottom			: 0.2em;
	width					: 400px;
}

#submitForm p.info {
	margin					: 5px 0;
	padding					: 5px 5px 5px 30px;
	color					: #25177a;
	background				: #f4f3f8 url(../images/icons/info.jpg) no-repeat 5px 5px;
	border					: 1px solid #910d84;
}

#submitForm span.required {
	font-weight				: bold;
}

/*** foto album ***/

div.alinea div.fotoalbum {
}

div.alinea div.fotoalbum div.afbeeldingGroot {
	width					: 500px;
	vertical-align			: middle;
	height					: 375px;
	text-align				: center;
	margin					: 10px 0 10px 0;
	padding					: 2px;
	border					: 1px solid #910d84;
}

div.alinea div.fotoalbum div.images {
	height					: 100px;
	text-align				: left;
	margin					: 0;
}

div.alinea div.fotoalbum div.images a.selectImg {
	background				: #ffffff;
	padding					: 1px;
	border					: 1px solid #910d84;
	margin					: 1px;
}

div.alinea div.fotoalbum div.images a.selectImg img {
}

div.alinea div.fotoalbum div.images a.selectImg img:hover {
	cursor					: pointer;
}

div.alinea div.fotoalbum div.navigatie {
	text-align				: center;
	margin					: 5px 0;
}

div.alinea div.fotoalbum div.navigatie a.imageContainerController {
	margin					: 0 10px;
	cursor					: pointer;	
}

.imageContainer.horizontal {
	width					: 505px;
	height					: 96px;
	position				: relative;
	overflow				: hidden;
}

.imageContainer.horizontal .imageContainerSlider {
	overflow				: hidden;
	position				: relative;
	height					: 100px;
	left					: 0;
}

.imageContainer.horizontal .selectImg {
	height					: 90px;
	width					: 120px;
	display					: block;
	float					: left;
	text-align				: center;
}

/*** sitemap tabel ***/

.sitemapAlinea span.spacer {
	display					: block;
	float					: left;
	height					: 16px;
	width					: 16px;
}

.sitemapAlinea a.active {
	color					: #25177a;
	font-weight				: bold;
}

table {
	margin					: 10px auto;
	width					: 100%;
	border					: 2px solid #ffffff;
	border-collapse			: collapse;
}

table a {
	color					: #25177a;
	text-decoration			: underline;
}

table a:visited {
	color					: #7c74af;
	text-decoration			: underline;
}

table a:hover {
	color					: #910d84;
	text-decoration			: none;
}

td,th {
	border					: 2px solid #ffffff;
	border-collapse			: collapse;
	padding					: 5px;
}	

.pagina {
	width					: 50%;
}

.datum {
	width					: 50%;
}

caption {
	color					: #910d84;
	font-size				: 160%;
	border					: 1px solid #ffffff;
	border-bottom			: none;
	padding					: 8px;
}

thead th {
	background				: #d4d1e4;
	font-size				: 120%;
}

tbody td {
	background				: #e9e7f2;
	font-size				: 100%;
}

/*** gadgets (rechter kolom) ***/

.main .gadgets {
	display					: inline /*Fix IE floating margin bug*/;
	float					: left;
	width					: 199px;
	margin					: 0;
	overflow				: visible !important /*Firefox*/;
	overflow				: hidden /*IE6*/;
}

.main .gadgets .buttons {
	margin					: 2px 0 0 1px;
	padding					: 0;
	width					: 198px;
	list-style				: none;
}

.main .gadgets .buttons a {
	margin					: 0;
	padding					: 10px 0;
	display					: block;
	background				: #910d84;
	color					: #ffffff;
	font-size				: 120%;
	font-weight				: bold;
	text-align				: center;
	text-decoration			: none;
}

.main .gadgets .buttons a:hover {
	background				: #25177a;
}

.main .gadgets .nieuws {
	width					: 196px;
	margin					: 2px 0 0 1px;
	padding					: 0 0 3px 0;
/*	border					: solid 1px #25177a;*/
	border					: solid 1px #910d84;
	background				: #e9e7f2;
}

.main .gadgets .nieuws p.titel {
	width					: 187px;
	clear					: both;
	margin					: 0;
	padding					: 8px 5px;
/*	background-color		: #25177a;*/
	background-color		: #910d84;
	color					: #ffffff;
	font-weight				: bold;
	font-size				: 100%;
}

.main .gadgets .nieuws ul {
	margin					: 0;
	padding					: 0;
	list-style				: none;
}

.main .gadgets .nieuws ul li {
	margin					: 0;
	padding					: 5px;
/*	border-top				: 1px solid #25177a;*/
	border-top				: 1px solid #910d84;
}

.main .gadgets .nieuws ul li span.date {
	font-size				: 90%;
	font-style				: italic;
}

.main .gadgets .nieuws ul li a {
	color					: #25177a;
	font-size				: 100%;
	text-decoration			: underline;
}

.main .gadgets .nieuws ul li a:hover {
	text-decoration			: none;
	color					: #910d84;
}

.main .gadgets .aanmeldenNieuwsbrief,
.main .gadgets .inloggen,
.main .gadgets .zoeken {
	width					: 196px;
	margin					: 2px 0 0 1px;
	padding					: 0;
/*	border					: solid 1px #25177a;*/
	border					: solid 1px #910d84;
	background				: #e9e7f2;
}

.main .gadgets .aanmeldenNieuwsbrief p.titel,
.main .gadgets .inloggen p.titel,
.main .gadgets .zoeken p.titel {
	width					: 187px;
	clear					: both;
	margin					: 0;
	padding					: 8px 5px;
/*	background-color		: #25177a;*/
	background-color		: #910d84;
	color					: #ffffff;
	font-weight				: bold;
	font-size				: 100%;
}

.main .gadgets .aanmeldenNieuwsbrief .form,
.main .gadgets .inloggen .form,
.main .gadgets .zoeken .form {
	clear					: both;
	margin					: 0;
	padding					: 3px 5px 3px 5px;
	color					: #25177a;
	font-size				: 90%;
}

.main .gadgets .aanmeldenNieuwsbrief p,
.main .gadgets .inloggen p,
.main .gadgets .zoeken p {
	margin					: 3px 0;
}

/*** NAAR BOVEN ***/

.naarBoven {
	clear					: both;
	width					: 960px;
	height					: 25px;
	margin					: 0;
	padding					: 10px 10px 0 10px;
	font-size				: 90%;
	overflow				: visible !important /*Firefox*/;
	overflow				: hidden /*IE6*/;
}

.naarBoven .links {
	float					: left;
}

.naarBoven .rechts {
	float					: right;
}

/*** SNELMENU ***/

.snelmenu {
	margin					: 0;
	padding					: 0;
	clear					: both;
	width					: 980px;
	text-align				: center;
	overflow				: visible !important /*Firefox*/;
	overflow				: hidden /*IE6*/;
}

.snelmenu .blok {
	float					: left;
	clear					: right;
	margin					: 0 2px 2px 3px;
	padding					: 10px;
	height					: 260px;
	width					: 220px;
	background				: url(../images/bg_blok.gif) left top no-repeat;
}

.snelmenu .bloklast {
	float					: left;
	clear					: right;
	margin					: 0 0 2px 2px;
	padding					: 10px;
	height					: 260px;
	width					: 220px;
	background				: url(../images/bg_blok.gif) left top no-repeat;
}

.snelmenu .blok p,
.snelmenu .bloklast p {
	margin-top				: 50px;
	color					: #ffe000;
	font-size				: 120%;
	font-weight				: bold;
}

.snelmenu ul {
	list-style				: none;
}

.snelmenu .blok a,
.snelmenu .bloklast a {
	display					: block;
	line-height				: 150%;
	color					: #ffffff;
	font-size				: 90%;
	font-weight				: bold;
}

.snelmenu .blok a:hover,
.snelmenu .bloklast a:hover {
	color					: #ffe000;
}

/*** FOOTER ***/

.footer {
	clear					: both;
	width					: 960px;
	margin					: 0;
	padding					: 10px 10px 0 10px;
	background				: #ffe000;
	font-size				: 90%;
	overflow				: visible !important /*Firefox*/;
	overflow				: hidden /*IE6*/;
}

.footer .links {
	float					: left;
}

.footer .rechts {
	float					: right;
	text-align				: right;
	color					: #910d84;
	font-size				: 90%;
}

.footer .rechts a {
	color					: #910d84;
}

.footer ul {
	margin					: 0;
	padding					: 0;
}

.footer ul li {
	margin					: 0;
	display					: inline;
	list-style				: none;
}

/***  CLEAR FLOATS  ***/

.wrapper:after, .header:after, .main:after, .aanbodNav:after, .mainContent:after, .mainContent div:after, .gadgets:after, .nieuws:after, .footer:after {
	content					: ".";
	display					: block;
	height					: 0;
	clear					: both;
	visibility				: hidden;
}

/*** FORMULIERVALIDATIE ***/

/* indien een veld verkeerd is ingevuld geven we het totale veld een groene achtergrond */

.JS_checkInput {
	background				: #bae55f;
}

/* standaard tonen we de uitleg over de invoer van het veld niet */

span.errorMessage,
span.errorMessageForm {
	display					: none;
}

/* als de gebruiker het veld verkeerd heeft ingevuld willen we graag vertellen wat ze fout doen */

form.JS_formValidatedFalse span.errorMessageForm,
.JS_checkInput span.errorMessage {
	display					: inline;
	background				: #bae55f;
	color					: #25177a;
	font-weight				: bold;
}