/* Presentation Stylesheet */

a:link, a:visited, a:active  { color: #F47421; background: transparent; }
a:hover { color: #F28133; background: transparent; }

#ftr a:link, #ftr a:visited, #ftr a:active  { color: #898989; background: transparent; }
#ftr a:hover { color: #000; background: transparent; }

/* ---- menu ---- */
#navigation 
{
	padding: 0px 0 0 0;
	color: #898989;
	margin: 0px 0px 11px 10px;
	clear: both;
	height:35px;	
	background-color:#FFF;
}

#navigation ul { list-style:none; padding: 0px 0 0 0; }

#navigation li { list-style:none; float:left; }

#navigation a:link,	#navigation a:visited, #navigation a:hover,	#navigation a:visited:hover 
{
	float:left;
	display:block;
	height:29px;
	padding:8px 25px 2px 25px;
	text-decoration:none;
	color:#666666;
	font-size: 12px;	
	font-weight:bold;
	text-align:center;
	border-left:1px solid #CCCCCC;
}

html>body #navigation a:link,	#navigation a:visited, #navigation a:hover,	#navigation a:visited:hover { height:27px; padding:8px 25px 2px 25px; }

#navigation a:link,	#navigation a:visited { background-color:#FFF; }

#navigation a.active { background:#FFF url('../images/nav_arrow.gif') no-repeat top center; color:#000; }

#navigation a:hover, #navigation a:visited:hover { background:#F8F8F8 url('../images/nav_arrow.gif') no-repeat top center; color:#000; }

/* ---- /menu ---- */	


h1 {
	font-size:24px;
	font-weight: bold;
	margin:0px 0px 0px 0px;
	padding: 0 0 7px 0;
	color: #F28133; 	
	background-image: url(../images/dot_horizontal.gif);
 	background-repeat: repeat-x;	
 	background-position: bottom left; 
}

h2 {
	font-size:18px;
	font-weight: bold;
	margin:0px 0px 0px 0px;
	padding: 0 0 7px 0;
	color: #F28133; 
	background-image: url(../images/dot_horizontal.gif);
 	background-repeat: repeat-x;	
 	background-position: bottom left; 
}

.h2_margin_bottom { margin:0px 0px 12px 0px; }

h3 { font-size:16px; color: #4B4A4A; margin: 10px 0 5px 0; }
h3.orange { color: #F28133; }

h4 { font-size:20px; color: #4B4A4A; }

h5 { font-size:14px; color: #F28133; margin: -5px 0 0px 2px; padding: 0; }

h6 { font-size:16px; color: #4B4A4A; margin: 0 0 5px 0; }

h3.smallorange { font-size:13px; color: #F28133; margin: 5px 0 -5px 0px; padding: 0; }

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

p.small_lineheight { line-height: 15px; }

#r-col p {
	padding: 0;
	margin: 5px 0px 7px 0px;
}

ul {
	list-style-type: disc;
	padding: 0px 0px 0px 35px;
	margin: 0 0 0 0;
}

hr { height: 1px; color: #EEE; background-color: #EEE; }

br.break { clear: both; }

div.error {
  border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  margin: 5px 0px 10px 0px;
  padding: 15px;  
  color: black;
}

div.googleadds{
	text-align: center;
	margin: 15px 0 5px 0;
	
}

div.googleaddsright{
	text-align: center;
	margin: 0px 0 0 0;
	width: 468px; 
	overflow: hidden; 
	float: right;
}

/*------------------------------*/
/*			 Boxes				*/
/*------------------------------*/

/* set millions of background images */
.rbroundbox { background: url(../images/boxes/nt.gif) repeat; }
.rbroundbox_clear { background: url(../images/boxes/nt.gif) repeat; clear: both; }
.rbtop div { background: url(../images/boxes/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/boxes/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/boxes/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/boxes/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
}

html>body .rbtop div, .rbtop, .rbbot div, .rbbot { height: 15px; } 

.rbcontent { margin: 0 10px; }
.rbroundbox { width: 100%; margin: 0 0 15px 0; }

.rbroundbox p {	padding: 0;	margin: -5px 0 -5px 0; padding: 0px; }


	/* ZOEKBOX */
	
	#zoekbox {
		background:#FFF url('../images/boxes/zoekbox.jpg') no-repeat top center; 
		color:#FFF;
		height: 120px;
		margin: 0 0 0px 0;
		padding: 38px 10px 2px 10px;
		line-height: 65px;
	}
	
	html>body #zoekbox {	
	padding: 38px 5px 0 10px;
	line-height: 50px;
	}
	
	.zoekbox_padding { padding: 0px 0px 10px 0px; }
	
	#zoekbox div {
		color: #fff;
		/* background: #DED5B3; */
		float: left;
		margin: 10px 5px 0 0;
	}
	
	#zoekbox div a {
		color: #773706;
		background: url('../images/zoekboxbutton.gif') no-repeat 0px -27px;
		text-decoration: none;
		font-weight: bold;
		height: 27px;
		width: 99px;
		display: block;
		text-align: center;
		vertical-align: middle;
		line-height: 27px;
	}
	
	#zoekbox div a:hover, #zoekbox div a:active {
		background: #FED6BB url('../images/zoekboxbutton.gif') no-repeat 0px -54px;
		/* color: #FFFFFF; */
	}
	
	
	#zoekbox div a.active
	{
		background: url('../images/zoekboxbutton.gif') no-repeat !important;
		color: #FFFFFF;
	}
	
	/* /ZOEKBOX */

#box_button {
	background:#FFF url('../images/boxes/button.jpg') no-repeat top center; 
	color:#FFF;
	height: 68px;
	margin: 0 0 15px 0;
	padding-left: 70px;
}

#box_button h4 { padding: 20px 0 0 0; }
html>body #box_button { margin: -10px 0 15px 0; } 

#box_button a:link, #box_button a:visited, #box_button a:active  { color: #4B4A4A; background: transparent; text-decoration: none; }
#box_button a:hover { color: #4B4A4A; background: transparent; text-decoration: underline; }

div.block_left {
	float:left;	
	width: 310px; 
	margin: 5px 0px 5px 0px;
	/* background-color : red; */
}

div.block_right {
	float:right;
	width: 310px; 
	margin: 5px 2px 5px 0px;	
	/* background-color : blue; */
}



div.home-block{
	float: left;
	width: 195px;
	line-height: 140%;
	margin: 15px 0 15px 23px;
	padding: 0 0 0 0;
	
}

div.home-block-first{
	float: left;
	width: 190px;
	line-height: 140%;
	margin: 15px 0 15px 0;
	padding: 0 0 0 0;
	
}

div.home-block h1, div.home-block-first h1{
	font-size: 140%;
}




/*------------------------------*/
/*			/Boxes				*/
/*------------------------------*/

/* vacature blok */ 
ul.vacatures 
{
	margin: 5px 0 0 0px;
	padding: 0px;
	list-style: none;
	line-height: 19px;
}

ul.vacatures li 
{ 	
	background-image: url(../images/dot_horizontal.gif);
 	background-repeat: repeat-x;	
 	background-position: bottom left; 
 	padding: 4px 5px;
}

ul.vacatures li.odd
{ 	
	background: #F7F7F7;
	background-image: url(../images/dot_horizontal.gif);
 	background-repeat: repeat-x;	
 	background-position: bottom left;
}

ul.vacatures li.last { 	background: #FFF; }

ul.vacatures li a:link, ul.vacatures li a:visited, ul.vacatures li a:active  { color: #4B4A4A; background: transparent; text-decoration: none; font-weight: bold; }
ul.vacatures li a:hover { color: #4B4A4A; background: transparent; text-decoration: underline; }

span.date { color: #AAA; padding-right: 5px; font-weight: normal; }
span.location { color: #494949; }

/* /vacature blok */ 


/* mensen blok */ 
ul.mensen 
{
	margin: 5px 0 0 0px;
	padding: 0px;
	list-style: none;
	line-height: 19px;
}

ul.mensen li 
{ 	
	padding: 4px 5px;
	height: 70px;
	clear: both;
}

ul.mensen li a:link, ul.mensen li a:visited, ul.mensen li a:active  { font-size: 14px; background: transparent; text-decoration: underline; font-weight: bold; }
ul.mensen li a:hover { background: transparent; text-decoration: underline; }

img.profielfoto { border: 2px solid #8E8E8E; }

/* /mensen blok */ 

.block { 
  background-color: #F7F7F7; 
  border: 1px solid #EEE;
  width: auto;
  margin: 5px 0px 5px 0px;
  padding: 15px;  
  color: black;
}


img { background: #eee; /* border: 1px solid black; */ margin: 0px 5px; 0px 5px; }
img.menu { background: #eee; border: 0px; padding 0 0 0 0; margin: 0 0 0 0; }
img.nobg { background: none; border: 0px solid black; }
img.nomargin { margin: 0px 0px 0px 0px; }
img.header { margin: 0 7px 12px 0; background: none; border: 0px solid black; }

/* img.img_content { position: relative; margin: 8px 8px 8px 8px; } /*

/* p image classes */
p.picborder { border: 1px solid gray; margin: 0px 0px 0px 0px; }
p.left { /* border: 1px solid gray; */  float: left; margin: 0px 10px 3px 15px; }
p.right { /* border: 1px solid gray; */ float: right; margin: 0px 15px 3px 10px; }

/* VACATURE OVERZICHT VIA SEARCH */
#uitgebreidzoeken { font-size: 11px; }

.vacature-item
{
	margin: 15px 0 0 0;
	padding: 0 0 0 0;	
}

.vacature-item h2
{
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	background-image: none;
}

.vacature-item p
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	line-height: 18px;
}

.vacature-subinfo
{
	color: gray;
}


#breadcrumb {margin:-8px 2px 10px 0px; background:#fff;color:#888;}
#breadcrumb a {color:#888}
#breadcrumb a:hover {text-decoration:underline}


.textgray {color: #aaa}

/* BLOG */

.blog_first { padding: 5px 0 10px 0; /* width: 500px; */ }
.blog { padding: 15px 0 10px 0; /* width: 500px; */  /* border-top: 1px solid #CDCFCD; */ }
.blogdate {margin: 0 0 0 0; padding: 0 0 5px 0; color: #aaa}
.blogtitle a:link, .blogtitle a:visited, .blogtitle a:active  { text-decoration: none; }
.blogtitle a:hover { text-decoration: underline; }

.ekuddos_small { vertical-align: middle; border: 1px solid #006699;  }

.blog_first h2, .blog h2
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	background-image: none;
}

.blogftr_left {
	float: left;
}

.blogftr_right {
	float: right;
	text-align: right;
	padding: 0px 0 0 0;
	margin: -10px 0 0 0;
}

/* COMMENTS */
.commentlist {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: justify;
	width: 500px;
	}

.commentlist li {
	margin: 15px 15px 3px 0px;
	padding: 5px 10px 3px 10px;
	list-style: none;
	color: #000;	
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.alt {
	 background-color: #F7F7F7; 
  	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;	
	}


/* INPUT TYPES */
form { 
  background-color: #F7F7F7; 
  border: 1px solid #EEE;
  width: auto;
  margin: 5px 0px 5px 0px;
  padding: 15px;  
  color: black;
}

form.login { 
  background-color: #F7F7F7; 
  border: 0px solid #EEE;
  margin: 0px;
  padding: 0px;  
  color: black;
}

form.search_home { 
  background-color: transparent; 
  border: 0px solid #EEE;
  margin: 0px;
  padding: 0px;  
}

input { background: #FFF; color: #000; border:1px solid #9d9c9c; }
input.radio { vertical-align: middle; background-color: none; border-style: none;}
input.checkbox { margin: 0 0.25em 0 0; vertical-align: middle; background-color: #F7F7F7; border-style: none;}

textarea { background-color: #fff; font-family: Arial, sans-serif; font-size: 12px; color: #000; border:1px solid #E2E2E2; }

.button { border:1px solid #DA6002; font-weight: bold; color: #FFF; background-color: #FC913F; background-image: url(../images/button_bg.gif); background-repeat: repeat-x; background-position: bottom left; }

/* TABLE */
table.box { margin: -5px 0; padding: 0px; }
table.box_login { margin: -9px 0; padding: 0px; }
table.box_login td { margin: 0px; padding: 2px; }

table.datatable  {
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #CCC;
	width: 100%;	
}

table.datatable td { padding: 5px; margin: 0; vertical-align: top; }
table.datatable tr.odd { background: #F7F7F7; }
table.datatable thead th { font-size:12px; padding: 5px; font-weight: bold; background: #EBEBEB; border: 1px solid #CCCCCC; }

table td.tdhighlight{
	background: #F7F7F7;
}

/* { border: 1px solid #F00; }



/* Google mini formatting */


#searchresults h3{
	margin: 0 0 0px 0;
}

#searchresults p{
	line-height: 140%;
	margin: 0 0 15px 0;
}

#searchresults .indent{
	margin-left: 50px !important;
}

/* keymatch results */
#searchresults div.keymatch{
	background: #f7f7f7;
	padding: 5px;
	margin: 0 0 5px 0;
}

#searchresults div.keymatch p{
	margin-bottom: 0;
}

#searchresults div.keymatch p a{
	color: #000;
	text-decoration: none;
}

#searchresults div.keymatch p a:hover{
	text-decoration: underline;
}

p.nextprevlinks{
	font-weight: bold;
	font-size: 125%;
}