/**
 * Title: SenterNovem - TBNH - default.css
 * @author lee.boonstra[AT]efocus.nl
 */


/**
 * Default styles
 */
 
* { 
	margin: 0; 
	padding: 0; 
	text-align: left; 
}

body { 
	background: #fff;
	color: #666;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 100%;
	line-height: 1.5em;
}

h1, p {
	margin: 0 0 2em 0;
}

h1 {
	color: #333333;
	font-size: 2.909em; 
	line-height: 1.344em;	
	margin: 0 0 0.313em 0;
}

h2 {
	color: #000000;
	font-size: 1.454em;	
	line-height: 1.222em;
	margin: 0 0 0.688em 0;
}

h3 {
	color: #666;
	font-size: 1.182em;	
	margin: 0 0 0.385em 0;
}

h4, h5, h6 {
	color: #666;
	font-size: 1em;	
	margin: 0 0 0.385em 0;
}


a {
	color: #666;
}

a:hover {
	text-decoration: none;
	color: #666;
}

img {
	border: 0;	
}

hr {
	margin: 0 0 2em 0;
	height: 1px;
	overflow: hidden;
	border: 0;
	border-bottom: 1px dotted #7f7f7f;
}

ul, ol {
	margin: 0 0 2em 20px;
	padding: 0;
}

ul {
	list-style: none;	
}

ul li {
	background: url(../img/bullet.png) no-repeat left 7px;
	padding-left: 10px;
}

table,
input,
select,
textarea {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 1em;
}

table {
	margin: 5px 0 1em 0;
	border-spacing: 0;
	border-collapse: none;
}

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

/**
 * Form styles
 */

form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

form fieldset label {
	float: left;
	width: 150px;
	color: #333333;
	font-weight: bold;
	margin: 0 10px 0 0;
}

form fieldset input, 
form fieldset select,
form fieldset textarea {
	width: 230px;
	background: url(../img/bg_input.png) repeat-x left top #ffffff;
	border: 1px solid #c3c3c3;
	border-top: 0;
	padding: 5px 5px 0 5px;
	height: 17px;
	margin: 0 0 2em 0;
}

form fieldset textarea {
	height: 100px;
}

form fieldset select {
	height: 22px;	
	width: 243px;
	border: 1px solid #c3c3c3;
	padding: 0;
}

form fieldset input.error, 
form fieldset select.error,
form fieldset textarea.error {
	background: url(../img/bg_input.png) repeat-x left top #e5f7fd;
	margin-right: 7px;
	float: left;
} 

form fieldset input.checkbox, 
form fieldset input.radio {
	background: none;
	border: 0;
	width: auto;
}

form fieldset br {
	clear: both;
}

form fieldset div.radio {
	overflow: hidden;	
	margin-bottom: 2em;
	float: left;
}

form fieldset div.radio label.radiolabel {
	width: auto;
	margin-right: 20px;
}

form fieldset div.radio input {
	border: 0;
	width: auto;
	background: none;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

form fieldset label.checkboxlabel {
	width: 100%;
	margin-bottom: 2em;
}

form fieldset label.checkboxlabel span {
	display: block;
	float: left;
}

form fieldset label.checkboxlabel input {
	width: auto;
	border: 0;
	background: none;
	padding: 0;
	margin: 0 10px 0 10px;
	float: left;
}

form fieldset p.required_fields {
	float: left;
	width: 150px;
	margin: 0 10px 0 0;
	font-weight: bold;	
}

form fieldset a.button_grey {
	float: right;
}

ul.errorfields,
p.error_summary_message {
	color: #00b5e8;
	font-weight: bold;
	margin: 0 0 1em 0;
}

ul.errorfields {
	margin: 0 0 2em 0;
}

.error {
	color: #00b5e8;
}

.toelichting {
	padding-left: 160px;
}

/**
 * Page layout
 */

div.pagewrapper {
	background: #fff;
	font-size: 0.688em;
	line-height: 1.455em;
	margin: 0 auto 4em;
	width: 960px;
}

div.container {
	margin: 0 0 2em;
}

div.columns {
	background: url(../img/bg_bordercolumn.png) repeat-y 690px top;
}

div.columns.home {
	background-position: 550px top;
}

div.inner {
	margin: 0 20px 0 0;
}

div.side {
	margin: 0 0 0 20px;
}

div.efocus ul li {
	display: inline;
	margin: 5px;
}

div.header {
	height: 190px;
	margin: 0 10px 20px;
}

div.main {
	margin: 0 10px;
}

div.content-home, 
div.content-default, 
div.content {
	float: left;
}

div.content-home {
	width: 530px;
}

div.content-default {
	width: 670px;
}

div.content {
	width: 940px;
}

div.teasers-home, 
div.teasers-default {
	float: left;
}

div.teasers-default.side {
	background: url(../img/bg_poll_head.png) no-repeat #74d046;
	padding: 60px 0 0 0;
}

div.teasers-home {
	width: 370px;
}

div.teasers-default { 
	width: 230px;
}

div.footer {
	clear: both;
}

img.home-image {
	margin: -20px 0 0 0;
}

/*
 * Default classes
 */

.right {
	float: right;
}

.clear {
	clear: both !important;
	height: 0 !important;
	float: none !important;
	overflow: hidden !important;
}

.hidden {
	display: none;
}

.intro {
	font-weight: bold;	
}

a.readmore {
	color: #333;
	font-weight: bold;
}

/* grijze inlog button - niet meer nodig

a.button_grey, 
button.button_grey {
	display: inline-block;
	overflow: hidden;
	text-decoration: none;	
}

.button_grey span {
	display: block;
	float: left;
	height: 24px;
	background: url(../img/sprite_button.png) repeat-x;
}

.button_grey span.text {
	background-position: left -24px;
	padding: 4px 10px 0 10px;
}

a.button_grey span.text {
	color: #330066;
}

a.button_grey:hover span.text {
	text-decoration: underline;
}

.button_grey span.leftcap {
	float: left;
	width: 5px;
	background-position: left top;
}

.button_grey span.rightcap {
	float: left;
	width: 5px;
	background-position: right top;
}

button.button_grey {
	background: none;
	border: 0;
	cursor: pointer;
	color: #666666;
	font-weight: bold;
}
*/

.submit_button {
    display: inline-block;
    background: none;
    cursor: pointer;
    color: #666;
    font-weight: bold;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
}

.submit_button .inner {
   background: transparent url(../img/btn_submit_left.png) no-repeat scroll top left;
   float: left;
}

.submit_button .right {
    background: transparent url(../img/btn_submit_right.png) no-repeat scroll top right;
	float: left;
	padding: 0 11px 0 0;
}

a.button span {
	padding: 5px 0 5px 18px;
}

a.submit_button span {
	padding: 5px 0 5px 10px;
}

button.submit_button {
	border: none;
	padding: 0;
}

button.submit_button span {
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 12px;
}

p.align_text_to_right {
	text-align: right;
}

a.twitter {
	display: inline-block;
	padding: 0 0 0 30px;
	background: url(../img/icon_twitter.png) no-repeat left;
	color: #333;
	font-weight: bold;
	line-height: 24px;
}

a.return {
	color: #333;
	font-weight: bold;
}

.date {
	color: #00b5e8;
}

button.icon-search {
	background: url(../img/icon_search.png) no-repeat;
	border: 0;
	display: block;
	height: 20px;
	margin: 0 0 0 5px;
	width: 20px;
}

/**
 * Paginator
 */
ul.tx-pagebrowse li {
	padding: 4px 5px;
	margin-right: 3px;
	background: url(../img/bg_paginator.png) repeat-x left top;
}

ul.tx-pagebrowse li.tx-pagebrowse-pages {
	background: none;
}

ul.tx-pagebrowse li a {
	text-decoration: none;
}

ul.tx-pagebrowse li ol {
	padding: 0;
	margin: 0 8px 0 9px;
}

ul.tx-pagebrowse li ol li {
	padding: 4px 8px;
	margin: 0 4px 0 0;
}

ul.tx-pagebrowse li ol li.tx-pagebrowse-current {
	background: #00b5e8;
	color: #fff;
}



/**
 * F1 - Header 
 */
a.logo {
	border: 0;
	display: block;
	height: 150px;
	width: 550px;
}

div.mainmenu {
	background: #ececec url(../img/bg_navigation.png) repeat-x;
	overflow: hidden;
	height: 40px;
}

ul.nav {
	float: right;
	margin: 0;
}

ul.nav li {
	background: url(../img/bg_navigation.png) 0 -40px no-repeat;
	float: left;
	list-style: none;
	padding: 0 0 0 2px;
}

ul.nav li a {
	background-image: url(../img/bg_navigation.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	display: block;
	padding: 0 10px;
	color: #919191;
	font-size: 1.455em;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none;
}

ul.nav li a:hover { 
	background-position: 0 -80px;
	color: #333;
}

ul.nav li.active {
	padding: 0 0 0 1px;
}

ul.nav li.active a { 
	background: url(../img/bg_navigation.png) 0 -120px repeat-x;
	color: #333;
}

ul.nav li.rss {
	padding: 13px 12px 0 0 !important;	
	background-position: right -160px;
	background-image: none;
	height: 27px;
}

ul.nav li.rss a {
	background: url(../img/icon_rss.png) no-repeat;
	width: 14px;
	height: 14px;
	padding: 0;
	visibility: visible;
}

ul.submenu {
	float: right;
	margin: 15px 0 0 0;
}

ul.submenu li {
	background-image: url(../img/bg_metanav.png);
	background-repeat: no-repeat;
	background-position: 100% -58px;
	float: left;
	margin: 0 0 0 5px;
	list-style: none;
	padding: 0 5px 0 0;
}

ul.submenu li.language {
	background: none;
	padding: 1px 0 0 0;
}

ul.submenu li a {
	background-image: url(../img/bg_metanav.png);
	background-repeat: no-repeat;
	color: #999999;
	display: block;
	line-height: 1.8em;
	height: 20px;
	padding: 0 2px 0 25px;
	text-decoration: underline;
}

ul.submenu li a.icon-sitemap {
	background: url(../img/bg_sitemap.png) no-repeat 2px 5px;
	padding-left: 20px;
}

ul.submenu li.flags {
	background: none;
	margin: 0;
	padding: 0;
}

ul.submenu li.lastItem {
	background: none;
	padding: 0;
}

a.icon-stuur-door {
	background-position: 2px 0;
}

a.icon-print {
	background-position: 0 -20px;
}

a.icon-contact {
	background-position: 0 -40px;
}

ul.submenu li a.icon-en {
	background-position: 0 -80px;
	width: 20px;
	padding: 0;
}

ul.submenu li a.icon-nl {
	background-position: 0 -100px;
	width: 20px;
	padding: 0;
}

ul.submenu li.language strong.eng{
	background-position: 0 -117px;
	width: 20px;
	background-image: url(../img/bg_metanav.png);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	padding: 0;
}

ul.submenu li.language strong.nl{
	background-position: 0 -133px;
	width: 20px;
	background-image: url(../img/bg_metanav.png);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	padding: 0;
}

fieldset.quick-search label {
	margin: 0;
	width: 190px;
}

fieldset.quick-search input {
	color: #ccc;
	float: left;
	width: 150px;
}

fieldset.quick-search button.icon-search {
	float: left;
}

fieldset.quick-search {
	border: 0;
	float: right;
	margin: -50px 0 0 0;
	width: 190px;
}

/** 
 * F3 - Content
 */

div.content_img_video {
	text-align: center;
	margin-bottom: 1em;
}

/**
 * F4 - Carrousel members 
 */

div.carrousel_members {
	background: url(../img/bg_carrouselmembers2.png) repeat-x #fac30c top left;
	color: #000000;
	padding: 20px 20px 10px 20px;
	width: auto;
	overflow: hidden;
}

div.carrousel_members_head {
	margin: -20px -20px 15px -20px;
	padding: 20px 20px 10px 20px;
	min-height: 60px;
}

div.carrousel_members img {
	padding: 1px;
	border: 1px solid #faf0d0;
	float: left;
	margin: 0 10px 10px 0;	
}

div.carrousel_members h2, 
div.carrousel_members h3 {
	color: 	#ffffff;
}

div.carrousel_members h2 a, 
div.carrousel_members h3 a {
	color: #ffffff;
	text-decoration: none;	
}

div.carrousel_members h2 {
	margin: 0 0 0.312em 0;
}

div.carrousel_members h3 {
	font-size: 1em;
	font-weight: normal;
}

div.carrousel_members p {
	margin-bottom: 1em;	
}

div.carrousel_members p a {
	color: #333333;
	font-weight: bold;
}

/**
 * F5 - Laatste nieuws
 */

div.lastnews {
	padding: 0 20px 20px;
	background: #e5e5e5 url(../img/bg_lastnews.png) repeat-x;
}

div.lastnews h3 {
	background: url(../img/bg_poll_head.png) no-repeat;	
	height: 29px;
	padding: 13px 0 0 40px;
	font-size: 2.182em;	
	margin: 0 -20px 0.688em -20px;	 
}

div.lastnews h3 a {
	color: #ffffff;
	text-decoration: none;
}

div.lastnews h3 a:hover {
	text-decoration: underline;
}

ul.lastnews_list {
	margin: 0;
}

ul.lastnews_list li {
	padding-left: 0;
	background: none;
}

ul.lastnews_list li a {
	font-size: 1.182em;
	font-weight: bold;
	text-decoration: none;
}

ul.lastnews_list li a:hover {
	text-decoration: underline;
}

ul.lastnews_list li p {
	margin-bottom: 1em;
}

ul.lastnews_list li p.date {
	padding: 0 0 0 10px;
	margin-bottom: 0;
	background: url(../img/bullet_blue.png) no-repeat left center;
	font-weight: bold;
}

/**
 * F6 - Poll 
 */

div.poll fieldset {
	clear: both;
	margin: 0 0 0.688em 0;	
}

div.poll {
	background: url(../img/bg_poll.png) no-repeat;
	color: #ffffff;
	padding: 0 20px 10px 20px;
}

div.poll h3 {
	background: url(../img/bg_poll_head.png) no-repeat;	
	height: 29px;
	padding: 13px 0 0 40px;
	color: #ffffff;
	font-size: 1.846em;	
	margin: 0 -20px 0.688em -20px;	 
}

div.poll p {
	margin: 0 0 0.688em 0;	
}

div.poll p.error {
	color: #ff0000;
}

div.poll label {
	color: #ffffff;
	font-weight: normal;
	width: 490px;
	padding: 0;
	line-height: 1em;
	margin: 0 0 0.688em 0;	
}

div.poll label input {
	width: auto;
	margin: -2px 10px 0 0;
	padding: 0;
	background: none;
	border: 0;
	float: left;
}

div.poll ul {
	margin: 0;
	padding: 0;
	width: auto;
	overflow: hidden;
}

div.poll ul li {
	background: none;
	padding: 0;
	margin: 0 0 0.688em 0;	
}

div.poll ul li span.aantal {
	color: #000000;
	font-weight: bold;
	font-size: 0.923em;
	display: inline-block;
	margin-right: 10px;
}

div.poll table.poll_results {
	width: 100%;
	margin: 0 0 1em;
}

table.poll_results  tr td {
	padding-bottom: 10px;
}

div.pollresult td.percentage {
	width: 30px;
	padding-right: 8px;
	color: #000;
	font-weight: bold;
}

div.pollresult td.graph {
	width: 120px;
}

div.pollresult div.balk {
	width: 100px;
	height: 11px;
	margin-right: 8px;
	padding: 1px;
	border: 1px solid #006600;
	background: #fff;
}

div.pollresult div.balk div.restbalk {
	background: #25b3da;
	height: 100%;
}

/**
 * F7 - Teaser 
*/

div.teaser {
	padding: 0 20px;
	color: #ffffff;	
}

div.teaser.container {
	margin-bottom: 0;
}

div.teaser div.teaser_top {
	float: right;
	width: 230px;
	height: 42px;
	margin: 0 -20px 1em;
}

div.teaser h3,
div.teaser a {
	color: #ffffff;	
}

div.teaser p.readmore a {
	font-weight: bold;	
}

div.teaser p {
	margin: 0 0 1em 0;
}

div.teaser img.teaser_img {
	margin: 0 -20px 1em -20px;	
}

/*
 * F8 - Leden overzicht
 */

div.members {
	overflow: hidden;
	background: url(../img/bg_members.png) repeat-y 290px top;
}

ul.member_list {
	margin-left: 0;
	overflow: hidden;
	width: 960px;
} 

ul.member_list li {
	float: left;
	width: 260px;
	padding: 0 30px 35px 0;
	margin-right: 30px;
	background: none;
}
 
ul.member_list li img { 
	float: left;
	margin: 0 11px 0 0;
	border: 5px solid #fcc306;
}

ul.member_list li a.info {
	padding: 0 0 0 20px;
	background: url(../img/icon_memberinfo.png) no-repeat left top;
	font-weight: bold;
}

ul.member_list li a.contact {
	padding: 0 0 0 20px;
	background: url(../img/icon_membercontact.png) no-repeat left top;
	font-weight: bold;
}
ul.member_list li p.lid-functie {
	height: 50px;
}

/*
 * F13 - Newslist
 */

ul.news_list {
	margin-left: 0;
}

ul.news_list li {
	padding: 1.818em 0;
	background: none;
	border-bottom: 1px dotted #7f7f7f;
}

ul.news_list li:first-child {
	border-top: 1px dotted #7f7f7f; 
}

ul.news_list li h2 {
	font-size: 1.636em;
}

ul.news_list li h2 a {
	color: #666;
	text-decoration: none;
}

ul.news_list li h2 a:hover {
	text-decoration: underline;
}

/*
 * F14 - Nieuwsbericht
 */

div.news_article h1 {
	margin-bottom: 10px;
	line-height: 25px;
}

div.news_article p.date {
	margin-bottom: 0.5em;
	font-size: 1.636em;
	font-weight: bold;
	overflow: hidden;
}

div.news_article p.date span {
	float: left;
}

div.news_article p.date a.return {
	float: right;
	font-size: 0.611em;
	text-align: right;
}

div.news_article img {
	margin-bottom: 1em;	
}

/*
 * F15 - Downloads en links
 */

ul.download_list {
	padding: 1em 0;
	margin-left: 0;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
}

ul.download_list li {
	padding: 0.364em 0;
	background: none;
}

ul.download_list li a {
	display: block;
	padding: 3px 0 4px 30px;
	background: url(../img/icon_download.png) no-repeat left;
	font-weight: bold;
}

ul.download_list li.link a {
	background: url(../img/icon_link.png) no-repeat left
}

/*
 * F16 - Contact
 */
 
div.contact_form {
	border-top: 1px dotted #7f7f7f;
	padding-top: 2em;
}

div.contact_form legend {
	display: none;
}

div.contact_form fieldset.contact_nav {
	width: 402px;
}

div.contact_form fieldset.contact_nav button.submit_button {
	float: right;
}

div.contact_form label.checkboxlabel span {
	width: 150px;
}


/*
 * F17 - Zoekresultaten
 */

fieldset.search input.text {
	float: left;
}

fieldset.search button.icon-search {
	float: left;
}

p.results {
	font-weight: bold;
}

p.results strong {
	color: #000;
}

p.results span {
	color: #00B5E8;
}

ul.search_results {
	margin-left: 0;
}

ul.search_results li {
	padding: 1.818em 0;
	background: none;
	border-bottom: 1px dotted #7f7f7f;
}

ul.search_results li:first-child {
	border-top: 1px dotted #7f7f7f; 
}

ul.search_results li h2 {
	color: #00b5e8;
}

ul.search_results li a {
	font-weight: bold;
}

/*
 * F19 - Introductie projecten
 */

ul.project_list {
	margin-left: 0;
}

ul.project_list li {
	padding: 1.818em 0;
	background: none;
	border-bottom: 1px dotted #7f7f7f;
	overflow: hidden;
}

ul.project_list li:first-child {
	border-top: 1px dotted #7f7f7f; 
}

ul.project_list li img {
	float: left;
	padding: 0 11px 0 0;
}

ul.project_list li h2 {
	color: #666;
	font-size: 1.636em;
	margin-bottom: 1em;
}

ul.project_list li div {
	padding-left: 106px;
} 

/**
 * F20 - Stuur door (lightbox)
 */
 
div.lightbox {
	background: #fff;
	font-size: 0.688em;
	line-height: 1.455em;
	padding: 20px;
}

div#sb-info {
	position: absolute !important;
	height: 27px !important;
	right: -15px !important;
	top: -3px !important;
}

a#sb-nav-close {
	height: 25px !important;
	width: 26px !important;
}

div.lightbox div.contact_form span.error {
	color: #00b5e8;
}

div.lightbox p.nolabel {
	color: #333333;
}

div.lightbox p.nolabel a {
	margin-left: 55px;
}

div.lightbox div.contact_form fieldset.contact_nav button.submit_button {
	float: right;
}

/**
 * F21 - Agenda
 */
ul.agenda {
	margin-left: 0;
}

ul.agenda li.open {
	background: url(../img/icon_min.png) no-repeat right 10px;
}

ul.agenda li {
	background: url(../img/icon_plus.png) no-repeat right 10px;
	border-top: 1px dotted #7f7f7f; 
	border-bottom: 1px dotted #7f7f7f;
	margin: 0 0 1px 0;
	padding: 15px 0 5px;
	cursor: pointer;
}

ul.agenda h2 {
	color: #666666;
	overflow: hidden;
}

ul.agenda span.date {
	display: block;
	float: left;
	margin: 0 60px 0 0;
	width: 165px;
}

ul.agenda li a.readmore {
	margin-bottom: 1em;
}

ul.agenda p {
	margin: 0 15px 20px 225px;
}

/*
 * F22 - Informatie lid
 */

div.info_member p.align_text_to_right {
	margin: 1em 0 0;
}

div.info_member .introduction {
	float: right;
	width: 410px;
}

div.info_member h1 {
	margin-bottom: 0;
}

div.info_member h2 {
	color: #00b5e8;
}

div.info_member img.member {
	float: left;
	margin: 0 0 20px 0;
	padding: 0 20px 0 0;
}

div.info_member blockquote.quote {
	font-size: 1.273em;
	font-style: italic;
}

/*
 * F27 - Forum login / wachtwoord vergeten, etc
 */
 
div.form_header {
	padding: 20px 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px dotted #666666;
}
 
div.form_header h3 {
	font-size: 2.909em;
}

div.tx-felogin-pi1 form fieldset div {
	width: 402px;
}

div.tx-mmforum-pi1 h2 {
	color: #666666;
} 

/* login formulier */

div.tx-felogin-pi1 form.login_form fieldset span.error {
	float: left;
	margin-left: 10px;
}

div.tx-felogin-pi1 form.login_form fieldset div {
	float: left;
}

div.tx-felogin-pi1 div.login_options button.submit_button {
	float: right;	
}

div.tx-felogin-pi1 div.login_options input#permalogin {
	width: auto;
	vertical-align: middle;
	background: none;
	border: none;
}

/* ww vergeten formulier */

form.forgot_password fieldset div button.submit_button {
	float: right;
}

form.forgot_password fieldset div {
	float: left;
}

form.forgot_password fieldset span.error {
	float: left;
	margin-left: 10px;	
}

/* aanmeld formulier */
table.tx-mmforum-register td.tx-mmforum-subth div.login {
	width: 407px;
	display: block;
	overflow: hidden;
}

table.tx-mmforum-register td.tx-mmforum-subth div.login button.submit_button {
	float: right;
}

.overzichtLink { display: block; height: 20px;  }


/*
 * sitemap
 */
 
 div.csc-sitemap ul {
 	margin: 0 0 0 10px;
 }