/**
 * GLOBALS
 */

* { padding: 0; margin: 0; border: 0; }

a { outline: none; cursor: pointer; cursor: hand; }

html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #e8e3cd url(../images/bg/container.png) repeat-x top left;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #616161;
}

#holder {
	position: relative;
	width: 100%;
	min-height:100%;
	height: auto !important;
	height:100%;
}

#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 24px 0 100px 0;
	text-align: left;
	overflow: hidden;
}

ul { list-style: none; }

.arrow {
	display: block;
	float: right;
	margin-top: 3px;
	text-align: right;
	height: 14px;
	padding-right: 20px;
	color: #5f1b44;
	background: url(../images/icons/arrow.gif) no-repeat center right;
	text-decoration: none;
	clear: both;
}

.arrow:hover {
	color: #944c77;
	background: url(../images/icons/arrowhover.gif) no-repeat center right;
}

table {
	border-collapse: collapse;
}

p.text {
	text-align: justify;
}

legend {
	display: none;
}

.justify {
	text-align: justify;
}

.default {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

.defaultnormal {
	color: black;
	text-decoration: none;
}

.default:hover, .defaultnormal:hover {
	text-decoration: underline;
}

/**
 * HEADER
 */

#header-top {
	width: 100%;
	height: 44px;
	background: url(../images/bg/headertop.png) repeat-x bottom left;
}

#header-middle {
	width: 100%;
	height: 110px;
	margin: 0 auto;
	text-align: center;
	background-color: white;
}

#header-holder {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#header-img {
	float: right;
	width: 675px;
	height: 110px;
}

#header-top-holder {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

/**
 * SEARCHBOX
 */

#header-top-items-holder {
	float: left;
	text-align: left;
}

#header-top-items-holder li {
	float: left;
	margin-right: 15px;
}

#header-top-items-holder li a {
	float: left;
	width: 93px;
	height: 29px;
	padding-top: 15px;
	text-align: center;
	background: url(../images/btn/headertopitem.png) no-repeat bottom left;
	text-decoration: none;
	color: #5e5b40;
}

#header-top-items-holder li a:hover {
	background: url(../images/btn/headertopitemhover.png) no-repeat bottom left;
}

/**
 * SEARCHBOX
 */

#searchbox {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	text-align: right;
	overflow: hidden;
}

#searchbox input {
	width: 250px;
	padding: 3px 5px;
	background-color: white;
	border: 1px solid #d8d2b0;
	font-size: 11px;
	color: #616161;
}

#searchbox img {
	margin-left: 5px;
}

#searchselect {
	position: absolute;
	top: 35px;
	left: 0;
	width: 250px;
	z-index: 9999;
	padding: 5px;
	font-weight: bold;
	background-color: #fdfcf7;
	border: 1px solid #d3cea6;
	text-align: left;
	font-size: 10px;
}

#searchselect ul {
	float: left;
	margin-left: 5px;
	padding-top: 10px;
}

#searchselect li {
	padding: 2px 10px 2px 0;
	font-weight: normal;
}

/**
 * LOGO
 */

#logo {
	float: left;
	width: 240px;
	height: 110px;
	background: url(../images/logo/logo.png) no-repeat center right;
}

/**
 * MENU
 */

#menu {
	width: 100%;
	height: 41px;
	text-align: center;
	background: url(../images/bg/menu.png) repeat-x top left;
}

#menu-holder {
	width: 1000px;
	height: 38px;
	margin: 1px auto 0 auto;
	text-align: left;
	overflow: hidden;
}

#menu ul {
	list-style: none;
}

#menu li {
	float: left;
}

#menu li a {
	display: block;
	height: 38px;
	padding: 14px 0 0 0;
	font-family: Verdana;
	font-size: 12px;
	color: #730950;
	font-weight: bold;
	border-right: 1px solid #dcdcdc;
	text-decoration: none;
	text-align: center;
}

#menu li a:hover {
	background: url(../images/bg/menuitem.png) repeat-x 0 2px;
	color: white;
}

#menu li.active {
	float: left;
	height: 38px;
	padding: 14px 0 0 0;
	font-family: Verdana;
	font-size: 12px;
	color: #730950;
	font-weight: bold;
	border-right: 1px solid #dcdcdc;
	background: url(../images/bg/menuitem.png) repeat-x 0 2px;
	color: white;
	text-align: center;
}

#column-left {
	float: left;
	width: 594px;
	overflow: hidden;
}

#column-right {
	float: right;
	width: 391px;
	overflow: hidden;
}

/**
 * BOX LEFT
 */

.box-left {
	width: 594px;
	overflow: hidden;
}

.box-left-top {
	width: 594px;
	height: 10px;
	background: url(../images/bg/boxlefttop.png) no-repeat top left;
}

.box-left-middle {
	width: 562px;
	padding: 3px 15px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	background: #f5f4e5 url(../images/bg/boxleftmiddle.png) repeat-x top left;
	overflow: hidden;
}

.box-left-bottom {
	width: 594px;
	height: 10px;
	background: url(../images/bg/boxleftbottom.png) no-repeat top left;
}

.line {
	height: 12px;
	margin-top: 5px;
	background: url(../images/bg/hr.png) repeat-x top left;
	clear: both;
}

.title {
	width: 300px;
	height: 18px;
}

.titleholder .title {
	float: left;
}

h1.title span {
	display: none;
}

.headtext {
	font-weight: bold;
	text-align: justify;
}

/**
 * BOX RIGHT
 */

.box-right {
	width: 391px;
	overflow: hidden;
}

.box-right-top {
	width: 391px;
	height: 10px;
	background: url(../images/bg/boxrighttop.png) no-repeat top left;
}

.box-right-middle {
	width: 359px;
	padding: 3px 15px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	background: #f5f4e5 url(../images/bg/boxleftmiddle.png) repeat-x top left;
	overflow: hidden;
}

.box-right-bottom {
	width: 391px;
	height: 10px;
	background: url(../images/bg/boxrightbottom.png) no-repeat top left;
}

/**
 * BOX LEFT SMALL
 */

.smallboxes {
	width: 594px;
	padding-top: 15px;
	clear: both;
	overflow: hidden;
}

.box-left-small-left {
	float: left;
	width: 288px;
	overflow: hidden;
}

.box-left-small-right {
	float: right;
	width: 288px;
	overflow: hidden;
}

.box-left-small-top {
	width: 288px;
	height: 10px;
	background: url(../images/bg/boxleftsmalltop.png) no-repeat top left;
}

.box-left-small-middle {
	width: 256px;
	padding: 3px 15px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	background: #f5f4e5 url(../images/bg/boxleftmiddle.png) repeat-x top left;
	overflow: hidden;
}

.box-left-small-bottom {
	width: 288px;
	height: 10px;
	background: url(../images/bg/boxleftsmallbottom.png) no-repeat top left;
}

/**
 * MORE INFORMATION
 */

.more {
	display: block;
	float: right;
	padding-top: 5px;
	color: white;
	text-decoration: none;
}

.more:hover {
	text-decoration: underline;
}

/**
 * VACATURE ITEMS
 */

.vacitems {
	height: 30px;
	padding: 0 5px;
	overflow: hidden;
}

.vacitems-all {
	margin-top: 12px;
	padding: 0 5px;
	height: 30px;
	overflow: hidden;
}

.vacitems li, .vacitems-all li {
	float: left;
}

.vacitems .vacnr, .vacitems-all .vacnr {
	width: 74px;
	height: 20px;
	padding-top: 3px;
	background: url(../images/bg/vacatureitemvacnr.gif) no-repeat 0 3px;
	text-align: center;
	line-height: 20px;
	color: #5e5b40;
}

.vacitems .title, .vacitems-all .title {
	width: 240px;
	padding-left: 10px;
	font-weight: bold;
	color: #5e5b40;
}

.vacitems .title a, .vacitems-all .title a {
	color: #5e5b40;
	text-decoration: none;
}

.vacitems .title a:hover, .vacitems-all .title a:hover {
	text-decoration: underline;
}


.vacitems .title span, .vacitems-all .title span {
	font-weight: normal;
	font-size: 10px;
}

.vacitems-text {
	margin: 0 5px 10px 5px;
	padding: 5px 0 10px 0;
	color: #5c1942;
	font-size: 10px;
	border-bottom: 1px solid #e4e2d7;
}

.overige {
	margin: 0 0 3px 0;
}

.overige td {
	color: gray;
	padding-right: 10px;
}

/**
 * BRANCHES
 */

.branches {
	float: left;
	width: 102px;
	height: 29px;
	margin-top: 40px;
	color: #595328;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	padding-top: 13px;
	padding-right: 8px;
	background: url(../images/bg/branches.png) no-repeat top left;
}

.branches-items {
	float: right;
	margin-top: 31px;
	width: 440px;
/**	border-top: 1px solid #e0ddc0;\
	border-bottom: 1px solid #e0ddc0; */
}

.branches-items ul {
	float: left;
	margin-left: 25px;
}

.branches-items li {
	color: #010101;
	padding: 3px 0 3px 25px;
	background: url(../images/icons/liarrow.gif) no-repeat center left;
}

.branches-items li span {
	color: #939393;
}

.branches-items li a {
	color: #010101;
	text-decoration: none;
}

.branches-items li a:hover {
	text-decoration: underline;
}

/**
 * BANNER
 */

a.banner {
	display: block;
	float: left;
	width: 594px;
	height: 57px;
	margin-top: 15px;
	background: url(../images/banner/banner.png) no-repeat top left;
	overflow: hidden;
}

a.banner:hover {
	background: url(../images/banner/bannerhover.png) no-repeat top left;
}

/**
 * FOOTER
 */

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100px;
	width: 100%;
	text-align: center;
	clear: both;
}

#footerinside {
	position: relative;
	width: 1000px;
	height: 80px;
	margin: 20px auto 0 auto;
	overflow: hidden;
	text-align: left;
}

#footer-left {
	float: left;
	width: 10px;
	height: 65px;
	background: url(../images/bg/footerleft.png) no-repeat top left;
}

#footer-middle {
	float: left;
	width: 980px;
	height: 65px;
	background: url(../images/bg/footermiddle.png) repeat-x top left;
	overflow: hidden;
}

#footer-right {
	float: left;
	width: 10px;
	height: 65px;
	background: url(../images/bg/footerright.png) no-repeat top left;
}

#footer-menu {
	float: left;
	padding: 27px 0 0 10px;
	color: #685f36;
}

#footer-menu a {
	color: #685f36;
	text-decoration: none;
}

#footer-menu a:hover {
	text-decoration: underline;
}

#footer-info {
	float: right;
	padding: 20px 10px 0 0;
	color: #313131;
}

#footer-info a {
	color: #313131;
	text-decoration: none;
}

#footer-info a:hover {
	text-decoration: underline;
}

.navigation {
	text-align: center;
}

.navigation span.current {
	margin: 0 2px;
	padding: 1px 5px;
	border: 1px solid #3b0b28;
	color: white;
	background-color: #3b0b28;
	font-weight: bold;
}

.navigation span.disabled {
	margin: 0 2px;
	padding: 1px 5px;
	border: 1px solid gray;
	background-color: #f5f4e5;
	color: gray;
}

.navigation a {
	margin: 0 2px;
	padding: 1px 5px;
	border: 1px solid #535032;
	color: #535032;
	background-color: #e7e4cf;
	text-decoration: none;
}

.navigation a:hover {
	background-color: #3b0b28;
	color: white;
}

.titleholder {
	overflow: hidden;
}

.contactgegevens td {
	padding: 0 10px 0 0;
}

.contactgegevens a {
	color: black;
	text-decoration: none;
}

.contactgegevens a:hover {
	text-decoration: underline;
}

#contactform label {
	float: left;
	width: 150px;
	padding: 7px 10px 0 0;
	text-align: right;
}

#contactform .inputfield, #contactform select {
	margin-top: 5px;
	border: 1px solid #8c886d;
	padding: 3px 5px;
	background-color: #f8f7ef;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
}

#cvDiv, #bedrijfDiv {
	padding-top: 10px;
	padding-bottom: 10px;
}

#contactform textarea {
	width: 350px;
	height: 100px;
	margin-top: 5px;
	border: 1px solid #8c886d;
	padding: 3px 5px;
	background-color: #f8f7ef;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
}

#contactform .submit {
	margin-top: 10px;
	padding: 4px 25px;
	background-color: #631d47;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: white;
	font-weight: bold;
}

#routebeschrijving span {
	display: none;
}

#routebeschrijving {
	display: block;
	margin: 0 auto;
	width: 258px;
	height: 46px;
	background: url(../images/btn/routebeschrijving.png) no-repeat top left;
}

#routebeschrijving:hover {
	background: url(../images/btn/routebeschrijvinghover.png) no-repeat top left;
}

p.google {
	float: right;
	padding-right: 10px;
	font-size: 10px;
	color: gray;
}

#consultants {
	width: 100%;
	overflow: hidden;
	background: url(../images/bg/overbg.png) repeat-x bottom left;
}

#consultantsLeft {
	float: left;
	width: 430px;
	text-align: justify;
}

#consultantsRight {
	float: right;
	width: 200px;
	height: 433px;
	background: url(../images/bg/overstandaard.png) no-repeat bottom right;
}

.consultantlink {
	display: block;
	margin-top: 5px;
	padding: 5px 15px;
	width: 400px;
	background-color: #631d47;
	color: white;
	text-decoration: none;
}

#consultantItems {
	padding-top: 30px;
}

.omschrijving {
	width: 408px;
	padding: 5px 10px 15px 10px;
	background-color: #f6f5e8;
	border: 1px solid #631d47;

}

.consultantlink:hover {
	background-color: #883366;
}

.consultantlink span {
	font-weight: bold;
}

p.click {
	color: #631d47;
	font-size: 10px;
	padding-bottom: 10px;
}

.omschrijving .klein {
	font-size: 10px;
	color: #631d47;
	font-weight: bold;
}

.gegevensCon {
	width: 408px;
	margin-top: 5px;
	border-top: 1px solid #631d47;
}

.gegevensCon td {
	padding: 2px 5px;
	color: #631d47;
}

.omschrijving a {
	text-decoration: none;
	color: #631d47;
}

.omschrijving a:hover {
	text-decoration: underline;
}

#sitemap {
	padding: 0 0 0 30px;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 30px;
	border-left: 4px solid #c9c8b8;
}

#sitemap ul {
	list-style-type: circle;
	margin-left: 15px;
}

#sitemap ul ul {
	list-style: none;
}

#sitemap a {
	color: #616161;
	text-decoration: none;
}

#sitemap a:hover {
	text-decoration: underline;
}

#sitemap li {
	padding: 8px 0 5px;
	font-weight: bold;
}

#sitemap li li {
	padding: 4px 0 2px 10px;
	font-weight: normal;
}

#sitemap .normal {
	font-weight: normal;
}

.functiekenmerken {
	font-size: 11px;
	font-weight: normal;
	color: #d5b4c8;
}

.organisatie_logo {
	border: 3px solid #dedcc4;
}

.organisatie_website {
	font-size: 12px;
	color: #8d8a60;
	text-decoration: none;
}

.organisatie_website:hover {
	text-decoration: underline;
}

ul#social_icons {
	list-style: none;
}

ul#social_icons li {
	float: right;
	margin-left: 10px;
}

ul#social_icons a {
	display: block;
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

ul#social_icons a:hover {
	text-decoration: none;
	filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

ul#social_icons #icon_twitter {
	width: 29px;
	height: 29px;
	background: url(../images/icons/twitter.png) no-repeat top left;
}

ul#social_icons #icon_linkedin {
	width: 29px;
	height: 29px;
	background: url(../images/icons/linkedin.png) no-repeat top left;
}

div#hillenraad {
    width: 594px;
    height: 125px;
    background: url(../images/banner/hillenraad.png) no-repeat top left;
}