/* ================ Page layout ================ */

html, body
{
	height: 100%;  /* nodig voor sticky footer */
	margin: 0px;
	padding: 0px;
	background: #ccc;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
}

div#pageframe
{
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers, overrules height for IE */
	height: 100%; /* For IE */
	/* overflow: hidden; */
	
	margin-left: auto;
	margin-right: auto;
	width: 1015px;
	
	background: #fff url(images/background-right.png) right top repeat-y;
}


/* div#pagemain bevat alles behalve de footer en de zijkant-marges */
div#pagemain,
div#pagemain-admin
{
	padding-bottom: 92px;  /* ruimte voor de footer */
}


div#contentcolmain
{
	float: left;
	width: 795px;
}

div#contentcolright
{
	float: left;
	width: 220px;
}

div#pagemain-admin div#contentcolmain
{
	float: none;
	width: auto;
}

div#footerspace
{
	clear: both;
	height: 12px;
}

div#pagefooter
{
	/* laat blauwe kolom rechts visueel doorlopen */
	background: url(images/background-right.png) right top repeat-y;
	
	clear: both;
	
	/* centreer footer met vaste breedte */
	margin-left: auto;
	margin-right: auto;
	width: 1015px;
	
	/* sticky footer techniek */
	position: relative;
	height: 90px;       /* bepaal hoogte van footer */
	margin-top: -90px;  /* trek footer onderaan in beeld */
}


/* ============= Stijlen algemeen ============== */

div#pageframe textarea
{
	font-family: Arial, Verdana, Helvitica, Sans-Serif;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6, tfoot, thead, th
{
	font-family: Arial, Helvetica, Sans-Serif;
    color: #1665a7;
}

h1 { font-size: 17px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }

h3, h4, h5, h6
{
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 0px;
}

dl, dt, dd
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1em;
}

div#contentcolmain .highlight
{
	background-color: #dfebe9;
	padding: 0 2px;
}
div#contentcolmain div#normkenmerken1 .highlight { background-color: #c0dbf3; }


/* link stijlen */

div#pageframe a,
div#pageframe a:link,
div#pageframe a:visited,
div#pageframe a:active
{
	color: #00adef;
	text-decoration: none;
}

div#pageframe a:hover,
div#pageframe a:hover h2
{
	text-decoration: underline;
}

div#pageframe a.bullet-wit,
div#pageframe a.bullet-wit:link,
div#pageframe a.bullet-wit:visited,
div#pageframe a.bullet-wit:active
{
	color: #fff;
	background: url(images/bullet-wit.gif) 0px 4px no-repeat;
	padding-left: 12px;
}

div#pageframe a.bullet-blauw,
div#pageframe a.bullet-blauw:link,
div#pageframe a.bullet-blauw:visited,
div#pageframe a.bullet-blauw:active
{
	background: url(images/bullet-blauw.gif) 0px 4px no-repeat;
	padding-left: 12px;
}

div#pageframe a.currentpage
{
	color: #000;
	font-weight: bold;
}

div#pageframe div#pagemain div.searchresultnavbuttons
{
	text-align: right;
	margin: 0px 20px 0px 20px;
	padding: 8px 0px 8px 0px;
	background: url(images/stippel-groen.gif) left bottom repeat-x;
}

div#pageframe div#pagemain div.searchresultnavbuttons img
{
	vertical-align: -7px;
}
body.AppleMAC-Safari div#pageframe div#pagemain div.searchresultnavbuttons img
{
	vertical-align: -8px;
}

div#pageframe div#pagemain div.searchresultnavbuttons a.nav
{
	display: inline-block;
	height: 21px;
	line-height: 21px;
	color: #fff;
	background-color: #1665a7;
	margin: 0px 2px;
}
div#pageframe div#pagemain div.searchresultnavbuttons a.nav span.l
{
	display: inline-block;
	height: 21px;
	width: 6px;
	line-height: 21px;
	background: #fff url(images/btn-background.png) left top no-repeat;
}
div#pageframe div#pagemain div.searchresultnavbuttons a.nav span.r
{
	display: inline-block;
	height: 21px;
	width: 6px;
	line-height: 21px;
	background: #fff url(images/btn-background.png) right top no-repeat;
}

div#pageframe div#pagemain div.searchresultnavbuttons a:hover
{
	text-decoration: none;
}

div#pageframe h3#themakop a,
div#pageframe h3#themakop a:link,
div#pageframe h3#themakop a:visited
{
	color: #1665a7;
}

div#pageframe div#reactiebeheerpager a,
div#pageframe div#reactiebeheerpager a:link,
div#pageframe div#reactiebeheerpager a:visited
{
	font-weight: bold;
}






/*** overrule dnn default.css styles ***/

.SkinObject
{
	color: #000;
	font-family: Arial, Helvetica, Sans-Serif;
}

/* style for module titles */
.Head
{
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    font-weight: normal;
    color: #1665a7;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    color: #1665a7;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #1665a7;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    line-height: 20px;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: #ccc;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #f00;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
}

/* text style used for help text rendered by modules */
.Help,
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton,
/* button style for standard HTML buttons */
.StandardButton
{
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
}


/* ================   header    ================ */

/* header met logo, doorstuur- en afdruk-links */
div#pageheader
{
	color: #acabab;
	background-color: #fff;
	height: 89px;
	position: relative;
}

div#headerlinks
{
	text-align: right;
	padding: 38px 150px 0px 0px;
}

div#headerlinks a#afdruklink
{
	padding-left: 16px;
	background: url(images/afdrukken.png) 2px 2px no-repeat;
}

a#logo-arbovo
{
	position: absolute;
	top: 24px;
	left: 884px;
}

a#logo-startpagina
{
	background: url(images/logo-startpagina.png) no-repeat;
	position: absolute;
	top: 32px;
	left: 20px;
	width: 238px;
	height: 51px;
}
div#pageframe div#pageheader a#logo-startpagina:hover { text-decoration: none; }
a#logo-startpagina span { visibility: hidden; }

div#contentcolmain div.bannerbar { height: 110px; }
div#bannerbar-1 { background: url(images/topbanier-1.jpg); }
div#bannerbar-2 { background: url(images/topbanier-2.jpg); }
div#bannerbar-3 { background: url(images/topbanier-3.jpg); }
div#bannerbar-4 { background: url(images/topbanier-4.jpg); }
div#bannerbar-5 { background: url(images/topbanier-5.jpg); }
div#bannerbar-6 { background: url(images/topbanier-6.jpg); }

div#crumbbar
{
	background-color: #50b2aa;
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
	font-size: 13px;
}

body div#crumbbar a.rootcrumb,  /* selector voor vormgeving bij pagina afdrukken */
div#pageframe div#crumbbar a.rootcrumb
{
	color: #fff;
}

body div#crumbbar a.breadcrumb,  /* selector voor vormgeving bij pagina afdrukken */
body div#crumbbar span.currentpage,
div#pageframe div#crumbbar a.breadcrumb,
div#pageframe div#crumbbar span.currentpage
{
	background: url(images/breadcrumb-separator.gif) 3px 3px no-repeat;
	color: #fff;
	padding: 0px 0px 0px 16px;
}


/* ================    menu     ================ */

div#pageframe div#menubar
{
	color: #8ab2d3;
	background-color: #1665a7;
	height: 30px;
	padding-left: 20px;
}

div#menubar dl,
div#menubar dt,
div#menubar dd,
div#menubar ul,
div#menubar li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#menubar
{
	position: relative;  /* voor positionering submenu's */
}

div#menubar dl.menu dt
{
	float: left;
	height: 30px;
}

div#menubar dl.menu dt a
{
	color: #fff;
	text-decoration: none;
	background: url(images/menu-border.gif) left top no-repeat;
	
	float: left;
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0px 16px 0px 24px;
}

body.IE6 div#menubar dl.menu dt a:link,
body.IE6 div#menubar dl.menu dt a:visited,
body.IE6 div#menubar dl.menu dt a:active { color: #fff; }
body.IE6 div#menubar dl.menu dt a:hover { text-decoration: none; }

div#menubar dl.menu dt a.item1
{
	background: url(images/menu-border.gif) left -33px no-repeat;
}

dl.menu dt a.item1 { left: 0px;  z-index: 9; }
dl.menu dt a.item2 { left: -1px; z-index: 8; }
dl.menu dt a.item3 { left: -2px; z-index: 7; }
dl.menu dt a.item4 { left: -3px; z-index: 6; }
dl.menu dt a.item5 { left: -4px; z-index: 5; }
dl.menu dt a.item6 { left: -5px; z-index: 4; }


div#menubar dl.menu dt a.breadcrumb,
div#menubar dl.menu dt a:hover
{
	background: #50b2aa url(images/menu-border.gif) left -66px no-repeat;
	padding: 0px 15px 0px 24px;
	border-right: solid 1px #9ce5df;
}


dl.menu dd
{
	display: none;
	position: absolute;
	background-color: #1665a7;
	padding: 4px;
	border-top: solid 1px #8ab2d3;
	z-index: 100;
}

div#menubar dl.menu dd ul li
{
	line-height: 1.2em;
	padding: 4px 12px 4px 12px;
}

div#menubar dl.menu dd ul li a
{
	color: #fff;
	font-weight: bold;
}

div#menubar dl.menu dd ul li a:hover
{
	color: #fff;
	text-decoration: none;
}


/* ================   footer    ================ */

div#pagefooter div#footertext
{
	color: #949494;
	background-color: #fff;
	width: 775px;
	height: 90px;
	padding-left: 20px;
}

div#pagefooter div#footertext img
{ vertical-align: top; margin: 0 30px 5px 0; }
div#pagefooter div#footertext img.last
{ margin-right: 0; }

div#pagefooter div#footerlinks
{
	color: #3d84c0;
	position: absolute;
	width: 220px;
	height: 32px;
	left: 807px;
	top: 54px;
	line-height: 30px;  /* plaats tekst verticaal in het midden */
}

div#pagefooter div#footerlinks a
{
	font-size: 0.9em;
	color: #79aad3;
	padding: 0px 4px 0px 4px;
}


/* ================   search    ================ */

div#search
{
	position: relative;
	background: url(images/search-background.gif) left top no-repeat;
	padding: 5px 2px 5px 20px;
	margin-bottom: 3em;
}

div#search input.search-input
{
	height: 16px;
	width: 132px;
	margin-left: 8px;
	margin-top: 2px;
	border: 0;
	vertical-align: top;
	color: #1665a7;
}
body.IE7 div#search input.search-input, body.IE6 div#search input.search-input { margin-top: 1px; }

div#search input.search-button
{
	color: #fff;
	background-color: #03a1de;
	padding: 0px 0px 0px 0px;
	margin: 3px 0 0 0;
}


/* ==============   searchtips   =============== */

div#searchtips
{
	position: absolute;
	display: none;
	top: 30px;
	right: 0px;
	width: 300px;
	z-index: 100;
	background: url(/Portals/vo/Skins/vo/images/searchtips-background.png) bottom left no-repeat;
}
div#searchtips div.top { background: url(/Portals/vo/Skins/vo/images/searchtips-background-top.png) top left no-repeat; height: 18px; }
div#searchtips div.links { border-left: solid 6px #16988d; background-color: #fff; }
div#searchtips div.alles { height: 22px; padding-top: 10px; line-height: 22px; }

div#searchtips div.links a
{
	padding: 2px 10px;
	display: block;
	clear: both;
	background: transparent url("images/stippel-grijs.gif") left top repeat-x;
}
div#searchtips div.links a:hover { background-color: #dfebe9; text-decoration: none; }

div#pageframe div#searchtips div.links a.type
{
	background-image: none;
	border-top: solid 1px #50B2aa;
	color: #1665a7;
	font-weight: bold;
	font-size: 1.1em;
}
div#pageframe div#contentcolright div#searchtips div.links a.first { border-top-width: 0; }

div#pageframe div#searchtips div.links a.hit
{
	color: #00adef;
}

div#searchtips div.alles a { margin-left: 16px; padding-left: 12px; background: url(/Portals/vo/Skins/vo/images/bullet-wit.gif) left 3px no-repeat; }


/* ================  searchnav  ================ */

div#searchnav
{
	margin-top: 1px;
	height: 24px;
	padding: 8px 8px 8px 40px;
	background: #50b2aa url(images/searchnav-background.gif) left top no-repeat;
}
div#searchnav * { vertical-align: top; }

div#searchnav a.nav
{
	display: inline-block;
	position: relative;
	height: 21px;
	line-height: 20px;
	margin: 1px 2px;
	text-decoration: none;
	color: #fff;
	background: #1665a7 url(images/btn-background-groen.png) right top no-repeat;
	padding: 0 12px;
}

div#searchnav a.nav span
{
	position: absolute;
	height: 21px;
	width: 1px;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: url(images/btn-background-groen.png) left top no-repeat;
}

div.searchresult-types
{
	width: 150px;
	padding: 16px 0 16px 25px;
	float: right;
	position: relative;
	background: url(images/searchresult-types-background.png) left top no-repeat;
	position: relative;
	top: -1px;
}
div.searchresult-types div.bottom
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 12px;
	background: url(images/searchresult-types-bottom.png) left top no-repeat;
}

div.searchresult-types h2 { font-size: 1.1em; margin: 0 0 2px 0; }
div.searchresult-types p { margin: 0; }


/* ============== search result ================ */

div#searchresult-input div.a
{
	display: inline-block;
	vertical-align: top;
	margin-top: 7px;
}
body.AppleMAC-Safari div#searchresult-input div.a { margin-top: 6px; }

div#searchresult-input div.b
{
	display: inline-block;
	height: 28px;
	width: 381px;
	line-height: 28px;
	margin: 0 0 0 1em;
	background: url(images/search-field-large.png) left top no-repeat;
}

body.IE6 div#searchresult-input div.a,
body.IE6 div#searchresult-input div.b,
body.IE7 div#searchresult-input div.a,
body.IE7 div#searchresult-input div.b
{ float: left; }

div#searchresult-input div input.search-button { vertical-align: top; margin: 6px 5px; }
div#searchresult-input div input.search-input { vertical-align: top; border: 0; margin: 5px 4px; width: 330px; color: #1665a7; }

p.noresult
{
	color: #999999;
	font-style: italic;
}

div.zoekresultaat
{
	width: 715px;
	background: url(images/stippel-grijs.gif) left top repeat-x;
	padding-top: 8px;
	margin-top: 1em;
}
div.zoekresultaat h2
{
	margin: 0.2em 0 0 0; padding: 0;
}

div.zoekresultaat a.title { font-weight: bold; }
div.zoekresultaat a.title b { background-color: #dfebe9; padding: 0 2px; }

div.zoekresultaat p.search-abstract,
div.zoekresultaat p.search-context
{
	margin: 0;
}
div.zoekresultaat p.search-abstract b { font-weight: normal; background-color: #dfebe9; padding: 0 2px; }

div.zoekresultaat p.search-context a
{
	background-image: url(images/bullet-blauw.gif);
	background-position: 0px 50%;
	background-repeat: no-repeat;
	padding: 0 0.75em 0 12px;
}


/* ==============  contentpane  ================ */

div#pageframe div#contentcolmain div.contentpane p
{
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}

div.contentpane div.WorkPanel table tr td
{
	color: #000;
}

div.contentpane h1.title { margin: 1em 20px 0.5em 20px; }
div.contentpane h2.title { margin: 0 20px 0 20px; }
div.contentpane p.startdate { color: #666; margin: 0 20px; }

div.contentpane div.VoKader-standaard { margin: 20px; }
div.contentpane div.VoKader-vragen { margin: 0 20px 20px 20px; }

table.vragenlist,
table.vragenlist tr td
{
	border-width: 0;
	padding: 0 0 0.35em 0;
	margin: 0;
}
table.vragenlist tr td.startdate { color: #666; padding: 0 1em 0 0; width: 6em; }
body.IE6 table.vragenlist tr td.startdate,
body.IE7 table.vragenlist tr td.startdate
{ width: 7em; }
table.vragenlist tr td.title { font-weight: bold; }

p.vragenarchief-themalink { margin: 0 0 2em 0; }

div.contentpane div.VoKader-vragen p.startdate { color: #666; }

div#archiveerdialoog { display: none; }
div#archiveerdialoog p.datum { margin-left: 2em; margin-bottom: 0; color: #666; }
div#archiveerdialoog p.vraagtitel { margin-left: 2em; margin-top: 0; color: #1665a7; }

/* ============ contentcolright ================ */

div#contentcolright div.VoKader-minimaal,
div#contentcolright div.VoKader-standaard
{
	margin: 8px 6px 8px 12px;
	padding: 0px 4px 8px 4px;
	/* border-bottom: solid 1px #1665a7; /* hack: met onzichtbare bottom border is afstand */
	background-image: url(images/rechterkolom-stippelhorizontaal.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

div#contentcolright h1,
div#contentcolright h2,
div#contentcolright strong
{
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#contentcolright p
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1em;
	line-height: 20px;
	color: #b5d3ec;
}

div#pageframe div#contentcolright a
{
	color: #fff;
}


/* ==============  startpagina  ================ */

div.driekolom
{
	background: url(images/driekolom.gif);
	border-top: solid 8px #8dd8f8;    /* border in zelfde kleur als driekolom.gif, zorgt dat */
	border-bottom: solid 8px #8dd8f8; /* scheidingslijn een paar pixels voor de rand ophoudt */
	width: 795px;
	overflow: hidden;
}

div.tweekolom
{
	background: url(images/tweekolom.gif);
	border-top: solid 8px #fff;    /* witte border zorgt dat scheidingslijn */
	border-bottom: solid 8px #fff; /* een paar pixels voor de rand ophoudt  */
	width: 795px;
	overflow: hidden;
}

div.tweekolom div.tweekolom-A
{
	float: left;
	width: 530px;
}
div.tweekolom div.tweekolom-A div.VoKader-startpagina { padding: 12px 25px 12px 20px; }

div.tweekolom div.tweekolom-B
{
	float: left;
	width: 265px;
}
div.tweekolom div.tweekolom-B div.VoKader-startpagina { padding: 12px 20px; }

div.driekolom div.driekolom-A,
div.driekolom div.driekolom-B,
div.driekolom div.driekolom-C
{
	float: left;
	width: 225px;
	padding: 12px 20px;
}

div#pageframe div.contentpane div.driekolom a { color: #1665A7; }


/* ============ pagina doorsturen ============== */

div#paginadoorsturen label
{
	display: block;
	width: 140px;
	float: left;
	margin-bottom: 4px;
}

div#paginadoorsturen input.frmveld
{
	display: block;
	width: 310px;
	float: left;
	margin-bottom: 4px;
}

div#paginadoorsturen br
{
	clear: both;
}

div#paginadoorsturen textarea
{
	width: 450px;
	height: 60px;
	border: solid 1px #7f9db9;
}

div#pageframe div#paginadoorsturen-verwerkt p.ontvanger
{
	margin-left: 4em;
}


/* ============     sitemap     ============== */

div#pageframe dl.sitemap
{
}

div#pageframe dl.sitemap dt
{
	margin: 6px 0px 2px 0px;
}

div#pageframe dl.sitemap ul li
{
	list-style-image: url(images/norm-listitem.gif);
}


/* ============   arbocatalogus   ============== */

div.norm-schoolvoorbeeld-list
{
	line-height: 20px;
}

/* grijze achtergrond voor de norm kenmerken */
div#normkenmerken1
{
	background-color: #f5f5f5;
	padding: 8px 0px 0px 0px; /* top padding geeft wat ruimte boven eerste dt en dd */
	margin: 0px;
	position: relative;
}

/* ronde hoek links boven voor grijze achtergrond norm kenmerken */
div#normkenmerken1 div.hoekL
{
	position: absolute;
	width: 4px;
	height: 4px;
	z-index: 20;
	top: 0px;
	left: 0px;
	background: url(images/normkenmerken1-hoekL.gif) left top no-repeat;
}

/* ronde hoek rechts boven voor grijze achtergrond norm kenmerken */
div#normkenmerken1 div.hoekR
{
	position: absolute;
	width: 4px;
	height: 4px;
	z-index: 20;
	top: 0px;
	right: 0px;
	background: url(images/normkenmerken1-hoekR.gif) right top no-repeat;
}

/* Blok voor afbeelding van de norm rechtsboven, bevat ook eventueel officiele norm indicatie. */
div#normkenmerken1 div.omlooprechts
{
	float: right;
	
	/* positie relatief met hoge z-index, zodat dd backgrounds niet over plaatjes heenlopen */
	position: relative;
	z-index: 10;
	
	background-color: #f5f5f5;
	width: 240px;
	
	/* padding left voor ruimte tussen tekst */
	padding: 0px 6px 0px 12px;
}


div#normkenmerken1 div.omlooprechts div#goedgekeurdenorm
{
	background: url(images/goedgekeurdenorm-achtergrond.gif) left top no-repeat;
	padding: 6px 40px 8px 16px;
	width: 181px;  /* 237px plus paddings */
}

div#normkenmerken1 div.omlooprechts div#goedgekeurdschoolvoorbeeld
{
	background: url(images/goedgekeurdschoolvoorbeeld-achtergrond.gif) left top no-repeat;
	padding: 6px 40px 16px 16px;
	width: 181px;  /* 237px plus paddings */
}

div#normkenmerken1 div.omlooprechts div#goedgekeurdschoolvoorbeeld div
{
	padding: 8px 30px 0px 0px;
}



/*** norm kenmerken algemeen ***/

/*
	IE7 bug: er moet een top-margin van minimaal 12px zijn voor de DL
	anders wordt de eerste regel van de eerste DD halverwege afgebroken.
*/

div#normkenmerken1 dl
{
	position: relative;
	margin-top: 0;
}
body.IE6 div#normkenmerken1 dl,
body.IE7 div#normkenmerken1 dl
{
	margin-top: 12px;
}


div#normkenmerken1 dl dt
{
	position: absolute;
	display: block;
	left: 0px;
	z-index: 5;
	width: 189px;
	margin: 0;
	padding: 4px 0px 4px 11px;  /* top en bottom padding voor afstand tot stippellijn */
	line-height: 20px;
	text-align: right;
	font-weight: bold;
}

div#normkenmerken1 dl dd
{
	display: block;
	background: url(images/stippel-grijs.gif) left top repeat-x;
	line-height: 20px;
	
	/* marge links en rechts voor ruimte tussen stippellijn en rand van de grijze achtergrond */
	margin: 0px 8px 0px 12px;
	
	/*
		top en bottom padding voor afstand tot stippellijn,
		left padding voor ruimte voor absoluut gepositioneerde dt
	*/
	padding: 4px 0px 4px 212px;
}

div#normkenmerken1 dl dd p
{
	margin: 0px;
}


/*** norm kenmerken afwijkend ***/

div#normkenmerken1 dl dt.eerst,
div#normkenmerken1 dl dd.eerst
{
	/* geen stippellijn erboven bij het eerste kenmerk, en na de tips */
	background-image: none;
}

div#normkenmerken1 dl dt.tips
{
	z-index: 100;
	padding: 8px 0px 4px 0px;
}

div#normkenmerken1 dl dt.tips span
{
	background: url(images/tips.gif) left top no-repeat;
	padding: 0px 0px 10px 30px;
}

/*
	Truken om te zorgen dat de lichtblauwe achtergrond en witte borders over de gehele breedte gelijk lopen.
	De achtergrond van dt.tips wordt getekend door dd.tips naar links te verplaatsen en een evenredige left padding te geven.
*/
div#normkenmerken1 dl dd.tips
{
	/* geen stippellijn */
	background-image: none;
	
	/* minimale hoogte van 1 regel indien de dd geen tekst bevat */
	min-height: 23px;

	/* witte lijn voor en na en speciale achtergrondkleur */
	background-color: #dbf3f1;
	border-top: solid 4px #fff;
	border-bottom: solid 4px #fff;
	
	/* i.p.v. margin padding gebruiken zodat witte borders helemaal doorlopen */
	margin: 0;
	padding: 4px 12px 4px 224px;
}


/*** unordered lists ***/

div#normkenmerken1 ul
{
	padding-left: 0px;
	margin-left: 16px;
	margin-top: 0px; /* voor standaard UL top marge in Safari */
}

div#normkenmerken1 ul li
{
	list-style-image: url(images/norm-listitem.gif);
	margin-bottom: 2px;
}


div#normkenmerken1 ul ul
{
	margin-left: 24px;
}

div#normkenmerken1 ul ul li
{
	list-style-image: url(images/norm-listitem-lvl2.gif);
}



/*** Arbocat item lijst ***/

div.norm-schoolvoorbeeld-list
{
	line-height: 20px;
}

div#pageframe a.goedgekeurd
{
	padding-left: 24px;
	background: url(images/norm-approved.gif) left top no-repeat;
}

div#pageframe a.nietgoedgekeurd,
div#pageframe div.geenitems
{
	padding-left: 24px;
}



/*** Reacties ***/

div.reacties
{
	margin: 20px 0px 20px 0px;
}
div.reacties p.kop
{
	background: url(images/stippel-grijs.gif) left top repeat-x;
	padding: 8px 20px 0px 20px;
}
div.reacties div
{
	padding: 0px 20px 0px 20px;
	color: #aaa;
}



/*** Norm / Schoolvoorbeeld bewerken ***/

div#arbocat-edit,
div#arbocat-edit table.arbocat-edit td
{
	vertical-align: top;
	text-align: left;
}

div#arbocat-edit table.arbocat-edit td.label
{
	font-weight: bold;
	text-align: right;
}

.mceExternalToolbar
{
	position: absolute;
	z-index: 1000;
	left: 4px;
	top: 0px;
}



/***  Reacties, expertvragen  ***/

div#normreactie,
div#normreactie-verwerkt,
div#schoolvoorbeeldreactie,
div#schoolvoorbeeldexpertvraag,
div#schoolvoorbeeldexpertvraag-verwerkt
{
	display: none;
	position: absolute;
	z-index: 1000;
	background-color: #f5fbfa;
	border: solid 1px #1665a7;
	padding: 8px 20px 8px 20px;
	width: 450px;
	left: 60px;
}

body.IE div#normreactie,
body.IE div#normreactie-verwerkt,
body.IE div#schoolvoorbeeldreactie,
body.IE div#schoolvoorbeeldexpertvraag,
body.IE div#schoolvoorbeeldexpertvraag-verwerkt
{
	padding: 16px 20px 4px 20px;
}

div#normreactie,
div#normreactie-verwerkt
{
	top: 340px;
}

div#schoolvoorbeeldreactie,
div#schoolvoorbeeldreactie-verwerkt
{
	bottom: 60px;
}

div#schoolvoorbeeldexpertvraag,
div#schoolvoorbeeldexpertvraag-verwerkt
{
	top: 330px;
}

div#pageframe div.vointeractie textarea
{
	width: 440px;
	height: 120px;
}

div#pageframe div.vointeractie div.sluitknop
{
	position: absolute;
	right: -4px;
	top: 4px;
}

div#pageframe div.vointeractie div.sluitknop a
{
	font-size: 18px;
	font-weight: bold;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #1665a7;
	text-decoration: none;
	background: none;
}

div#pageframe div.vointeractie div.sluitknop a:hover
{
	color: #f00;
	text-decoration: none;
}

body.IE6 div#pageframe div.vointeractie div.sluitknop a,
body.IE6 div#pageframe div.vointeractie div.sluitknop a:visited
{
	background-color: Transparent;
}


div#pageframe div.vointeractie label
{
	display: block;
	width: 140px;
	float: left;
	margin-bottom: 4px;
}

div#pageframe div.vointeractie input.frmveld
{
	display: block;
	width: 300px;
	float: left;
	margin-bottom: 4px;
}

div#pageframe div.vointeractie br
{
	clear: both;
}
body.IE6 div#pageframe div.vointeractie br
{
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
}


div#pageframe div.vointeractie a,
div#pageframe div.vointeractie a:link,
div#pageframe div.vointeractie a:visited
{
	color: #fff;
	background-color: #1665a7;
	padding: 2px 8px 2px 8px;
}

div#pageframe div.vointeractie-error
{
	display: none;
	color: #f66;
}



/* ============= reactieformulier ============== */

div#Reactieformulier
{
	background-color: #f5f5f5;
	padding: 10px;
}

div#Reactieformulier p
{
	margin: 0px 0px 8px 0px;
}

div#Reactieformulier div
{
	position: relative;
	padding-left: 202px;
}

div#Reactieformulier div.uwreactie
{
	margin-top: 8px;
}

div#Reactieformulier div span.label
{
	position: absolute;
	left: 0px;
	top: 5px;
	width: 190px;
	text-align: right;
}

div#Reactieformulier div input.tekstveldklein
{
	width: 120px;
	height: 14px;
	margin-top: 2px;
}

div#Reactieformulier div textarea
{
	margin-top: 2px;
	width: 510px;
	height: 90px;
}


/* ============ text editor (tinymce) ============= */

div#html-edit
{
	position: relative;
	text-align: left;
}

div#html-edit textarea.html-editor
{
	width: 100%;
	height: 300px;
}

div#html-edit span.html-panename
{
	color: #aeb8d4;
	font-weight: bold;
}

div#html-edit input.html-title
{
	width: 100%;
	font-weight: bold;
	font-size: 1.25em;
}

div#html-edit input.html-title
{
	width: 100%;
	font-weight: bold;
	font-size: 1.25em;
}

span.errormessage
{
	color: red;
}