/*
 * Used colors:

 * dark blue : #00265d
 * lime      : #aabd26
 
 
 Groen #97cb4f
 Donkergroen #455924
  Donkergrijs: #393738
 
 
 */


/********************************************************************
 * imports
 *******************************************************************/
@import url("layout.css"); /* layout          */
@import url("h-menu.css"); /* horizontal menu */



/********************************************************************
 * common
 *******************************************************************/

*, td {
	margin: 0;
	padding: 0;
}


img {
	border: none;
}


body {
	background: #fff;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #000;
}



/*
 * headings
 */
h1 {
	margin: 0 0 10px;
	padding: 0;
	color: #393738;
	font-size: 16px;
}

h2 {	margin: 0;
	color: black;
	font-size: 12px;	
	font-weight: bold;
	}


h3 {
	margin: 0;
	color: #97cb4f;
	font-size: 12px;	
	font-weight: bold;
	
}


h2, h3, h4 {
	font-size: 11px;
}



/*
 * paragraph
 */
p {
	/*margin: 0 0 20px;*/
	margin: 0 0 10px;
}



/*
 * links
 */
a {
	color: #97cb4f;
}


a:hover {
	text-decoration: none;
}


h1 a, h2 a, h3 a {
	text-decoration: none;
}

h4 a {text-decoration: none; color: #348038; font-weight: bold;}

h2 a:hover, h3 a:hover {
	text-decoration: none;
}


/* default 'read more' style */
.more a, a.more {
	padding: 0 14px 0 0;
	background-image: url("../gfx/more_lime.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%; 
	font-weight: bold;
	color: #97cb4f;
	font-size: 11px;
}


a.more:hover, .more a:hover {
	text-decoration: none;
}


ul.more {
	margin-top: -20px;
}



/*
 * list
 */
ul, ul ul, ul ul ul {
	margin: 0 0 20px 20px;
	list-style-type: disc;
	color: #000;
}

ul ul, ul ul ul {
	margin: 0 0 0 20px;
}


ol {
	margin: 0 0 20px 25px;
}

ol ol, ol ol ol {
	margin: 0 0 0 25px;
}



/*
 * form
 */
fieldset {
	border: none;
	width: 400px;
}

legend {
	display: none;
}

.formcontent {
	margin-left: 120px;
	margin-bottom: 10px;
}

label {
	float: left;
	width: 120px;
}

.text-control input,
.password-control input,
textarea {
	width: 100%;
}

button {
	float: right;
	width: 85px;
	height: 22px;
	border: none;
	background: url("../gfx/button.gif") no-repeat;
	line-height: 22px;
	font-family: arial, sans-serif;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.5px;
}


/*
 * misc.
 */



.straighten {
	clear: left;
	height: 0px;
	background: yellow;
}



.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.floatclear {
	display: inline-block;
	width: 80%;
}
/* Hide from IE Mac \*/
* html .floatclear {
	height: 1%;
	width: auto;
}
.floatclear {
	display: table;
}
/* End hide from IE-mac */



/* icons
 */

/* icon link */
a.icon {
	padding: 2px 0 2px 20px;
	background: url("../gfx/ico_unknown.gif") no-repeat 0 50% transparent;
}

/* icon list */
ul.icon {
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
}


.icon li {
	padding: 0 0 0 19px;
	margin: 0 0 2px;
	background-image: url("../gfx/ico_unknown.gif");
	background-repeat: no-repeat;
	background-position:0 0;
}


/* possible icons */
.icon li.ico_pdf, a.ico_pdf { background-image: url("../gfx/ico_pdf.gif"); }
.icon li.ico_doc, a.ico_doc { background-image: url("../gfx/ico_doc.gif"); }
.icon li.ico_ppt, a.ico_ppt { background-image: url("../gfx/ico_ppt.gif"); }
.icon li.ico_xls, a.ico_xls { background-image: url("../gfx/ico_xls.gif"); }
.icon li.ico_zip, a.ico_zip { background-image: url("../gfx/ico_zip.gif"); }

.icon li.more {
	list-style-type: disc;
	background: none;
	padding: 0;
	margin: 0 0 0 19px;
}

/********************************************************************
 * pageparts
 *******************************************************************/
 
/*
 


/*
 * breadcrumb path #aabd26
 */
ul#path {
	margin: 0;
	list-style: none;
	font-weight: bold;
	color: #97cb4f;
}


ul#path li {
	display: inline;
}


ul#path a {
	padding: 0 7px 0 0;
	background: url("../gfx/arrow.gif") 100% 70% no-repeat transparent;
	color: #97cb4f;
}



/*
 * sitewide navigation
 */
#footer-wrapper {
	background-color: #97cb4f;
	font-size: 10px;
	color: #fff;
}

#footer-wrapper a {
	font-size: 10px;
	color: #fff;
}


/*
 * right inzet
 */
#right-content h3 {
	color: black; text-transform: uppercase; padding-top: 10px; padding-left: 5px;
}




/* inzet-search */
#right-content #inzet-login {
	margin: 4px 8px 0;
	padding: 8px;
	background: #AABD26;
	text-align: right;
}


/* inzet-rss */
a#rss-link {
	display: block;
	padding: 5px 0 0 24px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
}


/* inzet zoeken/login */


#right-content #zoek {margin-top: 5px;}

#right-content #inzet-search {
	margin: 0px;
	padding: 0px;
	background: #AABD26;
	text-align: right;
}

#searchform .formcontent {
	margin: 0px;
}

#searchform label {
	position: absolute;
	left: -999em;
}

#searchform input {
	width: 100%;
	margin: 0 0 8px;
}

#searchform button {
	float: none;
}

#inzet-login {
	color: #fff;
}

#inzet-login #searchform {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #d1d1d1;
	color: #fff;
}

fieldset.form-button {
	width: auto;
}

fieldset.form-button label {
	text-align: left;
	line-height: 22px;
	width: auto;
}

fieldset.form-button .formcontent {
	margin: 0;
}

fieldset br.clear {
	height: 0;
	line-height: 0;
}

/* poll */
div.element form {margin: 0px;}
div.poll  h3 {color: black; text-transform: uppercase; padding-top: 10px; padding-left: 5px;}
div.poll  p {color: black; padding-top: 10px; padding-left: 5px;}
div.poll  a {color: black;}
div.poll ul {list-style: none; background: none; margin: 0 0 0 5px; padding: 0;}
div.poll ul li {list-style: none;background:url('../gfx/bullet_purple_small.gif') 0px 5px no-repeat; padding: 0 0 0 15px;}
div.poll a:hover {text-decoration: none;}
div.poll {background: url("../gfx/blok_rechts_top.jpg") no-repeat;}
div.poll_bg {background: url("../gfx/blok_rechts_center.gif") repeat-y;}
div.poll_einde {background: url("../gfx/blok_rechts_bottom.gif") no-repeat; height: 15px; width: 214px;}
fieldset.poll {width: 210px; margin: 0px;  }
fieldset.poll div.formcontent {margin: 0px;}
fieldset.poll div.formcontent input {margin: 0px;}
div.poll_licht {background: #e2FFBB; margin-left: 1px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px;}
div.poll_donker {margin-left: 1px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px;}
div.poll_button {float: right; padding-top: 5px;}
div.poll_button input {background: #393738; border: none; color: white; padding-left: 15px; padding-right: 15px; padding-top: 2px; padding-bottom: 2px;}
table.pollresult {margin: 5px;}
th {font-weight: normal;}
table.pollresult .normal {font-weight: normal!important;}

/* Case studies rood */
div.poll_rood ul {list-style: none; background: none; margin: 0 0 0 5px; padding: 0;}
div.poll_rood ul li {list-style: none;background:url('../gfx/bullet_red_small.gif') 0px 5px no-repeat; padding: 0 0 0 15px;}
div.poll_rood a:hover {text-decoration: none;}
div.poll_rood a {color: black;}
div.poll_rood {background: url("../gfx/blok_rechts_top.jpg") no-repeat;}

/* intro- inzet */
#intro {background: url("../gfx/intro_bg.jpg") no-repeat bottom;  padding-left: 5px; padding-right: 5px; }
div.introkop {width: 216px; background: url("../gfx/header_grijs.gif") no-repeat;}
div.introkop h2 {color: white; text-transform: uppercase; padding-left: 10px; font-size: 13px;}
#intro p {color: #393738; padding-left: 7px;}
div.intro_holder {background: url("../gfx/inleiding_bg.gif") repeat-y;}

/* zoek- inzet  border-top: 10px #99cc53 solid; */
#zoek {background:url("../gfx/zoek_bg.gif") no-repeat; ; padding: 10px; text-align: right; height: 85px;}
#zoek input {color: #393738; font-size: 10px; padding: 2px; width: 190px;}
#zoek button {background: #393738; height: 20px; margin-top: 10px;}
#zoek form {margin: 0px;}
#zoek select {width: 200px; }

/* HR Best Practices */
.solutions {}
.solutions h1 {padding-top: 10px;}
div.solutions h2 {border-top: 1px #9000ff solid;}
div.solutions ul  {list-style: none; padding: 0 0 0 15px;}
div.solutions ul li {background: url("../gfx/bullet_purple_small.gif") 0px 5px no-repeat; padding: 0 0 0 15px;}
div.solutions hr {border: none; border-top: 1px #9000ff solid; height: 0px;}

div.solutions a { color: black; text-decoration: none; }
div.solutions .bp_level_1 { margin: 15px 0 0; padding: 0 0 0 50px; border-bottom: 1px solid #9000ff; border-right: 1px solid #9000ff; background: url("../gfx/bullet_purple01.gif") no-repeat; }
div.solutions .bp_level_2 { margin: 1px 0 0; padding: 0 0 0 65px; border-bottom: 1px solid #9000ff; border-right: 1px solid #9000ff; background: url("../gfx/bullet_purple02.gif") no-repeat 30px 1px; }
div.solutions .bp_level_3 { margin: 1px 0 0; padding: 0 0 0 80px; border-bottom: 1px solid #9000ff; border-right: 1px solid #9000ff; background: url("../gfx/bullet_purple03.gif") no-repeat 60px; cursor: pointer;}
div.solutions div.bp_level_3 a:hover {color: #9000ff; }



/* newslist */
.media-overview {
	margin:0 0 10px;
}

.media-overview .news_image {
	float: left;
	margin: 4px 5px 5px 0;
}

.media-overview .news_body {
	/*padding:0 0 16px;*/
	padding: 0px;
}

#right-content #inleiding {margin-top: 5px;}


/* enablers */
.enablers {}
.enablers h1 {padding-top: 10px;}
.enablers h2 {border-top: 1px #ff0101 solid;}
.enablers ul {list-style: none; padding: 0 0 0 15px;}
.enablers ul li {background: url("../gfx/bullet_red_small.gif") 0px 5px no-repeat; padding: 0 0 0 15px;} 
.enablers hr {border: none; border-top: 1px #ff0101 solid; height: 0px;}
.enablers a { color: black; text-decoration: none; }
.enablers .casestudy_example h4 {background-image: url('../gfx/bullet_red_small.gif')}
.enablers .casestudy_row {border-top: solid 1px #ff0000;}
.enablers .bp_level_1 { margin: 15px 0 0; padding: 0 0 0 35px; border-bottom: 1px solid #ff0000; border-right: 1px solid #ff0000; background: url("../gfx/bullet_red02.gif") no-repeat; }
.enablers .bp_level_2 { margin: 1px 0 0; padding: 0 0 0 50px; border-bottom: 1px solid #ff0000; border-right: 1px solid #ff0000; background: url("../gfx/bullet_red03.gif") no-repeat 30px 1px;cursor: pointer;}

.enablers div.bp_level_2 a:hover {color: #ff0101; }


/* case studies */
.casestudies {} /* ie override */
.casestudies .column {float: left;width: 48%;}
.casestudy_row {border-top: solid 1px #b38fcf; overflow: hidden; width: 100%; padding: 15px 0 0;}
.casestudy_row_first {overflow: hidden; width: 100%; margin:5px 0 0;}
.casestudy_row_first h3#example {padding: 0 0 0 50px; color:#9f9f9f;}
.casestudy_row_first h3#comment {padding: 0 0 0 13px; color:#9f9f9f;}
.casestudy_example h4 {padding: 0 0 0 50px; background: url('../gfx/bullet_purple_small.gif') no-repeat 37px 4px; font-weight: normal;}
.casestudy_comment {}
.casestudies ul {list-style: none; margin:0; padding:0;}
.casestudies li {background: /*url('../gfx/bullet_purple_small.gif')*/ no-repeat 0 4px; padding:0 0 0 13px; margin:0 0 10px;}
.togglebox {display: none;}


/* Tabjes (organisatie) */
a.tab {font-size: 12px;}
div.tabjes1 {border-bottom: 1px #0099ff solid; height: 18px; margin-bottom: 2px; _margin-bottom: 0px;}
div.tabjes2 {border-bottom: 1px #ff0303 solid; height: 18px; }
div.tabjes3 {border-bottom: 1px #9000ff solid; height: 18px; }

div.tab1 {float: left; background: url(../gfx/tab_blauw.gif) no-repeat; height: 18px; width: 113px;}
div.tab2 {float: left; background: url(../gfx/tab_rood.gif) no-repeat;  height: 18px; width: 113px;}
div.tab3 {float: left; background: url(../gfx/tab_paars.gif) no-repeat;; height: 18px; width: 113px;}

div.tab1 a, div.tab2 a, div.tab3 a {text-decoration: none; font-weight: bold; color: white; background: url(../gfx/tab_pijl_wit.gif) 5px 5px no-repeat; padding-left: 14px; padding-top: 3px;}

div.tab1_actief {padding-top: 2px; float: left; background: url(../gfx/tab_blauw_actief.gif) no-repeat white; height: 19px; display: block; width: 113px;}
div.tab2_actief {padding-top: 2px; float: left; background: url(../gfx/tab_rood_actief.gif) no-repeat white; color: #9000ff; height: 19px; width: 113px;}
div.tab3_actief {padding-top: 2px; float: left; background: url(../gfx/tab_paars_actief.gif) no-repeat white; height: 19px; width: 113px;}

div.tab1_actief a {text-decoration: none; font-weight: bold; color: #0099ff; padding-left: 14px; padding-top: 3px;
background: url(../gfx/tab_pijl_blauw.gif) 5px 5px no-repeat; }
div.tab2_actief a {text-decoration: none; font-weight: bold; color: #ff0303; padding-left: 14px; padding-top: 3px; 
background: url(../gfx/tab_pijl_rood.gif) 5px 5px no-repeat;}
div.tab3_actief a {text-decoration: none; font-weight: bold; color: #9000ff; padding-left: 14px; padding-top: 3px;
background: url(../gfx/tab_pijl_paars.gif) 5px 5px no-repeat;}

/* Sitemap */
#sitemap ul {list-style: none; margin: 0px;}
#sitemap ul li {padding-left: 20px; background: url(../gfx/blokje_groen.gif) 5px 4px no-repeat;}
#sitemap a {text-decoration: none; color: #393738;}
#sitemap a:hover {color: #97cb4f;}

/* Search results */
.searchresults a {}
.searchresults p {padding: 0 0 5px; margin: 0; font-weight: bold;}
.searchresults dl {padding-bottom: 15px;}
.searchresults dt {padding-top: 15px;}
.searchresults dt a {font-weight: bold;}
.searchresults dd p {font-weight: normal;}
.searchresults .path {display: none;}

/* Nieuwsarchief */
div.nieuwsarchief {}
div.nieuwsarchief h3 {border-bottom: 1px #455924 solid; color: #455924;}
div.nieuwsarchief ul {list-style: none; margin: 0px;}
div.nieuwsarchief ul li {}
div.nieuwsarchief a {color: #455924; text-decoration: none;}
div.nieuwsarchief span.normal {} /* datum */

/* popup page*/
#popuppage #outer-wrapper {
	background: none;
	padding: 20px;
	width: auto;
	min-width: 0;
}