@import url(/content/css/editor.php);

/*****COLOR CHART*****

D3DC00	boom groen
F7F7F7	container bg gray
DBDBDB	table-row gray

#4B4B4B bodytext gray
A3A3A3	font gray

*********************/

html, body {
	height:100%;
}

body {
	background: #FFFFFF url(/image/body_bg.gif) repeat-y center;
	font-size: 11px;
	overflow: -moz-scrollbars-vertical;
}

#fullwidthbg {
	background: #FFFFFF url(/image/fullwidth_header_bg.gif) repeat-x center top;
	height: 100%;
}

#container {
	width: 956px;
	height: 100%;
	margin: 0 auto -38px auto;
	position: relative;
	padding: 0px 13px 0 13px;
	background: #F7F7F7 url(/image/cont_bg.gif) repeat-x center top;

}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*padding: 0 0 -38px 0;*/
}

	a#logo {
		display: block;
		width: 80px;
		height: 80px;
		margin: 0 29px 0 0;
		/*background: url(/image/boomlogo.gif) no-repeat;*/
		float: left;
	}

	/*		TOPMENUS		*/
	#menus {
		display: block;
		width: 847px;
		height: 80px;
		float: left;
		background: transparent url(/image/border_dotted.gif) repeat-x bottom;
	}
		/* NAV LEVEL 2*/
		ul#navlevel2 {
			margin: 52px 0 0 0;
			list-style: none;
		}
			ul#navlevel2 li {
				float:left;
			}
				ul#navlevel2 li a:link, ul#navlevel2 li a:visited {
					display: block;
					padding: 1px 4px 2px 4px;
					margin: 0 16px 0 0;
					font-size: 15px;
					font-weight: normal;
					text-transform: uppercase;
					text-decoration: none;
				}
				ul#navlevel2 li a:hover, ul#navlevel2 li a:active, ul#navlevel2 li.active a {
					background-color: #000000;
					color: #D3DC00;
				}

		/* BRANCH SELECTOR */
		/* zie cssmenu.css */


		/* portal statc items */
		#menus p{
			display: inline;
			float: right;
			margin: -2px 0 0 0;
		}
			#menus p a:link, #menus p a:visited {
				text-transform: lowercase;
				display: block;
				float: left;
				margin: 5px 0 0 10px;
				color: #A3A3A3;
				font-size: 11px;
			}
			#menus p a:hover, #menus p a:active, #menus p a.active {
				color: black;
				text-decoration: none;
			}

	/*	SUBMENU		*/

	#submenu {
		clear: both;
		padding: 4px 0 6px 0;
		/* overflow: hidden; */
		text-transform: lowercase;
	}
		#submenu p {
			color: #A3A3A3;
		}
		#submenu a:link, #submenu a:visited {
			color: #A3A3A3;

		}
		#submenu a:hover, #submenu a:active {
			color: black;
			text-decoration: none;
		}

		#searchbar {
			/*background: green;*/
			float: right;
			margin: 3px 0 0 0;
			width: 270px;
			clear: right;
		}
			#searchbar a:link, #searchbar a:visited, #searchbar a:active, #searchbar form button {
				display: block;
				float: left;
				width: 15px;
				height: 15px;
				margin: 0 0 0 10px;
				text-indent: -999em;
				background-repeat: no-repeat;
				background-position: top;
				line-height: 1px;
				text-decoration: none;
			}
			#searchbar a:hover {
				background-position: bottom;
			}
			#searchbar a.print {
				background-image: url(/image/icon_print.gif);
			}
			#searchbar a.mail {
				background-image: url(/image/icon_mail.gif);
			}
			#searchbar a.fontsize {
				background-image: url(/image/icon_fontsize.gif);
			}
			#search {
				display: block;
				float: right;
			}
			#search p {
				margin: 0;
				padding: 0;
			}
			#search input {
				background: #F7F7F7 url(/image/cont_bg.gif) repeat-x scroll center -101px;
				border:1px solid #A3A3A3;
				color:#A3A3A3;
				font-size:11px;
				height:14px;
				padding:0pt 0pt 0pt 3px;
				width:160px;
			}
			#search input:focus {
				color: black;
			}
			#search input.home {
				display: block;
				background: #A3A3A3 url(/image/icon_search.gif);
				width: 15px;
				height: 16px;
				margin: 0 0 0 1px;
				border: none;
			}
			#search input.home:hover {
				background: black url(/image/icon_search.gif);
			}

		#breadcrumb {
			padding: 5px 0 0 0;
			font-size: 10px;
		}
		#breadcrumb a:link,	#breadcrumb a:visited {
			font-size: 11px;
		}

	/*	FOOTER */

	#footer {
		width: 956px;
		height: 25px;
		bottom: 0px;
		margin: -25px 0 0 0;
		background: transparent url(/image/border_dotted.gif) repeat-x top;
	}
		#footer a#rss:link, #footer a#rss:visited, #footer a#rss:active {
			display: block;
			float: left;
			width: 18px;
			height: 18px;
			margin: 5px 0 0 0;
			background: url(/image/icon_rss.gif) no-repeat top left;
			text-indent: -999em;
		}
			#footer a#rss:hover {
				background: url(/image/icon_rss.gif) no-repeat bottom left;
			}
		#footer #addressbar {
			padding: 5px 0 0 0;
			font-size : 9px;
			text-align: right;
			color: #a3a3a3;

		}
		#printfooter {
			display: none;
		}


/* MIDDLE AREA */		
		
	#main {
		padding: 0 0 50px 0;
		overflow: hidden;
	}

	#leftBar {
		width:201px;
		float:left;
		padding-bottom:150px;
	}
	#leftBar .wasFirstCol {
	}

	.text {
		padding: 0px 10px;
	}
		.text h2 {
			margin: 0px -10px 15px -10px;
		}
			
/*	BLACK SUBNAV BLOCK */	
	table#navlevel3 {
		width:201px;
		background:black;
	}
	div#navlevel3spacer {
		height:18px;
		margin-bottom:0;
		display:block;
	}
	table#navlevel3 div.heightfix {
		height:309px;
		width:1px;
	}
	table#navlevel3 td.menuitems {
		vertical-align:bottom;
	}
	
		/* NAVLEVEL3 UL STYLING */
		
		#navlevel3, #navlevel3 * {
			color: #D3DC00;
			text-transform: uppercase;
			text-align: right;
			font-size: 14px;
			text-decoration: none;
		}
			#navlevel3 h2 {
				margin: 0;
				padding: 10px;
			}
				#navlevel3 h2 a {
					font-size: 25px;
				}
					#navigationul {
						padding: 10px;
					}
						#navigationul li{
							display: block;
							overflow: hidden;
						}
							#navigationul li.active {
								overflow: hidden;
							}

							#navigationul li ul {
								display: none;
							}
								#navigationul li.active ul, 
								#navigationul li.open ul {
									display: block;
								}
						#navigationul li.active a span, 
						#navigationul li.open a span{
							color: white;
						}
						#navigationul li.active ul li a span, 
						#navigationul li.open ul li a span {
							font-size: 11px;
							text-transform: none;
						}
						#navigationul li.open ul li.active a span,
						#navigationul li.active ul li.active a span {
							color: #D3DC00;
						}
						
						#navigationul li ul li.open a span{
							color: #D3DC00; /*= parent voor onzichtbare childs*/
						}
						
						#navigationul li ul ul { /*hide 4tn level lists*/
							display: block;
							overflow: hidden;
							height: 0px;
						}
				
				
	div#content-header {
		float:right;
		padding: 0 0 18px 0;
	}
	div#content-header #map {
		border:1px solid #000;
	}
	table.doFloat {
		float:right;
		width: 744px;
	}
	
	
/* DIRECTLINKS STYLES */
		ul.module, .portfolio_links ul {
			margin: 0 10px 25px 0;
		}
		ul.module li a:link, ul.module li a:visited, 
		.portfolio_links ul li a:link, .portfolio_links ul li a:visited {
			display: block;
			padding: 0 10px 0 0;
			text-align: right;
			background: url(/image/icon_pijl_l.gif) right 7px no-repeat;
			font-size:12px;
			line-height:20px;
		}
			ul.module li a:hover, ul.module li a:active, 
			.portfolio_links ul li a:hover, .portfolio_links ul li a:active {
				text-decoration: underline;
			}
			ul.module li a.pdf:link, ul.module li a.pdf:visited, .portfolio_links ul li a.pdf:link, .portfolio_links ul li a.pdf:visited  {
				background: url(/image/icon_pdf.gif) right 5px no-repeat;
				padding: 0 18px 0 0;
			}
			ul.module li a.pdf:hover, ul.module li a.pdf:active, .portfolio_links ul li a.pdf:hover, .portfolio_links ul li a.pdf:active {
				background: url(/image/icon_pdf_o.gif) right 5px no-repeat;
			}

			
			
			
		.content ol {
			list-style: decimal;
		}
			.content ol li {
				margin-left: 15px;
			}
			
		a.backto:link, a.backto:visited,
		.content a.backto:link, .content a.backto:visited {
			background: black url(/image/icon_pijl_r_white.gif) no-repeat scroll 3px 5px;
			color: white !important;
			display: table;
			float: right;
			font-size: 11px;
			line-height: 14px;
			padding: 0 5px 0 12px;
			margin: 18px 0 0 0;
			text-decoration: none;
		}
		a.backto:hover, a.backto:active,
		.content a.backto:hover, .content a.backto:active {
			background: black url(/image/icon_pijl_r_green.gif) no-repeat scroll 3px 5px;
			color: #D3DC00 !important;
		}
		
		.col3 {
			width: 183px;
			float: left;
		}
			.col3_331 {
				width: 331px;
			}

			.col3_255 {
				width: 255px;
			}


		/*VARIABLE COLUMNS*/
		.col1 {
			width: 201px;
			float: left;
			/*clear: both;*/
		}
			.col1_fill {
				/*float:right;*/
				/*width:954px;*/
				float: left;
			}

		.col2 {
			width: 550px;
			margin: 0 11px 0 0;
			float: left;
		}
			.col2 .content {
				padding: 0;
				
			}
			.col2_402 {
				width: 402px;
			}
			.col2_478 {
				width: 478px;
			}
			.col2_690 {
				width:690px;
				margin-left:0;
			}
			.col2_744 {
				width: 744px;
				margin: 0;
			}
			.col2_956 {
				width: 956px;
				margin: 0 0 0 0;
			}

		.col3 {
			width: 183px;
			float: left;
		}
			.col3_331 {
				width: 331px;
			}

			.col3_255 {
				width: 255px;
			}


		/*		COMMON		*/
		.col1, .col2, .col3 {
			line-height: 18px;
			font-size: 12px;
		}
		
		
		
div.flashcontainer {
	height: 309px;
	display: inline;
}





/* SAFARI */
table.td3 {
	clear: right;
}

.gmaptable img { margin-right:10px;}
.gmaptable { margin-right:10px;}

#socialbar {
	list-style: none;
	padding: 0;
	margin-left: 0;
	height: 32px;
}

#socialbar li {
	margin: 0;
	padding: 0;
	padding-right: 14px;
	display: inline;
	float: left;
}

#socialbar a {
	display: block;
	text-indent: -999em;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
}

#socialbar a.twitter { background-image: url(/image/socialmedia_icons/disabled/twitter.png); }
#socialbar a.google { background-image: url(/image/socialmedia_icons/disabled/google.png); }
#socialbar a.linkedin { background-image: url(/image/socialmedia_icons/disabled/linkedin.png); }
#socialbar a.facebook { background-image: url(/image/socialmedia_icons/disabled/facebook.png); }
#socialbar a.nujij { background-image: url(/image/socialmedia_icons/disabled/nujij.png); }
#socialbar a.delicious { background-image: url(/image/socialmedia_icons/disabled/delicious.png); }

#socialbar a.twitter:hover { background-image: url(/image/socialmedia_icons/twitter.png); }
#socialbar a.google:hover { background-image: url(/image/socialmedia_icons/google.png); }
#socialbar a.linkedin:hover { background-image: url(/image/socialmedia_icons/linkedin.png); }
#socialbar a.facebook:hover { background-image: url(/image/socialmedia_icons/facebook.png); }
#socialbar a.nujij:hover { background-image: url(/image/socialmedia_icons/nujij.png); }
#socialbar a.delicious:hover { background-image: url(/image/socialmedia_icons/delicious.png); }