/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

@font-face 
{
	font-family: 'vlok';
	src: url(../Fonts/Vlok.ttf);
}

@font-face 
{
	font-family: 'Roboto Thin';
	src: url(../Fonts/Roboto-Thin.ttf);
}

@font-face 
{
	font-family: 'Roboto Light';
	src: url(../Fonts/Roboto-Light.ttf);
}

@font-face 
{
	font-family: 'Roboto Regular';
	src: url(../Fonts/Roboto-Regular.ttf);
}

@font-face 
{
	font-family: 'Roboto Medium';
	src: url(../Fonts/Roboto-Medium.ttf);
}

@font-face 
{
	font-family: 'Roboto Bold';
	src: url(../Fonts/Roboto-Bold.ttf);
}

@font-face 
{
	font-family: 'Roboto Black';
	src: url(../Fonts/Roboto-Black.ttf);
}

h6
{
	font-size: 11pt;
	margin: 12pt 0pt 3pt;
	line-height: normal;
}

h1
{
	margin: 10pt 0pt 8pt;
	line-height: normal;
	font-weight: normal;
	font-size: 2em;
}

h3
{
	page-break-after: avoid;
	font-size: 1.10em;
	margin: 10pt 0pt 5pt;
	color: var(--WVL3light);
	font-weight: bolder;
}

h2
{
	page-break-after: avoid;
	font-weight: normal;
	background: url('../Images/Project/Staaf.png') left center no-repeat;
	margin: 30px 0pt 5px;
	font-size: 1.3em;
	color: var(--WVLtext);
	padding: 0px 0px 0px 17px;
}

pre
{
	font-family: consolas;
	margin: 0pt;
	line-height: normal;
	tab-stops: 36.0pt;
}

address
{
	font-style: italic;
	margin: 0pt;
	line-height: normal;
}

button
{
	text-indent: 0pt;
}

h5
{
	margin: 6pt 0pt 0pt;
	line-height: normal;
}

h4
{
	font-size: 12pt;
	page-break-after: avoid;
	margin: 2pt 0pt;
	line-height: normal;
}

p.StandaaralineaCxSpFirst
{
	font-size: 11pt;
	color: #1c1a15;
	margin: 3pt 0pt 0pt;
	line-height: 13.5pt;
	tab-stops: 184.3pt;
}

span.PlattetekstChar
{
	
}

p.StandaaralineaCxSpLast
{
	font-size: 11pt;
	color: #1c1a15;
	margin: 0pt;
	line-height: 13.5pt;
	tab-stops: 184.3pt;
}

span.C1HTip
{
	color: var(--WVL3light);
}

p.MsoListParagraph
{
	margin: 0pt 0pt 0pt 36pt;
	line-height: normal;
}

span.C1Htaakaanmaken
{
	color: #00b050;
}

span.C1Hgrijslicht
{
	font-family: var(--MediumFont);
	font-weight: lighter;
}

p.StandaaralineaCxSpMiddle
{
	font-size: 11pt;
	color: #1c1a15;
	margin: 0pt;
	line-height: 13.5pt;
	tab-stops: 184.3pt;
}

span.C1Htaakafsluiten
{
	color: #c00000;
}

p.C1HNumber2
{
	margin-top: 7pt;
}

p.C1HNumber
{
	margin-top: 10pt;
}

div[align] table
{
	text-align: left;
}

:root
{
	--LightFont: Roboto Light;
	--MediumFont: Roboto Regular;
	--DarkFont: Roboto Bold;
	--WVL4: #843860;
	--WVL5: #C04384;
	--WVLtext: #242729;
	--WVL3light: #39B9BE;
	--WVL1dark: #1C7074;
	--WVL2regular: #2B979D;
}

body
{
	font-family: var(--LightFont);
	color: var(--WVLtext);
	font-size: 100%;
}

MadCap|breadcrumbsProxy
{
	font-size: 12px;
	border-bottom-style: none;
	mc-breadcrumbs-prefix: 'U bent hier: ';
	margin-top: 10px;
}

MadCap|miniTocProxy.WVL
{
	color: var(--WVL2regular);
	font-weight: lighter;
	border-top-style: none;
	padding-bottom: 100px;
}

MadCap|miniTocProxy.WVL:hover
{
	color: var(--WVL3light);
}

p.MiniTOC1
{
	font-weight: lighter;
	color: var(--WVL2regular);
	text-decoration: none;
	margin: 0;
	margin-bottom: 0;
	padding: 10px 0px 0px 20px;
}

P.MiniTOC1:hover
{
	color: var(--WVL3light);
}

a
{
	color: var(--WVL2regular);
}

a:link
{
	color: var(--WVL2regular);
	text-decoration: none;
}

a:visited
{
	color: var(--WVL4);
}

a:focus
{
	color: var(--WVL3light);
}

a:hover
{
	color: var(--WVL3light);
	text-decoration: none;
}

a:active
{
	color: var(--WVL3light);
}

MadCap|toggler
{
	mc-closed-image-alt-text: Sectie dicht;
	mc-open-image-alt-text: Sectie open;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 3px;
	mc-closed-image: url('../Images/Project/pijldicht.png');
	mc-open-image: url('../Images/Project/pijlopen.png');
	color: var(--WVLtext);
	font-size: 1.3em;
	mc-image-spacing: 0px;
}

MadCap|toggler:hover
{
	color: var(--WVL2regular);
}

MadCap|dropDownHead
{
	font-weight: normal;
	margin-bottom: 3px;
	font-size: 1.3em;
	margin-top: 15px;
	color: var(--WVLtext);
}

P
{
	font-size: 1em;
	margin: 5pt 0pt 0pt;
}

MadCap|dropDown
{
	mc-closed-image-alt-text: Sectie dicht;
	mc-open-image-alt-text: Sectie open;
	mc-closed-image: url('../Images/Project/pijldicht.png');
	mc-open-image: url('../Images/Project/pijlopen.png');
	mc-image-spacing: 5px;
	margin-top: 5px;
	margin-left: 0px;
}

MadCap|dropDownHotspot
{
	
}

MadCap|dropDownHotspot:hover
{
	
}

img
{
	mc-thumbnail-max-height: 100px;
}

img.FotoPopup100
{
	mc-thumbnail-max-height: 100px;
	mc-thumbnail: popup;
	margin: 5px 0px 0px;
}

img.FotoPopup350
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 350px;
	margin: 5px 0px 0px;
}

li
{
	margin-top: 5pt;
}

ul
{
	list-style-type: circle;
	margin: 0pt;
	margin-left: 10pt;
	margin-bottom: 10pt;
}

ol
{
	margin-left: 10pt;
	margin: 0pt;
	margin-bottom: 10pt;
}

ol ol
{
	margin-bottom: 10pt;
}

ol ul
{
	margin-bottom: 10pt;
}

ul ol
{
	margin-bottom: 10pt;
}

ul ul
{
	margin-bottom: 10pt;
}

u
{
	text-decoration: none;
	border-bottom: solid 1px #242729;
}

MadCap|conceptLink
{
	color: var(--WVL2regular);
}

MadCap|conceptLink:focus
{
	color: var(--WVL3light);
}

MadCap|conceptLink:hover
{
	color: var(--WVL3light);
}

MadCap|helpControlMenu
{
	color: var(--WVLtext);
	background-color: #fafafa;
	border: var(--WVL1dark);
}

MadCap|helpControlMenuItem
{
	color: var(--WVLtext);
	font-family: var(--MediumFont);
}

MadCap|helpControlMenuItem.Highlighted
{
	background-color: var(--WVL3light);
}

MadCap|toggler.kleiner
{
	font-size: 1em;
	color: var(--WVL2regular);
}

MadCap|toggler.kleiner:hover
{
	color: var(--WVL3light);
}

MadCap|dropDownHead:hover
{
	color: var(--WVL3light);
}

a.novisited
{
	
}

p.versie
{
	margin: 5pt 0pt 0pt;
	font-size: 0.7em;
}

a.novisited:visited
{
	color: var(--WVL2regular);
}

MadCap|xref
{
	color: var(--WVL2regular);
	text-decoration: none;
}

MadCap|xref:hover
{
	color: var(--WVL3light);
}

MadCap|toggler:active
{
	color: var(--WVL2regular);
}

MadCap|dropDownBody
{
	border: solid 1px #39B9BE;
	border-top: none;
	margin-left: 7px;
	padding: 0px 0px 7px 15px;
	margin-top: 5px;
}

b
{
	font-weight: bolder;
}

img.FotoPopup200
{
	mc-thumbnail: popup;
	margin: 5px 0px 0px;
	mc-thumbnail-max-height: 200px;
}

div.tip
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-right: 20px;
	padding-top: 3px;
	background-repeat: no-repeat;
	background-image: url('../Images/Project/tipicoon.png');
	padding: 0px 40px 5px;
	margin: 5px 0px;
	background-position: 5px;
	background-size: 30px;
	border: solid 1px #39b9be;
}

MadCap|xref.changelog
{
	mc-format: 'changelog';
}

div.werkafspraak
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-right: 20px;
	padding-top: 3px;
	background-repeat: no-repeat;
	background-image: url('../Images/Project/tipicoon.png');
	padding: 0px 40px 5px;
	margin: 5px 0px;
	background-position: 5px;
	background-size: 30px;
	border: solid 1px #39b9be;
}

div.uitzondering
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-right: 20px;
	padding-top: 3px;
	background-repeat: no-repeat;
	padding: 0px 40px 5px;
	margin: 5px 0px;
	background-position: 5px;
	background-size: 30px;
	border: solid 1px #c00000;
	background-image: url('../Images/Project/uitzonderingsicoon.png');
}

div.voorbeeld
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-right: 20px;
	padding-top: 3px;
	background-repeat: no-repeat;
	background-image: url('../Images/Project/tipicoon.png');
	padding: 0px 40px 5px;
	margin: 5px 0px;
	background-position: 5px;
	background-size: 30px;
	border: solid 1px #39b9be;
}

MadCap|glossaryTerm
{
	border-bottom: dotted 1px #39b9be;
	color: var(--WVLtext);
	font-weight: normal;
	mc-image-position: none;
	mc-closed-image: none;
	mc-open-image: none;
}

MadCap|glossaryTerm.Popup
{
	
}

MadCap|popupBody
{
	color: var(--WVLtext);
	background-color: #fafafa;
	border: solid 2px #242729;
}

MadCap|popupHead
{
	border-bottom: dotted 1px #39b9be;
	color: var(--WVLtext);
}

MadCap|glossaryTerm:hover
{
	
}

MadCap|popupHead:hover
{
	color: var(--WVLtext);
}

MadCap|popupHead:focus
{
	color: var(--WVLtext);
}

MadCap|glossaryTerm.Hyperlink
{
	
}

MadCap|popup
{
	
}

a.GlossaryPageTerm
{
	
}

div.mailtextbox
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-right: 20px;
	padding-top: 3px;
	background-repeat: no-repeat;
	padding: 0px 40px 5px;
	margin: 5px 0px;
	background-position: 5px;
	background-size: 30px;
	border: solid 1px #39b9be;
	background-image: url('../Images/Project/emailicon.png');
}

/* Glossary Styles */

/* Glossary term for web output. This is a hyperlink, with size, spacing
   and font to match body text */

a.GlossaryPageTerm
{
	
}

/* Styles for visited and unvisited glossary hyperlinks */

/* this isn't quite correct yet. Even without this, the unvisited glossary terms
   are the colour of the rest of the hyperlinks (from a:link above, perhaps?)
   but the visited ones aren't purple with or without this. Why? */

a.GlossaryPageTerm:link
{
	color: blue;
}

a.GlossaryPageTerm:visited
{
	color: purple;
}

/* Glossary definition for web output. (Almost) as ordinary body text, but
   I've swapped the top and bottom margins round to get a better layout by
   closing up the definition to the term immediately above it and separating it
   from the term below it */

div.GlossaryPageDefinition
{
	
}

/* These are the styles for the glossary links that have been inserted into topics,
   one for each type of link */

/* For web, I think I want a hyperlink, the rest of the attributes in straight body text */

MadCap|glossaryTerm.Expanding,
MadCap|glossaryTerm.Hyperlink,
MadCap|glossaryTerm.Popup
{
	
}

/* This is the style for the glossary links that have been inserted into
   topics as popups */

MadCap|glossaryTerm.Popup
{
	
}

MadCap|glossaryTerm.Popup:hover
{
	
}

MadCap|glossaryTerm.Popup:focus
{
	
}

a.MCTextPopup
{
	color: var(--WVLtext);
}

a.GlossaryPageLink
{
	color: var(--WVLtext);
	font-weight: bolder;
	margin-top: 10px;
}

li.GlossaryPageEntry
{
	margin-top: 15px;
}

MadCap|dropDownHead.kleiner
{
	color: var(--WVL2regular);
	font-size: 1.1em;
	margin: 10px 0px 0px;
}

h3.klein
{
	font-size: 1em;
	color: var(--WVLtext);
	font-weight: bolder;
}

span.dropDownHeadkleiner
{
	color: var(--WVL2regular);
	font-size: 1em;
}

img.FotoPopup500
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 500px;
	margin: 5px;
}

span.SearchHighlight
{
	background-color: #7fffd4;
}

p.C1HTitelintopic
{
	font-weight: bold;
	margin: 5px 0px;
}

p.BodyTextLeftMargin
{
	margin-left: 12px;
	margin: 6px 0px 6px 12px;
}

p.BodyText
{
	margin: 6px 0px 8px;
}