/*
HOOFDKLEUREN
165ba0 donkerblauw
2d70b3 70% bright
*/
/*vrijdag 10 september 2010 13:30:45*/
/*woensdag 22 december 2010 18:55:05*/
/*woensdag 17 augustus 2011 11:43:45*/
/*maandag 5 december 2011 11:09:47*/


* {
	margin: 0;
	padding: 0;
}
body {
	color: #000;
	margin: 0;
	padding: 0;
	min-width: 770px;
}
a {
	color: #000;
}
a:hover {
	/*color: #005678;*/
	color: #2d70b3;
}
a img {
  border: 0;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0; /* for better consistency across platforms */
}
ul, ol {
  margin: 0.2em 0 0.2em 1.5em;
  padding: 0;
}
li {
  margin: 0 0 0 0.5em;
  padding: 0;  
}

p img[align=left] {
  margin-right: 5px;
}

p img[align=right] {
  margin-left: 5px;
}

/**
 * three column layout
 */
#pageWrapper {
	margin: 0;
	padding: 10px;
	border: 0;
	min-width: 770px;
}
#outerColumnContainer {
	border-left-color: transparent; /* left hand column background color */
	border-right-color: transparent; /* right hand column background color */
	border-style: solid;
	border-width: 0 180px 0 240px; /* side border widths must equal the
				   widths of the left and right columns. 
				 */
	color: #000;
	z-index: 1;	
	min-width: 350px;
}
* html #outercolumncontainer {
	margin-top: -1px; /* IE5.0/Win fix for 1px whitespace between masthead and body. 
	 * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
	 * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
	 * by this extra margin work.
	 */
}
#innerColumnContainer {
	margin: 0 -1px; /* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 2;
}
html[xmlns] .mozclear {
	border-bottom: 1px solid; /* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-color: transparent;
	margin-bottom: 0px;
}
#leftColumn, #rightColumn, #contentColumn {
	float: left;
	overflow: visible; /* fix for IE italics bug */
	position: relative;
	z-index: 10;
}
.inside {
	padding: 0 1.5em; /* glitch in IE caused by vertical padding in
				   this class, so 0 padding is set here and
				   those blocks that need the vertical padding
				   must be applied to the parent element.
				   the purpose of this class is to provide 
				   horizontal padding without using hacks to
				   get around IE's broken box model. so it's
				   okay to apply vertical padding to the parent
				   element, just not horizontal padding. */
}
#leftColumn, #centerColumn, #rightColumn, #masthead {
	padding-bottom: 0.5em; /* this is the vert padding talked about in the
				   .inside selector comment. */
	padding-top: 0.5em;
}
#leftColumn {
	margin: 0 1px 0 -239px; /* the margin on the side the column is to be rendered on must be the negative equal of the column's width. The opposite border must be 1px */
	width: 240px;
}
#rightColumn {
	float: right; /* doesn't have to be floated right, but if using some
			   original skidoo tweaks, you need it this way */
	margin: 0 -180px 0 -1px; /* same as in the #leftColumn but reversed */
	width: 180px;
/*color: #747C82;*/
	color: #666666; /*grijze tekst, kleur input zoekbox*/
	line-height: 19px;
}
#rightColumn a,
#rightColumn a:visited {
	/*color: #00a4e4;*/
	color: #165ba0;
}

/*toegevoegd*/
#rightColumn a:hover,
#rightColumn a:visited:hover {
	/*color: #00a4e4;*/
	color: #CCCCCC;
}
/*end toevoeging*/


#contentColumn {
	margin: 0 -1px; /* required to get the negative margin-based
				   layout to work. if #contentColumn does not
				   overlap the left and right columns, then
				   the whole layout will break */
	width: 100%;
	margin-top:-9px;
}
/**
 * Logo
 */
#logoholder {
	position: absolute;
	padding: 35px 0 0 10px;
}
#printlogo {
	visibility: hidden;
	display: none;
}
/**
 * Footer
 */
#footer {
	float: left;
	clear: both;
	text-align: left;
	padding: 1em;
	/*color: #00a4e4;*/
	color: #2d70b3;
}
#footertext {
	float:left;
	padding-left:257px;
}
#footer a {
/*color: #00a4e4;*/
	color: #2d70b3;
	text-decoration: none;
}

/*toegevoegd*/
#footer a:hover,
#footer a:visited:hover {
	/*color: #00a4e4;*/
	color: #CCCCCC;
}
/*end toevoeging*/



#copy {
	float: right;
	width: 190px;
}

/**
 * Header
 */
#masthead {
	/*background: #6CA3D7 url(../images/luchten/11.jpg) no-repeat top left;*/
	background: #3380cc url(../images/luchten/11.jpg) no-repeat top left;
	height: 110px;
	margin: 0 !important;
	padding: 0 !important;
}
#masthead h1 {
	display: inline; /* easier than setting 0 padding and margin */
}
#flash_header {
  overflow: hidden;
}
/**
 * flash visual
 */
#menuvisual {
	background-image: url(../images/back_line.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 4px;
}
#menuvisual_holder {
	background-image: url(../images/back_line.gif);
	background-repeat: repeat-x;
	margin: 10px 0px;
	padding: 3px 0px;
	width: 240px;
}
#flash_visual {
overflow: hidden;
height: 180px;
}

/** 
 * Metamenu dingen 
 */
 #metamenu {
/*background-color: #00a4e4;*/
	background-color: #2d70b3;
 	color: #ffffff;
 	padding: 5px 0px 5px 4px;
 	border: 1px solid #2d70b3; /*toegevoegd - om aan te sluiten bij border zoekbox*/
 }
 #metamenu a{
 	color: #FFFFFF;
 	margin: 0px 4px;
 	text-decoration: none;
 }
 #metamenu a:hover{
 	color: #CCCCCC;
 	margin: 0px 4px;
 	text-decoration: none;
 }
 
/**
 * zoekbox
 */
 #zoeken {
 	/*background-color: #0093D0;*/
 	background-color: #2d70b3;
 	float: right;
	padding: 1px 30px 3px 9px;
 }
 #zoekbox {
	width: 12em;
  line-height: 1.3em;
  height: 1.4em;
 }
 #zoekbutton {
 	/*background-color: #0093D0;*/
 	background-color: #2d70b3;
 	/*border: 1px solid #0093D0;*/
 	border: 1px solid #2d70b3;
 	/*color: #00405B;*/
 	color: #ffffff;
	letter-spacing: normal;
  margin-top: 3px;
	cursor: pointer;
 }
 input {
 	background-color: #FFFFFF;
 	/*border: 1px solid #0093d0;*/
 	border: 1px solid #2d70b3;
  color: #666666;
 	padding: 1px 0px 0px 2px;
	letter-spacing:0.09em;
 }
 

/**
 * opmaak 
 */
.clear {
clear: both;
}
.text {
line-height: 18px;
margin: 10px 5px 10px 10px;
}
h1 {
/*background-color: #00ADEF!important;*/
background-color: #2d70b3!important;
color: #FFFFFF;
font-size: 1.4em;
font-weight: normal;
padding: 5px 0px 5px 9px;
margin-left:-9px;
}
h2 {
/*color: #00a4e4;*/
color: #2d70b3;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.4em;
margin: 0;
padding: 0;
margin-bottom:-10px;
}
h3,
h4 {
background-image: url(../images/back_line.gif);
background-position: bottom;
background-repeat: repeat-x;
color: #000000;
font-size: 1.4em;
font-weight: normal;
margin: 1px 0px 3px 0px;
padding: 0px 0px 5px 0px;
}

/*h5 gebruikt bij vacatures*/

h5 {
color: #2d70b3;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin: 0;
padding: 0;
}

.logos {
margin:10px 0px 0px 0px;
}
.logos img {
margin: 0px 0px 0px 6px;
}
.line {
background-image: url(../images/back_line_blue.gif);
background-repeat: repeat-x;
background-position:center;
border: 0px;
margin: 0px 0px 5px 0px;
}
.white {
color: #FFFFFF;
font-weight: bold;
}
.menu_bottom {
	background-image: url(../images/back_line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:1px;
	margin-left:-1px;
}
.linklijst {
	margin: 8px 8px 12px 8px;
}
.linklijst li {
	list-style: disc;
	margin-left: 8px;
}

/**
 * Font size & style switcher
 */
#switcher {
	position:absolute;
	width:78px;
	height:17px;
  font-size: 11px;
  line-height: 17px;
	top: 100px;
	right:15px;
	margin: 0 0 15px 0;
	padding: 0;
	z-index:10;
  /*background: #00a4e4;*/
  background: #2d70b3;
}
#switcher a, 
#switcher a:link, 
#switcher a:hover {
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}

/**
 * tooltip style
 */
#tooltip {
	/* opacity: 0.92; */
	/*border:1px solid #A0CBDC;*/
	border:1px solid #2d70b3;
	padding: 0px 8px 0px 8px;
	width:200px;
	font-size: 10px;
	font-weight:normal!important;
	line-height:15px;
  /*background: #f5f5dc;*/
  background: #EEEEEE;
  top: 0;
  left: -500px;
}
#tooltip h3, #tooltip p { 
	font-size: 10px;
	font-weight:normal!important;
	line-height:15px;
}

/**
 * Styles voor zoekresultaten..
 */
.zoeknav {
	margin: 1em 0;
}
.zoekpaginas {
	display: inline;
	list-style: none;
	margin: 0 0 3em;
	padding: 0;
}
.zoekpaginas li {
	display: inline;
	margin-right: 5px;
}

/**
 * Menu styles
 */
a.head {
	display: block;
}
a.selected {
	background-color: #778899;
	border: 1px solid #FF0000;
}
dd {
	/*background-color: #F5F5F5;*/
	background-color: #FFFFFF;
	border-top-width: 0;
	margin: 0;
}


dt {
	padding: 6px 0px 0px 8px!important;
}
dt a,
dt a:link,
dt a:visited {
  text-decoration: none;
	color: #ffffff;
}

/*toegevoegd, mouseover in main menu navigatie links*/

dt a:hover,
dt a:visited:hover {
  text-decoration: none;
	color: #CCCCCC;
}
/* end*/



dt, h3, a.head {
	cursor: pointer;
}
dt.active {
	/*background-color: #C0C0C0;*/
	background-color: #EEEEEE;
	background-image: url(../images/back_menu_over.gif)!important;
	color: #2d70b3;
}
dt.notactive {
	background-color: #E0E0E0;
}
#list1,
#list2 {
	width: 240px;
}

#list1 dd,
#list2 dd {
	/*background: #D5EFFC;*/
	background: #EEEEEE;
	background-image: url(../images/back_submenu.gif);
}
/*submenu  kleuren */
#list1 dd a,
#list2 dd a {
	/*color: #0098D3;*/
	color: #2d70b3;
	display: block;
	margin-left: 30px;
  height:19px;
	padding-top:6px;
	text-decoration: none;
}
#list1 dd a:hover,
#list2 dd a:hover {
	/*background: #D5EFFC;*/
	background: #EEEEEE;
	background-image: url(../images/back_submenu_over.gif);
}

/*toegevoegd, mouseover tekstkleuren submenu */
#list1 dd a:hover,
#list1 dd a:visited:hover,
#list2 dd a:hover,
#list2 dd a:visited:hover {
	color: #aaaaaa;
}
/*eind toevoeging tekstkleuren*/

/*toegevoegd transparency op afbeeldingen voorpagina */
.transparent:hover {
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;  
}
/*eind toevoeging transparency*/



/*toegevoegd blauwe border */
.blueborder { 
border:  1px solid #165ba0;
}
/*eind toevoeging blueborder*/



/*toegevoegd center */
.center { 
text-align: center;
}
/*eind toevoeging center*/

#list1 dd a:active,
#list2 dd a:active {
	/*background: #D5EFFC;*/
	background: #EEEEEE;
	background-image: url(../images/back_submenu_over.gif);
}
#list1 dt,
#list2 dt {
	height: 20px;
  background-color: #2d70b3;
	background-image: url(../images/back_menu.gif);
	background-repeat: no-repeat;
}