/* *********************************************
   Some default css setup to reset the global reset.
*/


h1              { font-size: 2em; margin: .67em 0; }
h2              { font-size: 1.5em; margin: .75em 0; }
h3              { font-size: 1.17em; margin: .83em 0; }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0; }
h6              { font-size: .75em; margin: 1.67em 0; }

ol, ul, dd        { margin-left: 40px; }

sub             { vertical-align: sub }
sup             { vertical-align: super }

html {
  overflow-y: scroll;
} 

body {
  margin: 15px auto;
  font: 12px/1.5 Verdana;
  color: #333333;
  background: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
}

a {
  color: #8ac640;
}

b {
  font-weight: bold;
}

i {
  font-style: italic;
}

input[type=text], input[type=submit], input[type=reset] { 
    padding: 3px; 
    border: 1px solid #999999;
}




/* Styles voor header */
/* ===========================================================================  */

#container-header {
}

#header-logo {
  clear: none;
  float: left;
}

#navigatie-topmenu {
  margin-bottom: 5px;
  float: right;
}

#navigatie-topmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#navigatie-topmenu ul li { 
  margin: 3px 0;
  text-align: left;
}

#navigatie-topmenu ul li a {
  color: #828385;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
}
#navigatie-topmenu ul li a:hover  {
  text-decoration: underline;
}

#navigatie-topmenu ul li.active a {
  color: #666666;
}


#navigatie-topmenu .part1, #navigatie-topmenu .part2 {
  padding-right: 20px;
  float: left;
  clear: none;
}
#navigatie-topmenu .part2 {
  padding-right: 0px;
}







/* Styles voor doelgroepwissel */
/* ===========================================================================  */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */





#navigatie-doelgroepwissel {
  height: 81px; 
  margin: 0; 
  position: relative;
  z-index: 10;
  background: url('../images/bg-doelgroepenwissel.gif') repeat-x;
  text-transform: uppercase;
}

#navigatie-doelgroepwissel ul {
  margin: 0; 
  padding: 0; 
  list-style-type: none;
  z-index: 2;
}

#navigatie-doelgroepwissel ul li {
  float:left; 
  font-weight: bold;
}

#navigatie-doelgroepwissel ul li a, 
#navigatie-doelgroepwissel ul li a:visited {
  width: 1%;
  height: 40px; 
  line-height: 40px; 
  padding: 0 8px 0 8px; 
  display: block; 
  white-space: nowrap; 
  color: #FFF; 
  text-decoration: none; 
  cursor: default;
}

#navigatie-doelgroepwissel table {
  border-collapse: collapse; 
  margin: 0; 
  padding: 0; 
  font-size: 1em;
}

#navigatie-doelgroepwissel ul li:hover a,
#navigatie-doelgroepwissel ul li a:hover,
#navigatie-doelgroepwissel ul li.li-active a {
  text-decoration: underline; 
  background: #FFFFFF url('../images/bg-doelgroepenwissel.gif') repeat-x;
}

#navigatie-doelgroepwissel ul li ul {
  width: 620px;
  position: absolute; 
  left: -10000px;
  top: 40px; 
  background: #FFFFFF url('../images/bg-doelgroepenwissel.gif') repeat-x 0px -40px;
}


#navigatie-doelgroepwissel ul li:hover a,
#navigatie-doelgroepwissel ul li a:hover {
  height: 1%; 
}

#navigatie-doelgroepwissel ul li:hover ul,
#navigatie-doelgroepwissel ul li a:hover ul,
#navigatie-doelgroepwissel ul li.li-active ul,
#navigatie-doelgroepwissel ul li.li-current-active ul {
  z-index: 2;
  left: 0;
}
#navigatie-doelgroepwissel ul li.li-active ul,
#navigatie-doelgroepwissel ul li.li-current-active ul {
  z-index: 1;
}

#navigatie-doelgroepwissel ul li.n02 ul {
  width: 570px;
  padding-left: 50px;
}
#navigatie-doelgroepwissel ul li.n03 ul {
  width: 590px;
  padding-left: 30px;
}
#navigatie-doelgroepwissel ul li.n04 ul {
  width: 380px;
  padding-left: 230px;
}



#navigatie-doelgroepwissel ul li:hover ul li,
#navigatie-doelgroepwissel ul li a:hover ul li {
  float: left; 
}

#navigatie-doelgroepwissel ul li ul li a,
#navigatie-doelgroepwissel ul li ul li a:visited {
  color: #818286;
}

#navigatie-doelgroepwissel ul li:hover ul li a,
#navigatie-doelgroepwissel ul li a:hover ul li a {
  display: block; 
  text-decoration: none; 
  background: #FFFFFF url('../images/bg-doelgroepenwissel.gif') repeat-x 0px -40px;
  cursor: pointer;
}

#navigatie-doelgroepwissel ul.ul-level2 li a,
#navigatie-doelgroepwissel ul.ul-level2 li a:visited {
  text-decoration: none;
  background: #FFFFFF url('../images/bg-doelgroepenwissel.gif') repeat-x 0px -40px;
}

#navigatie-doelgroepwissel ul.ul-level2 li a:hover, 
#navigatie-doelgroepwissel ul.ul-level2 li.li-active a, 
#navigatie-doelgroepwissel ul.ul-level2 li.li-current-active a {
  color: #33bdf2;
  text-decoration: underline;
}



/* Styles voor border & navigatie */
/* ===========================================================================  */

#container-border {
  float: right;
  position: relative;
  overflow: hidden;
}

#container-navigatie, #border {
  clear: both;
}

#container-navigatie {
  color: #FFFFFF;
}

#container-navigatie a {
  color: #FFFFFF;
  text-decoration: none;
  
}


#navigatie {
  margin-top: 15px;
}

#navigatie-height-nav {
  width: 1px;
  height: 230px;
  float:right;
  padding: 264px 0 0 0;
}

.nav-yes, .nav-no {
  width: 265px;
  margin:0;
  padding: 0 0 0 35px;
  float: right;
}
.nav-no {
  height: 490px;
  display: block;
}


ul#navigatie-level1 {
  margin: 0px;
  padding: 264px 0 0 0;
  display: block;
  list-style: none;
  text-transform: uppercase;
}

ul#navigatie-level2, ul#navigatie-level3, ul#navigatie-level4 {
  margin: 0px;
  padding: 0 0 0 0 ;
  display: block;
  list-style: none;
}

#navigatie ul li{
  margin: 0px;
  padding: 0px;
  display: block;
}

ul#navigatie-level1 li {
  width: 222px;
  height: 29px;
  line-height: 29px;
  padding-left: 7px;
  padding-right: 7px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
}

ul#navigatie-level2 li a {
  width: 222px;
  display: block;
  padding: 5px 7px 5px 7px;
  text-transform: none;
}
ul#navigatie-level2 li a:hover, 
ul#navigatie-level2 li.li-active a, 
ul#navigatie-level2 li.li-current-active a {
  background-color: #0093c7;
}

ul#navigatie-level3 li a {
  width: 222px;
  display: block;
  padding: 5px 0px 4px 14px;
  text-transform: none;
  font-size: 11px;
}

ul#navigatie-level3 li a:hover, 
ul#navigatie-level3 li.li-active a, 
ul#navigatie-level3 li.li-current-active a {
  text-decoration: underline;
}

ul#navigatie-level4 li a {
  width: 208px;
  display: block;
  padding: 2px 7px 2px 21px;
  text-transform: none;
  font-size: 11px;
}

#border  {
  width: 236px;
  padding-top: 1px;
  padding-left: 35px;
  padding-right: 28px;
  font-size: 12px;
  clear: both;
}

#border div.csc-header h2 {
  height: 29px;
  margin: 0px; 
  margin-top: 20px;
  padding: 0px;
  padding-top: 1px;
  padding-right: 7px;
  padding-left: 7px;
  
  line-height: 29px;
  color: #FFFFFF;
  overflow: hidden;
  background: #8ac640;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}


#border .csc-textpic img{
  border: 0px;
}

#border p {
  margin: 0px;
  padding: 5px;
  padding-bottom: 10px;
  background: #f1f1f1;
}

#border ul {
  margin: 0px;
  padding: 0px;
  background: #f1f1f1;
  padding-bottom: 10px;
}
#border li {
  margin-left: 20px;
  margin-right: 5px;
  padding: 0px;
}


/* Override style uit csc */
#border DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }







/* Styles voor pagina inhoud */
/* ===========================================================================  */

#content-doelgroepen-container {
  float: left;
  margin-top: 0px;
  padding-top: 0px;
}

.quote-kort-links, .quote-lang-links {
  width: 240px;
  float: left;
  padding-right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #8ac640; 
  text-transform: uppercase;
}
.quote-kort-rechts, .quote-lang-rechts {
  width: 240px;
  float: right;
  padding-left: 10px;
  font-size: 20px;
  color: #8ac640; 
  text-transform: uppercase;
}


#content-breadcrumb {
  margin: 0;
  padding: 0;
  font-size: 11px;
  color: #c1c1c1;
}
#content-breadcrumb a {
  color: #c1c1c1;
  text-decoration: none;
}
#content-breadcrumb a:hover {
  color: #33bdf2;
  text-decoration: underline;
}

#content-doelgroepen div.csc-header h2.csc-firstHeader, 
#content-doelgroepen div.csc-textpicHeader h2.csc-firstHeader, 
div.news-single-item h2, 
div.weblog-single-item h2 {
  font-size: 21px;
  font-weight: normal;
  color: #8ac640;
  text-transform: uppercase;
}

#content-doelgroepen div.csc-header h2 {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}

/* Special headers for page id 766 */
#page-766 #content-doelgroepen div.csc-header-n2 h2, 
#page-766 #content-doelgroepen div.csc-header-n3 h2, 
#page-766 #content-doelgroepen div.csc-header-n4 h2, 
#page-766 #content-doelgroepen div.csc-header-n5 h2 {
  margin: 1.12em 0;
  font-size: 16px;
}

/* Fix for bug: 0010768 */
/* Fix seems to work, but in bugtracker it is said there are issues. */
.csc-textpic-intext-left .csc-textpic-text ul, 
.csc-textpic-intext-left .csc-textpic-text ol { 
  position: relative;
  left: 20px;
}

#content-doelgroepen .csc-menu {
  float: none;
  clear: both;
  display: block;
  margin-top: 0;
  margin-left: 0;
}

#content-doelgroepen .csc-menu ul {
  margin-left: 40px;
}

.csc-menu li {
  list-style: none;
}

#page-923 .csc-menu li {
  margin: 0.5em 0;
  font-size: 1.12em;
}

#content-extra-container {
  float: left;
  padding-top: 10px;
}

#page-109 .csc-header {
  margin-top: 2.0em;
}







/* Styles voor pagina footer */
/* ===========================================================================  */

#container-footer {
  padding: 20px 0;
  clear: both;
  display: block;
  font-size: 10px;
}

#footermenu {
  height: 22px;
  margin: 5px 0;
  clear: both;
  overflow: hidden;
  background: white;
  line-height: 22px;
}
#footermenu ul {
  margin: 0px; 
  padding: 0px;
  list-style: none;
  text-align: center;
}
#footermenu li {
  margin: 0; 
  padding: 0 10px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline;
  text-transform: uppercase;
  color: #999999;
}
#footermenu li a:link, #footermenu li a:active, #footermenu li a:visited, #footermenu li a:hover {
  color: #999999;
  text-decoration: none;
}
#footermenu li a:hover {
}

#sponsors {
  padding: 4px;
  clear: both;
  overflow: hidden;
  background: #e5e5e5;
  line-height: 22px;
  color: #777777;
  text-align: center;
}

#sponsors ul {
  margin: 0px; 
  padding: 0px;
  list-style: none;
  clear: none;
  text-align: center;
}

#sponsors li {
  margin: 0px; 
  padding: 0px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}







/* Styles voor blokken */
/* ===========================================================================  */

.block {
}

.block h2 {
  height: 23px;
  margin: 0px; 
  padding: 0px;
  padding-left: 10px;
  padding-right: 5px;
  
  line-height: 23px;
  color: #FFFFFF;
  overflow: hidden;
  background: #8ac640;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

.block h2 a {
  color: #FFFFFF;
  text-decoration: none;
}
.block h2 a:hover{
  text-decoration: underline;
}

.news-latest-item {
  margin: 3px 0;  
}

.block h3 {
  margin: 10px 5px 0px 5px; 
  padding: 0px;

  color: #777777; 
  font-size: 11px;
  font-weight: normal;
  line-height: 1.2;
}

.block h3 a {
  color: #777777; 
  text-decoration: none;
}
.block h3 a:hover {
  text-decoration: underline;
}

.tx-pbsurvey-pi1 input[type=submit] {
  cursor: pointer;
}

.tx-pbsurvey-pi1 .answer {
  margin-right: 6px;
  white-space: nowrap;
}
.tx-pbsurvey-pi1 .answer input[type=radio]{
  margin-right: 3px;
}




.news-latest-item img {
  float: left;
  margin: 0px;
  margin-right: 5px;
  padding: 0px;
}

.news-latest-item p.bodytext {
  margin: 5px 0px;
}
.news-list-container {
  clear: both;
  padding-bottom: 5px;
}

.news-list-item {
  clear: both;
  margin-bottom: 5px;
}

.news-single-morelink, .news-latest-morelink, .news-list-morelink {
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  font-size: 10px;
  text-transform: uppercase;
}
.news-single-morelink {
  margin-top: -5px;
  margin-bottom: 0px;
  padding-left: 0;
}
.news-list-morelink {
}
.news-latest-morelink a, .news-list-morelink a {
  color: #8ac640;
}

.news-more {
  margin: 5px;
  font-size: 10px;
  text-transform: uppercase;
}

.news-more a {
  color: #33bdf2;
  text-decoration: none;
}
.news-more a:hover {
  text-decoration: underline;
}






/* Styles voor agendablok */
/* ===========================================================================  */


.cal-title {
  clear: both;
  font-weight: bold;
}
.cal-title a {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #777777;
  text-decoration: none;
}

/* Wanneer er geen agenda staat maar een CE, geef deze wat padding (gelijk aan #border) */
#block-agenda p {
  margin: 0px;
  padding: 5px;
  padding-bottom: 10px;
  background: #f1f1f1;
}







/* Styles voor content / headers / images / nieuws single / etc   */
/* ===========================================================================  */

.csc-header {
  clear: both;
}


div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, 
.news-single-img a img { 
  border: 1px solid #8ac640;
}


.csc-textpic-caption, .news-single-imgcaption {
  padding-top: 5px;
  font-size: 11px;
  color: #00adef;
}

.news-list-item h2 {
  font-size: 14px;
}
.news-list-item h2 a {
  text-decoration: none;
}

.news-single-item h2 {
  font-size: 13px; 
  font-weight: normal;
}

.news-single-item h3 {
  line-height: 1.5;
}

.news-single-img {
  width: 242px;
  float: left;
  padding-right: 20px;
}

.news-single-files dt {
  margin: 0.5em 0;
  font-weight: bold;
}
.news-single-files dd {
  margin: 0 10px;
}
.news-single-files dd img {
  margin: 0 5px;
}

.tx-ttnews-browsebox {
  margin-top: 1.12em;
}
.tx-ttnews-browsebox span, .tx-ttnews-browsebox strong, .tx-ttnews-browsebox a {
  padding: 0 3px;
}



.weblog-list-item, .weblog-single-item {
  border-bottom: 1px solid #bbbbbb;
}

.weblog-list-item h3 {
  font-size: 21px;
  text-transform: uppercase;
  font-weight: normal;
}
.weblog-list-item h3 a {
  text-decoration: none;
}

.weblog-single-back {
  margin: 0.6em 0;
}

.postmetadata {
  color: #666666;  
  font-size: 11px;
}

.tx-comments-count-wrap a {
  color: #00adef;
}

.tx-comments-comment-1, .tx-comments-comment-2 {
  margin-bottom: 15px;
  border-bottom: 1px solid #bbbbbb;
}

.tx-comments-comment-content {
  padding: 0.5em 0;
}

.tx-comments-comment-data {
  font-size: 11px;
  color: #666666;
  font-weight: bold;
}

.tx-comments-comment-form h4 {
  font-size: 16px;
  font-weight: bold;
  color: #00adef;
  
  text-transform: uppercase;

}
.tx-comments-comment-form LABEL { 
  width: 100px; 
  display: block; 
  float: left; 
  padding-top: 5px; 
  clear: left;
}
.tx-comments-comment-form INPUT, .tx-comments-comment-form TEXTAREA, .tx-comments-comment-form IMG { margin-top: 5px; border: 1px solid #d0d0d0; }
.tx-comments-comment-input { width: 245px; }
.tx-comments-comment-form TEXTAREA { width: 400px; }
.tx-comments-required-mark { color: red; }
.tx-comments-required-error { margin-left: 10px; color: red; background-color: #f5f500; padding: 3px 5px; }
.tx-comments-form-top-message { border: 1px solid #d0d0d0; padding: 10px 20px; text-align: center; font-weight: bold; }

.tx-comments-captcha .tx-comments-comment-input { width: 93px; margin-left: 100px; }







/* Styles voor irfaq_az   */
/* ===========================================================================  */








/* Styles voor contact formulier   */
/* ===========================================================================  */
form {
  margin: 0;
  padding: 0;
}

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

.csc-mailform-field {
  margin: 0.28em 0;
}

label {
  margin: 0.28em 0;
  display: block;
}

input[type='text'],
input[type='password'],
input[type='submit'],
textarea {
  width: 300px;
  margin: 0;
  padding: 3px 4px;
  border: 1px solid #5b5b5b;
  -webkit-appearance: none;
  -webkit-border-radius:0px;
}

input[type='submit'] {
  width: auto;
}

#mailformdont-feed-me-with-name-or-email-address {
  display: none;
}

textarea {
  width: 300px;
}




/* Styles voor sponsor block */
/* ===========================================================================  */

#sponsor-banner {
  width: 958px;
  height: 110px;
  margin: 10px 0;
  display:block; 
  position:relative; 
  line-height: 110px;
  border: 1px solid #dddddd;
}

div.scrollWrapper
{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

div.scrollableArea
{
  position: relative;
  width: auto;
  height: 100%;
}  

#sponsor-banner div.scrollableArea *
{
  position: relative;
  float: left;
  margin: 0;
  padding: 0 70px;
}