@charset "utf-8";
/* CSS Document */

/**
 * Last modified by Muhammad Alvin (April 28, 2008)
 */

body {
   margin: 3px 0px 0px 0px;
   padding: 0px;
   background:url(../gfx/bg.jpg) repeat-x #FFFFFF;
   font-family: verdana;
   font-size:11px;
   overflow-x: hidden;
}
a img {
   border:0;
}
form, h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
}
input, select, textarea {
   font-family: verdana;
   font-size:11px;
}

#whitebg_container {
   margin:auto;
   width: 984px;
   padding:0px;
   position:relative;
}

#shadow_top {
   height:16px;
   background:url(../gfx/shadow_top.gif) no-repeat;
}
#shadow_mid {
   float:left;
   padding:0px;
   background-image:url(../gfx/shadow_mid_repeater.gif);
   background-repeat: repeat-y;
}
   #shadow_mid_left {
      width: 5px;
      height:486px;
      float:left;
   }

   #shadow_mid_center {
      width: 975px;
      float:left;
      background-color:#FFFFFF;
   }
      #colorsbg_container {
         background:url(../gfx/orange_bg.gif) no-repeat;
         width: 975px;
         min-height: 594px;
         _height: 594px;
         float:left;
         position:relative;
      }
         #header {
            height: 80px;
            background-image: url(../gfx/logo.gif);
            background-repeat: no-repeat;
            background-position: 100% 0;
            width: 975px;
            float: left;
         }

         #header_nav {
            width: 975px;
            height:36px;
            float: left;
         }
         #home_button {
            height: 19px;
            width:186px;
            float:left;
            text-align:right;
            padding: 5px 10px 0px 0px;
            text-decoration:none;
         }

         #nav-lan_container {
            background-image:url(../gfx/nav_blueline.gif);
            height: 24px;
            float: left;
            width: 779px;
         }

         .nav_button {
            height: 24px;
            float: left;
         }
         .button_first_left {
            height: 24px;
            width: 28px;
            float:left;
            background-image:url(../gfx/nav_first_left.gif);
         }
         .button_mid {
            height: 19px;
            padding: 5px 0px 0px 2px;
            float:left;
            background:url(../gfx/nav_mid.gif);
            color:#436dbb;
            text-decoration:none;
            font-family:trebuchet ms;
         }
         .button_mid:hover {
            color:#1f4da2;
         }
         .button_right_left {
            height: 24px;
            width: 27px;
            float:left;
            background-image:url(../gfx/nav_right-left.gif);
         }
         .button_last_right {
            height: 24px;
            float:left;
            width: 15px;
            background-image:url(../gfx/nav_last_right.gif);
         }


#lan_switch {
   height:19px;
   float:left;
   margin-left:12px;
   margin-right:10px;
   padding-top:5px;
   color:#416cba;
}
#lan_switch a {
   color:#416cba;
   text-decoration:none;
}
#lan_switch a.lan_current {
   font-weight:bold;
   color:#eb8b01;
}
#lan_switch a:hover {
   text-decoration:underline;
}

a.but_logoff {
   float:right;
   background:#7c98ca;
   color:white;
   padding:5px 11px;
   text-transform:uppercase;
   text-decoration:none;
}
a.but_logoff:hover {
   background:#92afe2;
}

   #left_sideblock {
      width: 196px;
      float: left;
      min-height: 478px;
      _height: 478px;
	  z-index:2;
   }

      #sideblock_search {
         height: 92px;
         width: 183px;
         margin-left: 13px;
      }
      #sideblock_subnav {
         width: 183px;
         position:relative;
      }
      #sideblock_bottom {
         xheight: 92px;
         width: 183px;
         float:left;
         position:relative;
         margin-top:1px;
      }
      #sideblock_bottom .trans {
         background: url(../gfx/sideblock_bottom.gif) no-repeat;
         left:1px;
         width:194px;
         xmin-height: 100px;
      }

      /* stretchable transparent thiny for sidebar blocks */
      .trans {
         background: white;
         filter: alpha(opacity=44);
         opacity: .44;
         width:182px;
         height:100%;
         position: absolute;
         top:0;
         left:13px;
      }
      .overlay {
         width: 150px;
         margin-left: 13px;
         padding:10px;
         position:relative;
      }

#left_sideblock h3 {
   color:#436dbb;
   text-transform:uppercase;
   font-size:12px;
   font-family:'Trebuchet ms';
}
#left_sideblock ul,
#left_sideblock li,
#right_sideblock ul,
#right_sideblock li {
   margin:0;
   padding:0;
   list-style-image:url(../gfx/bullet_orange.gif);
   font-weight:bold;
   font-size:10px;
}
#right_sideblock ul,
#left_sideblock ul {
   margin:10px 0;
}
#left_sideblock li,
#right_sideblock li {
   margin:6px 0 6px 16px;
}
#left_sideblock li a,
#right_sideblock li a {
   color:#5b5b5b;
   text-decoration:none;
}
#left_sideblock li a:hover,
#right_sideblock li a:hover {
   text-decoration:underline;
}
#right_sideblock ul {
   margin-left:10px;
   margin-right:15px;
   padding-bottom:10px;
   border-bottom:1px solid #dedede;
}
#right_sideblock li {
   list-style-image:url(../gfx/bullet_blue.gif);
   font-weight:normal;
   color:#ec8b00;
}
#right_sideblock li a {
   color:#665d5e;
   font-weight:bold;
}

.sideblock_flits {
   color:#eb8b00;
}
.but_kpvv_flits {
   display:block;
   margin:0 auto;
}
.sideblock_contact {
   padding:10px 5px;
   border:1px solid #fbe4b2;
   border-width:1px 0;
   margin-top:15px;
   margin-bottom:30px; /*margin-bottom:15px;*/
   font-size:10px;
   color:#5b5b5b;
}
.sideblock_contact a {
   color:#5b5b5b;
}
.sideblock_contact a:hover {
   color:#eb8b00;
}
.footer_mininav {
   font-size:10px;
   position:absolute;
   bottom:15px;
   left:30px;
}
.footer_mininav a {
   color:#5b5b5b;
   text-decoration:none;
}
.footer_mininav a:hover {
   color:#eb8b00;
}

#right_contentblock {
   width: 565px;

   float: left;

   padding:15px 0 0 20px;
   /*border:1px solid red;*/
}
#right_sideblock {
   width:191px;
   float:right;
   background:white url(../gfx/blue_bg.gif) 100% 100% no-repeat;
  /*  position:absolute; */
   margin-top:15px;
   margin-left:3px;
   _margin-right:0px;


 	/*right:0px;
	_right:-3px;
	bottom:0px; */
   /* These 'conflicting' coordinates form a feature of CSS
   that doesn't work in IE6. See javascript for more details. */
  /*  top:131px; */
   /*margin-top:15px;*/



}
#right_contentblock h1,
#right_sideblock h1 {
   background:#436cbb;
   padding:4px 10px;
   font-size:11px;
/*   text-transform:uppercase;*/
   color:white;
}
#right_sideblock h1 {
   padding-left:15px;
}
#right_contentblock h2 {
   color:#675e5f;
   /*
   font-size:18px;
   font-weight:normal;
   */
   font-size:15px;
   font-weight:bold;
}
#right_sideblock h2 {
   color:#436dbb;
   font-size:12px;
   text-transform:uppercase;
   font-family:'trebuchet ms';
   margin-left:10px;
}

/* UITGELICHT */
.focus {
   padding:0 10px 10px;
   _margin-right:-40px;
   font-size:10px;

}
#right_sideblock .focus h2 {
   margin-left:0px;
}
.focus_thumb {
   margin:5px 0;
}

.focus_date {
   color:#ec8b00;
   _width:200px;
}
.focus_title {
   font-weight:bold;
   font-size:10px;
   _width:268px;
}
.focus .focus_title {
   _width:170px;

}
.focus p {
   margin:0;
   _width:170px;
	_margin-right:10px;
}

#shadow_mid_right {
   width: 4px;
   height:100%;
   float:left;
}
#shadow_bot {
   height:8px;
   width: 984px;
   background:url(../gfx/shadow_bot.gif) no-repeat;
   float:left;
   position:relative;
}

.breadcrumbs {
   margin:10px 0;
   font-size:10px;
   color:#7d99cb;
}
.breadcrumbs a {
   color:#7d99cb;
   text-decoration:none;
}
.breadcrumbs a:hover {
   text-decoration:underline;
}

.text_metainfo
{
}
.text_metainfo a{
   color:#436cbb;
   text-decoration:none;
}
.text_metainfo a:hover {
   text-decoration:underline;
}

.text_metainfo .meta_date
{
color:#EC8B00;
}
.text_metainfo .meta_location
{
color:#204CA3;
}

.text_metainfo .meta_text
{
color:#204CA3;
}
.text_metainfo .meta_img
{
	float: left;
	margin-right: 5px;
	margin-bottom:10px;
	*margin-bottom:0px;
}

.text_metainfo h3
{
   font-size:11px;
   margin:0;
}

.text
{
   padding-right:13px;
   color:#4d4d4d;
}

.text h3 {
   font-size:15px;
   margin:0;
   color:#436cbb;
}

.text h4
{
	color:black;
	font-size:13px;
	margin:0pt;
	color:black;
}

.text h5 {
   font-size:13px;
   margin:0;
}

.text h6 {
   font-size:11px;
   margin:0;
}

.text p {
   margin:5px 0 1em 0;
}

.text a
{
   color:#436cbb;
   text-decoration : none;
}

.text a:hover
{
   color:#436cbb;
   text-decoration:underline;
}

.text ol ol {
   list-style-type:lower-alpha;
}

.text ol ol ol {
   list-style-type:lower-roman;
}

.text .meta_text
{
	text-align: justify;
}

.meta_text h6
{
	margin:15px 0;
}

.indenttext {
   margin:2em 3.5em 2em 3.5em;
   padding:0;
   clear:both;
}
.textfooter {
   padding:10px 5px;
   border:1px solid #829ed0;
   border-width:1px 0;
   height:16px;
   clear:both;
}
.button_textfooter
{
   float:right !important;
   margin-left:5px;
   /*margin-right: 5px;*/
}

.button_mail_a_friend
{
   background-image:url(../gfx/button_right.gif);
   background-position: 100% 0;
   color:white !important;
   text-decoration:none;
   font-size:10px;
   padding:2px 20px 2px 8px;
   float: right;
   margin-left:4px;
}

.button_textfooter_download
{
   float:left !important;
   /*margin-left:5px;*/
   /*margin-right: 5px;*/
}

.button_download
{
   background-image:url(../gfx/button_right.gif);
   background-position: 100% 0;
   color:white !important;
   text-decoration:none;
   font-size:10px;
   padding:2px 20px 2px 8px;
   float: left;
   margin-left:0px;
}

.button_favorite
{
   float:right !important;
   margin-left:5px;
}
.button_pdf {
   background:url(../gfx/but_pdf.gif) no-repeat;
   float:left;
   color:white !important;
   text-decoration:none;
   font-size:9px;
   padding:2px 29px 2px 20px;
}
.button_opendocument {
   float:left;
}

/* Generic List */
.gen_list_wrapper {
   position:relative;
   font-size:10px;
   font-family:verdana;
   font-weight:normal;
}

.gen_list_wrapper a
{
   color:#436cbb;
   text-decoration:none;
}

.gen_list_wrapper a:hover
{
   text-decoration:underline;
}

table.gen_list {
   margin:10px 0;
   width:100%;
}

table.gen_list th {
   background:#d6e4ef no-repeat 100% 50%;
   color:#436cbb;
   font-size:10px;
   padding:7px 10px;
   text-align:left;
}
table.gen_list .list_headersort,
table.gen_list .list_headermeta {
   position:absolute;
   right:10px;
}
table.gen_list .col_sort_asc {
   background-image:url(../gfx/icon_list_sort_asc.gif);
}
table.gen_list .col_sort_desc {
   background-image:url(../gfx/icon_list_sort_desc.gif);
}
.list_headermeta {
   top:17px;
   *top:9px;
   font-weight:normal;
}
.list_headersort {
   top:14px;
   *top:5px;
   margin:0;
   _margin-right:20px;
}
.list_headersort select {
   font-size:10px;
   font-family:verdana;
   font-weight:normal;
}

table.gen_list th .sort_arrow {
   position:absolute;
   top:22px;
   *top:12px;
   left:140px;
}

table.gen_list td {
   padding:10px;
   vertical-align:top;
   color:#404040;
   border-bottom:1px solid #d6e4ef;
}

/* search results highlight */
table.gen_list .hit {
   background:orange;
}
.col_metadata {
   white-space:nowrap;
}
.col_metadata .meta_date {
   color:#EB8B00;
}
.col_metadata .meta_location {
   color:#436cbb;
}

.col_text {
   font-size:10px;
}
.col_text h3 {
   font-size:10px;
   margin:0;
}
.col_text a {
   color:#436cbb;
   text-decoration:none;
}
.col_text a:hover {
   text-decoration:underline;
}

table.gen_list a {
   color:#436cbb;
   text-decoration: none;
}
table.gen_list a:hover {
   text-decoration:underline;
}

.col_text p {
   margin:0;
}
.col_textlinks {
   text-align:right;
   margin-top:15px;
}
.col_textlinks a {
   font-weight:bold;
   padding-left:15px;
   background:url(../gfx/bullet_orange.gif) no-repeat 4px 4px;
   margin-left:10px;
}
.col_textlinks a:hover {
   text-decoration:underline;
}

/* PAGER */
.pager {
   text-align:center;
   clear:both;
   margin:1em 0;
}
.pager_prev {
   float:left;
}
.pager_next {
   float:right !important;
}
.pager a {
   text-decoration:none;
   color:#404040;
}
.pager a:hover {
   text-decoration:underline;
}
.pager a.pager_current {
   color:#EB8B00;
   font-weight:bold;
}

/* SUBSET */
.subset {
   border:1px solid #436cbb;
   position:relative;
   margin:0 3.5em 0.5em 3.5em;
   padding:20px 20px 20px 25px;
   color:#4d4d4d;
   /*margin:2em 3.5em 2em 3.5em;
   _margin: 10px 10px;*/


}

.subste_title {
	position:absolute;
	border:1px solid red;
}
.ss_title {
   /*position:absolute;
   top:-7px;
   left:15px;*/

   clear:both;
display:block;
left:53px;
margin-top:2em;
position:relative;
top:6px;
z-index:50;
}
.subset a {
   color:#436cbb;
   text-decoration:none;
}
.subset a:hover {
   text-decoration:underline;
}
.subset input,
.subset select,
.subset textarea {
   border:1px solid #436cbb;
   width:200px;
}
.subset textarea {
   height:70px;
   overflow:auto;
}
.subset select {
   width:202px;
   *width:204px;
}

.subset_naw {
   height:50px;
   padding-left:20px;
}
.subset_naw .naw_column {
   float:left;
   width:135px;
   margin:0 5px;
}
.subset_naw .naw_routelink {
   position:absolute;
   bottom:5px;
   right:15px;
}

.subset_containerform {
   /*margin-right:3.5em;*/
   padding-right:3.5em;
   margin-bottom:1.5em;
   padding-bottom:20px;
}
.subset_form {
   float:left;
   width:440px;
   margin-right:0;
   _margin-left:19px;
}
.form_required {
   color:#436cbb;
}
.formfield {
   float:left;
   width:100%;
   margin-bottom:2px;
}
.formfield label {
   float:left;
   width:170px;
}
.formfield input.checkradio {
   width:auto;
   border:0;
}
.fieldset {
   margin-bottom:15px;
   float:left;
   width:100%;
}
.fieldset h3 {
   font-size:11px;
   margin-bottom:5px;
}

.form_steentje .formfield {
   float:none;
   width:auto;
   padding:5px;
}
.form_steentje .formfield label {
   float:none;
   display:block;
   margin-bottom:4px;
}
.form_steentje .large_textarea textarea {
   width:411px;
   display:block;
}
.form_steentje .document_field input {
   *width:346px;
}


/* ROYAL SELECTBOX FOR SEARCHCATS */
.royal_optiontitle {
   border:1px solid #003497;
   background:#fafafc url(../gfx/bg_arrow_searchcatbox.gif) no-repeat 94% 6px;
   font-size:9px;
   font-style:oblique;
   color:#003497;
   padding:2px;
   padding-right:20px;
   margin:5px 0 0 10px;
   cursor:pointer;
   width:60px;
}
.royal_options {
   display:none;
   position:absolute;
   top:169px;
   left:23px;
   background:#fafafc url(../gfx/bg_royal_optionlist.jpg) bottom right no-repeat;
   border:1px solid #003597;
   padding:5px;
   width:150px;
   z-index:23978;
}
.royal_option {
   clear:both;
}
.royal_option label {
   margin-top:3px;
}
.royal_option input {
   float:left;
}
.royal_closebut,
.royal_deselectbut {
   background:url(../gfx/royal_closebut.gif);
   position:absolute;
   top:0;
   right:0;
   width:11px;
   height:11px;
   cursor:pointer;
}

.royal_deselectbut {
   right:13px;
   background:url(../gfx/royal_deselectbut.gif);
}


/**//**//**/
.title_font {
   font-size:11px;
   font-weight:bold;
   letter-spacing:0px;
}
.normal_font {
   font-family:"Verdana";
   font-size:11px;
}
.cursief {
   font-style:italic;
}
.bold {
   font-weight:bold;
}

.color_orange {
   color:#eb8b00;
}
.color_lightblue {
   color:#436dbb;
}
.color_darkblue {
   color:#1f4da2;
}
.color_grey {
   color:#7b7b7b;
}
.color_white {
   color:#ffffff;
}

.font_size_xs {
   font-size:9px;
}
.font_size_s {
   font-size:10px;
}
.font_size_m {
   font-size:12px;
}
.font_size_l {
   font-size:14px;
}
.font_size_xl {
   font-size:18px;
}

#search_form {
}
#search_form label {
   display: block;
}
#search_field {
   padding:0px 0xp 0px 0px;
   margin:5px 0px 0px 10px;
   width: 160px;
   height:16px;
}
#search_list {
   padding:0px 0xp 0px 0px;
   margin:5px 0px 0px 10px;
   width: 109px;
   height:17px;
}

.form_button {
}
.button {
   display: inline;
   height: 16px;
   background:url(../gfx/button_left.gif);
   background-repeat:no-repeat;
   padding-left: 3px;
   float: left;
   cursor:pointer;
}

.buttonleft
{
   display: inline;
   height: 16px;
   background-image:url(../gfx/button_left.gif);
   background-position: 0% 0;
   background-repeat:no-repeat;
   padding-left: 3px;
   float: right;
   cursor:pointer;

}

.button *, .buttonleft *
{
	text-transform:lowercase;
}

.buttonleft input
{
	height: 16px;
   line-height: 18px;
   background: none;
   background-image:url(../gfx/button_left_2.gif);
   background-position: 0% 0;
   border: none;
   font-size: 9px;
   color: #fff;
   padding-left: 15px  ;
   /*margin: 0;*/

}
.button input
{
   height: 16px;
   line-height: 18px;
   background: none;
   background-image:url(../gfx/button_right.gif);
   background-position: 100% 0;
   border: none;
   font-size: 9px;
   color: #fff;
   padding: 0 15px 0 0;
   /*margin: 0;*/
   float: left;
}
.button_normal input {
   background:url(../gfx/button_right_normal.gif) 100% 0;
   padding: 0 9px 0 6px;
}
.button_normal a
{
   background:url(../gfx/button_right_normal.gif) 100% 0;
   float:left;
   color:white !important;
   text-decoration:none;
   font-size:10px;
   padding:2px 8px 2px 8px;
}
.button_reverse {
   background:url(../gfx/button_left_reverse.gif);
   padding-right: 4px;
   padding-left: 0;
}
.button_reverse input {
   background:url(../gfx/button_right_reverse.gif) 0 0;
   padding: 0 0 0 15px;
}

.button_search_float {
   float:left;
}
.button_search_margin {
   float:left;
   margin: 6px 0px 0px 8px;
}

/*For Onderwerp child*/
form.detail_action,div.detail_action
{
   height:20px;
   margin:1em 0;
   clear:both;
   padding:0 5px;
}
div.detail_action a
{
   float:right;
   font-weight:bold;
}

#suggestiontext{
	height:120px;
}

#suggestionblock{
	height:200px;
}

/* for add_favorite*/
#add_favorite, #delete_favorite
{
	padding: 5px 5px 3px 5px;
	position : absolute;
	/*border : solid 1px #593d15;*/
	background-color : #eb8b00;
	/*background-color : #436cbc;*/
	/*height : 100px;
	width : 100px;*/
	top : 200px;
	left : 300px;
	opacity:.6;/* disini rahasianya untuk FF, NN*/
	filter:alpha(opacity=60);/* disini rahasianya untuk suck IE */
	z-index:203;
	/*visibility: hidden;*/
}
#add_favorite  img
{
	margin-right: 5px;
	float: left;
}

#add_favorite, #delete_favorite div
{
	margin-right: 5px;
	float: left;
}

/* Added by Alvin */

.logo_print {
	display:none;
	text-align:right;
}

a.uitgelicht_link {
	text-decoration:none;
	color:#665d5e;
	/*font-weight:bold;*/
	font-size:10px;
	float:right;
	margin-right:5px;
}

a.uitgelicht_link:hover {
	text-decoration:underline;
}
.img_favorite
{
	cursor: pointer;
	position:absolute;
	left: 754px;
	top: 155px;
}

/* from new mockup */
a.royal_actionlink {
   display:block;
   clear:both;
   padding:2px 2px 2px 22px;
   background:url(../gfx/royal_deselectbut.gif) no-repeat 4px 4px;
   color:#13429d;
   text-decoration:none;
}
a.royal_actionlink:hover {
   color:#497fe6;
}
a.royal_allselect {
   display:none;
}

.loginmessage
{
	text-align:center;
}
#loginboxmessage
{
	margin-top:30px;
	*margin-left:20px;

}
#loginboxmessage a
{
	text-decoration:none;
}

#loginboxmessage  #buttons
{
	width:200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}

.text p {
   margin:5px 0 1em 0;
   /*padding-right:35px;*/
}

.text .text_blue {
	color: #436DBB;
   /*padding-right:35px;*/
}

.royal_multiselectbox {
	z-index:9999;
}

.block_title
{
	position:relative;
}
.ss_title_text
{
	display:block;

	/* clear:both; */

	 position:absolute;
	  left:0px;
	  top:-28px;
	  font-weight:bold;
	font-size:12px;
	color:#675E5F;
	background-color:#ffffff;
	padding-left:10px;
	padding-right:10px;

}
.subset_wizard .block_title
{
	margin-left:10px;
}

.imgsorter
{
	cursor:pointer;
}

/*link root logo*/
.linkRoot{
	width:200px; height:78px; float:right; cursor:pointer;
}