@import 'reset.css';

/* BODY */

body
{
	padding: 0 0 20px 0;
/*	font-family: Arial, sans-serif;
*/	font-size: 15px;
	text-align: center;
	color: #000;
	background: #fff;

	/* REMCO */
	font-size: 13px;
	font-family: Verdana, sans-serif;
	line-height: 1.4;
	color: #222;
}

#body
{
	position: relative;
	margin: auto;
	width: 790px;
	text-align: left;
	border: 1px solid #ccc;
	border-top: 0;
}

.clear
{
	clear: both;
}

/* LINKS */

a,
a:link,
a:visited
{
	color: #0063DC;
	text-decoration: underline;
}

a:hover
{
	color: #fff;
	text-decoration: none;
	background: #0063DC;
}

a:active
{
	color: #0063DC;
	text-decoration: underline;
	background: none;
}


/* HEADER */

#header
{
	height: 125px;
}

#header h1
{
	height: 85px;
	background: transparent url(../img/header_bg.gif) repeat-x 0 0;
}

#header h1 a.maatwerk
{
	display: block;
	position: absolute;
	width: 400px;
	height: 85px;
	top: 0px;
	left: 0px;
/*	background: transparent url(../img/maatwerk.jpg) no-repeat 0 0;
*/	text-indent: -1000px;
	overflow: hidden;
	background: transparent;
}

#header h1 a.meerkerk
{
	display: block;
	position: absolute;
	width: 185px;
	height: 50px;
	top: 15px;
	right: 20px;
	background: transparent url(../img/meerkerk.gif) no-repeat 0 0;
	text-indent: -1000px;
	overflow: hidden;
}

#header h1 span
{
	display: none;
}

#header ul
{
	height: 38px;
	padding: 0 0 0 20px;
	border-top: 1px solid #fff;
	border-bottom: 3px solid #337c22;
	background: #64ad51 url(../img/nav_bg.gif) repeat-x 0 0;
}

#header li
{
	float: left;
	height: 38px;
	background: transparent url(../img/pipe.gif) no-repeat 0 0;
}

#header li a
{
	display: block;
	height: 25px;
	width: 115px;
	padding: 12px 0 0 0;
	font-size: 12px;
	line-height: 1.1;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #fff;
}

#header li.up_text a
{
	padding: 6px 0 0 0;
	height: 31px;
}

#header #nav_search a
{
	background: transparent url(../img/pipe.gif) no-repeat 95px 0;
}

#header #nav_home a,
#header #nav_search a
{
	padding: 12px 0 0 0;
	height: 25px;
	width: 96px;
}

#header li:hover
{
	background-color: #64ad51;
}

#header li a:hover
{
	color: #ffc;
	background: transparent url(../img/pipe.gif) no-repeat 0 0;
}

#content
{
	padding: 20px;
}

#loader
{
	position: absolute;
	right: 20px;
}


.left
{
	float: left;
	width: 490px;
}

.right
{
	float: right;
	width: 240px;
}

h2
{
	margin: 0 0 15px 0;
	font-size: 30px;
	font-weight: bold;
	line-height: 35px;
	color: #FF3C95;
}

h3, h4
{
	margin: 15px 0 15px 0;
	padding: 0;
	font-weight: bold;
	font-size: 17px;
	color: #222;
}

h4
{
	font-size: 15px;
}

p
{
	margin: 15px 0 15px 0;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	line-height: 1.5;
	color: #222;
}

ul
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

#content .img
{
	margin: 15px 0 15px 0;
}

#content .img a:hover
{
	background: transparent;
}

#content .img img
{
	border: 1px solid #222;
}


#top5
{
	border: 1px solid #eee;
	padding: 9px 19px 9px 19px;
	margin: 0 0 20px 0;
}

#top5 h3
{
	font-size: 14px;
	margin: 0 0 5px 0;
}

#top5 ul li
{
	list-style-type: disc;
	font-size: 11px;
	margin: 0 0 3px 15px;
}

.testimonial
{
	padding: 20px;
	background: #ffc;
}

.testimonial h3
{
	margin: 0 0 15px 0;
}

.testimonial p
{
	font-size: 11px;
}

.testimonial ul
{
	list-style: disc;
}

.testimonial li
{
	margin: 4px 0 4px 0;
}

.deps
{
	border-top: 1px solid #eee;
}

.deps .img
{
	float: left;
	width: 140px;
}

.deps .text
{
	float: right;
	width: 350px;
}

.deps .text h4
{
	margin: 15px 0 15px 0;
}

.deps .text p
{
	font-size: 11px;
}

.vac ul
{
	margin: 0 188px 0 0;
	border: 1px solid #ddd;
	border-top: 0;
}

.vac li
{
	padding: 7px 0 7px 20px;
	border-top: 1px solid #ddd;
}

.vac li.a1
{
	background: #f9f9f9;
}

.vac li a
{
	font-weight: bold;
	text-decoration: none;
}

#footer
{
	clear: both;
	padding: 10px 10px 10px 49px;
	border-top: 7px solid #d4d1c3;
	background: #f1efdd url(../img/footer_logo.gif) no-repeat 10px center;
	font-size: 11px;
	line-height: 1.4;
	color: #777;
}


#form_holder
{
	border: 1px solid #ccc;
}

.select_sort
{
	padding: 10px 5px 10px 5px;
	background: #ffc;
	border-bottom: 1px solid #ccc;
}

.select_sort span,
.select_sort label
{
	display: block;
	float: left;
	margin: 0;
	padding: 0 5px 0 5px;
}

.select_sort div.input
{
	float: left;
}

.sort_clear
{
	text-align: right;
	padding: 2px 10px 5px 0;
}

.sort_clear a
{
	font-size: 11px;
}
.select-div-3
{
	float: left;
	padding: 0 0 0 15px;
}

.checky_thing
{
	padding: 0 0 2px 0;
}

.checky_thing label
{
	display: inline;
	font-size: 11px;
}


table.vac_table
{
	border-collapse: collapse;
	border: 1px solid #999;
	width: 100%;
}

table.vac_table td,
table.vac_table th
{
	padding: 3px 5px 3px 5px;
	border-collapse: collapse;
	border: 1px solid #eee;
}

table.vac_table th
{
	background: #999;
	color: #fff;
	border: 1px solid #777;
}

table.vac_table a
{
	text-decoration: none;
}

td.vac_name
{
	font-weight: bold;
}

td.vac_dep
{
	
}

td.vac_text
{
	width: 150px;
}

/* REMCO */



/* flash and error messages */

.empty,
.flash_message
{
	padding: 10px 10px 10px 25px;
	font-weight: bold;
}

#flash_error_message
{
	background: transparent url(../img/icon_error.gif) no-repeat 0 center;
}

#flash_done_message
{
	background: transparent url(../img/icon_done.gif) no-repeat 0 center;
}

.empty,
#flash_info_message
{
	background: transparent url(../img/icon_info.gif) no-repeat 0 center;
}

.error-message
{
	color: red;
	display: inline;
	margin-left: 10px;
}


/*
#vac_share label,
#vac_respond label
{
	display: block;
	color: #222;
}

#vac_respond input
{
	margin: 0 0 5px 0;
}
*/

input:focus,
.focus
{
	background: #FFFFCC;
}

label,
fieldset
{
	display: block;
	margin: 10px 0 0 0;
}

fieldset label
{
	display: inline;
	margin: 0 5px 0 0;
}

.submit
{
	margin: 10px 0 0 0;
}

#vaclinks
{
	margin: 0 0 10px 0;
}


#searchForm .legend
{
	margin: 10px 0 -15px 0;
}

#searchForm
{
	margin-bottom: 15px;
}

/* pagination */

.paging_nav div
{
	display: inline;
	margin-right: 3px;
}

#pagination
{
}

.paging_nav
{
	margin: 10px 0 10px 0;
}

.paging_counter
{
	text-align: right;
	float: right;
}


/* tables */

table
{
	margin: 10px 0 10px 0;
}

table th
{
	font-weight: bold;
}

table th,
table td
{
	padding: 2px;
}

table td
{
	font-size: 11px;
}

#feed
{
	background: transparent url(../img/rss.png) no-repeat scroll 0 4px;
	clear: both;
	color: #FFFFFF;
	float: left;
	margin: 10px 0;
	padding: 0 0 3px 18px;
	text-align: left;
	text-decoration: none;
}


.combined-inputs .input
{
	float: left;
	margin-right: 10px;
}