/*===============================
    GLOBAL OVERRIDES
===============================*/
body {
    background-color: #F5F5F5;
	margin: 0px 20px 0px 20px;
}
* {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    text-decoration: none;
}
H1 {
	font-size: 1.5em;
	margin: 10px 0px 0px 0px;
}
H2 {
	font-weight: normal;
	margin: 0px;
}
H3 {
	font-weight: bold;
	margin: 10px 0px 2px 0px;
}
H4 {
    font-weight: bold;
    margin: 0px 0px 2px 0px;
}
H5 {
    margin: 0px;
}
P {
	margin: 0px 0px 17px 0px;
}
.ms-input BUTTON {
    text-align: center;
}
/*===============================
    WEBPART IN EDITMODE
===============================*/
.ms-WPBody H1 {
	font-weight: normal;
}
DIV.customdescription {
	margin: 0px;
	margin-bottom: 17px;
}
TEXTAREA.customdescription {
    width: 386px;
}
/*===============================
    SITE ACTION POPUP MENU
===============================*/
DIV.ms-MenuUIPopupBody {
    z-index: 200;
}

/*===============================
    INPUT FIELD SIZES
===============================*/
.smallsize {
    width: 75px;
}
.middlesize {
    width: 150px;
}
.largesize {
    width: 225px;
}
.hugesize {
    width: 300px;
}
DIV.pusher {
	clear: both;
}

/*===============================
    CENTERING CONTAINER
===============================*/
DIV.centeringcontainer {
	background-color: #FFF;
	border: 1px #e7e7e7 solid;
	font-size: .7em;
	margin: 0px auto;
	max-width: 1280px;
}
DIV.centeringcontainer DIV.siteactionscontainer{
    background-color: #E5E5E5;
    height: 20px;
    border-bottom: 1px #000 solid;
}

/*===============================
    HEADER CONTAINER
===============================*/
DIV.headercontainer {
	position: relative;
	height: 150px;
	z-index: 100; /* used to fix overlay issue in IE */
}
DIV.headercontainer DIV.logo {
	position: absolute;
	left: 20px;
	top: 35px;
}
DIV.headercontainer DIV.logo H1 {
    display: none;
}
DIV.headercontainer DIV.logo A {
    background-image: none;
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}
DIV.headercontainer DIV.logo IMG {
    border-width: 0px;
}
DIV.headercontainer DIV.toplinks {
	color: #A40046;
	font-weight: bold;
	position: absolute;
	right: 238px; /* substract border of ul li to hide most right border */
	top: 8px;
}
DIV.headercontainer DIV.toplinks UL {
	list-style: none;
	margin: 0px;
}
DIV.headercontainer DIV.toplinks UL LI {
	border-right: 2px solid #A40046;
	float: left;
	margin: 0px;
	padding: 0px 8px 0px 8px;
}
DIV.headercontainer DIV.toplinks UL LI A,
DIV.headercontainer DIV.toplinks UL LI A:link,
DIV.headercontainer DIV.toplinks UL LI A:active,
DIV.headercontainer DIV.toplinks UL LI A:visited,
DIV.headercontainer DIV.toplinks UL LI A:hover {
	color: #A40046;
	text-decoration: none;
	font-weight: bold;
}
DIV.headercontainer DIV.toplinks UL LI A:hover {
	text-decoration: underline;
}	
DIV.headercontainer DIV.headermoodimagecontainer {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 180px;
	width: 240px;
	z-index: 101; 
}
DIV.headercontainer DIV.overlaycontainer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	color: #FFF;
	z-index: 102; 
}	
DIV.headercontainer DIV.overlaycontainer DIV.overlay {
	margin-right: 240px;
	height: 50px;
}
DIV.headercontainer DIV.overlaycontainer DIV.overlay.zorg {
    background-color: #7FD1F1; /* blauw */
}
DIV.headercontainer DIV.overlaycontainer DIV.overlay.algemeen {
    background-color: #ABADAF; /* licht grijs */
}
DIV.headercontainer DIV.overlaycontainer DIV.overlay.onderwijs {
    background-color: #D17FA2; /* rood */
}
DIV.headercontainer DIV.overlaycontainer DIV.overlay.werkenbij {
    background-color: #EFB47F; /* oranje */
}
DIV.headercontainer DIV.overlaycontainer DIV.overlay.geen {
    background-color: #9B9B9B; /* grijs */
}
DIV.headercontainer DIV.overlaycontainer DIV.content {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}
DIV.headercontainer DIV.overlaycontainer DIV.content DIV.slogan {
	float: right;
	position: absolute;
	right: 20px;
	top: 3px;
	width: 220px;
}
DIV.headercontainer DIV.overlaycontainer DIV.content DIV.slogan H2 {
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 15px;
	margin: 5px 0px 0px 0px;
	text-align: right;
}
DIV.headercontainer DIV.overlaycontainer DIV.content DIV.goldcertified {
	float: right;
	margin: 0px;
	position: absolute;
	right: 240px;
}

/*===============================
    BODY CONTAINER
===============================*/
DIV.bodycontainer {
    background-image: url('/_layouts/images/Winvision/background.gif');
    background-repeat: repeat-y;
    background-position: right top;
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 50; /* used to fix overlay issue in IE */
}
DIV.bodycontainer DIV.contentcontainer {
	background-color: #FFF;
	height: 100%;
	margin-right: 240px;
	position: relative;
}
DIV.bodycontainer DIV.contentcontainer SPAN.crumb {
    position: absolute;
    left: 20px;
    top: 10px;
    padding-left: 2px;
}
DIV.bodycontainer DIV.contentcontainer SPAN.crumb-separator {
    padding: 5px;
}
DIV.bodycontainer DIV.contentcontainer SPAN.crumb A,
DIV.bodycontainer DIV.contentcontainer SPAN.crumb A:link,
DIV.bodycontainer DIV.contentcontainer SPAN.crumb A:active,
DIV.bodycontainer DIV.contentcontainer SPAN.crumb A:hover,
DIV.bodycontainer DIV.contentcontainer SPAN.crumb A:visited
{
    color: #000;
    text-decoration: none;
}
DIV.bodycontainer DIV.contentcontainer SPAN.crumb A:hover {
    text-decoration: underline;
}
DIV.bodycontainer DIV.contentcontainer LI {
    line-height: 18px;
}
/*===============================
    MENU CONTAINER
===============================*/
DIV.menucontainer {
	background-color: #E5E5E5;
	float: right;
	height: 100%;
	margin-top: 30px;	
	width: 240px;
}
DIV.menucontainer DIV.zoeken {
	border: 1px solid #E5E5E5;
	padding-left: 20px;
	padding-bottom: 15px;
}
DIV.menucontainer DIV.zoeken H2 {
	color: #E3233F;
	margin-top: 15px;
}
DIV.menucontainer DIV.menusection DIV.sectionheader {
	background-color: #A40046;
	color: #FFF;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	text-transform: uppercase;
}
DIV.menucontainer DIV.menusection DIV.sectionheader IMG {
	vertical-align: middle; 	
}
DIV.menucontainer DIV.menusection UL {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
DIV.menucontainer DIV.menusection UL LI{
	border-bottom: 1px dotted black;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
}
DIV.menucontainer DIV.menusection UL LI A,
DIV.menucontainer DIV.menusection UL LI A:link,
DIV.menucontainer DIV.menusection UL LI A:active,
DIV.menucontainer DIV.menusection UL LI A:visited, 
DIV.menucontainer DIV.menusection UL LI A:hover	
{
	color: #000;
	text-decoration: none;
}
DIV.menucontainer DIV.menusection UL LI A:hover {
	text-decoration: underline;
}
DIV.menucontainer DIV.menusection DIV.sectionlink {
	padding: 10px;
	text-align: right;
}
DIV.menucontainer DIV.menusection DIV.sectionlink A,
DIV.menucontainer DIV.menusection DIV.sectionlink A:link,
DIV.menucontainer DIV.menusection DIV.sectionlink A:active,
DIV.menucontainer DIV.menusection DIV.sectionlink A:visited, 
DIV.menucontainer DIV.menusection DIV.sectionlink A:hover {
	color: #D31145;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}
DIV.menucontainer DIV.menusection DIV.sectionlink A:hover {
	text-decoration: underline;
}

/*===============================
    SEARCH BOX
===============================*/
DIV.search {
    position: relative;
    height: 35px;
}
DIV.search DIV.searchsection {
    left: 10px;
    line-height: 0px;
    position: absolute;
    top: 5px;
}
DIV.search DIV.searchsection H3 {
    font-size: 1em;
    margin-top: 0px;
    text-transform: uppercase;
}
DIV.search DIV.searchsection H3 LABEL {
    color: #E3233F;
}
DIV.search DIV.searchsection DIV.SearchBox DIV.ms-sbcell {
    float: left;
}
DIV.search DIV.searchsection DIV.SearchBox DIV.ms-sbcell DIV INPUT {
    width: 150px;
}
DIV.search DIV.searchsection DIV.SearchBox DIV.ms-sbcell DIV IMG.ms-image {
    border: 0px;
    margin-left: 5px;
    width: 12px;
}

/*===============================
    FOOTER CONTAINER
===============================*/
DIV.footercontainer {
	background-color: #9B9B9B;
	clear: both;
	height: 80px;
	position: relative;
}
DIV.footercontainer DIV.clear{
    clear:left;
}
DIV.footercontainer DIV.markten,
DIV.footercontainer DIV.werken,
DIV.footercontainer DIV.naw,
DIV.footercontainer DIV.route
{
	border-left: 1px #fff dotted ;
	float: left;
	height: 70px;
	margin-left: 20px;
	margin-top: 10px;
	padding-left: 10px;
	position: relative;
	width: 14%;
}
DIV.footercontainer DIV.markten SPAN,
DIV.footercontainer DIV.werken SPAN,
DIV.footercontainer DIV.naw SPAN,
DIV.footercontainer DIV.route SPAN
{
    color: #FFF;
    position: absolute;
}
DIV.footercontainer DIV.markten SPAN,
DIV.footercontainer DIV.werken SPAN
{
    font-weight: bold;
}
DIV.footercontainer UL {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
DIV.footercontainer UL LI {
    color: #FFF;
    line-height: 15px;
}
DIV.footercontainer A,
DIV.footercontainer A:link,
DIV.footercontainer A:active,
DIV.footercontainer A:visited, 
DIV.footercontainer A:hover	
{
	color: #fff;
	text-decoration: none;
}
DIV.footercontainer A:hover {
	text-decoration: underline;
}

/*===============================
    DIALOG DIV ROUNDED CORNERS
===============================*/
.dialog {
    width: 100%;
    margin: 0px auto;
    min-width: 18em;
    color: #000;
}
.dialog .hd .c,
.dialog .ft .c {
    font-size: 1px; /* ensure minimum height */
    height: 11px;
}
.dialog .ft .c {
    height: 11px;
}
.dialog .hd {
    background: transparent url('/_layouts/images/winvision/box/tl.gif') no-repeat 0px 0px;
}
.dialog .hd .c {
    background: transparent url('/_layouts/images/winvision/box/tr.gif') no-repeat right 0px;
}
.dialog .bd {
    background: transparent url('/_layouts/images/winvision/box/ml.gif') repeat-y 0px 0px;
}
.dialog .bd .c {
    background: transparent url('/_layouts/images/winvision/box/mr.gif') repeat-y right 0px;
}
.dialog .bd .c .s {
    margin: 0px 8px 0px 4px;
    background: #FFF none;
    padding: 1em;
}
.dialog .ft {
    background: transparent url('/_layouts/images/winvision/box/bl.gif') no-repeat 0px 0px;
}
.dialog .ft .c {
    background: transparent url('/_layouts/images/winvision/box/br.gif') no-repeat right 0px;
}

/*===============================
    PAGE LAYOUTS
===============================*/
DIV.case,
DIV.customer,
DIV.event,
DIV.news,
DIV.solution,
DIV.standard,
DIV.subhomepage,
DIV.techniqueproduct,
DIV.vertical
{
    padding: 30px 20px 0px 20px;
    border-bottom: 1px transparent solid;
}
DIV.case DIV.webpartzone,
DIV.customer DIV.webpartzone,
DIV.event DIV.webpartzone,
DIV.news DIV.webpartzone,
DIV.solution DIV.webpartzone,
DIV.standard DIV.webpartzone,
DIV.subhomepage DIV.webpartzone,
DIV.techniqueproduct DIV.webpartzone,
DIV.vertical DIV.webpartzone
{
    padding: 0px!important;
}
DIV.case H1,
DIV.customer H1,
DIV.event H1,
DIV.news H1,
DIV.solution H1,
DIV.subhomepage H1,
DIV.standard H1,
DIV.techniqueproduct H1,
DIV.vertical H1
{
    text-transform: uppercase;
}
DIV.case H2,
DIV.customer H2,
DIV.event H2,
DIV.news H2,
DIV.solution H2,
DIV.subhomepage H2,
DIV.techniqueproduct H2,
DIV.vertical H2
{
    font-size: 1em;
    font-weight: bold;
}
DIV.pagecontentcontainer {
    margin-top: 10px;
    line-height: 1.4em;
}
DIV.pageimagecontainer {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-right: -20px;
    width: 240px;
}
DIV.pagequotecontainer DIV {
    color: #d31145;
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: justify;
}
DIV.pagecustomdescriptioncontainer {
    margin-bottom: 10px;
    text-align: justify;
}
DIV.pagecustomdescriptioncontainer DIV,
DIV.pagetextcontainer P{
    text-align: justify;
}
DIV.relateditemcontainer {
    height: 120px;
}
DIV.eventdatelocationcontainer {
    margin-bottom: 10px;
}
DIV.pagetextcontainer H1 {
    text-transform: uppercase;
}
DIV.pagetextcontainer H2 {
    font-size: 1.1em;
    font-weight: bold;
}
DIV.pagetextcontainer H3 {
    font-size: 1.0em;
    font-weight: bold;
}
DIV.pagetextcontainer A {
    text-decoration: underline;
}
/*===============================
    PL: HOMEPAGE
===============================*/
DIV.homepage {
    padding: 0px;
}
DIV.homepage DIV.webpartzone {
    padding: 0px 5px 0px 5px!important;
}
DIV.homepage DIV.webpartzone DIV.webpart {
	float: left;
	position: relative;
	width: 49.9%;
}
DIV.homepage DIV.webpartzone DIV.webpart_titleless 	{
	padding-left: 5px;
	padding-right: 5px;
}
DIV.homepage DIV.sitesectioncontainer DIV.sitesectionbodycontainer {
	padding-top: 10px;
	padding-bottom: 0px;
	position: relative;
}
DIV.homepage DIV.sitesectioncontainer DIV.sitesectionbodycontainer H1 {
    text-transform: uppercase;
}
DIV.homepage DIV.sitesectioncontainer.zorg DIV.sitesectionbodycontainer H1 A{
    color: #00A4E4; /* rood */
}
DIV.homepage DIV.sitesectioncontainer.algemeen DIV.sitesectionbodycontainer H1 A{
    color: #ABADAF; /* licht grijs */
}
DIV.homepage DIV.sitesectioncontainer.onderwijs DIV.sitesectionbodycontainer H1 A{
    color: #A40046; /* blauw */
}
DIV.homepage DIV.sitesectioncontainer.werkenbij DIV.sitesectionbodycontainer H1 A{
    color: #E06900; /* oranje */
}
DIV.homepage DIV.sitesectioncontainer.geen DIV.sitesectionbodycontainer H1 A{
    color: #8C8C8C; /* grijs */
}
DIV.homepage DIV.sitesectioncontainer DIV.sitesectionbodycontainer DIV.bgimage {
	background-repeat: no-repeat;
	border: 1px solid #E1B7C4;
	height: 99px;
	position: relative;
	cursor:hand;
	cursor:pointer;
}
DIV.homepage DIV.sitesectioncontainer DIV.sitesectionbodycontainer DIV.content {
    text-align: justify;
    height: 90px;
}
DIV.homepage DIV.sitesectioncontainer DIV.sitesectionbodycontainer DIV.content DIV.sectionlink {
	bottom: 0px;
	right: 0px;
	text-align: right;
	position: absolute;
}
DIV.homepage DIV.sitesectioncontainer DIV.sitesectionbodycontainer DIV.content DIV.sectionlink A,
DIV.homepage DIV.sitesectioncontainer DIV.sitesectionbodycontainer DIV.content DIV.sectionlink A:link,
DIV.homepage DIV.sitesectioncontainer DIV.sitesectionbodycontainer DIV.content DIV.sectionlink A:active,
DIV.homepage DIV.sitesectioncontainer DIV.sitesectionbodycontainer DIV.content DIV.sectionlink A:visited,
DIV.homepage DIV.sitesectioncontainer DIV.sitesectionbodycontainer DIV.content DIV.sectionlink A:hover	
{
	color: #000;
	text-decoration: none;
}
DIV.homepage DIV.sitesectioncontainer DIV.sitesectionbodycontainer DIV.content DIV.sectionlink A:hover	{
	text-decoration: underline;
}
DIV.homepage DIV.sitesectionsplitter {
    clear: left;
    line-height: 0px;
    height: 0px;
}
DIV.homepage DIV.sitesectioncontainer.onderwijs DIV.bgimage {
	background: url('/sitecollectionimages/onderwijs.jpg') center center;
}
DIV.homepage DIV.sitesectioncontainer.zorg DIV.bgimage {
	background: url('/sitecollectionimages/zorg.jpg') center center;
}
DIV.homepage DIV.sitesectioncontainer.algemeen DIV.bgimage {
	background: url('/sitecollectionimages/algemeen.jpg') center center;
}
DIV.homepage DIV.sitesectioncontainer.werkenbij DIV.bgimage {
	background: url('/sitecollectionimages/werkenbij.jpg') center center;
}

/*===============================
    PL: EVENT
===============================*/
DIV.event TD.startdatumlabel {
    font-weight: bold;
    padding-right: 10px;
}
DIV.event TD.einddatumlabel {
     font-weight: bold;    
}
DIV.event TD.locatielabel {
     font-weight: bold;
}

/*===============================
    PL: WERKEN BIJ - HOMEPAGE
===============================*/
DIV.werkenbijhomepage {
    background: #CCC url('/_layouts/images/winvision/workat_bg.jpg') no-repeat 0 0;
    height: 100%;
    padding: 20px 0px 0px 20px;
}
DIV.werkenbijhomepage H1 {
    text-transform: uppercase;
}
DIV.werkenbijhomepage DIV.stretchbg {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: -1;
}
DIV.werkenbijhomepage DIV.webpart {
    width: 30%;
    padding-right: 3%;
    float:left;
}
DIV.werkenbijhomepage DIV.webpart DIV.overlaycontainer {
	position: relative;
	min-height: 450px;
	height: 100%;
	margin-top: 20px; /* space to title */
}
DIV.werkenbijhomepage DIV.webpart DIV.overlaycontainer DIV.overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #F0F0F0;
	opacity: .8;
	FILTER: Alpha(Opacity=85);
}	
DIV.werkenbijhomepage DIV.webpart DIV.overlaycontainer DIV.content {
	position: absolute;
	width: 80%;
	padding: 8%;
	padding-right: 12%;
	text-align: center;
}	
DIV.werkenbijhomepage DIV.webpart DIV.overlaycontainer DIV.content H2 {
    color: #333;
    font-weight: bold;
    margin-top: 30px;
    text-transform: uppercase;
}
DIV.werkenbijhomepage DIV.webpart DIV.overlaycontainer DIV.content P {
    color: #333;
    font-weight: bold;
    line-height: 160%;
    padding-top: 40px;
}
DIV.werkenbijhomepage DIV.webpart DIV.overlaycontainer A.morelink,
DIV.werkenbijhomepage DIV.webpart DIV.overlaycontainer A.morelink:link,
DIV.werkenbijhomepage DIV.webpart DIV.overlaycontainer A.morelink:active,
DIV.werkenbijhomepage DIV.webpart DIV.overlaycontainer A.morelink:visited,
DIV.werkenbijhomepage DIV.webpart DIV.overlaycontainer A.morelink:hover
{
    color: #333;
	bottom: 0;
	font-weight: bold;
	padding: 8%;
	padding-right: 12%;
	position: absolute;	
	right: 0;
	text-align: right;
	text-decoration: none;
	width: 80%;
}	
DIV.werkenbijhomepage DIV.webpart DIV.overlaycontainer A.morelink:hover {
    text-decoration: underline;
}

/*===============================
    PL: WERKEN BIJ - AUDIENCE
===============================*/
DIV.werkenbijaudience DIV.itemcontainer {
    padding: 0px 8px 0px 8px;
}
DIV.werkenbijaudience DIV.itemcontainer TABLE.mostimportant TD.content {
    color: #953735;
    font-weight: bold;
    padding-left: 40px;
}
DIV.werkenbijaudience DIV.itemcontainer TABLE.mostimportant TD.content UL {
    margin: 0px;
    padding: 20px 0px 0px 15px;
}
DIV.werkenbijaudience DIV.itemcontainer TABLE.mostimportant TD.content UL LI {
    margin: 0px;
    padding-bottom: 20px;
}
/*===============================
    CONTACT CONTROL
===============================*/
DIV.contactcontrol DT {
    clear: both;
    float: left;
    width: 175px;
}
DIV.contactcontrol DD {
    float: left;
    padding: 2px;
}
DIV.contactcontrol DIV.label {
    clear: both;
    float: left;
    display: block;
    line-height: 20px;
    width: 175px;
}
DIV.contactcontrol DIV.inputfield {
    float: left;
    line-height: 20px;
}
DIV.contactcontrol DIV.inputfield INPUT {
    text-align: center;
}
DIV.contactcontrol DIV.inputfield INPUT.formfield_text {
    text-align: left;
    width: 300px;
}
/*===============================
    NEWS OVERVIEW CONTROL
===============================*/
DIV.newsoverviewcontrol {
    margin: 0px auto;
    margin-bottom: 5px;
    width: 100%;
}
DIV.newsoverviewcontrol DIV.itemcontainer {
    margin: 0px auto;
    height: 75px;
    position: relative;
    width: 100%;
}
DIV.newsoverviewcontrol DIV.itemcontainer DIV.imagecontainer {
    float: left;
    height: 75px;
    margin-left: 10px;
    margin-right: 10px;
    width: 75px;
}
DIV.newsoverviewcontrol DIV.itemcontainer DIV.imagecontainer .image {
    height: 75px;
    width: 75px;
}
DIV.newsoverviewcontrol DIV.itemcontainer DIV.datacontainer {
    left: 95px; /* 75px + 2 x 10px margin from image */
    height: 75px;
    position: absolute;
    right: 10px;
}
DIV.newsoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.rollupcontainer {
    clear: both;
}
DIV.newsoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.titlecontainer {
    float: left;
    margin-bottom: 5px;
}
DIV.newsoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.titlecontainer a:hover {
    text-decoration: underline;
}
DIV.newsoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.titlecontainer .title {
    color: #A40046;
    font-weight: bold;    
}
DIV.newsoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.datecontainer {
    float: right;
}
DIV.newsoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.datecontainer .date {
    color: #A40046;    
}
DIV.newsoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.linkcontainer .link{
    color: #000;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-decoration: none;
}
DIV.newsoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.linkcontainer .link:hover {
    text-decoration: underline;
}

/*===============================
    EVENT OVERVIEW CONTROL
===============================*/
DIV.eventoverviewcontrol {
    margin: 0px auto;
    margin-bottom: 5px;
    width: 100%;
}
DIV.eventoverviewcontrol DIV.itemcontainer {
    margin: 0px auto;
    height: 75px;
    position: relative;
    width: 100%;
}
DIV.eventoverviewcontrol DIV.itemcontainer DIV.imagecontainer {
    float: left;
    height: 75px;
    margin-left: 10px;
    margin-right: 10px;
    width: 75px;
}
DIV.eventoverviewcontrol DIV.itemcontainer DIV.imagecontainer .image {
    height: 75px;
    width: 75px;
}
DIV.eventoverviewcontrol DIV.itemcontainer DIV.datacontainer {
    left: 95px; /* 75px + 2 x 10px margin from image */
    height: 75px;
    position: absolute;
    right: 10px;
}
DIV.eventoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.rollupcontainer {
    clear: both;
}
DIV.eventoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.titlecontainer {
    float: left;
    margin-bottom: 5px;
}
DIV.eventoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.titlecontainer a:hover {
    text-decoration: underline;
}
DIV.eventoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.titlecontainer .title {
    color: #A40046;
    font-weight: bold;    
}
DIV.eventoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.linkcontainer .link{
    color: #000;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-decoration: none;
}
DIV.eventoverviewcontrol DIV.itemcontainer DIV.datacontainer DIV.linkcontainer .link:hover {
    text-decoration: underline;
}

/*===============================
    VACANCY OVERVIEW CONTROL
===============================*/
DIV.vacancyoverviewcontrol {
    margin: 0px auto;
    margin-bottom: 5px;
    width: 100%;
}
DIV.vacancyoverviewcontrol DIV.itemcontainer {
    margin: 0px auto;
    height: 75px;
    position: relative;
    width: 100%;
}
DIV.vacancyoverviewcontrol DIV.itemcontainer DIV.datacontainer {
    left: 10px;
    height: 75px;
    position: absolute;
    right: 10px;
}
DIV.vacancyoverviewcontrol DIV.itemcontainer DIV.datacontainer a:hover {
    text-decoration: underline;
}
DIV.vacancyoverviewcontrol DIV.itemcontainer DIV.datacontainer .title {
    color: #A40046;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}
DIV.vacancyoverviewcontrol DIV.itemcontainer DIV.datacontainer .rollup {
    clear: both;
    margin-top: 10px;
}
DIV.vacancyoverviewcontrol DIV.itemcontainer DIV.datacontainer .link {
    color: #000;
    text-decoration: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
DIV.vacancyoverviewcontrol DIV.itemcontainer DIV.datacontainer .link:hover {
    text-decoration: underline;
}

/*===============================
    EMPLOYEE OVERVIEW CONTROL
===============================*/
DIV.employeeoverviewcontrol {
    margin: 0px auto;
    margin-bottom: 5px;
    width: 100%;
}
DIV.employeeoverviewcontrol DIV.itemcontainer {
    margin: 0px auto;
    height: 75px;
    position: relative;
    width: 100%;
}
DIV.employeeoverviewcontrol DIV.itemcontainer DIV.imagecontainer {
    float: left;
    height: 75px;
    margin-left: 10px;
    margin-right: 10px;
    width: 75px;
}
DIV.employeeoverviewcontrol DIV.itemcontainer DIV.imagecontainer .image {
    height: 75px;
    width: 75px;
}
DIV.employeeoverviewcontrol DIV.itemcontainer DIV.datacontainer {
    left: 95px; /* 75px + 2 x 10px margin from image */
    height: 75px;
    position: absolute;
    right: 10px;
}
DIV.employeeoverviewcontrol DIV.itemcontainer DIV.datacontainer a:hover {
    text-decoration: underline;
}
DIV.employeeoverviewcontrol DIV.itemcontainer DIV.datacontainer .title {
    color: #A40046;
    font-weight: bold;
    float: left;
    margin-bottom: 5px;
}
DIV.employeeoverviewcontrol DIV.itemcontainer DIV.datacontainer .functiontitle {
    color: #A40046;
    font-weight: bold;
}
DIV.employeeoverviewcontrol DIV.itemcontainer DIV.datacontainer .interest {
    clear: both;
    float: left;
    margin-bottom: 5px;
}
DIV.employeeoverviewcontrol DIV.itemcontainer DIV.datacontainer .quote {
    clear: both;
    float: left;
    font-style: italic;
}
DIV.employeeoverviewcontrol DIV.itemcontainer DIV.datacontainer .link {
    color: #000;
    text-decoration: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
DIV.employeeoverviewcontrol DIV.itemcontainer DIV.datacontainer .link:hover {
    text-decoration: underline;
}

/*===============================
    ALPHABETIC NAVIGATION CONTROL
===============================*/
DIV.alphabeticnavigationcontrol DIV.anchorlinkscontainer {
    background-color: #7FD1F1;
    height: 29px;
    line-height: 29px;
    margin-bottom: 5px;
    padding-left: 5px;
}
DIV.alphabeticnavigationcontrol DIV.anchorlinkscontainer A.anchorlink,
DIV.alphabeticnavigationcontrol DIV.anchorlinkscontainer SPAN.anchorlabel {
    color: #FFF;
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}
DIV.alphabeticnavigationcontrol DIV.anchorlinkscontainer .anchorlink {
    text-decoration: underline;
}
DIV.alphabeticnavigationcontrol DIV.itemcontainer {
    margin: 0px auto;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}
DIV.alphabeticnavigationcontrol DIV.itemcontainer DIV.dialog DIV.hd DIV.backgroundletter {
     position: absolute;
     overflow: hidden;
}
DIV.alphabeticnavigationcontrol DIV.itemcontainer DIV.dialog DIV.hd DIV.backgroundletter H2{
    color: #DFF3FB;
    font-size: 90px;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -25px;
    left: -10px;
}
DIV.alphabeticnavigationcontrol DIV.itemcontainer DIV.datacontainer {
    height: auto;
    min-height: 80px;
    position: relative;
}
DIV.alphabeticnavigationcontrol DIV.itemcontainer DIV.datacontainer UL {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
DIV.alphabeticnavigationcontrol DIV.itemcontainer DIV.datacontainer UL LI {
    line-height: 20px;
    margin-left: 10px;
}
DIV.alphabeticnavigationcontrol DIV.itemcontainer DIV.datacontainer .itemlink {
    color: #000;
    text-decoration: none;
}
DIV.alphabeticnavigationcontrol DIV.itemcontainer DIV.datacontainer .itemlink:hover {
    text-decoration: underline;
}

/*===============================
    RICH IMAGE FIELD CONTROL
===============================*/
DIV.richimagefieldcontrol {
    width: 90%;    
}
DIV.richimagefieldcontrol DIV.itemcontainer {
    text-align: center;
}

/*===============================
    RELATED ITEM CONTROL
===============================*/
DIV.relateditemcontrol {
    padding-top: 10px;
}
DIV.relateditemcontrol DIV.links {
    float: left;
    padding-right: 5px;
    width: 48%;
}
DIV.relateditemcontrol DIV.downloads {
    float: left;
    padding-left: 5px;
    width: 48%;
}
DIV.relateditemcontrol DIV SPAN.title {
    color: #FFF;    
    display: block;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding-left:10px;
    text-transform: uppercase;
}
DIV.relateditemcontrol DIV.overlay.zorg SPAN.title {
    background-color: #7FD1F1; /* blauw */
}
DIV.relateditemcontrol DIV.overlay.algemeen SPAN.title {
    background-color: #ABADAF; /* licht grijs */
}
DIV.relateditemcontrol DIV.overlay.onderwijs SPAN.title {
    background-color: #D17FA2; /* rood */
}
DIV.relateditemcontrol DIV.overlay.werkenbij SPAN.title {
    background-color: #EFB47F; /* oranje */
}
DIV.relateditemcontrol DIV SPAN.title {
    background-color: #9B9B9B; /* grijs */
}
DIV.relateditemcontrol DIV.downloads DIV.itemcontainer,
DIV.relateditemcontrol DIV.links DIV.itemcontainer
{
    height: auto;
    min-height: 55px;
}
DIV.relateditemcontrol DIV.downloads DIV.itemcontainer UL,
DIV.relateditemcontrol DIV.links DIV.itemcontainer UL
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
DIV.relateditemcontrol DIV.downloads DIV.itemcontainer UL LI,
DIV.relateditemcontrol DIV.links DIV.itemcontainer UL LI
{
    clear: both;
    line-height: 18px;
    margin: 0px;
    padding-left: 30px;
    width: 88%;
}
DIV.relateditemcontrol DIV.downloads DIV.itemcontainer UL LI {
    background: url('/_layouts/images/winvision/relateditem_downloads_icon.gif') no-repeat 10px 5px;
}

DIV.relateditemcontrol DIV.links DIV.itemcontainer UL LI {
    background: url('/_layouts/images/winvision/relateditem_links_icon.gif') no-repeat 10px 5px;
}
DIV.relateditemcontrol DIV.downloads DIV.itemcontainer UL LI A:hover,
DIV.relateditemcontrol DIV.links DIV.itemcontainer UL LI A:hover
{
    text-decoration: underline;
}

/*===============================
    PAGE IMAGE
===============================*/
DIV#ctl00_PlaceHolderMain_PageImage__ControlWrapper_RichImageField IMG 
{
    padding: 20px;
}

/*===============================
    SEARCH RESULTS
===============================*/
DIV.bodycontainer DIV.contentcontainer DIV.webpartzone {
    padding: 30px 20px 0px 20px;
}
DIV.srch-Page A:link,
DIV.srch-Page A:active,
DIV.srch-Page A:visited,
DIV.srch-sort-right A:link,
DIV.srch-sort-right A:active,
DIV.srch-sort-right A:visited
{
    color: #A40046;
}
DIV.srch-Page A:hover,
DIV.srch-sort-right A:hover {
    text-decoration: underline;
}
DIV.srch-Page,
DIV.srch-stats {
    background-color: #FFF!important;
    line-height: 30px;
}
SPAN.srch-Icon {
    padding-right: 5px;
}
SPAN.srch-Title A:link,
SPAN.srch-Title A:active,
SPAN.srch-Title A:visited,
SPAN.srch-Title A B
{
    color: #D31145!important;
}
SPAN.srch-Title A:hover B,
SPAN.srch-Title A:hover {
    text-decoration: underline;
}
SPAN.srch-URL A:link,
SPAN.srch-URL A:active,
SPAN.srch-URL A:visited
{
    color: #000!important;
}
SPAN.srch-dup A:link,
SPAN.srch-dup A:active,
SPAN.srch-dup A:visited
{
    color: #000!important;
}
SPAN.srch-dup A:hover {
    text-decoration: underline;
}