body
{
	font-size: 0.8em;
}

body .Normal,
body div#pageframe,
body div#pagefooter,
body textarea
{
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 1em;
}
body .Normal,
div#pageframe div.contentpane div.uitgeverij-std { line-height: 1.5em; }



/*** page layout ***/

html, body
{
	height: 100%;  /* nodig voor sticky footer */
	margin: 0px;
	padding: 0px;
	background: #ccc;
}

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


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


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

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.gif) right top repeat-y;
	
	clear: both;
	
	/* centreer footer met vaste breedte */
	margin-left: auto;
	margin-right: auto;
	width: 974px;
	
	/* sticky footer techniek */
	position: relative;
	height: 32px;       /* bepaal hoogte van footer */
	margin-top: -32px;  /* trek footer onderaan in beeld */
}



span#loginLink
{
	display: none;
}

div.contentpane div.uitgeverij-std
{
	margin: 25px 50px 25px 50px;
	text-align: left;
}


/* Kop stijlen */

/* GENERIC */
H1, H2, H3, H4, H5, H6, TFOOT, THEAD, TH
{
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
    color: #19416c;
}

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;
}

div.contentpane div.uitgeverij-std h1
{
	border-bottom: solid 1px #e53517;
    padding: 4px 0px 4px 0px;
}
div.contentpane div.uitgeverij-std h1 span
{
	background-color: #e53517;
	font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 4px 16px 4px 16px;
}
div.contentpane div.uitgeverij-std h2,
div.contentpane div.uitgeverij-std h3,
div.contentpane div.uitgeverij-std h4
{
	color: #e53517;
	margin-bottom: 0px;
}



/* link stijlen */

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

div#pageframe a:hover
{
	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 a
{
	color: #fff;
	background-color: #02a3e1;
	padding: 2px 8px 2px 8px;
}

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;
}

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

/* 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;
}

div.contentpane div.uitgeverij-std div.WorkPanel table td
{
	background-color: #eee;
	color: #000;
}



/*** header ***/

div#pageheader
{
	color: #acabab;
	background-color: #fff;
	height: 55px;
	position: relative;
	padding: 7px;
}

div#headerlinks
{
	position: absolute;
	top: 28px;
	right: 25px;
	font-size: 0.85em;
}

div#pageframe div#headerlinks a
{
	color: #22539f;
}

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

div#bannerbar
{
	background: url(images/topbanier.jpg);
	height: 94px;
	border-top: solid 17px #e53517;
}


/*** menu ***/

div#pageframe div#menubar
{
	color: #fff;
	background-color: #22539f;
	height: 30px;
}

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;
	background-color: #22539f;
}

div#menubar dl.menu dt a
{
	color: #fff;
	text-decoration: none;
	float: left;
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0px 12px 0px 12px;
	border-right: solid 1px #fff;
	text-transform: uppercase;
}
body.AppleMAC-Safari div#pageframe div#menubar dl.menu dt a { padding: 0px 10px 0px 10px; }

div#menubar dl.menu dt a.breadcrumb,
div#menubar dl.menu dt a:hover
{
	background-color: #e53517;
}

dl.menu dd
{
	display: none;
	position: absolute;
	background-color: #e53517;
	padding: 4px;
	border: solid 1px #f97b68;
	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: #fbe8e4;
}

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



/*** footer ***/

div#footertext,
div#footerlinks
{
	font-size: 0.8em;
}

div#pagefooter div#footertext
{
	color: #949494;
	line-height: 30px;  /* plaats tekst verticaal in het midden */
	padding-left: 20px;
}

div#pagefooter div#footerlinks
{
	border-top: solid 1px #3864a8;
	color: #6b8dc2;
	position: absolute;
	width: 196px;
	height: 31px;
	left: 766px;
	top: 0px;
	line-height: 30px;  /* plaats tekst verticaal in het midden */
}

div#pagefooter div#footerlinks a
{
	color: #bdcdde;
	padding: 0px 4px 0px 4px;
}
div#pagefooter div#footerlinks a:hover
{
	color: #fff;
}


/*** breadcrumb ***/

div#crumbbar
{
	background-color: #fabc34;
	color: #22539f;
	height: 20px;
	line-height: 20px;
	padding: 0px 0px 0px 20px;
	font-size: 0.85em;
}

div#pageframe div#crumbbar a.rootcrumb
{
	color: #22539f;
}

div#pageframe div#crumbbar a.breadcrumb,
div#pageframe div#crumbbar span.currentpage
{
	background: url(images/breadcrumb-separator.gif) 3px 3px no-repeat;
	color: #22539f;
	padding: 0px 0px 0px 16px;
}



/*** search ***/

div#searchTop
{
	background: #436dad url(images/hoek_zoeken-links-boven.gif) left top no-repeat;
	padding: 5px 2px 7px 46px;
}

div#searchControls
{
	background: #597eb7 url(images/hoek_zoeken-links-onder.gif) left bottom no-repeat;
	color: #fff;
	padding: 0px 0px 12px 12px;
	margin: 0px 0px 16px 0px;
	font-size: 0.85em;
}

div.search input.zoekveld
{
	width: 104px;
	border: solid 1px #b7b7b7;
	vertical-align: middle;
}

div.search span.zoekknop input
{
	border-width: 0px;
	vertical-align: middle;
}

div#searchControls_A
{
	padding: 8px;
}

div#searchControls_A div.formcolumn
{
	margin-left: 20px;
}

div#searchControls_A div.formcolumn div
{
	position:relative;
}

div#searchControls_A div.formcolumn div div
{
	position: absolute;
	top: 4px;
	left: 24px;
	width: 100px;
}

div.search-titel
{
	margin-top: 8px;
}
div.search-titel a
{
	font-weight: bold;
}

div.search-parentlinks
{
	padding-left: 12px;
	background: url(images/bullet-link.gif) left 50% no-repeat;
}

div.search-browse
{
	text-align: center;
	padding: 6px 0px 6px 0px;
	border-top: solid 1px #22539f;
	border-bottom: solid 1px #22539f;
}

div.search-browse img
{
	vertical-align: middle
}

div.search-browse a.search-resultlink
{
	font-weight: bold;
	font-size: 0.95em;
	margin: 0px 4px 0px 4px;
}



/*** rightpane ***/

div#contentcolright div.uitgeverij-minimaal,
div#contentcolright div.uitgeverij-std
{
	margin: 8px 6px 8px 12px;
	padding: 0px 2px 8px 1px;
}

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

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

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

div#contentcolright p.contentcolright-blockseparator
{
	border-bottom: solid 1px #3864a8;
	margin-bottom: 20px;
}



/*** contentpane ***/

div.contentpane span.Normal h2
{
	margin-bottom: 0em;
}

div.contentpane span.Normal p
{
	margin-top: 0em;
	margin-bottom: 1em;
}

div.contentpane p.inleiding
{
	color: #595959 ;
	font-weight: bold;
}

div.contentpane ul
{
	padding: 0px;
	margin: 0px;
}

div.contentpane ul li
{
	list-style-type: none;
	padding-left: 16px;
	background: url(images/bullet-link.gif) left 5px no-repeat;
}

div.contentpane ul.arbocat li
{
	list-style-type: none;
	padding-left: 16px;
	background: url(images/bullet-arbocat.png) left 6px no-repeat;
}


/*** 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);
}


/*** arbocat-item ***/

body input,
body textarea
{
	font-family: Arial;
	font-size: 12px;
}

div#toolbar
{
	background-color: #f6f6f6;
	padding: 8px;
	margin-bottom: 8px;
}

div.btnbar
{
	margin: 25px 0 0 0;
	padding: 5px;
	background-color: #ebf0f6;
}

div#arbocatitem-view p { margin: 0 0 1em 0; line-height: normal; }
div#arbocatitem-view dd { line-height: normal; }

div#arbocatitem-view div.illustratie
{
	float: right;
	width: 244px;
	padding: 12px 0px 0px 12px;
	margin: 0px;
	background-color: #fff;
	text-align: right;
}

div#arbocatitem-view h1
{
	margin: 0 0 10px 0;
	padding: 4px 0px 4px 0px;
	border-bottom: solid 1px #e53517;
}
div#arbocatitem-view h1 span
{
	background-color: #e53517;
	font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 4px 16px 4px 16px;
}

div#arbocatitem-view h2 { margin-bottom: 0; font-size: 1em; }

div#arbocatitem-view dl
{
	position: relative;
	/* border-top: solid 1px #e53517; */
	margin: 0 0 10px 0;
}

div#arbocatitem-view dl dt
{
	position: absolute;
	left: 0px;
	width: 170px;
	text-align: right;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	line-height: normal;
}

div#arbocatitem-view dl dt.tips
{
	padding: 8px 0px 4px 0px;
}

div#arbocatitem-view dl dd
{
	/* left padding voor ruimte voor absoluut gepositioneerde dt */
	padding: 8px 0px 0px 180px;
	margin: 0px 0px 0.8em 0px;
	background: url(images/stippel-grijs.gif) left top repeat-x;
}
div#arbocatitem-view dl dd.top { background: none; }

div#arbocatitem-view dl dd.tips
{
	margin-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	background-color: #fdf5e2;
	background: #fdf5e2 url(images/tips.gif) 100px 4px no-repeat;
}



div#arbocatitem-view dl dd p:first-child,
div#arbocatitem-view dl dd ul:first-child
{ margin-top: 0px; }

div#arbocatitem-view dl dd ul
{
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 0.5em;
	margin-top: 0.25em;
}
div#arbocatitem-view dl dd ul li
{
	list-style-type: none;
	padding-left: 16px;
	background: url(images/bullet-arbocat.png) left 4px no-repeat;
}
div#arbocatitem-view dl dd ul ul
{
	margin-left: 20px;
}

div.arbocatitem-editlink
{
	margin: 0px 32px 0px 20px;
}

div#arbocatitem-view img.illustratie
{
	margin: 2px 0 12px 12px;
}


div.watkunjedoen
{
	position: relative;
	left: -30px;
	width: 715px;
}




/* edit */

div#arbocatitem-edit
{
	display: none;
	margin: 1em 20px;
}

div#arbocatitem-edit label
{
	clear: both;
}

input.titel { width: 95%; font-weight: bold; margin-top: 1em 0px; }
input.plaintextwide { width: 95%; }


/* navigatieknoppen */

div#navprevnext { position: relative; top: -10px; text-align: right; }

div#pageframe div#navprevnext a,
div#pageframe div#navprevnext a:link,
div#pageframe div#navprevnext a:visited,
div#pageframe div#navprevnext a:active
{
	background-color: #22539f;
	color: #fff;
	padding: 4px 8px 4px 8px;
	font-size: 0.85em;
}

div#pageframe div#navprevnext a:hover
{
	text-decoration: none;
	background-color: #436dad;
}

div#pageframe div#navprevnext span.nav-prev,
div#pageframe div#navprevnext span.nav-next
{
	background-color: #22539f;
	color: #bdcdde;
	padding: 4px 8px 4px 8px;
	font-size: 0.85em;
}


span.at
{
	background: url(images/at.png) 1px 4px no-repeat;
	display: inline-block;
	width: 13px;
}



/*** arbocat-list ***/

div#arbocatitemlist div
{
	width: 325px;
	float: left;
}
div#arbocatitemlist div.wide { width: 600px; }


div#watiseraandehand h2
{
	border-bottom: solid 1px #e53517;
	padding: 8px 8px 8px 8px;
	margin: 12px 0px 0px 0px;
	width: 638px;
}

div#watiseraandehand h2 a
{
	background: url(images/watiseraandehand-verborgen.gif) left 50% no-repeat;
	padding: 0px 8px 0px 24px;
	cursor: pointer;
}

div#watiseraandehand h2.uitgeklapt
{
	background-color: #fdf7f6;
}

div#watiseraandehand h2.uitgeklapt a
{
	background: url(images/watiseraandehand-zichtbaar.gif) left 50% no-repeat;
}

div#watiseraandehand div.watiseraandehand-item
{
	padding: 8px 12px 12px 12px;
	background-color: #fdf7f6;
	border-bottom: solid 1px #e53517;
	width: 630px;
	overflow: hidden;
}

div.watiseraandehand-item div.linklijst
{
	width: 305px;
	margin-right: 10px;
	float: left;
}

div.watiseraandehand-edit { margin: 0 50px; }
div.watiseraandehand-edit div.watiseraandehand-item-edit { margin-bottom: 2em; }
div.watiseraandehand-edit div.watiseraandehand-item-edit input { width: 600px; }
div.watiseraandehand-edit div.watiseraandehand-item-edit textarea { width: 600px; height: 200px; }


/*** arbocat-form ***/

div.praktijkverhaalformulier
{
	margin: 25px 25px 32px 25px;
}

div.praktijkverhaalformulier span.verplichtevelden
{
	color: #949494;
	font-style: italic;
}

div.praktijkverhaalformulier p
{
	margin: 1em 0em 0.25em 0em;
}

div.praktijkverhaalformulier textarea
{
	width: 650px;
	height: 80px;
}

div.praktijkverhaalformulier div#contactgegevens label
{
	float: left;
	width: 180px;
}

div.praktijkverhaalformulier div#contactgegevens input
{
	float: left;
	width: 300px;
	margin-right: 8px;
}

div.praktijkverhaalformulier div#contactgegevens br
{
	clear: both;
}

div.praktijkverhaalformulier input.verzendknop
{
	margin: 1em 0em 0em 0em;
}

div.praktijkverhaalformulier div.foutmelding
{
	color: Red;
}


/*** paginadoorsturen ***/

div#contentcolmain div.paginadoorsturen-popup
{
	position: absolute;
	left: 304px;
	top: 52px;
	width: 480px;
	min-height: 240px;
	z-index: 999;
	color: #000;
	background-color: #f6f9fd;
	border: solid 2px #436dad;
	font-size: 1.1em;
}

div#contentcolmain div.paginadoorsturen-popup div.titelbalk
{
	position: relative;
	background-color: #22539f;
	color: #ffffff;
	padding: 8px 24px 8px 8px;
}

div#contentcolmain div.paginadoorsturen-popup div.invoer
{
	padding: 8px;
}

div#contentcolmain div.paginadoorsturen-popup div.knoppen
{
	margin-top: 1.5em;
	border-top: solid 1px #eee;
	padding: 0.5em 0px 0.5em 0px;
	position: relative;
}
div#contentcolmain div.paginadoorsturen-popup div.knoppen img.loader
{
	position: absolute;
	right: 0px;
	display: none;
}


div#contentcolmain div.paginadoorsturen-popup div.paginaverstuurd,
div#contentcolmain div.paginadoorsturen-popup div.foutmelding
{
	display: none;
	padding: 8px;
}

div#contentcolmain div.paginadoorsturen-popup div.titelbalk a.sluitknop
{
	position: absolute;
	right: 8px;
}

div#contentcolmain div.paginadoorsturen-popup div.titelbalk a.sluitknop-x
{
	position: absolute;
	top: 4px;
	right: 4px;
	background: url(/Portals/uitgeverij/Skins/uitgeverij/images/sluitknop-achtergrond.gif) top left no-repeat;
}

div#contentcolmain div.paginadoorsturen-popup div.titelbalk a.sluitknop-x:hover
{
	background-position: left -20px;
}

div#contentcolmain div.paginadoorsturen-popup label
{
	float: left;
	width: 125px;
}

div#contentcolmain div.paginadoorsturen-popup input
{
	float: left;
	width: 332px;
}

div#contentcolmain div.paginadoorsturen-popup br
{
	clear: both;
}

div#contentcolmain div.paginadoorsturen-popup textarea
{
	width: 458px;
	height: 80px;
}

div#contentcolmain div.paginadoorsturen-popup .validatie
{
	margin-top: 0.5em;
	color: #e53517;
	display: none;
}



/* ================ Tekstmodule ================ */

div#html-edit
{
	position: relative;
}

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

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

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

span.errormessage
{
	color: red;
}



/*** fix IE6 ***/

/* layout */
/* centrering pagina en sticky footer */

	/* Met min-height 100% gaat IE6 de mist in, zonder min-height en met height 100% doet ie het goed */
	html body.IE6 div#pageframe
	{
		min-height: 0;
	}

	/* fix voor tonen van blauwe tekst door IE6 in het menu */
	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; }

	/* fix voor tonen van text underline door IE6 in het menu bij hover */
	body.IE6 div#menubar dl.menu dt a:hover { text-decoration: none; }


/* Oplossingenboek interactie */

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

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


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


/*
	fix voor ie6 bug met floats en z-index
	zie o.a. http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html
*/
body.IE6 div#pageframe div#menubar
{	
	position: relative;
	z-index: -1;
}
body.IE6 div#navprevnext
{
	position: relative;
	z-index: -1;
}