/* CSS Document */

@import url('menu.css');

 html, body {
 	margin:0;
	padding:0;
 }
 
body {
	background:#EAE4D4;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
}

table{
	font-size: 12px;
}

P {
	font-size:12px;
	color:#333333;
	line-height:20px;
}

ul, li {
	font-size:12px;
	color:#333333;
	line-height:20px;
}

h1 {
	color:#000000;
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:8px 0 0 0;
	!padding:20px 0 0 0;
}

h2,
#beursv #content #content-placeholder #content-middle h2 a{
	color:#e34800;
	font-size:16px;
	font-weight: bold;
}

h3 {
	color:#FFFFFF;
	font-size:16px;
	padding:0;
	margin:0;
	font-weight:normal;
}
	#beursv #content #content-placeholder #content-middle h3{
		color:#000000;
	}
	
div.hr,
hr {
	width:438px;
	height:5px;
	background:url(/static/images/line.gif) no-repeat;
	border: 0px;
	color: #FFFFFF;
}

.clear {
clear:both;
}

	#beursv {
		width:937px;
		background:url(/static/images/background.gif) repeat-y;
		margin:0 auto;
	}
	
	#beursv #content {
		width:937px;
		margin-top:285px;
	}
	
	#beursv #content #content-left {
		float:left;
		width:217px;
		padding-left:11px;
		background:url(/static/images/grey-l.gif) no-repeat;
		!width: 206px;
	}
	
	#beursv #content #content-placeholder {
		width:709px;
		float:right;
	}
	
	#beursv #content #content-placeholder #content-middle {
		float:left;
		width:438px;
		padding:0 20px 0 22px;
	}
		
		#beursv #content #content-placeholder #content-middle div.item {
			width:415px;
			padding: 5px 10px 10px 13px;
			text-decoration:none;
			display: block;
			cursor: pointer;
			cursor: hand;
		}
			
		#beursv #content #content-placeholder #content-middle div.item:hover {
			background:#eae4d4;
			cursor: pointer;
			cursor: hand;
		}
		
		#beursv #content #content-placeholder #content-middle div.item:hover h2{
			text-decoration: underline;
		}
		
		#beursv #content #content-placeholder #content-middle  h3 div.item:hover {
			text-decoration:underline;
		}
		
		#beursv #content #content-placeholder #content-middle div.item a{
			color: #e34800;
		}
		
		#beursv #content #content-placeholder #content-middle a {
			color: #e34800;
			font-size:12px;
			margin:0;
			padding:0;
			line-height:20px;
		}
			#beursv #content #content-placeholder #content-middle a:hover{
				text-decoration: none;
			}		
		#beursv #content #content-placeholder #content-middle .logobedrijf {
			float:right;
		}
		
	#beursv #content #content-placeholder #content-middle #paging {
		width: 418px;
		height:23px;
		margin-top:10px;
		padding:4px 10px 4px 10px;
		background:url(/static/images/background-page.gif) repeat-x;
		background-position:bottom;
		border: 1px solid #d0d0d0;
	}	
	
		#beursv #content #content-placeholder #content-middle #paging a.vo {
			color: #e24a12;
			display:block;
			padding-top:5px;
			margin-right:7px;
			height:20px;
			text-decoration:none;
			font-size:12px;
			float:left;
			}
			#beursv #content #content-placeholder #content-middle #paging a.vo:hover {
				text-decoration:underline;
				}
				
		#beursv #content #content-placeholder #content-middle #paging a.bl {
			color:#e34800;
			text-decoration:none;
			text-align:center;
			font-size:12px;
			/*background:#f8f8f8;*/
			background:#ffffff;
			border:1px solid #d0d0d0;
			float:left;
			display:block;
			padding-top:4px;
			margin-right:5px;
			height:18px;
			width:22px;
			}
			
			#beursv #content #content-placeholder #content-middle #paging a.bl:hover,
			#beursv #content #content-placeholder #content-middle #paging a.blselected {
				background: url(/static/images/background-page-selected.gif) #ef9237;
				border:1px solid #e24a12;
				color:#FFFFFF;
			}
		
		#beursv #content #content-placeholder #content-middle #paging span.resultaten {
			color: #666666;
			display:block;
			text-decoration:none;
			font-size:12px;
			padding-top:5px;
			float:right;
			}
			
	#beursv #content #content-placeholder #content-right {
		float:right;
		width:215px;
		padding-left:14px;
		background:url(/static/images/grey-r.gif) no-repeat;
		!width: 213px;
	}
	
	
	/* DIFFERENT TYPES OF CONTENT BLOCKS */
	.v_color,
	.v_orange,
	.v_grey {
		width:183px;
		padding:8px 8px 8px 10px;
		color:#FFFFFF;
		margin-bottom:18px;

		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px; /* Doesn't work in silly IE yet */
		/*behavior: url(/static/script/border-radius.htc); /*werkt*/
		
		}
		.v_orange {
			color:#FFFFFF;
			background-color: #EF9137;
		}
			.v_orange p { color:#FFFFFF;}
			.v_orange a { color:#FFFFFF;}
			.v_color p { color:#FFFFFF;}
			.v_color a { color:#FFFFFF;}
				.v_color.black p { color:#000000;}
				.v_color.black a { color:#000000;}
				.v_color.black h3 { color:#000000;}
			.v_grey p { color:#FFFFFF;}
			.v_grey a { color:#FFFFFF;}
			
				.v_color a:hover { text-decoration:none; }
				.v_orange a:hover { text-decoration:none;}
				.v_grey a:hover { text-decoration:none; }
			
			.v_orange_boven {
				background:url(/static/images/v_orange_top.png) no-repeat;
				width:201px;
				height:8px; 
				background-position: bottom;
				}
			.v_orange_onder {
				width:201px;
				height:8px;
				margin-bottom:18px;
				background:url(/static/images/v_orange_bottom.png) no-repeat; 
				background-position: top;
				}
				
			.v_color ul.submenu,
			.v_orange ul.submenu {
				padding: 0px;
				margin: 0px;
				list-style: none;
			}
				.v_color ul.submenu li,
				.v_orange ul.submenu li{
					margin-left: 2px;
					padding-left:20px;
					background-image: url('/static/images/arrow-menu.gif');
					background-position: left 12px;
					background-repeat: no-repeat;
				}
					.v_color.black ul.submenu li{
						background-image: url('/static/images/arrow-menu-black.gif');
					}				
				.submenu a {
					line-height: 30px;
				}
		
		.v_grey {
			color:#FFFFFF;
			background-color: #999999;
		}
			
			.v_grey_boven {
				background:url(/static/images/v_grey_top.png) no-repeat;
				width:201px;
				height:8px; 
				background-position: bottom;
				}
				
				.v_color_boven {
				width:201px;
				height:8px; 
				overflow: hidden;
				-moz-border-radius-topleft: 8px;
				-moz-border-radius-topright: 8px;
				-webkit-border-top-left-radius: 8px;
				-webkit-border-top-right-radius: 8px;
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				behavior: url(/static/script/border-radius.htc); /*werkt*/

				}
				
				.v_color_onder {
				width:201px;
				height:8px;
				margin-bottom:18px;
				overflow: hidden;
				-moz-border-radius-bottomleft: 8px;
				-moz-border-radius-bottomright: 8px;
				-webkit-border-bottom-left-radius: 8px;
				-webkit-border-bottom-right-radius: 8px;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
				behavior: url(/static/script/border-radius.htc); /*werkt*/
				

				}
				
				.v_color2_boven {
				width:183px;
				height:8px; 
				overflow: hidden;
				-moz-border-radius-topleft: 8px;
				-moz-border-radius-topright: 8px;
				-webkit-border-top-left-radius: 8px;
				-webkit-border-top-right-radius: 8px;
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				behavior: url(/static/script/border-radius.htc); /*werkt*/

				}
				
				.v_color2_onder {
				width:183px;
				height:8px;
				margin-bottom:18px;
				overflow: hidden;
				-moz-border-radius-bottomleft: 8px;
				-moz-border-radius-bottomright: 8px;
				-webkit-border-bottom-left-radius: 8px;
				-webkit-border-bottom-right-radius: 8px;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
				behavior: url(/static/script/border-radius.htc); /*werkt*/
				

				}
			.v_grey_onder {
				width:201px;
				height:8px;
				margin-bottom:18px;
				background:url(/static/images/v_grey_bottom.png) no-repeat; 
				background-position: top;
				}
				
				.agenda {
					/*background-image:url(/static/images/agenda.png);*/
					background-repeat:no-repeat;
					background-color: #8f8f8f; /*grey*/
					background-color: #999999;
					background-position: 165px 5px;
					text-align: center;
				}
				.agenda h3{
					text-decoration: none;
					font-size: 14px;
					
				
				}
				.agenda a{
					text-decoration: none;
					font-size: 14px;
					
				
				}
				
				.agenda a:hover{
					text-decoration: underline;
				}
	
		.v_color span.time,
		.v_grey span.time,
		.v_orange span.time {
			font-size:9px; 
		}
		
		.v_color img.newsletter,
		.v_grey img.newsletter {
			vertical-align:middle;
			padding:5px 2px 0 0;
		}
		
	
	
	#top {
		width:937px;
		height:285px;
		position:absolute;
		top:0;
		background:url(/static/images/background-top.gif) no-repeat white;
		background-position:top;
		
	}
			#top .logoafbeelding {
				position: relative;
				width:929px;
				/*margin-top:19px;*/
				padding-top: 19px;
				height:200px;
				overflow: hidden;
				text-align:left;
				background: url(/static/images/voorbeeldafb.jpg) no-repeat;
				background-position:right;
				z-index: 100;
			}
				#top .logoafbeelding a img {
					border:0;
					}
			
			#top #header_afbeelding{
				z-index: 1;
				position: absolute;
				right: 8px;
				top: 19px;
				text-align: right;
			}
			
	#footer {
		width:937px;
		padding-top:27px;
		height:100px;
		background:url(/static/images/background-footer.gif) no-repeat #eae4d4;
		background-position:top;
		text-align:center;
	}
		#footer p {
			font-size:11px;
			color:#666666;
		}
		
		#footer a {
			font-size:11px;
			color:#666666;	
			text-decoration:none;	
		}
		
		#footer a.twovisions {
			font-size:11px;
			color:#ef9237;	
			text-decoration:none;	
		}
			#footer a:hover {
				text-decoration:underline;
				}				


		.formulier, .formulier table, .formulier table tr, .formulier table tr td, .formulier a, .formulier fieldset,  .formulier fieldset legend {
					font-size: 12px;
				}
				.formulier table {
					table-layout: fixed;
				}
				
					.formulier table tr{
						
					}
					
					.formulier table tr td{
						vertical-align: top;
					}
				
					.formulier td.label {
						width: 178px;
						padding-top: 12px;
					}
					
					.formulier td.label2 {
						width: 178px;
						padding-top: 4px;
					}
					
					.formulier td.fields {
						padding-left: 10px;
					}
					
					
				.formulier fieldset {
					margin-top: 20px;
				}
				
				.formulier fieldset legend{
					color: #000000;
				}
				.formulier label {
					cursor: pointer;
					cursor: hand;
				}
				.formulier input.text {
					
				}
				.formulier input.file {
					margin-top: 10px;
				}
				
				.formulier input.xl {
					width:220px;
					height:20px;
					font-size:15px;
					padding-top:2px 0 0 2px;
					border:1px solid #ef9237;
					margin-right: 10px;
					margin-top: 10px;
				}
				.formulier input.l {
					width:136px;
					height:20px;
					font-size:15px;
					padding-top:2px 0 0 2px;
					border:1px solid #ef9237;
					margin-right: 10px;
					margin-top: 10px;
				}
				.formulier input.s {
					width:70px;
					height:20px;
					font-size:15px;
					padding-top:2px 0 0 2px;
					border:1px solid #ef9237;
					margin-right: 10px;
					margin-top: 10px;
				}
				.formulier input.xs {
					width:70px;
					height:20px;
					font-size:15px;
					padding-top:2px 0 0 2px;
					border:1px solid #ef9237;
					margin-right: 10px;
					margin-top: 10px;
				}
				.formulier input.c {
					margin-right: 10px;
					margin-top: 10px;
				}
				
				.formulier input.verzenden {
					border: 1px solid #ef9237;
					background: url(/static/images/background-page-selected.gif) #ef9237;
					background-repeat:repeat-x;
					background-position:bottom;
					color:#FFFFFF;
					height:23px;
					padding:2px;
					}
				
				.formulier textarea {
					width:220px; 
					height:150px; 
					border: 1px solid #ef9237;
					font-size:15px;
					padding-top:2px 0 0 2px;

				}
				.formulier textarea.empty {
					color:#CCCCCC;
				}
				.formulier .extrainfo {
					font-size:11px;
					margin-top: 10px;
				}