@import "content.css.jsp";
@import url("formdesigner.css");
@import url("pdc.css");
html {
	width:100%;
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, 'Sans Serif';
	line-height:160%;
	width:100%;
	height:100%;
	color:#000000;
	background-color:#f7f6f6;
	font-size:70%;
	text-align:center;
}

legend{
	display:none;
}

a{
	color:#681E4d;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
    cursor: hand;
}

a img {
	border: 0px;
}

ul{
	margin:0px;
	padding:0px;
}

ol{
	margin:0px;
	padding:0px;
}

li{
	line-height:160%;
	padding:0px;
	list-style: none;
}

p{
	margin:0px;
	padding:0px;
}

h1{
	font-size: 180%;
	margin:15px 0px 10px 20px;
	color: #737373;
    padding-bottom: 10px;
}

h2{
	font-size:160%;
	margin:15px 0px 5px 0px;
	color: #737373;
}

h3{
	font-size:130%;
	color: #737373;
	margin-bottom: 8px;
}

h4{
	font-size:120%;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}

h5{
	font-size:100%;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}

h6{
	font-size:90%;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	font-style: italic;
}

hr{
	border: 0px;
	border-bottom: 1px solid #b9b299;
	background-color: #FFFFFF;
	height: 1px;
	overflow: hidden;
}

.clear{
	width:100%;
	clear:both;
/* PB 20082412 Commented owv formdesigner functionaliteit */
/*
	overflow: hidden;
	height:1px;
*/
}

.border{ 
	border: 1px solid #CCCCCC;
	padding: 5px;
}

#options{
	float: left;
	width: 100%;
	margin-left: -100%;
}

.emphasize{
	font-weight:bold;
}

.required{
	color:#d72626;
}

.alert{
	color:#d72626;
	font-weight:bold;
	font-style:italic;
}

a.action{
	font-weight:bold;
	font-size:110%;
}

ul.selection{
	padding: 11px;
	text-align:center;
	position: relative;
	font-weight: bold;
}

ul.selection li{
	list-style: none;
	display: inline;
}

	ul.selection a{
		padding: 0 5px;
        border: 1px solid #bbbbbb;		
        padding: 5px 8px;
        margin-left: 5px;
		
	}
	
	ul.selection a:hover{
        padding: 5px 8px;
        border: 1px solid #737373;
        background-color: #737373;
        color: #ffffff;
	}
	
	ul.selection li.current{
		color: #ffffff;	
        border: 1px solid #737373;
        text-decoration: underline;
        padding: 5px 8px;
      	background-color: #737373;
	}

/*shortcuts for blindpeople*/
.blindlayout{
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	overflow:hidden;
	z-index:0;
}

	hr.blindlayout{
		display:none;
	}

/* global divs */
#globalcontainer{
	min-height:600px;
	width:926px;
	position:relative;
	margin:0px auto 30px;
	background-color: #EFEFEF;
	text-align:left;
}

#logo{
	position:absolute;
	top:25px;
	left:0px;
	height:198px;
	z-index:3;
	overflow:hidden;
	width:205px;
	background-color:#FFFFFF;
}

#header{
	position:absolute;
	top:0px;
	width:926px;
	height:198px;
	z-index:2;
	overflow:hidden;
	background-color:#681E4d;
	left:0px;
  text-align: right;
  padding-top:25px;
}

#quicksearch{
	position:absolute;
	top:221px;
	right:0px;
	width:200px;
	height:40px;
	z-index:99999;
	text-align:right;	
	font-size:90%;
}
	
	#quicksearch form{
		padding:0px;
		margin:0px;
		width:auto;
		position: relative;
    border: 0px;
    background: none;
	}
	
	#quicksearch label{
		display: none;
	}
	
	#quicksearch .submit_button{
		margin: 0;
		padding:0;
		position:absolute;	
		top:3px;
		right:5px;
		background-color:transparent;
		font-weight:normal;
		border:0px;
		height:20px;
		min-height:20px;
	}
	
	#quicksearch .smalltext{
		width:150px;
		margin-right: 45px;
		background-color: #FFFFFF;
    height: 18px;
    min-height: 18px;
		border: 0px;
		margin-top:3px;
	}
	
	#quicksearch a{
		display: block;
		float: right;
		margin: 2px 0 0 7px;
	}

#quicklinkvlak1{
	width: 180px;
	height:30px;
	position: absolute;
	top: 250px;
	right: 10px;
	z-index: 999999;
	text-align: right;
}

	#quicklinkvlak1 ul{
		display: block;
		padding:0px 0 0 15px;
	}

	#quicklinkvlak1 li{
		display: inline;
		margin-left: 15px;
	}
	
	
	#mainmenu_area{
		position:absolute;
		top:222px;
		left:0px;
		width:926px;
		height:25px;
		margin: 0px;
		z-index:999;
		background-color: #681E4d;

	}
		
	#content_area{
		clear:both;
		overflow: hidden;
	}

		.content_margin, .content_margin_wide{
			margin: 248px 0px 0px 205px;
			float:left;
			width:529px;
            background-color: #ffffff;
            <!-- MM -->
		}
		
		.home .content_margin {
			width:924px;
			padding: 0px;
			margin: 297px 0px 0px 0px;
			border:1px dotted #737373;
		}
		
		.content_margin_wide{
			margin: 257px 0px 20px 205px;
			float:left;
			width:713px;
		}
			
			#crums{
				margin: 0px 20px;
			}
	
			#crums a{
				text-decoration: underline;
				/*background: url(custom_images/crumb_arrow.gif) no-repeat right 4px;*/
				padding: 0;
				margin-right: 0px;
				display: inline-block;
                
			}
	
			#crums a:hover{	
				text-decoration: underline;
			}
			
			#crums span{
				background: url(custom_images/crumb_arrow.gif) no-repeat right 4px;
				/*display: none;*/
			}
			#content, #folder, #briefing, #searchresults, #sitemap{
				padding: 0px 20px 20px 20px; 
                <!-- MM -->
                
                <!-- background:#EFEFEF url(custom_images/content_bg.gif) 0 0 		 				repeat-y; -->
			}
			
			#content {overflow:hidden;}
			
			.object_title{
				background: transparent url(custom_images/dotted_grey_3_3.gif) left bottom repeat-x;
                width: 91%;
       		
			}
			
			.object_description{
				margin: 0px 0px 0px 0px;
				padding: 0px 20px 20px;
				color: #616161;
                background: #ffffff; url(custom_images/content_bg.gif) 0 0 repeat-y; }
                <!-- background:#EFEFEF url(custom_images/content_bg.gif) 0 0 repeat-y; -->
			}
				

	
	.container h3{
		margin-left:0;
		margin-right:0px;
		overflow: hidden;
		color: #681E4d;
		font-size: 100%;
		font-weight: bold;
	}

	.container h4 {
		color: #681E4d;
		font-size: 80%;
		font-weight: bold;
        background: none;
	}
	.container h5 {
	font-size:100%;
		font-weight:bold;
		margin:5px 0px;
}

#container_area{
		position:relative;
		margin-top:274px;
		margin-left:-175px;
		width:175px;
		right:8px;
		float:right;
		overflow: hidden;
	}
	
#contact { margin-bottom: 15px; margin-top: 0px;}

#quicklinkvlak3{
	position: relative;
	margin:0px;
	padding: 40px 0 0;	
}

	#quicklinkvlak3 li{
		list-style: none;
		display: block;
		padding: 2px 0 3px;
	}
	
	#quicklinkvlak3 a{
		padding: 0px 0px 0px 10px;
		margin: 0px 5px 0 15px;
		color: #FFFFFF;
		background: url(images/arrow_green.gif) no-repeat 0px 4px;
	}
	
		#quicklinkvlak3 span{
			display: none;
		}
	
	#quicklinkvlak3 a:hover{
	}

#footer_area{
	width:100%;
	clear:both;
	overflow: hidden;
	height:25px;
	background-color: #681E4d;
}

#quicklinkvlak2{
	padding: 2px 0;
	color: #FFFFFF;
	text-align:center;
}
	
	#quicklinkvlak2 li{
		display: inline;
		margin:4px 10px 0px 0px;
		list-style-type:none;
		
	}
	
	#quicklinkvlak2 span{
	}
	
	#quicklinkvlak2 a{
		color: #FFFFFF;
		padding-right: 10px;
		}

/*-----------ITEMS (briefing, searchresults, map e.d.)----------------*/

li.item{
  list-style-type: disk;
  clear:both;
  float:none;
  border-bottom: 1px dotted #8f8f8f;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

li.item:hover{
  /*
  border-bottom-color:#737373 !important;
  
  */
}

.item_title{
  font-size: 140%;
  font-weight: bold;
  display:block;
}


.item_title:hover{
  text-decoration: underline;
}

.item_description{
  width: 100%;
}

.item_description_photo{
	xxfloat: left;
	width: 100%;
}

.item_photo{
  float: left;
  margin-right: 10px;
  overflow: hidden;
}

.fileinfo{
	font-size:90%;
	color:#999999;
	font-weight:normal;
}

.subitems li{
  list-style-type: none;
  padding-left: 15px;
  background: url(custom_images/subnav_arrow.gif) 4px 5px no-repeat;
}

/*-----------FORMELEMENTS----------------*/
#sitemap{
}

	#sitemap ul{
		margin-left:0px;
		font-weight:bold;
	}
	
	#sitemap ul li{
		list-style-type:none;
		border-bottom:1px solid #e4dbd2;
		padding:0px 0px 10px 0px;
	}
		
		#sitemap ul ul{
			margin-left:15px;
			font-weight:normal;
			
		}

		#sitemap ul ul li{
			border-bottom:0px solid #E3E98C;
			padding:0px 0px 0px 0px;
            line-height: 20px;
            background-image:url(images/arrow.gif);
            background-repeat: no-repeat;
            padding-left: 15px;
            background-position: 0px 6px;
		}
		
			#sitemap ul ul ul{
				margin-left:40px;
			}
			
/*-----------FORMELEMENTS----------------*/
#search_area form {
	margin: 0px;
	position: relative;
	padding:20px;
	background: none;
	border:0
}

form{
  background: #e5e7e6 url(images/bg_subtitlebar.jpg) repeat-x left top;
	border: 1px solid #d7d7d7;
  display: block;
	margin: 10px;
	position: relative;
	padding:20px;
}


fieldset{
	border:0px solid #ffffff;
	margin:0px;
	padding:0px;
}

legend{
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
	line-height:0px;
	text-indent:-999em;
	z-index:0;
    color: #ffffff;
}

label{
	display:block;
	padding-top:8px;
	padding-bottom:3px;
	clear:both;
}

.inputtext{
	border:1px solid #999;
	font-family:Arial, Verdana, 'Sans Serif';
   }

.generalsize_text{
	width:450px;
}

.smalltext{
	width:120px;
	background: #FFFFFF;
	border: 0px;
  height: 20px;
	min-height: 20px;
  border:1px solid #999;
  width: 50%;
}

.generalsize_textarea{
	width:450px;
	font-family:Arial, Verdana, 'Sans Serif';
}

select{
	width:450px;
}

#searchforms {
		padding:10px;
		margin: 10px;
	  background: white;
		border: 1px solid #d7d7d7;
}
			
#search_area {
  position: relative;
}


#search_area IFRAME {
  margin: 10px 10px 10px 10px;
}
#search_area .submit_button{
  margin: 0;
  padding: 0 4px;
  position:absolute;	
  top:20px;
  left:387px;
  height: 24px;
  margin-left: 6px;
  width: 50px;
}

.submit_button{
	border:1px solid #681E4d;
	cursor:pointer;
	font-weight:bold;
	font-size: 110%;
	height:22px;
	min-height: 22px;
	padding:0px 5px 0px 5px;
	clear: both;
	background-color: #681E4d;
	color: #FFFFFF;
}

.eid_button{
	border:1px solid #681E4d;
	cursor:pointer;
	font-weight:bold;
	font-size: 110%;
	height:22px;
	min-height: 22px;
	padding:0px 5px 0px 5px;
	background-color: #681E4d;
	color: #FFFFFF;
	margin-top:8px;
}

a.submit_button{
	padding:0px 5px 0px 5px;
	display: block;
	width: 100px;
	text-align: center;
}

	.submit_button_md{
    
	}
	
	.submit_button_mo, a.submit_button:hover{
		color: #FFFFFF;
		text-decoration: none;
	}

.radio_check_input{
		float:left;
		width:20px;
	}
	
.radio_check_label{
	float:left;
	width:80%;
}

	.radio_check_label label{
		padding-top:0px;
	}
							
/*-----------BRIEFING----------------*/

#briefing{

}

	#briefing h2{
	}

	#briefing ul{
	}
	
	#briefing ul li{
	}

	.briefing_column{
	}
	
	#briefing .item_photo{ 
		margin-top:7px;
		margin-right:7px;
	}
	
	.briefing_first_column{
		width:46%;
		float:left;
		margin-right:20px;
	}
	
	.briefing_second_column{
		width:46%;
		float:right;
		margin-left:-20px;
	}
	
/*-----------URL----------------*/

#url {margin-top: 15px; background-image:url(images/external_link.gif); background-repeat:no-repeat; padding-left: 20px; 		background-position:2px 2px;}

#url a { color:#737373;}



/*-----------DISCUSSION----------------*/
#discussion{
	width:100%;
}

	#discussion .action{
		margin:10px 0px 10px 20px;
	}
	
#discussion h2{
	font-weight:normal;
	margin:0px 0px 0px 10px;
	font-size:115%;
	font-weight:bold;
}

#discussion p{
	margin-left:10px;
}

#discussion ul{
	margin:20px 0px 20px 20px;
	padding:0px 0px 0px 0px;
	border-left:1px solid #cccccc;
	list-style-type:none;
}

	#discussion ul li{
		background-image:url(images/discussion_pointer.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		margin:10px 0px 0px -20px;
		padding:0px 0px 0px 20px;
	}

#discussion ul ul{
	margin:10px 0px 30px 20px;
}

#discussion ul ul ul{
	margin:10px 0px 0px 20px;
}
/*-----------BULLETINBOARD----------------*/
#bulletinboard{
}

#bulletinboard h2{
	font-weight:bold;
	font-size:115%;
	margin-bottom:0px;
}

#bulletinboard ul{
	margin:20px 0px 20px 0px;
	list-style-type:none;
}

#bulletinboard li{
	margin-top:10px;
}

/*-----------POLL----------------*/
#poll{
}

	#poll h2{
		font-weight:bold;
		font-size:200%;
    color: #000000;
    background: url(images/quote_left.gif) no-repeat top left;
    padding: 15px;
		line-height: 30px;
    margin-bottom: 20px;
	}
    
    .poll {
      background: url(images/quote_right.gif) no-repeat bottom right;
      padding-bottom: 20px;
    }

	/*---answers---*/
	.poll_answer{
		margin-top:5px;
	}

	.poll_percentarea{
		background-color: #EEEEEE;
		width:99%;
    background:transparent url(images/pollbar.png) repeat-x scroll left -22px;
		border:1px solid #DDDDDD;
		margin-right:50px;
	}
    

	
	#container_area .poll_percentarea{
		background: transparent;
	}
	
	
	.poll_percent{
		background-color: #737373;
		height: 18px;
	}
	
	#container_area .poll_percent{
		height: 14px;
	}
	
	.poll_facts{
		color: #9c9c9c;
	}


/*-----------CONTAINERS----------------*/
.container{
	position:relative;
	margin-top: 10px;
}

	.container form{
		padding:5px;
		width:auto;
		background-color:transparent;
		background: #e5e7e6 url(images/bg_subtitlebar.jpg) repeat-x left top;
	}
	
	
	#container_area .banner{
		padding: 0px;
		background: transparent;
		display: block;
	}
	
		#container_area .banner span{
			padding-left: 10px;
			background: url(images/arrow2.gif) no-repeat 0px 5px;
			display: block;
		}
	
	.container select{
		width:120px;
	}
	
	.container .submit_button{
		margin-top:5px;
	}
	
	.container hr{
		display:none;
	}
	
	.container ul{
		margin: 0;
		padding: 0 0 0 10px;
		list-style: none;
	}

	.container ul.items li{
		margin: 0 0 10px 0;
		padding: 0;
	}
		
	.container_externallink{
		border: 1px solid #bbb;
		padding: 5px;
	}
	
		.container_externallink h3{
			font-weight:normal;
			font-size: 100%;
			margin: 0px;
			font-weight: bold;
		}
		
		.container_externallink a{
			color:#737373;
		}
		
		.container_externallink a:hover{
			color:#737373;
		}
		
		.container_externallink hr{
			display:none;
		}

/*-----------SEARCHRESULTS----------------*/
#searchresults{
	margin-top: 20px;
}
 
#searchfilters{
	width: 175px;
	float: left;
	margin-top: 10px;
    margin-bottom: 20px;
}

.searchfilters_content{
	margin-left: 10px;
	border: 1px solid #C0C0C0;
	padding: 10px;
}

.searchfilters_content li{
	list-style-type: none;
}

.searchfilters_content li a:hover{
	list-style-type: none;

}

.searchfilters_content li.datelabel{
	font-size: 80%;
	color: #C0C0C0;
}

#searchfilters h4{
	margin-left: 10px;
	font-size: 100%;
	font-weight: bold;
	color:#737373;
	margin-bottom: 5px;
    margin-top: 10px;
}

#searchresults_items{
	width:100%;
	clear:both;
}

/*-----------PAGE LINKS----------------*/
#fontsize{
display:block;
	position:relative;
	top:-20px;
	height:25px;
	left:4px;
	z-index:8000;
  color: #ffffff;
  width:200px;
}

	#fontsize span, #fontsize a{
		margin-top:3px;
		font-size:100%;
		line-height:175%;
		color:#ffffff;
		text-align: left;
		cursor: pointer;
	}
		
		.link_fontsize{
			padding-left:22px;
			background: url(images/icon_fontsize.gif) 0 0 no-repeat;
			display: inline;
			color: #ffffff;
			margin:0px;
		}
		
		#set_normal .link_fontsize {
			background-position: 0 3px;
		}
		
		.alink_fontsize{
			text-decoration: underline;
			display: inline;
			    color: #ffffff;
		}
		
		.link_favorites{
			background-repeat:no-repeat;
			background-position:0px 3px;
			padding-left:22px;
		}
	
	#set_normal{
		display:none;
		cursor: pointer;
		height:25px;
		padding-top:0px;
		margin-top:-6px;
		
	}
	
	#set_bigger{
		display:block;
		cursor: pointer;
		height:25px;
		padding-top:2px;
	}
		
#page_links{
	clear: both;
	margin:0px 12px;
	padding: 0 8px 5px;
    <!-- background: transparent url(custom_images/dotted_grey_3_3.gif) left bottom repeat-x; MM -->
}

.link_print, .alink_print{
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:20px;
	background-image:url(images/icon_print.gif);
	cursor: pointer;
	color: #616161;
	font-size: 90%;
}

.alink_print{
	text-decoration: underline;
}

.reactionlink{
  background-image:url(images/icon_mail.gif);
  background-repeat: no-repeat;
  background-position:0px 3px;
  padding-left: 15px;
  margin-left: 15px;
  cursor: pointer;
}

.reactionlink a{
  color: #616161;
	font-size: 90%;
}

.changedate{
	padding-left:22px;
	color: #616161;
	position: relative;
	float: right;
	margin-top: -23px;
	font-size: 90%;
}

/*----------*/

.date{ 
	margin-bottom: 5px; 
	color: #999999; 
	width: 100%;
	display: block;
}

.lees_verder{ 
    color: #737373;
    margin-bottom: -9px;
    margin-right: 12px;
    display: block;
    float: right;
    margin-top: 10px;
}

.news{
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 8px;
}


/*------------*/

.percent0{
  width: 0%;
}

.percent1{
  width: 1%;
}

.percent2{
  width: 2%;
}

.percent3{
  width: 3%;
}

.percent4{
  width: 4%;
}

.percent5{
  width: 5%;
}

.percent6{
  width: 6%;
}

.percent7{
  width: 7%;
}

.percent8{
  width: 8%;
}

.percent9{
  width: 9%;
}

.percent10{
  width: 10%;
}

.percent11{
  width: 11%;
}

.percent12{
  width: 12%;
}

.percent13{
  width: 13%;
}

.percent14{
  width: 14%;
}

.percent15{
  width: 15%;
}

.percent16{
  width: 16%;
}

.percent17{
  width: 17%;
}

.percent18{
  width: 18%;
}

.percent19{
  width: 19%;
}

.percent20{
  width: 20%;
}

.percent21{
  width: 21%;
}

.percent22{
  width: 22%;
}

.percent23{
  width: 23%;
}

.percent24{
  width: 24%;
}

.percent25{
  width: 25%;
}

.percent26{
  width: 26%;
}

.percent27{
  width: 27%;
}

.percent28{
  width: 28%;
}

.percent29{
  width: 29%;
}

.percent30{
  width: 30%;
}

.percent31{
  width: 31%;
}

.percent32{
  width: 32%;
}

.percent33{
  width: 33%;
}

.percent34{
  width: 34%;
}

.percent35{
  width: 35%;
}

.percent36{
  width: 36%;
}

.percent37{
  width: 37%;
}

.percent38{
  width: 38%;
}

.percent39{
  width: 39%;
}

.percent40{
  width: 40%;
}

.percent41{
  width: 41%;
}

.percent42{
  width: 42%;
}

.percent43{
  width: 43%;
}

.percent44{
  width: 44%;
}

.percent45{
  width: 45%;
}

.percent46{
  width: 46%;
}

.percent47{
  width: 47%;
}

.percent48{
  width: 48%;
}

.percent49{
  width: 49%;
}

.percent50{
  width: 50%;
}

.percent51{
  width: 51%;
}

.percent52{
  width: 52%;
}

.percent53{
  width: 53%;
}

.percent54{
  width: 54%;
}

.percent55{
  width: 55%;
}

.percent56{
  width: 56%;
}

.percent57{
  width: 57%;
}

.percent58{
  width: 58%;
}

.percent59{
  width: 59%;
}

.percent60{
  width: 60%;
}

.percent61{
  width: 61%;
}

.percent62{
  width: 62%;
}

.percent63{
  width: 63%;
}

.percent64{
  width: 64%;
}

.percent65{
  width: 65%;
}

.percent66{
  width: 66%;
}

.percent67{
  width: 67%;
}

.percent68{
  width: 68%;
}

.percent69{
  width: 69%;
}

.percent70{
  width: 70%;
}

.percent71{
  width: 71%;
}

.percent72{
  width: 72%;
}

.percent73{
  width: 73%;
}

.percent74{
  width: 74%;
}

.percent75{
  width: 75%;
}

.percent76{
  width: 76%;
}

.percent77{
  width: 77%;
}

.percent78{
  width: 78%;
}

.percent79{
  width: 79%;
}

.percent80{
  width: 80%;
}

.percent81{
  width: 81%;
}

.percent82{
  width: 82%;
}

.percent83{
  width: 83%;
}

.percent84{
  width: 84%;
}

.percent85{
  width: 85%;
}

.percent86{
  width: 86%;
}

.poll_percen87{
  width: 87%;
}

.percent88{
  width: 88%;
}

.percent89{
  width: 89%;
}

.percent90{
  width: 90%;
}

.percent91{
  width: 91%;
}

.percent92{
  width: 92%;
}

.percent93{
  width: 93%;
}

.percent94{
  width: 94%;
}

.percent95{
  width: 95%;
}

.percent96{
  width: 96%;
}

.percent97{
  width: 97%;
}

.percent98{
  width: 98%;
}

.percent99{
  width: 99%;
}

.percent100{
  width: 100%;
}