/**
 * ArboNed - Winst door bevlogenheid
 * @author Lee Boonstra, <lee.boontra@efocus.nl>
 * @version 1.0, 21 may, 2010
 */
 
/*
 * Default styles:
 */ 
* { 
	margin: 0;
	padding: 0; 
}

body { 
 	background: #fff url(../img/bg_body.jpg) repeat-x;
	color: #585b62;
	font-family: Lucida Sans Unicode, Helvetica, Sans-Serif;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
  color: #2e323b;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.364em;
	line-height: 22px;
	margin: 0 0 20px 0;
}

h1 {
	color: #2e323b;
	font-size: 2.273em;
	line-height: 25px;
}

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

a {
	color: #125290;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style: none;
}

ul li {
	background: url(../img/icon_listitem.png) no-repeat left 9px;
}

div.inner ul li {
	background: url(../img/icon_listitem_bullet.png) no-repeat left 3px;
	padding: 0 0 0  25px;
}

ul li,
ol li {
	padding: 0 0 0 15px;
	line-height: 20px;
}

hr {
	background: #eaeaeb;
	border: 0;
	clear: both;
	color: #eaeaeb;
	display: block;
	height: 1px;
	margin: 0 0 20px -25px;
	overflow: hidden;
	width: 534px;
}

table {
	border: 1px solid #eaeaeb;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 5px 0 1em 0;
	width: 100%;
}

th {
	background: #eaeaeb;
	border-bottom: 1px solid #eaeaeb;
}

table th,
table td {
	padding: 0;
	text-align: left;
	vertical-align: top;
}

div.contentpage img { 
	margin: 20px 0; 
}

div.home h1 {
	font-size: 1.364em;
}

iframe {
	border: none;
}

.right {
	float: right;
}

p.intro {
	clear: both;
	color: #000;	
}

p.date {
	color: #2e323b;
	font-size: 1.182em;
	font-weight: bold;
	line-height: 22px;
}

.hidden,
span.imageSrc,
span.imageAlt {
	display: none;
}

div.contentpage p.date {
	float: left;
	font-family: "Arial", Verdana, Sans-serif;
}

div.contentpage a.news-overview {
	float: right;
}

form fieldset {
	border: none;
}

form fieldset legend {
	display: none;
}

/* Round Button */
.roundbutton {
	color: #eaeaeb;
	font-size: 9px;
	line-height: 23px;
}

.roundbutton span {
	display: inline-block;
	float: left;
	height: 23px;
	text-transform: uppercase;
}

.roundbutton span:hover {
	text-decoration: underline;
}

.roundbutton span.left {
	background: url(../img/bg_btn_left.png) no-repeat left 0;
	width: 19px;
}

.roundbutton span.body {
	background: url(../img/bg_btn_body.png) repeat-x left 0;
}

.roundbutton span.right {
	background: url(../img/bg_btn_right.png) no-repeat left 0;
	width: 19px;
}

button.roundbutton {
	background: none;
	border: none;
	cursor: pointer;
	margin-top: 20px;
}

button.roundbutton span.body {
	line-height: 22px;
}

/* PAGINATOR */
div.contentpage ul.tx-pagebrowse {
	float: left;
}

div.contentpage ul.tx-pagebrowse li {
	background: #d5d6d8 url(../img/arrows_pagebrowse.png) no-repeat center top;
	float: left;
	font-family: "Verdana", Arial, Sans-serif;
	height: 24px;
	margin: 0 10px 0 0;
	text-align: center;
	width: 24px;
}

div.contentpage ul.tx-pagebrowse li a {
	background: url(../img/arrows_pagebrowse.png) no-repeat center top;
	color: #363a43;
	display: inline-block;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-first a,
div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-first {
	background-position: 0 0;
}

div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-prev a,
div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-prev {
	background-position: -24px 0;
}

div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-next a,
div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-next {
	background-position: -48px 0;
}

div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-last a,
div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-last {
	background-position: -72px 0;
}

div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-first,
div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-prev,
div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-next,
div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-last {
	text-indent: -9999px;
}

div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-first a,
div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-prev a,
div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-next a,
div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-last a {
	text-indent: -9999px;
	height: 22px;
	width: 23px;
	display:block;
}

div.contentpage ul.tx-pagebrowse ol {
	padding: 0;
}

div.contentpage ul.tx-pagebrowse ol li a {
	background: none;
	text-indent: 0;
}

div.contentpage ul.tx-pagebrowse ol li {
	background-image: none;
	list-style: none;
	line-height: 24px;
}

div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-current {
	background: #96989d;
	color: #fff;
	font-weight: bold;
}

div.contentpage ul.tx-pagebrowse li.tx-pagebrowse-pages {
	background: none;
	margin: 0;
	width: auto;
} 

div.contentpage ul.tx-pagebrowse li.inactive {
	background-color: #f5f5f5;
	background-image: url(../img/arrows_pagebrowse_inactive.png);
	color: #c5c5c5;
}

/*
 * Grid styles
 */
div.container {
	margin: 0 25px;
}

div.pagewrapper,
div.footer {
	font-size: 0.688em;
	line-height: 18px;
	margin: 0 auto;
	width: 955px;
}

div.footerwrapper {
	background: #eaeaeb;
	clear: both;
}

div.navigation,
div.inner,
div.content,
div.teasers,
div.contentcol {
	float: left;
	position: relative;
}

div.header,
div.footer {
	clear: both;
	width: 955px;
}

div.full {
	width: 790px;
}

div.inner {
	border-left: 1px solid #EAEAEB;
	border-top: 1px solid #EAEAEB;
	width: 789px;
}

div.inner div.full {
	width: 789px;
}

div.content {
	border-right: 1px solid #eaeaeb;
	padding: 25px;
	width: 484px;
	min-height: 350px;
}

div.teasers,
div.contentcol {
	background: url(../img/bg_border_left.jpg) no-repeat;
	min-height: 128px;
	overflow: hidden;
	width: 250px;
}

div.header {
	height: 120px;
	overflow: hidden;
}

div.breadcrum {
	background: #fff;
	height: 50px;
}

div.footer {
	height: 190px;
}

div.navigation {
	width: 165px;
}

div.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

/*
 * F1: Header
 */

div.header a.logo {
	background: url(../img/logo.png) no-repeat;
	display: block;
	float: left;
	height: 70px;
	width: 310px;
}
div.header a.logo span {
	display: none;
}

div.header ul.mainmenu {
	background: #c8c9cc;
	border-top: 1px solid #fff;
	float: right;
	margin: 38px 0 0 0;
	padding: 0 0 0 0;
}

div.header ul.mainmenu li {
	background: none;
	border-right: 1px solid #eaeaeb;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}

div.header ul.mainmenu li a {
	color: #363a43;
	display: block;
	height: 30px;
	font-size: 0.818em;
	padding: 0 19px 0 20px;
	text-transform: uppercase;
}

div.header ul.mainmenu li a:hover {
	background: #7f8085;
	color: #fff;
	text-decoration: none;
}

div.header ul li {
	display: inline;
}

div.breadcrum {
	clear: both;
	line-height: 50px;
}

div.breadcrum span {
	float: left;
}

div.breadcrum ul {
	margin: 0;
}

div.breadcrum ul li:first-child {
	background: none;
	padding: 0 0 0 10px;
}

div.breadcrum  ul li {
	background-position: 5px 24px;
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
}

/*
 * F2: Footer
 */
div.footer {
	padding: 25px 0 0;
}

div.footer div {
	float: left;
}

div.footer div.colleft {
	margin-right: 25px;
	width: 165px;
}

div.footer div.colleft h3 {
	font-size: 12px;
	margin: 0;
}

div.footer div.colleft h3 span {
	color: #00aaed;
	font-size: 20px;
}

div.footer div.col1of3 {
	margin-right: 25px;
  width: 145px;
}

div.footer div.colright {
	margin-left: 25px;
	width: 230px;
}

div.footer div.col1of3 h3,
div.footer div.colright h3 {
	color: #96989d;
	font-size: 12px;
	margin-bottom: 5px;
}
 
div.footer ul li {
	background: none;
	line-height: 18px;
	padding: 0;
}
 
div.footer ul li a {
	color: #96989d;
}

div.footer div.metanav {
	width: 955px;
}

div.footer div.metanav a.logo {
	background: url(../img/logo_footer.png) no-repeat left top;
	display: block;
	height: 20px;
	margin-right: 109px;
	overflow: hidden;
	text-indent: -9999px;
	width: 81px;
}

div.footer div.metanav a.logo,
div.footer div.metanav ul.metalinks {
	float: left;
}

div.footer div.metanav ul.links {
	float: right;
}

div.footer div.metanav ul li {
	float: left;
	margin: 0 0 0 15px;
}

div.footer div.metanav ul li:first-child {
	margin: 0;
}

div.footer div.metanav ul li a {
	color: #125290;
}

 /*
  * F4: Visual with buttons home
  * F16: Visual with buttons
  */
div.visual {
	cursor: pointer;
	position: relative;
} 
 
div.home div.visual {
	height: 281px;
} 
 
div.home div.visual div.overlay {
	background: url(../img/bg_home_overlay.png) no-repeat bottom left;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0;
	width: 790px;
} 

div.home div.visual h2  {
	top: 172px;
	color: #ffffff;
	font-family: "Georgia", Helvetica, Sans-Serif;
	font-style: italic;
	font-size: 48px;
	font-weight: bold;
	left: 30px;
	line-height: 1px !important;
	margin: 0;
	position: absolute;
	text-indent: 264px;
	
	/* zonder js 
	text-indent: 0;
	line-height: 1.5em !important;
	font-size: 36px;
	top: 155px;*/
}

div.home div.visual h2 cite {
	font-size: 30px;	
}

div.home div.visual h2 cufon { 
	margin: -5px 0; 
} 

div.home div.visual span.buttons {
	background: url(../img/bg_shade_home_image.png) no-repeat top right;
}

div.visual img {
	border-bottom: 1px solid #eaeaeb;
	border-left: none;
	border-right: none;
	border-top: 1px solid #eaeaeb;
	display: block;
}

div.visual span.buttons {
	height: 258px;
	overflow: hidden;
	position: absolute;
	right: -10px;
	top: 24px;
}

div.visual span a {
	background: url(../img/bg_visual_button.png) no-repeat;
	color: #fff;
	display: block;
	font-family: Georgia, Helvetica, Sans-Serif;
	font-size: 1.818em;
	font-style: italic;
	height: 40px;
	margin-top: -3px;
	padding: 14px 0 0 20px;
	width: 148px;
}
div.visual span a:hover{
	text-decoration: none;
}

/*
 * F3 Hoofd navigatie
 */
div.navigation {
	width: 165px;
}

div.navigation ul {
	border-bottom: 1px solid #eaeaeb;
	border-top: 1px solid #eaeaeb;	
}

div.navigation ul li {
	background: none;
	border-top: 1px solid #eaeaeb;
	padding: 0;	
}

div.navigation ul li h3 {
	color: #00aaed;
	margin: 0 0 5px 0;
}

div.navigation ul li h3 a{
	color: #00aaed;
}

div.navigation ul li:first-child {
	border-top: none;
}

div.navigation ul li.open,
div.navigation ul li:hover {
	background: #00aaed url(../img/bg_nav_active.png) no-repeat 0 0;
}

div.navigation ul li:hover div.nav-title h3,
div.navigation ul li:hover div.nav-title p {
	color: #ffffff;
}

/* subnav */
div.navigation ul ul {
	background: #fff;
	margin: 0;
}

div.navigation ul ul li {	
	background: none;
	line-height: normal;
	padding: 0;
}

div.navigation ul ul li a {
	background: url(../img/icon_listitem.png) no-repeat left 15px;
	display: block;
	padding: 10px 0 10px 15px;
}

div.navigation ul ul li.active a {
	color: #000;
}


div.navigation ul li div.nav-title {
	background: url(../img/arrow_nav.png) no-repeat 94% 37px;
	cursor: pointer;
	padding: 10px;
	padding-right: 15px;
	min-height: 45px;
}

div.navigation ul li.open div.nav-title {
	background: url(../img/arrow_nav_hover.png) no-repeat 94% 40px;	
}

div.navigation ul li h3 {
	font-family: Georgia,Helvetica,Sans-Serif;
	font-style: italic;
} 

div.navigation ul li.open h3,
div.navigation ul li.open p {
	color: #ffffff;
}

div.navigation ul ul li:hover {
	background: none;
}

div.navigation ul li p {
	font-family: "Lucida Sans", Arial, Sans-serif;  
	font-size: 0.909em;
	line-height: 12px;
	padding-right: 10px;
	margin: 0;	
}

div.navigation ul li.closed ul.sub {
	display: none;
}

/*
 * F5 Contentpage
 */
div.contentpage h2,
div.contentpage h3,
div.contentpage h4,
div.contentpage h5 {
	margin-bottom: 0;
}

/*
 * F6 Teasers
 */
div.teaser {
	border-top: 1px solid #e6e6e6;
	margin: -1px 0 20px;
	padding: 20px 0 0 24px;
}

div.teaser h2,
div.teaser p {
	margin-bottom: 5px;
}

div.teaser h2 a {
	color: #2e323b;
}

div.teaser a img {
	border: none;
}

div.teaser p.client {
	color: #000;
}

div.call-me-back p {
	margin-bottom: 12px;	
}

div.call-me-back form fieldset input {
	background: url(../img/bg_teaser_input.png) no-repeat left top;
	border: none;
	color: #96989d;
	font-size: 0.818em;
	font-family: "Lucida Sans", Arial, Sans-serif;
	height: 13px;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 10px;
	text-transform: uppercase;
	width: 216px;
}

div.call-me-back div.group {
	width: 226px;
	position: relative;
}

div.call-me-back div.group input {
	margin-bottom: 0;
}

div.call-me-back div.group button {
	background: url(../img/bg_teaser_inputbutton.png) no-repeat 0 0;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 0.818em;
	font-family: "Lucida Sans", Arial, Sans-serif;
	height: 23px;	
	position: absolute;
	right: 0px;
	top: 0;
	text-transform: uppercase;
	width: 67px; 
}

div.call-me-back .error {
	color: #ff0000;
}

div.news ul {
	border-top: 1px solid #eaeaeb;
	margin-bottom: 5px;
}

div.news ul li {
	background: none;
	border-bottom: 1px solid #eaeaeb;
	padding: 0;
}

div.news ul li a {
	background: url(../img/icon_listitem.png) no-repeat left 12px;
	display: block;
	padding: 4px 0 4px 12px;
}

/*
 * F9 Nav Item
 */
div.nav-item {
	float: left;
	margin: 0 24px 25px 0;
	padding-left: 75px;
	position: relative;
	width: 155px;
}

div.nav-item h2 {
	margin: 0 0 5px 0;
}

div.nav-item img {
	left: 0;
	top: 0;
	position: absolute;
}

div.nav-item p {
	margin-bottom: 5px;
}

div.right-item {
	margin-right: 0;
}

/*
 * F12 test-uw-bevlogenheid
 */

div.test-uw-bevlogenheid ol.questionlist {
	margin: 0 -25px;	
}

div.test-uw-bevlogenheid ol.questionlist li {
	border-bottom: 1px solid #eaeaeb;
	color: #2e323b;
	list-style: decimal inside none;
	padding: 10px 0 10px 25px;
}

div.test-uw-bevlogenheid ol.questionlist li.error {
	background: #fbf2f5;
}
div.test-uw-bevlogenheid ol.questionlist li.error span.error {
	color: #a70240;
	font-size: 11px;
}

div.test-uw-bevlogenheid div.content hr {
	margin-bottom: 0;
}

div.test-uw-bevlogenheid ol.questionlist li h3 {
	display: inline;
}
	
div.test-uw-bevlogenheid ol.questionlist li ul li {
	border: none;
	list-style: none;
	padding: 0;
}

div.test-uw-bevlogenheid ol.questionlist li,
div.test-uw-bevlogenheid ol.questionlist li h3 {
	font-size: 15px;
}

div.test-uw-bevlogenheid ol.questionlist li hr {
	margin: 0 0 15px -45px;
}

div.test-uw-bevlogenheid hr {
	margin-bottom: 15px;
	margin-top: 25px;
}

div.test-uw-bevlogenheid ul.answerlist {
	display: inline-block;
	margin: 10px 0 0 0;
	width: 100%;
}

div.test-uw-bevlogenheid ul.answerlist li {
	background: none;
	float: left;
	margin: 0 0 0 22px;
	text-align: center;
	width: auto;
	white-space: nowrap;
}

div.test-uw-bevlogenheid ul.answerlist li:first-child {
	margin: 0;
}

div.test-uw-bevlogenheid ul.answerlist span {
	background: url(../img/spr_answerlist_radio.png) no-repeat left top;
	cursor: pointer;
	display: inline-block;
	height: 19px;
	width: 19px;
}

div.test-uw-bevlogenheid ul.answerlist span.inactive {
	background-position: left top;
}

div.test-uw-bevlogenheid ul.answerlist span.active {
	background-position: left bottom;
}

div.test-uw-bevlogenheid ul.answerlist li label {
	color: #585b62;
	font-family: "Lucida Sans Unicode", Arial, Sans-serif; 
	font-size: 11px;
}

div.test_uw_bevlogenheid_uitslag {
	width: 230px;
	padding: 24px 0 0 20px;
}

div.test_uw_bevlogenheid_uitslag h2 {
	margin-bottom: 1em;
}

h3#testresultTitle {
	color: #a70240;	
}

/*
 * F14 News overview
 */
div.newsoverview ul li {
	background: none;
	padding: 0;
}

div.newsoverview ul li h2 {
	float: left;
	width: 380px;
	margin-bottom: 5px;
}

div.newsoverview ul li p.date {
	float: right;
	font-size: 11px;
	margin-bottom: 0;
}

/*
 * F17 Gerelateerde content
 */
div.client #videoplayer {
	margin: -25px 0 0 -25px;
}
 
div.client div.clientdetail h1 {
	font-size: 1.364em;
	font-weight: normal;
	margin-bottom: 5px;
} 
 
div.client div.clientdetail,
div.client div.clientdetail2 {
	float: left;
	margin: 10px 0 0 0;
	/*width: 230px;*/
}

div.client h2 {
	margin: 0;
	padding-top: 10px;
}

div.client h3 {
	font-family: Lucida Sans Unicode, Helvetica, Sans-Serif;
	font-size: 100%;
	font-weight: normal;
	margin: 0;
}

div.client div.clientdetailsmall,
div.client div.clientdetailsmall2 {
	float: left;
	margin: 0;
	width: 145px;
}	

div.client div.clientdetailsmall p,
div.client div.clientdetailsmall2 p {
	margin: 0;
}	
	
div.client div.clientdetailsmall2 {
	margin: 0 0 0 24px;
}

div.client div.clientdetail p {
	margin: 0 0 25px 0;
}

div.client div.clientdetail2 {
	/*float: right;*/
	margin: 45px 0 10px 24px;
}

div.client div.clientdetail3 {
	width: 490px; 
	float: left;
}

div.client div.clientdetail2 blockquote {
	font-family: Lucida Sans, Helvetica, Sans-Serif;
	font-size: 1.182em;
	font-style: italic;
}

div.client div.clientdetail2 cite {
	color: #000;
	font-family: Lucida Sans Unicode, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
}

div.related-content h2 {
	margin-bottom: 10px;
}

div.related-content ul li {
	background: url(../img/icon_listitem.png) no-repeat left 9px;
	margin: 0 0 5px 0;
	padding-left: 15px;
}