/* ------- CSS Styles ------- */

* {
	margin:0; /* Needed to keep the page fully centered horizontally and vertically */
	padding:0; /* Needed to keep the page fully centered horizontally and vertically */
	text-decoration:none;
	border:none;} 
	
/* mac hide \*/
html,body{
	height:100%; /* Needed to keep the page fully centered horizontally and vertically */
	width:100%; /* Needed to keep the page fully centered horizontally and vertically */
	background-color:#FFC;
	background-image:url(../images/website/backgroundcolor.png);
	background-repeat:repeat;
	font-family: Arial, Helvetica, sans-serif;} 
/* end hide */

body {
	font-size:70%; /* Makes fonts the same size in Firefox and IE */
	text-align:center; /* Needed to keep the page fully centered horizontally and vertically */
	min-height:580px;/* for good browsers*/ /* Needed to keep the page fully centered horizontally and vertically */
	min-width:955px;/* for good browsers*/ /* Needed to keep the page fully centered horizontally and vertically */}
	
#xouter{
	height:100%; /* Needed to keep the page fully centered horizontally and vertically */
	width:100%; /* Needed to keep the page fully centered horizontally and vertically */
	display:table; /* Needed to keep the page fully centered horizontally and vertically */
	vertical-align:middle;} /* Needed to keep the page fully centered horizontally and vertically */
	
#xcontainer {
	text-align: center; /* Needed to keep the page fully centered horizontally and vertically */
	position:relative; /* Needed to keep the page fully centered horizontally and vertically */
	vertical-align:middle; /* Needed to keep the page fully centered horizontally and vertically */
	display:table-cell; /* Needed to keep the page fully centered horizontally and vertically */
	height: 600px; /* Needed to keep the page fully centered horizontally and vertically */}	

#xinner {
	width:935px; /* Needed to keep the page fully centered horizontally and vertically */
	height:580px; /* Needed to keep the page fully centered horizontally and vertically */
	text-align:center; /* Needed to keep the page fully centered horizontally and vertically */
	margin-left:auto; /* Needed to keep the page fully centered horizontally and vertically */
	margin-right:auto;/* Needed to keep the page fully centered horizontally and vertically */
	padding:10px;
	background-image:url(../images/website/background_shadow2.png);}
	
#solform {background-color:#FFF;} /* Sollicitatie formulier */
	
html, body {
	text-align:center; /* Takes care of horizontal alignment in Internet Explorer */
	margin:0px;
	padding:0px;}



/* ------- Lettertype standaarden ------- */

h1 {}
h2 {font-size:14px;}
h3 {}

a {
	color: #003399;
	text-decoration:underline;}
	
a.info {
	text-decoration:none;
	color:#FFF;}
	
p {
	padding:0px;
	margin:0px;
	font-size:12px;
	text-align:left;}

.imgrightside {
	float:right;
	padding:0px 0px 0px 15px;}

/* ------- Overzicht ------- */

.backgroundholder {
	background-image:url(../images/website/background_over-ons.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	height:580px;
	width:935px;}

#content {
	text-align:left;
	height:542px;}
	
#header {
	height:177px;
	width:935px;}
	
#taalnederlands, #taalengels {
	float:left;
	padding:15px 0px 0px 15px;}
	
#tekstholder {
	padding:40px 40px 0px 190px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	line-height:16px;
	/*letter-spacing:0.1em;*/
	color:#000000;
	text-align:left;
	height: 300px;
	}

#logoBC {
	float:right;
	display:block;
	padding:3px 3px 0px 0px;}
	
#footertekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	color:#FFFFFF;
	text-align:left;
	padding:5px 0px 0px 190px;}
	
#footer {
	height:23px;
	width:935px;
	background-image:url(../images/website/orange.gif);
	background-repeat:repeat;
	text-align: center; 
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;}

#map {
	overflow: hidden;
}

/* ------- Overzicht Menu ------- */

#menucontainer {
	height:23px;
	width:745px;
	background-color:#ff9933;
	background-image:url(../images/website/orange.gif);
	background-repeat:repeat;
	display:block;
	text-decoration: none;
	/*text-align:center;*/
	padding:0px 0px 0px 190px;
	font-weight:bold;
	z-index:100;}
	
#nav, #nav ul { /* all lists */
	padding:0px;
	margin:0px;
	list-style: none;
	width:100%;
	z-index:100;}

#nav a {
	color:#000000;
	font-size:12px;
  	display:block;
  	margin:0px;
	text-decoration: none;
	width:110px;
	padding:4px 0px 4px 0px;
	text-align:center;
	z-index:100;}

#active p { 
	background-image:url(../images/website/button_active.png);
	color:#FFF;
	font-size:12px;
  	display:block;
  	margin:0px;
	text-decoration: none;
	width:110px;
	padding:4px 0px 4px 0px;
	cursor:default;
	z-index:100;
	/*geeft aan op welke pagina je op het moment zit*/}
	
#active a { 
	background-image:url(../images/website/button_active.png);
	color:#FFF;
	font-size:12px;
  	display:block;
  	margin:0px;
	text-decoration: none;
	width:110px;
	padding:4px 0px 4px 0px;
	text-align:center;
	z-index:100;
	/*geeft aan op welke pagina je op het moment zit*/}
	
.menubuttons {
	background-image:url(../images/website/button.png);
	color:#000;
	font-size:12px;
  	display:block;
  	margin:0px;
	text-decoration: none;
	width:110px;
	padding:4px 0px 4px 0px;
	text-align:center;
	cursor:default;
	z-index:100;}

#nav li { /* all list items */
	color:#000000;
	font-size:12px;
	float: left;
	width:110px;
	background-image:url(../images/website/button.png);
	display:block;
	z-index:100;
	/*width: 11em;  width needed or else Opera goes nuts */}

#nav li ul { /* second-level lists */
	position: absolute;
	width:110px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  	font-family:Arial, sans-serif;
  	float:none;
	border:0px;
	z-index:100;}

#nav ul li {
	width:110px;
  	border-top:solid 1px #CCC;
	z-index:100;}
	
#nav li li a {
	display: block;
	font-size:11px;
	color: #666;
	background-image:url(../images/website/button_under.png);
	padding:3px 0px 3px 0px;
	z-index:100;
	/*border-top:#CCCCCC solid 1px;*/}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index:100;}

#nav a:hover, #nav a.sfhover {
	color: #FFF;
	background-image:url(../images/website/button_over.png);
	z-index:100;}

#active a:hover, #active a.sfhover {
	color: #FFF;
	background-image:url(../images/website/button_over.png);
	z-index:100;}

#nav li li a:hover, #nav li li a.sfhover {
	color: #FFF;
	z-index:100;}
	
#kwaliteitmenu {
	margin-left:30px;}
	
#nav li:hover, #nav li.hover {  position: static;} /* Fix voor een fout met betrekking tot dropdown menu's met het suckerfish menu en google.maps zie voor meer info http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/ */