body					{ background-image:url(../img/background.jpg); background-position:top center; background-repeat:no-repeat; background-color:#ebebeb;
						  font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height: 16px; font-weight: normal; color: #000000;}
body p					{ margin-top:0px; padding-top:0px;}
h1						{ color:#54206C; font-size:1.8em; text-decoration:none; font-weight:normal; line-height: 28px;}
h2						{ color:#54206C; font-weight: bold; line-height: 18px; font-size:1.2em; margin-bottom:2px;}
h3						{ font-weight: bold; font-size:1em; margin: 0px; margin-bottom:2px; line-height:1em; padding:0px;}
.con					{ background-color:Transparent; }
.inhoud					{ background-image:url(../img/centerbackground_website.gif); background-position: top center; background-repeat:repeat-y; background-color:Transparent;}
.bottom					{ background-image:url(../img/bottom.gif); background-repeat:no-repeat; background-position: bottom center; background-color:Transparent;}


/** tabbladen en rss **/
.tabs a						{ background-repeat:no-repeat;}
.tabs a.websitetab			{ background-image:url(../img/tab_website_active.jpg);}
.tabs a.websitetab:hover	{ background-image:url(../img/tab_website_inactive.jpg); }
.tabs a.cliententab			{ background-image:url(../img/tab_clienten_active.jpg);}
.tabs a.cliententab:hover	{ background-image:url(../img/tab_clienten_inactive.jpg);}
.tabs a.intranettab			{ background-image:url(../img/tab_insite_active.jpg); }
.tabs a.intranettab:hover	{ background-image:url(../img/tab_insite_inactive.jpg); }
.rss						{ background-image:url(../img/rss_inactive.jpg); background-repeat:no-repeat; background-position:right center;
								color:#FFFFFF; text-decoration:none; vertical-align:middle; font-size:12px;  }
.rss:hover					{ background-image:url(../img/rss_active.jpg); text-decoration:underline;}
/** Header **/
.header									{ background-image:url(../img/header_website.jpg); background-color:Transparent; background-repeat: no-repeat; background-position:center top; }
.header a								{ font-size: 11px; vertical-align:middle; background-repeat:no-repeat; background-position:right center; color:#000000; text-decoration:none;}
.header a:hover							{ text-decoration:underline;}
.featuresensearch a.groteretekst		{ background-image:url(../img/btn_tekstgroter.gif);}
.featuresensearch a.groteretekst:hover	{ background-image:url(../img/btn_tekstgroter_active.gif);}
.featuresensearch a.voorlezen			{ background-image:url(../img/btn_voorlezen.gif);}
.featuresensearch a.voorlezen:hover		{ background-image:url(../img/btn_voorlezen_active.gif);}
.featuresensearch a.printen				{ background-image:url(../img/btn_print.gif);}
.featuresensearch a.printen:hover		{ background-image:url(../img/btn_print_active.gif);}
.featuresensearch a.zoeken				{ background-image:url(../img/btn_zoek.gif);}
.featuresensearch a.zoeken:hover		{ background-image:url(../img/btn_zoek_active.gif);}

/** Nieuwsoverzichtpagina **/
.nieuwsOverzichtItem			{ width:100%; }
.nieuwsOverzichtItem a			{ color:#707173; text-decoration:none; float:right;}
.nieuwsOverzichtItem a:hover	{ color:#5F227B;}

/** Top menu **/
.topMenu										{ text-align:right; color:#707173; font-size:0.9em;}
.topMenu a									{ color:#3F1766; text-decoration:none; }
.topMenu a:hover						{ color: #FFFFFF; background-color:#3F1766; }
.topMenu a.activeHoofdmenu	{ color: #FFFFFF; background-color:#3F1766; }

/** Linker menu **/
a.linkHoofdmenu	 				{ text-decoration:none; color:#fff; font-weight: normal; }
a.linkHoofdmenu:hover		{ text-decoration:underline; color: #fff; }
a.linkHoofdmenu:visited	{ text-decoration:none; color: #fff}
div.nieuwsTicker				{ font-size:0.8em; line-height:1em; background-image:url(../img/nieuwsticker_vlak.gif); background-repeat:no-repeat; position:relative;}
div.nieuwsTicker h1			{ font-weight:bold; font-size:1.1em; line-height:1.1em; margin-bottom:5px; }
div.nieuwsTicker .newsTickerContent { height:104px;overflow:hidden; }
div.nieuwsTicker .newsTickerLink { height:23px; padding-top:3px;line-height:23px;vertical-align:middle;overflow:hidden; }
div.nieuwsTicker .niewsoverzichtLink	{ display:block; height:25px; width:140px; position:absolute; top:5px; }
a.vacaturelink					{ background-image:url(../img/btn_vacatures_inactive.gif); background-repeat:no-repeat; background-position:left top;}
a.vacaturelink:hover		{ background-image:url(../img/btn_vacatures_active.gif); background-repeat:no-repeat; background-position:left top;}
a.OpenDaglink						{ background-image:url(../img/btn_plukdedag_inactive.gif); background-repeat:no-repeat; background-position:left top;}
a.OpenDaglink:hover			{ background-image:url(../img/btn_plukdedag_active.gif); background-repeat:no-repeat; background-position:left top;}

/*** Inhoud **/
.teksten .intro										{ font-weight: bold; font-size:1em;}
.teksten .doelgroep								{ font-weight: bold; font-size:1em; color:#54206C;}

/*-------------------------------------------------------------------------------------------------------------*/
/* Images in de linker kolom hebben in IE altijd een witregel eronder, in andere browsers niet */
/* dit is een hack om in de andere browsers ook een witregel eronder te krijgen. */

				.teksten .tweekolommenlinks img						{ display: inline; margin-bottom: 1em; }		/* Alle browsers */
* html	.teksten .tweekolommenlinks img						{ display: block; margin-bottom: 0em; }   /* IE6 en lager, IE7 wordt in iehacks.css verwerkt */

/*-------------------------------------------------------------------------------------------------------------*/

/*** Zoekpagina **/
.teksten a.zoeken		{ background-image:url(../img/btn_zoek_transparent.gif); background-repeat:no-repeat; background-position:right center;}
.teksten a.zoeken:hover	{ background-image:url(../img/btn_zoek_active.gif);}

/** Grijze balk onderin **/
.grijzebalk				{ background-image:url(../img/grijze_balk.gif); background-repeat:no-repeat; background-position:bottom center; z-index:1; }
.grijzebalktekst		{ color:#FFFFFF; font-size:10px;}
.grijzebalktekst a		{ text-decoration:none; color:#FFFFFF;}
.grijzebalktekst a:hover { text-decoration:underline;}

/** Infobalie **/
a.infobalieKnop					{ background-image:url(/img/stel_uw_vragen.png); background-repeat:no-repeat; display:block; width:198px; height:50px; margin-left:128px; }
a.infobalieKnop:hover		{ background-image:url(/img/stel_uw_vragen_over.png); }

/** Zoekmodule **/
.zoekmodule										{}
.zoekmodule .filter						{}
.zoekmodule .zoekmoduleResult	{ color: #fff; font-size: 0.9em; margin: 10px 0 0 10px; width: 151px; overflow: hidden; text-align: left;  }
.zoekmodule .knop							{ font-size: 1.0em; float: left; margin: 10px 0 0 0; padding: 0; }
.zoekmodule .loadingPanel			{ width: 151px; height: 50px; margin-top: 50px; position: relative; }
.zoekmodule p									{ line-height: 1.3em; font-size: 1em; font-weight: bold; color: #fff; padding: 0 0 2px 0px; margin: 0; }

.zoekmodule div.zoekmoduleCriteria	{ padding: 0 10px; }

.zoekmodule .lnkShowResults					{ display: block; background-image: url(../img/btn_toonResultaten.gif); background-repeat: no-repeat; width: 115px; height: 27px; margin: 10px 10px 0 10px; text-decoration: none; }
.zoekmodule .lnkShowResults:hover		{ background-image: url(../img/btn_toonResultatenOver.gif);}

.zmResultsScreen										{ }
.zmResultsScreen ul									{ }
.zmResultsScreen .resultContent 		{ margin: 1em 0;  }
.zmResultsScreen .resultContent h1	{ font-size: 1.0em; font-weight: bold; margin: 0; padding: 0; line-height: 1.3em; }
.zmResultsScreen .resultContent h2	{ font-size: 1.0em; font-weight: bold; margin: 0; padding: 0; line-height: 1.3em; color: #F7A915; }

.zoekmoduleIngeklapt					{ text-align:left; display:inline; padding-left:15px; color:#FFFFFF; font-weight:bold; text-decoration:underline;}

/** Vacaturemodule **/
.vacaturemodule													{ color: #64179d;}
.vacaturemodule .zoekresultaat					{ width:142px;}
.vacaturemodule .filter									{ padding-bottom:10px;}
.vacaturemodule .vacaturemoduleResult		{ font-size: 0.9em; margin: 10px 0 0 10px; width: 151px; overflow: hidden; text-align: left; font-weight: normal; }
.vacaturemodule .knop										{ font-size: 1.0em; float: left; margin: 10px 0 0 0; padding: 0; }
.vacaturemodule .loadingPanel						{ width: 151px; height: 50px; margin-top: 50px; position: relative; }
.vacaturemodule p												{ line-height: 1.3em; font-size: 1em; font-weight: bold; color: #64179d; padding: 0 0 2px 0px; margin: 0; }
.vacaturemodule div.zoekmoduleCriteria	{ padding: 0 10px; }

.vacaturemodule .lnkShowResults					{ display: block; background-image: url(../img/btn_toonResultaten.gif); background-repeat: no-repeat; width: 115px; height: 27px; margin: 10px 10px 0 10px; text-decoration: none; }
.vacaturemodule .lnkShowResults:hover		{ background-image: url(../img/btn_toonResultatenOver.gif);}

/* Stijlen met betrekking tot de tekst-inhoud */
img.links			{ margin: 0px 2em 8px 0em; border: none; padding: 0px; float: left; }
img.rechts		{ margin: 0px 0em 8px 2em; border: none; padding: 0px; float: right; }

/* Stijlen met betrekking tot de productoverzichten */

div#productOpsomming															{ }

div#productOpsomming fieldset.product							{ margin: 0 0 0 0; padding: 1em 0 1em 0; border: none; border-bottom: solid 1px #ccc; float: right; width: 412px  }
div#productOpsomming p														{ margin: 0px; padding: 4px 0 0 0; }
div#productOpsomming p.doelgroep									{ color: #000; font-weight: bold; } 
div#productOpsomming img.iDoelgroep								{ width: 120px; height: 120px; float: left; margin-top: 20px; } 
div#productOpsomming .data												{ margin: 0px; padding: 0px; width: 310px; display: inline; float: right; } 
div#productOpsomming .legenda											{ margin: 0px; padding: 0px; width: 90px; display: inline; float: left; } 
div#productOpsomming .clear												{ clear: both; }
div#productOpsomming .omschrijving								{ padding-top: 1em; }


/* Sollicitatieformulier */
.sollicitatieformulier td { vertical-align: top; }
.sollicitatieformulier input, .sollicitatieformulier select { width:535px; margin-bottom: 10px; }
.requiredfield { background-color:yellow; }

/* adressenlijst */
.adressenTable	{ width:100%; margin-bottom:12px; }
.adressenTable td { vertical-align:top; padding-right:15px; }
.tel						{ text-align:right; padding-right:0px; white-space:nowrap; }

