/*general styles*/

/*Note the base font size is specified in the code: body, table {font-size:12px;}*/
body, table {font-family: Verdana, Arial, Helvetica, sans-serif;}

font, table{font-size:100%;}
input, select, textarea{font-size:0.96em; font-family: Verdana, Arial, Helvetica, sans-serif;}

/*
Internet Explorer:
elements not inheriting font-size, defaulting font based on browser text size: table, font
elements not inheriting font-size nor font-family, defaulting to fixed size, and other font-family: input (type is text), select
list-style-type disc, square and circle don't respond to size, they always are size based on browser text size
*/


a {text-decoration: underline;}
a:link, a:visited {color: #666600;}
a:hover {color: #444444;}

a:focus,
a:visited:focus,
a:active:focus,
a:hover:focus,

a:active,
a:link:active,
a:visited:active,
a:active:active,
a:hover:active{
   background-color: #AF440A !important;
   background-image: none !important;
   color: #FFFFFF !important;
   padding:2px;
}

.hide {display:none;}

.button
{
  background-color:#EEEEDD;
  font-size: 1em;
  text-transform: lowercase;
	padding: 0 3px 3px 3px;
	border: solid 1px #666600;
	height:1.5em;
}
.textbox
{
	border: 1px #000 solid;
}

th { background-color:#cccc99;  color:#41411c; font-weight:bold;font-size: 0.9em; text-align: left; }
th.alternate { background-color: #eeeedd; color: #000;} 
th a:link, th a:visited {color: #41411c;}
th a:hover {color: #333333;}
th.alternate a:link, th.alternate a:visited {color: #41411c;}
th.alternate a:hover {color: #000000;}
caption {text-align:left; font-weight:bold; background-color:#666600; color:#fff; padding:0.3em; font-size:0.9em;}
table.datagrid caption { border: 1px solid #C1BBAB; }

hr { background-color: #666600; width: 100%; color: #666600; height: 1px; border: none;}

form {display:inline;}
form, address, p, ul, hr, table {clear:left;}

ul.opsomming, .announcement ul, div.aankondiging ul { list-style: none; margin: 0; padding:0;}
#sitemap ul  { list-style: none; margin:  5px 0 -5px 0; padding:0;}
ul.opsomming li, .announcement ul li, #sitemap ul li, div.aankondiging ul li { padding: 5px 0 5px 12px; background: url("/nlapps/layouts/vo2008i/css/img/opsom.gif") no-repeat top left; display:block;}
#sitemap ul li { background-position: left 3px;}

.smallfont { font-size:0.9em; }
.supersmall { font-size: 0.75em}
.accenttext { color: #666600; font-weight:bold; }
.alerttext, .belangrijk { color: #AF440A; font-weight: bold}

.downcontact { font-size: 1.1em; font-weight: bold; margin-bottom:0em; color:#666600;}
p.download { font-size:0.9em; margin-top:5px; margin-bottom:0em; }
p.inspringen {margin-left: 3em;}

address { font-style: normal;}
address h3 {font-size: 1.1em; font-weight: bold; margin-bottom:0em; color:#666600;}

.announcement { /*border: 1px solid #B1CBE5;*/ background-color: #EEEEDD; padding: 2px; }
table.announcement td, table.announcement th { font-size: 0.9em; }

p.anchors { font-size: 0.9em; margin-top:1em; margin-bottom:1em; }
ul.anchors { font-size: 0.9em; margin:1em 0 1em 0; list-style-type:none; clear: left; padding:0;}
ul.anchors li {display:inline; margin:0; padding:0;}


#pullquoteright, .pullquoteright { line-height: 1.5; width: 200px; padding: 10px; float: right; border-top: 6px solid #CCCC99; border-bottom: 6px solid #CCCC99; margin: 3px 0px 3px 6px; }
#pullquoteleft, .pullquoteleft { line-height:1.5; width: 200px; padding: 10px; float: left; border-top: 6px solid #CCCC99; border-bottom: 6px solid #CCCC99;  margin: 3px 6px 3px 0px; }
Q.pullquoteright span.pullquoteby {display:block; text-align:right; margin-top:5px;}


.datagrid { border: 1px solid #C1BBAB; border-collapse: collapse; }
table.datagrid td, table.datagrid th { border: 1px solid #C1BBAB; font-size: 0.9em; }
.datagrid-white { border: 1px solid #C1BBAB; border-collapse:collapse;} 
table.datagrid-white td {border: 1px solid #ffffff;}
tr.shade { background-color: #EEEEDD; }
tr.white { background-color: #ffffff; }
td.white { background-color: #ffffff; }
pre {font-family: "Courier New", Courier; font-size: 0.8em; }


/* iPublish tables */

.TableCellNormal {COLOR: #000000; FONT-WEIGHT: normal;}
.TableCellBold, .TableCellBold td {BACKGROUND-COLOR: #e6e6e6; COLOR: #333333; FONT-WEIGHT: bold;vertical-align: top}
.TableCellFilledNormal { BACKGROUND-COLOR: #EEEEDD; COLOR: #000000; FONT-WEIGHT: normal; }
.tableCellFilledBold { BACKGROUND-COLOR: #EEEEDD; COLOR: #000000; FONT-WEIGHT: bold}
.TableHeaderCaps{ background-color: #666600; color: #fff; font-size: 0.9em; FONT-WEIGHT: bold; TEXT-ALIGN: center; TEXT-TRANSFORM: uppercase;}
.TableHeaderCaps, .TableHeaderCaps a {color: #fff; }
.TableHeader, .TableHeader td {  background-color: #cccc99; font-size: 0.9em;  font-weight:bold; text-align: left; vertical-align: top;}
.TableHeader, .TableHeader a {color:#666600; }
.TableCellLabel, .TableCellLabel td { background-color: #CCCCCC;color: #000000; font-weight: normal; vertical-align: top;}
.TableCellStandard, .TableCellStandard td { background-color: #EEEEDD; color: #333333; font-weight: normal; vertical-align: top;}
.TableCellSpecial, .TableCellSpecial td {	font-weight: normal; vertical-align: top;}
/*
.TableHeaderLink{BACKGROUND-COLOR: #B0CDDD; FONT-WEIGHT: bold}
.TableHeaderLink:link{COLOR: #000099}
.TableHeaderLink:visited{COLOR: #000099}
.TableHeaderLink:hover{COLOR: #EEEEDD; TEXT-DECORATION: underline}
*/


/* KOPPEN */

h1, h2, h3, h4, h5, h6{
    word-spacing: -0.125em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

h1, h2, h3, h4, h5, h6{
    position: relative;
    }
h1, h2{
    line-height: 36px;
    margin-bottom: 18px;
    }
h1, h2, h3, h4{
    margin-top: 18px;
    }
h3, h4, h5, h6{
    line-height: 18px;
    }

h1{
    font-size: 2.25em;
    top: 5px;
    }
h2{
    font-size: 1.75em;
    top: 8px;
    }
h3{
    font-size: 1.38em;
    top: 1px;
    }
h4{
    font-size: 1.13em;
    top: 2px;
    }
h5{
    font-size: 0.94em;
    top: 4px;
    }
h6{
    font-size: 0.81em;
    top: 5px;
    }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child{
    margin-top: 0;
    }

h2.groen, h2 span.groen, h3.groen, h3 span.groen, h4.groen, h4 span.groen, h5.groen, h5 span.groen, h6.groen ,h6 span.groen {
    color:#666600;
    }

/* layout */

body {
	color: #333333;
	background-color: #FFFFFF;
	margin: 0 auto; /* non IE centering*/
	position: relative;
	width:970px;
	}
body.popup
{
	margin: 0px 0px 10px 3px;
	color: #333333;
	background-color: #E1E4ED;
	font-size:0.65em;
}

#vlheader, #vljumpnavheader, #vlglobalmenu, #vlmaincats, #utilbar, #mainbody, #vlfooter, .breadcrumb {width:100%;}

/* header */

#vlheader {background:url(/nlapps/layouts/vo2008i/css/img/banner.gif) no-repeat left top;}
#headerminheight {float:right;height:93px;width:1px;}           
#headertextpart {display:block; text-align:left; padding-top:12px; padding-left:80px; font-family: Arial; }
#headertextpart, #headertextpart a {color: #AF440A;}
#headersitenameline { display:block; }
#headersitenameline {font-weight: bold; font-size: 2.2em; letter-spacing:-0.02em; line-height:1em;}
#headersitename { text-decoration:none; font-weight: bold; font-size: 1.2em; letter-spacing:-0.02em; line-height:1.08em;}
#headersitesubname {font-size:1em; display:block; font-style: italic;}

#vljumpnavheader {clear:both;}
#vljumpnavheader select {}

.sizePreset0 {font-size:12px;}
.sizePreset1 {font-size:16px;}
.sizePreset2 {font-size:20px;}

#DomeinenDropDown {width:25em; text-align:right;}
#DomeinenDropDown select {font-size: 0.8em;}

.searchform {text-align:left; display:block; margin:0; width:194px;}
.searchform table {width:100%;}
.searchform #queryText {width:190px; margin:0.4em 0 0.2em 0;}
.searchform select {font-size:0.8em;width:106px;}

.breadcrumb {font-size:0.8em; margin:0.8em 0 0.8em 0;}

/* top navitation menu */

#vlglobalmenu {display:block; margin-bottom:5px;}

#vlmaincats {clear: both;	overflow: auto;	width: 100%;}
#vlmaincat_left {height: 1.8em;float:left;}
#vlmaincats_left {float: left; padding-left:10px; border-bottom:1px solid #696969;overflow:hidden;}
#vlmaincats_active{ float:left;}
#vlmaincats_right { /*only for MSIE in ie.css: float: left;*/ border-bottom:1px solid #696969; overflow:hidden; }
.vlmaincat {float: left; vertical-align:top; margin:0; padding:0 0 0 9px; }
#vlmaincat_right {float:right; height: 1.8em;}

#vlmaincats .topicoff_first{ margin-left: 8px;}
#vlmaincats .topicoff{ background:url("/nlapps/layouts/vo2008i/css/img/norm_left.gif") no-repeat left top;}
#vlmaincats .topicon { background:url("/nlapps/layouts/vo2008i/css/img/norm_left_on.gif") no-repeat left top; border-bottom: 1px solid #ffffff;}
#vlmaincats .topicoff a {background:url("/nlapps/layouts/vo2008i/css/img/norm_right.gif") no-repeat right top;}
#vlmaincats .topicon a {background:url("/nlapps/layouts/vo2008i/css/img/norm_right_on.gif") no-repeat right top; color: #333;}
#vlmaincats a { float:left; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold;}
#vlmaincats a:link, #vlmaincats a:visited { color:#222; }
#vlmaincats a:hover {	color: #000; }

#vlsubcats {border-bottom: 1px solid #696969; width:100%; clear:both;}
#vlsubcats, #vlsubcats a:link,#vlsubcats a:visited {color: #222; }
.vlsubcat {display:block; float:left; font-size:0.9em;padding:6px 8px 4px 8px;}
.vlsubcat a {text-decoration:none; white-space:nowrap;}
.vlsubcat a:hover {text-decoration:underline;}
#vlsubcats .selected {font-weight:bold;}
.vlfirstsubcat {padding-left:50px;}

/* homepage styles */

.appletNormal, .appletHeaderRed {margin-top:10px; clear:both;float:left;width:100%;}
.appletHeader {clear:both; float:left; width:100%; background-color:#666600; color:#fff; margin: 0 0 4px 0;padding:0.2em; font-size:1.0em; position:static; line-height:normal;}
.clickable {cursor:pointer;}
.appletSubHeader { clear:both; background-color:#eeeedd; margin:0 0 0 0; padding:0; text-align:right; font-size:0.8em; word-spacing:normal;position:static;line-height:normal;}
.appletSubHeader a {text-decoration:none; }
.appletSubHeader a:hover {text-decoration:underline; }
.appletSubHeader a:link, .appletSubHeader a:visited {color:#444;}
.appletHeadlineCmd { float:right; display:block; padding-left:4px; padding-right:4px; font-weight:bold; margin-top:0; vertical-align:middle;font-size:0.95em;}
.appletHeadlineCmd a:link,.appletHeadlineCmd a:visited,.appletHeadlineCmd a:hover {text-decoration:none; color:#fff;}
.appletExpandCollapse {float:right; font-size: 1.3em; font-weight:bold; margin-top:0em;}
.appletBody {clear:both;}

.appletNoExpCol {margin-top:10px;}
.appletNoExpCol h2 {font-size:1em;}


.newslist {clear:both;}
.newslist h1 { font-size: 1.5em; font-weight: bold; }
div.newslist .rssicon {margin:0; float:right; display:block;}
.newslist .pubinfo {margin-top:18px;}
.newslist .itemtitle { margin-top:7px; margin-bottom:5px; font-size: 1.0em; position:static; line-height:normal; }
.itemtitle a:link, .itemtitle a:visited {text-decoration:none; font-weight: bold; color: #444444;}
.itemtitle a:hover {text-decoration:underline; font-weight: bold; color: #444444;}
.newslist div.itemsummary {font-weight:normal; line-height:1.3em; /*font-size:12px;*/ }
a.itemsummary:link, a.itemsummary:visited {text-decoration:none; color:#444444;}
a.itemsummary:hover, a.itemsummary:hover {text-decoration:underline; color:#666600;}
.newslist .backlink {text-align:right; margin:3px 0 0 0;}

.noheading{font-weight:normal;line-height:normal;position:static;font-size:1.0em;margin:0 0 0 0;padding:0;word-spacing:normal;}

/*.messagequeue, .messagequeue p, .messagequeue td { font-size:12px; }*/
.messagequeue p {margin-top:0;}
.messagequeue .rssicon {float:right; margin-top:-12px;}
.messagequeuedoctitle { font-size: 1.2em; font-weight: bold; margin-bottom:5px;} /* like h5 */
h1.messagequeuedoctitle, h2.messagequeuedoctitle {line-height:normal;margin-bottom:1em;}
.messagequeuedoctitle a:link, .messagequeuedoctitle a:visited {text-decoration:none; color: #444444;}
.messagequeuedoctitle a:hover {text-decoration:underline; color: #444444;}

/* KALENDER */
.tabcontainer .diary { width:180px; }
.tabcontainer .diary h4 { background-color:#fff; }
.diarymonth {border: 1px solid #999999; background-color: #FFFFFF;}
.diarymhdr {background-color: #dddddd;}
.diary3dlighter {background-color: #ffffff;}
.diary3ddarker {background-color: #9999cc;}
.diarywhdr {border-top: 1px solid red;}
.calname { font-family:Verdana, Arial, Tahoma; font-weight:normal; text-align:center;}
.calname a:link, .calname a:visited{text-decoration: none;color:#000000;}
.calname a:hover{	text-decoration: underline;}
.calhidate {color:#000000;font-family:Verdana,Arial,Tahoma;font-weight:normal;text-align:right;}
.caldate { font-family:Verdana, Arial, Tahoma; color:#000000; font-weight:normal; text-align:right;}
.caldate a {text-decoration: none; }	
.calnow {	border-style:solid; border-width:1px; border-color:#990033; padding:0x;}
.dim {font-family:Verdana, Arial, Tahoma; color:#E0DDD5; font-weight:normal;text-align:right;}
.calrightsep {width:4px;}

.evtdatecol {width:100px; font-size:10px; vertical-align:top;}
.evtdesccol {width:460px; vertical-align:top;}
.evtcmdcol {width:60px; vertical-align:top;}



/* document navigation styles */

#vlleftnav { width:180px; margin-top:3px;}
#vlleftnav a {text-align: left; font-size: 1em; margin: 3px 0px 3px 5px; text-decoration:none; display:block;}
#vlleftnav a.topicoff {color:#666600;}
#vlleftnav a.topicon {color:#666600; text-decoration:underline;}
#vlleftnav a:hover {color: #444444; text-decoration:underline; }
.vlleftnav1 {	border-bottom: 1px solid #EEEEDD; font-weight:bold; }
.vlleftnav1Last {	font-weight:bold; /* no line below */ }
.vlsublevel {margin: 3px 0px 3px 25px; font-weight:normal; font-size: 0.9em; line-height:1.2em;}
#vlleftnav .vlsublevel a.topicon {font-weight:bold;text-decoration:none;}
.vllastlevel { display:inline-block; background-color:#EEEEDD; width:576px; margin:13px 0 10px 0;padding:0;}
.vllastlevel a {text-align: left; font-weight:normal; text-decoration:underline;}
.vllastlevel a.topicoff {color:#666600;}
.vllastlevel a.topicon {color:#666600; font-weight:bold;}
.vllastlevel a:hover {color: #444444;}
.vllastheader {height:25px; width:100%; background-image:url(/nlapps/layouts/vo2008i/css/img/nav_botleft.gif);background-position:top left;background-repeat:no-repeat; margin-bottom:-10px;}
.vllastheader a {display:block; padding-left:10px;padding-top:5px;padding-bottom: 15px; font-size:0.8em; font-weight:normal; text-decoration:none;}
.vllastheader a:hover {text-decoration: underline;}
.vllastfooter {clear:both; height:20px; width:100%; background-image:url(/nlapps/layouts/vo2008i/css/img/nav_botright.gif);background-position:right;background-repeat:no-repeat; margin-top:-10px;  }
.vllastbody{ padding-left:40px;padding-right:10px; padding-bottom:10px; display:inline-block; }
.vllastbody ul { list-style: none; margin: 0; }
.vllastbody li { padding: 5px 0 5px 12px; background:  url("/nlapps/layouts/vo2008i/css/img/opsom.gif") no-repeat top left; display:block;}
.vllastbody a.topicon {font-weight:bold;}

#vlfooter{ font-size: 0.8em; margin-top: 25px; text-align: center; text-transform:lowercase; clear:both;}
#vlfooter ul { list-style: none; margin: 0; }
#vlfooter li { display:inline; }
#vlfooter li span {padding:0 0.5em 0 0.5em;}

label.auralonly, legend.auralonly, div.auralonly, span.auralonly, p.auralonly, h1.auralonly, h2.auralonly, h3.auralonly, h4.auralonly, h5.auralonly, h6.auralonly, h6.auralonly {position: absolute; display: block; overflow: hidden; text-indent: -10000px; font-size:0;}
fieldset.auralonly{margin: 0 0 0 0; padding: 0; border: none; }

/* document styles */

.docpubinfo {margin-right:18px; margin-top:10px; text-align:right;}
.pubinfo {font-size:0.8em; color:#666648; }
.pubinfo a {color:#666648;}

#pageutils {margin-left:3px; float:right; display:inline;}

.leftcolumn {width: 200px;}
#leftcol {width:200px; padding-top:0.3em;}
#leftcol.authorbar{background-color:#fff; border-right:solid 1px #b1cbe5;}
#maincol { padding: 0; vertical-align:top;}

#newsside {text-align:right; margin-top:2px;margin-bottom:3px;}

#doccontent {padding: 0px 8px 10px 10px; }
#docside {width:194px; padding-left:4px;}
.normaldoccontent {width:576px;}
.widedoccontent {width:776px;}

#docside .searchform{clear:both; margin-bottom:30px;}

#docside h4 { background-color:#666600; color:#fff; padding:0.2em; font-size:1.0em; margin:0 0 4px 0; }
#docside h4.notfirst {  margin-top: 2em; }
#docside ul { list-style: none; margin: 0 0 0 0; padding:0;}
#docside ul li { padding: 5px 6px 5px 12px; background: url("/nlapps/layouts/vo2008i/css/img/opsom.gif") no-repeat top left; display:block;}
#docside ul li {word-wrap:break-word;}

#sitemap a {text-decoration:none; }
#sitemap ul {border-top: #333 1px solid; padding-top:8px; }
#sitemap ul ul {width:auto; border:none; padding-top:0px;}
#sitemap h2, #sitemap h3, #sitemap h4{line-height:normal;position:static;margin:0 0 0 0;}

.totop {}


/* compatibility left menu */

#leftnav { width: 200px; padding: 0; visibility: hidden; border-bottom: solid 8px #E6E6E6; border-top: solid 8px #E6E6E6; border-right: solid 1px #b1cbe5;}
#leftnav a.topicoff, #leftnav a.topichide { font-size: 0.9em; display: block; padding: 7px; border-bottom: 1px solid #C1BBAB; border-top: 1px solid #ffffff; }
#leftnav a.topicon { font-size: 0.9em; display: block; background-color: #666600; padding: 6px; text-decoration: none; color: white;	cursor: default; font-weight: bold }
#leftnav a.topichide { display: none; }
#leftnav span a { margin-left: 10px; }
span.subtopicsoff { display: none; }
span.subtopicson {	display: block; }
span.separator { padding: 5px 3px 5px 3px; display: block; }

td.select { font-size: 0.9em; display: block; background-color: #666600; color:white; padding: 6px; text-decoration: none; color: white;	cursor: default; font-weight: bold }
td.topic { font-size: 0.9em; display: block; padding: 7px; border-bottom: 1px solid #C1BBAB; border-top: 1px solid #ffffff; }
td.subtopic { font-size: 0.9em; display: block; padding: 7px 0.25em 7px 1.25em; border-bottom: 1px solid #C1BBAB; border-top: 1px solid #ffffff; }
td.subselect { font-size: 0.9em; display: block; background-color: #666600; color:white; padding: 7px 0.25em 7px 1.25em; border-bottom: 1px solid #C1BBAB; border-top: 1px solid #ffffff; }


/* iPublish */



.compcaption { font-weight: bold; text-align: center; text-transform: uppercase; background-color: #69a1bc}
.subcaption { font-size: 1.25em; color: #333; font-weight: bold; margin-bottom:0em; }

.smallcontrol {font-family: Tahoma,Verdana, Arial; font-size: 0.9em; text-decoration: none; }
.smallcontrol:link {text-decoration: none; }
.smallcontrol:visited {text-decoration: none;}
.smallcontrol:hover {text-decoration: underline; }
.IndexSub {font-family: Verdana,Arial; font-size: 1.1em; font-weight: normal; }
.IndexSub:link {text-decoration: underline; }
.Focused { color: rgb(0,0,0); background-color: rgb(0,255,255); border: 1px solid rgb(0,0,0); padding-left: 3px; padding-right: 3px; padding-top: 0px; padding-bottom: 0px }

.caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.8em; padding-bottom: 0em; margin-top: 0em; margin-bottom: 0em;}
.prompt {font-weight: normal; font-style: normal }
.recAttrib { FONT-WEIGHT: normal; }
.ListHeader { background-color: #B0CDDD; color: #333333; font-weight: bold; text-align: left; }
.ListCell { FONT-WEIGHT: normal; TEXT-DECORATION: none}
.ListCell:hover {text-decoration: underline}
.authorbar {BACKGROUND-COLOR: #F7F5ED}


.TextSpecial { FONT-STYLE: italic; FONT-WEIGHT: normal}
.TextLight  { color: #666699; }

.ExpiredNewsBody {color: #E0DDD5; }
h2.resultlist{}
p.resultlist, td.resultlist{margin-top:0; font-size:0.9em;}

.bottomline { border-bottom: 1px solid #B1CBE5; }

.NewItemAccent {color: #AF440A; font-size: 0.75em}


.introduction { font-style: italic; font-size: 0.9em; }

/* extra styles of hp_alert */
#hp_alert_detail,#hp_alert {text-align:left;}
#hp_alert_detail .header { background-color: #666600; color: #ffffff; margin: -6px -6px 6px -6px; padding:4px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.25em; }

.worklistbox { width:85%; border: 2px solid #AF440A; font-size: 0.9em; padding:0; margin:0.5em 0 0.6em 0.4em; background-color:#F7F5ED;}
.worklisttitle {background-color:#AF440A; font-weight:bold; font-size:1.0em;padding:0 0 0 4px;}
.worklisttitle a{text-decoration:none;}
.worklisttitle a.expcollink img {}
.worklisttitle span {margin-left:0.6em; color:#fff;}
.worklistbody {padding:5px;}
.worklistbody .bottomlink {text-align:right;margin:0;padding:0;}
.worklistbody p, .worklistbody ul {margin-top:0; margin-bottom:0.8em;}

div.aankondiging {background-color: #FCF6EC; padding: 2px; margin:0; display:inline-block;}
div.aankondiging h1 {font-size: 0.9em; background-color: #666600; color:#ffffff; font-weight:bold; text-align: left; margin:0px; padding:1px;}
div.aankondiging h1 a:link, div.aankondiging h1 a:visited {color: #ffffff;}
div.aankondiging h1 a:hover {color: #ffffff;}
div.aankondiging p {font-size: 0.9em; margin:0px; padding:1px;}
div.aankondiging strong, div.aankondiging b {color:#666600;}

.IPUBLISHPART {border:1px solid black; padding:10px; background-color: #F0C0F0;}


/* tab container */

.noapplet .xapcmds {display:none;}

.tabcontainer {clear:both; }
.tabshead {float:left; padding:0px; font-weight:bold; width:100%; margin:0; }
.tabshead .tabitem { float:left; display:block; background-color: #666600;
                     overflow: hidden; padding:0; border-top:1px solid #666600; border-left:1px solid #666600; border-right:1px solid #666600;
                     margin: 0 1px 0 0;font-size:1em; position:static; line-height:normal;}
.tabshead .tabitem a {float:left; text-decoration:none; padding:4px 10px 4px 10px; }
.tabshead .tabitem a:link, .tabshead .tabitem a:visited {color: #fff;}
.tabshead .tabitem a:hover {color: #666600; background-color: #EEEEDD; }
.tabshead .tabitem_left {float: left; border-bottom:1px solid #666600; overflow:hidden; width:10px }

.tabshead .tabsep {display:none;}
.tabshead .on a   {white-space:nowrap;}
.tabshead .on a:link, .tabshead .on a:visited, .tabshead .on a:hover  {color:#666600; }
.tabshead .on {background-color: #fff;  border-top:1px solid #666600; border-left:1px solid #666600;border-right:1px solid #666600;border-bottom:none;}
.tabsbody { width:100%; clear:both; margin:0px; background-color:#fff; border-top:1px solid #666600; border-left:1px solid #666600; border-bottom:1px solid #666600; border-right:1px solid #666600;}
.tabsbody .tabitem {padding:5px;}
.tabsbody a:hover, .tabsbody a:visited, .tabsbody a:link {border-top:none;}

/* second level tab container */

.tabsbody .tabcontainer {clear:none; margin:-5px -5px -5px -5px; width:100%}
.tabsbody .tabshead {display:block; float:none; width:100%; padding: 2px 4px 4px 5px; font-size:0.9em; border-bottom:1px solid #cccc99;}
.tabsbody .tabshead .tabitem { float:none; display:inline; 	margin-right:1px; padding:0; border:none; background-color:transparent; background-image:none;}
.tabsbody .tabshead .tabsep {display:inline; padding:0 5px 0 5px; font-weight:normal;}
.tabsbody .tabshead .tabitem a {float:none; display:inline; text-decoration:none; padding:0; font-weight:normal;}
.tabsbody .tabshead .tabitem a:link {	color: #666600; text-decoration:underline;}
.tabsbody .tabshead .tabitem a:visited {color: #666600; text-decoration:underline;}
.tabsbody .tabshead .tabitem a:hover {color: #444444; background-color: transparent; background-image: none; text-decoration:underline;}

.tabsbody .tabshead .on a   {white-space:normal; font-weight:bold;}
.tabsbody .tabshead .on a:link, 
 .tabsbody .tabshead .on a:visited, 
 .tabsbody .tabshead .on a:hover {color:#000; background-color: transparent;text-decoration:none;}
 .tabsbody .tabsbody { clear:both; width:100%; padding:5px; margin:0; border-top: 0px; border-bottom:0px; border-left:0px; border-right:0px;}
 .tabsbody .tabsbody .tabitem {padding:0;}

.rssfeed {}
.rssfeedtitle {display:none;}
.rssfeedinfo {}
.rssfeeditems {margin-top:0px;margin-bottom:-7px;}
.rssitem {}
.rssitemtitle {float:left;}
.rssiteminfo {float:right; font-size:0.8em; color:#444;}
.rssitemsummary {clear:both; margin-top:5px; margin-bottom:10px;}
.rssadminlink {display:inline;}


.speciaal1container {}
.speciaal1folder {}
.speciaal1title {margin:0 0 0.8em 0;}
.speciaal1body {margin-bottom:1em;}
 
.poll {font-size:0.9em; padding:0.4em;}
.pollconfirmation {}
.pollname {}
.polldescription {}
.pollbody {margin-top:0.6em; margin-bottom:0.4em;}
.pollbody form {display:inline;}
.pollbody textarea {width:180px;}
.pollchoice {}
.pollsubmit {margin-top:0.8em; text-align:center;}
.polllink {margin-top:0.6em;}
.pollinfo {}
.pollresult .pollname {}
.pollresult .pollinfo {}
td.pollkey {padding-right:1em;}
td.pollvalue {}

.docdiscussion {padding-left:10px;margin-top:15px; }
.docdiscussion p { margin:0 0 10px 0px;} 
.docdiscussion h2 {border-top: 1px solid #666600;	}
.docdiscussion h3 {font-size:1.2em; margin:.5em 0 .8em 0; padding:0; }
.docdiscussion h4 {margin:5px 0 3px 0;}
.docdiscussion h6 {color:#999999; font-weight:normal; margin:0px 0 6px 0;}
.docdiscussion form {display:inline;}
.docdiscussion .datecol {width:95px; vertical-align:top; font-size:11px; padding-right:5px;}
.docdiscussion .whocol {width:100px; vertical-align:top; font-size:11px; padding-right:5px;}
.docdiscussion .msgcol {width:400px; vertical-align:top; word-wrap:break-word; font-size:11px;}
.docdiscussion .cmdcol {text-align:right; vertical-align:top; padding-left:5px;}
.docdiscussion .notapproved {background-color: #ffc0c0;}
.discpreview {display:none; border:1px dotted #999999; padding:0 4px 4px 4px; margin:5px 0 5px 0;}
.discpreview p {margin:0;}
#discaddform {margin-top:15px;}

.docrating {}
#ratehelp{ font-size:0.9em;}

#mainbody td, #mainbody p {line-height:1.3em;}

#idSideContentSwitchOn a.switch{padding-left:18px; background: transparent url("img/plus.gif") no-repeat 0px 1px;}
#idSideContentSwitchOff a.switch{padding:0 0 3px 18px; background: transparent url("img/minus.gif") no-repeat 2px 3px; margin:0;}
#idSideContentSwitchOff {border: solid 4px #cccccc; width:679px; padding:0;}
#idSideContentSwitchOff label {padding-left:4px;}
#idSideContent {width:675px; margin:2px;}


.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
	  overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright, .colmid, .colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
}
.column {
	float:left;
	position:relative;
	overflow:hidden;
	padding-right:2px;	
}

/* EenBlok en TweeBlokkenBovenElkaar style settings */

.EenBlok .colleft, .TweeBlokkenBovenElkaar .colleft {
	right:212px;				/* right column width */
}
.EenBlok #hmblock1, .TweeBlokkenBovenElkaar #hmblock1 {
	width:749px;				/* left column content width (left column width minus left and right padding) */
	left:212px;				/* (right column width) plus (left column left padding) */
}
.EenBlok #hmside, .TweeBlokkenBovenElkaar #hmside {
	width:194px;				/* right column content width (right column width minus left and right padding) */
	left:235px;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* TweeBlokkenNaastElkaar style settings */
.TweeBlokkenNaastElkaar .colmid {
	right:212px;				/* width of the right column */
}
.TweeBlokkenNaastElkaar .colleft {
	right:388px;				/* width of the middle column */
}
.TweeBlokkenNaastElkaar #hmblock1left {
	width:368px;				/* width of center column content (column width minus padding on either side) */
	left:600px;				/* 100% plus left padding of center column */
}
.TweeBlokkenNaastElkaar #hmblock2right {
	width:368px;				/* Width of left column content (column width minus padding on either side) */
	left:612px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.TweeBlokkenNaastElkaar #hmside {
	width:194px;				/* Width of right column content (column width minus padding on either side) */
	left:636px;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* DrieBlokken style settings */
.DrieBlokken .colleft {
	right:212px;  /* right column width */
}
.DrieBlokken #col1 {
	width:749px; /* left column content width (left column width minus left and right padding) */
	left:212px;  /* (right column width) plus (left column left padding) */
}

.DrieBlokken #hmblock2left {
	width:368px;
	left:0%;
}
.DrieBlokken #hmblock3right {
	width:368px;
	left:11px;	
}
.DrieBlokken #hmside {
	width:194px;   /* Width of right column content (column width minus padding on either side) */
	left:236px;	   
}

.nieuwsbrief .hoofd {line-height:normal;}



.tiledmessagequeue{}
.tiledmessagequeuewidth2{}
div.tileditem{float:left; min-height:138px;margin-right:10px;padding-bottom:10px;}
div.tileditem img.tileditem{margin-left:10px; margin-top:10px;position:absolute;z-Index:10;}
/*for IE6:*/div.tileditem img.tileditemminheighthelper{height:138px;width:1px;float:right;}
.tiledmessagequeuewidth2 div.tileditem{width: 310px; 
    background: #edeff4 url(img/home-box_bottom.png) no-repeat bottom right;
    margin-bottom: 15px;}
.tiledmessagequeuewidth2 div.itemindex1, .tiledmessagequeuewidth2 div.itemindex3, .tiledmessagequeuewidth2 div.itemindex5, .tiledmessagequeuewidth2 div.itemindex7{clear:both;margin-right:50px;}
.tileddoctitle, .appletNoExpCol .tileddoctitle{font-size: 1.4em; font-weight:normal;color: #00374f; margin:0;padding:10px 0 0 90px;top:0;line-height:normal; height:50px;
                                               background-image:url(img/home-box_top.png);background-position: left top; background-repeat:no-repeat;}
.appletNoExpCol .tileddoctitle a {}
.tileddoctitle a{text-decoration:none;}
.tiledcontent{margin-left:90px;}
.tiledcontent ul { list-style: none; margin: 0; padding:0;}
.tiledmessagequeuewidth2 ul, .tiledmessagequeuewidth2 li{width:200px;}
.tiledcontent ul li { padding: 2px 0 2px 12px; background: url("/nlapps/layouts/vo2008i/css/img/opsom.gif") no-repeat top left; display:block;}
.tiledmessagequeue .itemindex1{}
.normaldoccontent .tiledmessagequeuewidth2 div.tileditem{width:260px;margin-right:20px;}
.normaldoccontent .tiledmessagequeuewidth2 div.itemindex2, 
.normaldoccontent .tiledmessagequeuewidth2 div.itemindex4, 
.normaldoccontent .tiledmessagequeuewidth2 div.itemindex6, 
.normaldoccontent .tiledmessagequeuewidth2 div.itemindex8{margin-right:0;}
.normaldoccontent .tileddoctitle, .normaldoccontent.appletNoExpCol .tileddoctitle{font-size:1.2em;}