/* Created by Idar Creative, www.idar.nl */
@import url("typo3plugs.css");

* {margin:0;padding:0;}
body { background: #ffffff;}
body {color:#303030; font-family: Verdana, Arial, Geneva, sans-serif ;  font-size:13px; line-height:20px;}

/*-------------- Algemene HTML ELEMETS Styles ----------------------- */

h1, h2, h3, h4, h5, h6   {font-weight: normal;-webkit-font-smoothing: antialiased; 
  line-height:normal; font-family: 'Open Sans', 'Helvetica', Helvetica, Arial, Verdana, sans-serif; font-weight:300;}
h1, h2, h3, h4, h5, h6   {margin-bottom:8px; font-weight:normal;}
h3, h4, h5, h6     {margin-top:8px;}

h1 { font-size:21px; color:#296DBA;}
h2 { font-size:16px; }
h2 a {font-size: inherit;}
h3 {font-size:14px; padding:4px 0px 4px 0px; margin:0;}
h3 a {font-size:inherit; font-weight:normal; padding-right:15px;}
h3 a:hover {text-decoration:none;} 
   
h4 {font-size:13px;}
h5 {font-size:80%; padding:0px; margin:0px;font-weight:700;}
h6 {font-size:12px;font-weight:bold;font-weight:800;}

p   {margin-bottom:8px; font-family:Verdana, Geneva, sans-serif;}

ul     {margin-left:8px;margin-bottom:10px; list-style:none outside none;list-style-type:none;}
ul li  {padding-left:10px; list-style:none outside none;list-style-type:none; background:url(images/arrows/list_item-gray.png) no-repeat scroll 0 7px transparent;}
               
ol   {margin-left:20px;}
ol li   {list-style-type: circle;}

hr  {clear: both;color:#e0e0e0; background-color:#e0e0e0; height:1px;border:0;margin:0px;padding:0px;margin-top:5px;margin-bottom:5px;}

input[type="text"], textarea {padding:4px; font-size:11px; margin:1px;color:#296DBA; 
  border-color:  #C0C0C0 #E0E0E0 #E0E0E0 #C0C0C0; border-style: solid;  border-width: 1px; font-family: Verdana,Arial,Geneva,sans-serif;}
select {padding:4px; font-size:11px; margin:1px;color:#296DBA; background:#fafafa; 
  border-color:  #C0C0C0 #E0E0E0 #E0E0E0 #C0C0C0; border-style: solid;  border-width: 1px; font-family: Verdana,Arial,Geneva,sans-serif;}
option {padding-left:4px;}  

input[type="text"]:hover, textarea:hover,
input[type="text"]:focus, textarea:focus {border-color: #79B700;border-style: solid; border-width: 1px;}

input[type="button"],
input[type="submit"] {
   background:#79B700; color: #ffffff; font-size:120%; line-height: normal; word-spacing: 1px;
   margin:8px 0px; padding:4px 24px; text-align: center; border:none; cursor:pointer; 
}

input[type="button"]:hover, 
input[type="submit"]:hover {background:#296DBA; color:#ffffff;} 

input[type="submit"].pdf:before { content: "\e65c";  display: block;  clear: both; }

a       {color:#79B700;text-decoration:none; transition: all 0.2s ease-in-out 0s;}
a:hover {color:#296DBA;text-decoration:none;}
a img   {border:none;}
a.noborder {border:0;}

 a.pdf, a.download { background:url(images/pdf.gif) no-repeat left center; padding-left:20px;padding-bottom:4px;}
 a.jpg             { background:url(images/jpg.gif) no-repeat left center; padding-left:20px;padding-bottom:4px;}
 a.dwg, a.dwf      { background:url(images/dwg.gif) no-repeat left center; padding-left:20px;padding-bottom:4px;}
 a.zip             { background:url(images/zip.gif) no-repeat left center; padding-left:20px;padding-bottom:4px;}
 a.dxf             { background:url(images/dxf.gif) no-repeat left center; padding-left:20px;padding-bottom:4px;}
 a.doc             { background:url(images/doc.gif) no-repeat left center; padding-left:20px;padding-bottom:4px;}
 a.xls             { background:url(images/xls.gif) no-repeat left center; padding-left:20px;padding-bottom:4px;}
 a.eng             { background:url(images/flag-eng.png) no-repeat right center; padding-right:20px;}

a.button {background:#f0f0f0; display:block; padding:4px;text-align: center; cursor:pointer;}
a.button:hover {background:#79B700; color:#ffffff;text-decoration:none;} 

fieldset             {border:none;}
fieldset legend, legend    {display:none;}

blockquote   {float:left; clear:both; padding:10px 10px 0px;}
blockquote p   {color:#296DBA;text-align:left;}
blockquote h2   {}

blockquote.green {background-color: #79B700  /* #2493c4 #79B700*/ ; width:140px;  padding:10px }
blockquote.green p {color:#fff; font-weight:bold;}
blockquote.green a {color:#296DBA;}
blockquote.green a:hover {color:#fff; text-decoration:underline;}

div.quote blockquote {padding:0; margin:0;}

.italic  {font-style:italic;}
.green {color:#79B700;}
.light_gray {color:#c0c0c0;}
.gray {color:#808080;}
.bg-mpurple {background-color:#e0e0e0;}
.bg-lpurple {background-color:#f0f0f0;}
.bold {font-weight:bold;}
.uppercase {text-transform: uppercase;}
.csc-default  {float:left; width:100%;}
.element-image  {float:left; padding-right:10px;}
.element-text  {}
.hidden  {display:none;} 
.float-left {float:left;}
.float-right {float:right;}
.no-padding {padding:0;}
.no-margin {margin:0;}
.no-bg {background:none;}
.no-wrap {white-space:nowrap;}
.small {font-size:85%;}
.smaller {font-size:95%;}
span.sep {color:#e0e0e0;margin:0px 4px;}
.center {text-align:center;}

.border-bottom , 
tr.border-bottom td {border-bottom: solid 1px #e0e0e0;}

.padding1px {padding:1px;}
.padding2px {padding:2px;}
.padding4px {padding:4px;}
.padding8px {padding:8px;}


DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {background:none;}

/*-------------- Site Layout ---------------------------------*/

#page       {float:left; height:100%; width:100%;}
#page-middle   {margin:auto; width:1000px; position:relative;}
#page-content  {float:left; width:1000px;}

#content-top  {float:left; width:1000px; height:110px;}
#logo         {float:left;}
#logo a      {border:none;}
#logo a img    {border:none;}
#slogan      {float:left; color:#79B700; margin-left:30px; margin-top:15px; font-size:20px;}
#languages    {float:right; /*margin-left:20px;*/}

#content-contactinfo { /*background:#fafafa;*/ padding:10px 0; margin-bottom:10px; text-align:right; font-size:12px; border-bottom:solid 1px #e0e0e0;;}
#content-contactinfo a {font-size:inherit; color:#303030;}
#content-contactinfo a:hover {font-size:inherit; color:#296DBA;}

#top-menu {float: right;text-align: right;font-size: 12px;width: auto;}
#top-menu ul {margin: 0;padding: 0;float: right;clear: both;display: inline-block;}
#top-menu ul li     {float:left; list-style:none none;margin:0;padding:0;background:none;font-size:inherit;}
#top-menu ul li a   {color:#303030;display:inline; font-size:inherit; line-height:24px; padding:7px 4px; margin-left:5px; }
#top-menu ul li a:hover, #top-menu ul li a.act {color:#296DBA;}

#top-menu ul li a#tp-english {padding-left: 40px;padding-right: 5px;  background:url("images/l_eng.gif") no-repeat scroll 8px center;/*  #F0F0F0  */}
#top-menu ul li a#tp-english:hover { padding-right: 5px;background: #296DBA url("images/l_eng.gif") no-repeat scroll 8px center; color: #FFF;text-decoration: none;}
#top-menu ul li a#tp-nederlands {padding-left: 40px;padding-right: 5px; background: #F0F0F0 url("images/l_ned.gif") no-repeat scroll 8px center;}
#top-menu ul li a#tp-nederlands:hover { padding-right: 5px; background: #296DBA url("images/l_ned.gif") no-repeat scroll 8px center; color: #FFF; text-decoration: none;}

#top-menu ul > li.lang span.sep { border-left: 1px solid #e0e0e0;padding-left:8px;margin-left:8px;}
#top-menu ul li.lang a {border: 1px solid #e0e0e0; transition: all 0.2s ease-in-out 0s; display:inline-block;}
#top-menu ul li.lang a:hover {background:#296DBA; border: 1px solid #296DBA;color:#fff;}

#top-searchform {display: block;float:right;margin-top:15px;padding: 5px;  background-color: #f0f0f0;  clear: both;}
#top-searchform .sform-element { display:inline-block; }
#top-searchform .input-text {padding:2px; background:#fff;}
#top-searchform .hidden {display:none;}
#top-searchform input[type="text"] {border:none; color:#303030; margin:0px; padding:2px 0px;}
#top-searchform input[type="text"]:hover, #top-searchform input[type="text"]:focus {border:none;}
#top-searchform .searchsubmit {background:#fff; border:none;float: right;}

#menu      {float:left; width:200px;}
#menu ul    {float:left; width:200px; margin:0px; padding:0px; clear:both; list-style:none outside none;list-style-type:none;}
#menu ul li  {line-height:20px; margin:0; padding:0; clear:both;            list-style:none outside none;list-style-type:none;
               background:url(images/arrows/list_item-gray.png) no-repeat scroll 0 10px transparent;}
           
#menu ul li a  { padding:3px 0px 3px 10px; display:block;}
#menu ul li a:hover {}

#menu ul li.cur > a {color:#296DBA;}

/*-  tweede laag --*/
#menu ul ul li { background-position:10px 10px; }
#menu ul li.act ul li a,
#menu ul li.cur ul li a {padding-left:20px;}

#menu ul li.act ul li.act a  {}
#menu ul li.act ul li.cur > a  {color:#296DBA;}

/*-  derde laag --*/
#menu ul ul ul li { background-position:20px 10px; }
#menu ul li.act ul li.act ul li a,
#menu ul li.act ul li.cur ul li a {padding-left:30px;}

.menu-bottom {float:left;display:block;width:200px; /*background:url(images/bg-menu-bottom.png) no-repeat top center;*/}

#left-content1 {float: left;width: 200px;}
#left-content1  blockquote { float:left; clear:both; width:178px;padding:10px 10px; border:solid 1px #79B700; background:#f0f0f0 /* url(images/bg-gradient-gray.png) repeat-x top center */;}
#left-content1  blockquote h2   {}
#left-content1  blockquote p   {color:#296DBA;text-align:left;}

#content-headers    {float:left; clear:both; width:1000px;}
#content-headers div { margin-left: 5px;}
#content-headers div.ext-link { margin-left:0px; }
#content-headers div:first-child, #content-headers div#header-4, #content-headers div#header-7  {margin-left:0px;}

#content-headers .header       {background-color:rgba(121,183,0,1.0); background-position: top left; background-repeat:no-repeat; transition: all 0.2s ease-in-out 0s; float:left; width:330px; position:relative; margin-top:5px;}
#content-headers .header:hover {background-color:#296DBA;}

#content-headers .ext-link .header       { background-color:unset; }
#content-headers .ext-link .header:hover { background-color:unset;}
#content-headers .ext-link .header > div       { background-color: rgba(65, 122, 189, 0.10); border:solid 1px rgba(65, 122, 189, 0.3); border-bottom:0;}
#content-headers .ext-link .header > div:hover { background-color: rgba(65, 122, 189, 0.20); border:solid 1px rgba(65, 122, 189, 1.0);border-bottom:0;}

#content-headers .header div    {float:left; width:330px;}
#content-headers .ext-link .header div    {float:left; width:328px;}
#content-headers .header h3    {float:left; width:100%;color:#fff;background-color:rgba(121,183,0,0.9);}
#content-headers .ext-link .header h3       {background-color:rgba(65,122,189,1.0);}

#content-headers .header h3 a  {display:inline-block; line-height: 28px; padding: 0 0 0 10px; color:#ffffff; }
#content-headers .header > div {opacity: 1; display:block; position: relative;  z-index: 1; font-size:34px; transition: all 0.2s ease-in-out 0s}
#content-headers .header > div:hover {background-color:rgba(0, 51, 119, 0.75);}
#content-headers .header div h2    {margin:0; padding:0; background:none;}          
#content-headers .header div h2 a { color: #ffffff; font-size:21px; position: relative; z-index: 1; line-height:130px; text-align: center;  width: 100%;  display: block; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
#content-headers .ext-link .header div h2 a {line-height:100px;}

#content-headers #header-1      {background-image:url(images/hs-beoordelingsrichtlijnen.png);}
#content-headers #header-2      {background-image:url(images/hs-medewerker.jpg);}
#content-headers #header-3      {background-image:url(images/hs-certificaten.png);}
#content-headers #header-4      {background-image:url(images/hs-certificeren.png);}
#content-headers #header-5      {background-image:url(images/hs-onderzoek.png);}
#content-headers #header-6      {background-image:url(images/hs-branchekeurmerk.png);}
#content-headers #header-7      {background-image:url(images/hs-klachten.png);}
#content-headers #header-8      {background-image:url(images/hs-duurzaamheid.png);}
#content-headers #header-9      {background-image:url(images/hs-projectkeuring.png);}

/*-----------  VERVOLG PAGINA --------------------- */

#headers-upper {float:left;width:1000px; height:205px;position:relative;}
.upperheader {position:absolute; top:25px;left:30px;}
.upperheader h2  {color:#fff; font-size:32px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}

#headers-lower              {float:left; }
#headers-lower div         {float:left; margin-left:5px; }
#headers-lower div.ext-link { margin-left:0px; }
#headers-lower .header       {background-color:rgba(121,183,0,0.9); transition: all 0.2s ease-in-out 0s; float:left; width:330px; position:relative; margin-top:5px;}
#headers-lower .header:hover {background-color:#296DBA;}
#headers-lower div:first-child , #headers-lower div#header-4, #headers-lower div#header-7  {margin-left:0px;}

#headers-lower .ext-link .header       {background-color:rgba(65,122,189,0.9);}
#headers-lower .ext-link .header:hover {background-color:#417abd;}


#headers-lower .header h3   {float:left; width:100%;color:#fff;}
#headers-lower .header h3 a {color: #ffffff;display: inline-block; padding: 0 0 0 10px; line-height: 28px;}
#content-right-top,      
#content-right-middle,
#content-right-bottom      {float:left;}

/*-----------  EINDE VERVOLG PAGINA --------------------- */

#content-between  {float:left; height:50px; width:1000px; /* border:solid 1px #e0e0e0;*/}
/*
#between-left    {float:left; height:30px; width:240px;}
#between-middle  {float:left; height:30px; width:500px; margin-left:10px;}
#between-right    {float:left; height:30px; width:238px; margin-left:10px;}
*/
#content-middle   {float:left; width:1000px;}
#content-left     {float:left; width:200px;}
#content-center,
#content-right      {margin-left:10px; margin-top:4px;}

#content-center   {float: left;margin-right: 20px;width: 520px;}
/* #content-center h2 {display:block;font-size:16px;color:#75106b; font-weight:normal;}*/ 

#content-right    {float:left; width:240px;}  
#content-right .csc-default {width:240px; /* margin-bottom:5px;padding-bottom:5px;*/}

#content-right ul {margin-bottom:0px; list-style:none outside none;list-style-type:none;}
/*#content-right ul li  { margin:0; margin-left:10px; padding:0; padding:0 0 0 10px;
               background:url(images/arrows/list_item-gray.png) no-repeat scroll 0 6px transparent;
                       }
*/
#content-right ul li a {border:none;}

#content-right h2,
#content-right h3,
#content-right h4   {font-size:15px; color:#303030; padding:4px 0px 4px 10px; font-weight:normal; margin:0;}

#content-right .address {padding-bottom:15px;}
#content-right .address h2 {color:#303030; background:none; padding-left:0px; margin-bottom:10px;font-size:15px;}
#content-right .address b {font-weight:normal;padding-top:10px; /* text-transform: uppercase;*/}
#content-right .skw h3   {background:#f28b00; color:#fff; padding:5px 0 5px 10px;font-size:15px;}
#content-right .skw a {color:#f28b00;} 
#content-right .skw.csc-default {border-bottom:solid 1px #f28b00; padding-bottom:5px; margin-bottom:10px;}

#content-right .member {text-align:center;}
#content-right .member h3   {background:#296DBA; color:#fff; padding:5px 0 5px 10px;font-size:15px; margin-bottom:0.5rem; }
#content-right .member a {color:#296DBA;}
#content-right .member a img {display:block;border:solid 1px transparent;}
#content-right .member a:hover img {border:solid 1px #e0e0e0;} 
#content-right .member.csc-default {border-bottom:solid 1px #e0e0e0; padding-bottom:5px; margin-bottom:10px;}

#content-right .right-search {background:#f0f0f0;width: 220px; padding:5px 10px 15px;margin-bottom:25px;}
#content-right .right-search h3 {text-transform:uppercase; text-align: center;}
#content-right #search {}
#content-right #search input {border:none;padding:5px;margin:5px 0 15px; font-size:13px; color:#303030; width:210px;}

#content-right .partners {background:#f0f0f0;width: 220px; padding:5px 10px 15px;}
#content-right .partners h3 {text-transform:uppercase; text-align: center; margin-bottom:10px;}                        


/* ------ FCE -----------------*/ 
#double-layout {float:left; width:520px;margin:0 auto;margin-top:20px;clear:both;}
#double-layout div.double      {float:left;width:250px; margin-right:20px;}
#double-layout div.double.last {margin:0;}

#content-footer    { float:left; font-size:12px; width:100%; padding:10px; margin-top:20px;background:#303030; color:#c0c0c0;}
#content-footer a  { font-size:inherit;text-decoration:none;border:none; color:#c0c0c0;}
#content-footer a:hover {color:#fff;}
#content-footer span.sep {color:#686868;}

input.tx-indexedsearch-searchbox-button {border-color:#E0E0E0 #C0C0C0 #C0C0C0 #E0E0E0; padding:3px;}

/* --------------------- Formulier  --------------------------*/
.csc-mailform-field         {float:left; width:516px; margin:2px 0;clear:both;}
.csc-mailform-field label     {float:left; display:block; width:160px;}
.csc-mailform-field input[type="text"]      { float:left; width:250px;}
.csc-mailform-field input[type="text"]:focus   { border: solid 1px #79B700;}
.csc-mailform-field textarea              { float:left; width:250px;}

input.csc-mailform-submit     {margin:0 0 10px 160px; }
span.csc-mailform-label      {font-size:90%;margin:0 0 10px 160px;}

div.news-list-item, div.news-latest-item {padding:10px 0;}
div.news-list-item p > a , div.news-latest-item p > a {color:#303030;}
div.news-list-item p > a:hover, div.news-latest-item p > a:hover{text-decoration:none;}

div.list-images img {margin:0 10px;}

span.news-list-date, span.news-latest-date {color:#808080;}
span.more {color:#79B700;}
span.more:hover {text-decoration:underline;}

.news-latest-item h2 a{font-size:14px;}
.news-latest-item h2 a:hover {color:#296DBA;}

div.news-list-browse, div.prevnext-browser    {padding:10px;}
div.news-list-browse ul { margin:0; padding:0;}
ul.browse-links-wrap li { margin:0; padding:3px 5px; display:inline; font-weight:bold;background:#79B700; color:#fff;}
ul.browse-links-wrap li a {padding:3px 2px;color:#fff}
ul.browse-links-wrap li a:hover {text-decoration:none;}
ul.browse-links-wrap li:hover {background:#808080; color:#fff;}
ul.browse-links-wrap li:hover a {color:#fff;}

li.active-link-wrap  {}

div.prevnext-browser, div.news-single-backlink {float:left;width:100%;clear:both;}
div.prevnext-browser div { margin:0;padding:0;}
div.prev-article {float:left;}
div.next-article {float:right;}
div.prevnext-browser div a {font-weight:bnormal;}

table.table-list {border:0; margin-top:10px;}
table.table-list td, table.table-list th {vertical-align:top;padding:4px;}
table.table-list th {font-size:12px; font-weight:normal;color:#808080;padding:2px; margin:0;text-align:left;}
table.table-list th:last-child {}
table.table-list tr td:first-child {padding-right:15px;}
table.table-list tr td:last-child {text-align:center;}
table.table-list tr+tr {background-color:#fafafa;}
table.table-list tr+tr+tr {background-color:#ffffff;}
table.table-list tr+tr+tr+tr {background-color:#fafafa;}
table.table-list tr+tr+tr+tr+tr {background-color:#ffffff;}
table.table-list tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.table-list tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.table-list tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}

table.contenttable {border:0; margin-top:10px;width:100%;}
table.contenttable td, table.contenttable th {vertical-align:top;padding:4px;}
table.contenttable th {font-size:12px; font-weight:normal;color:#808080;padding:2px; margin:0;text-align:left;}
table.contenttable th:last-child {}
table.contenttable tr td:first-child {padding-right:15px;}
 /*table.contenttable tr td:last-child {text-align:center;} */
table.contenttable tr+tr {background-color:#fafafa;}
table.contenttable tr+tr+tr {background-color:#ffffff;}
table.contenttable tr+tr+tr+tr {background-color:#fafafa;}
table.contenttable tr+tr+tr+tr+tr {background-color:#ffffff;}
table.contenttable tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.contenttable tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.contenttable tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}

table.table-links {border:0; margin-top:10px;width:520px;}
table.table-links td, table.table-list th {vertical-align:top;padding:4px;text-align:;}

table.table-links tr td:first-child {padding-right:15px;width:100px;}

table.table-links tr+tr {background-color:#fafafa;}
table.table-links tr+tr+tr {background-color:#ffffff;}
table.table-links tr+tr+tr+tr {background-color:#fafafa;}
table.table-links tr+tr+tr+tr+tr {background-color:#ffffff;}
table.table-links tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.table-links tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}
table.table-links tr+tr+tr+tr+tr+tr+tr+tr {background-color:#fafafa;}
table.table-links tr+tr+tr+tr+tr+tr+tr+tr+tr {background-color:#ffffff;}

/* --------------------- Accordion --------------------------*/
div.ka-panel {clear:both;}
div.ka-content {border-bottom:solid 1px #e0e0e0;margin-bottom:10px;display:block;}
div.ka-content p {padding-top:0px;}
div.ka-content ul {margin-left:4px;}
h2.ka-handler {display:block;font-weight:normal;margin:0px; margin-bottom:14px;}
h2.ka-handler:hover {cursor:pointer;}
div.ka-panel h3 {color:#808080;cursor:pointer;padding:7px 0px 7px 0px;border-bottom:solid 1px #e0e0e0;}
div.ka-panel.open h3  {background:url("images/arrows/arrow_up.png") 98% 13px no-repeat;}
div.ka-panel.close h3 {background:url("images/arrows/arrow_down.png") 98% 13px no-repeat;}
div.ka-panel h3:hover {color:#79B700;}

/* --------------------- Certificaten --------------------------*/
.certificaten, 
.certifcaten_sterrenwijzer {margin:0;padding:0;border:0; width:100%;font-size: 85%;}
.certificaten tr.alt td  {background:#fafafa;}
.certificaten tr.over td {background:#f0f0f0;}
.certificaten th,
.certifcaten_sterrenwijzer th {background:#f0f0f0; padding:4px;text-align:left; white-space: nowrap; cursor:pointer;}
.certificaten td {padding:4px;vertical-align:top;}
.certificaten td:last-child, 
.certifcaten_sterrenwijzer td:last-child {}
.certificaten td:first-child,
.certifcaten_sterrenwijzer td:first-child {text-align:left;}

#table_search {border-top:solid 1px #e0e0e0;}

.certifcaten_sterrenwijzer td {padding:2px;vertical-align:top;}
.certifcaten_sterrenwijzer td.padding1px {padding:1px;}

.certifcaten_sterrenwijzer .button {display:block; text-align: center; cursor:pointer;}
.certifcaten_sterrenwijzer .button:hover {} 
.certifcaten_sterrenwijzer tr.border-bottom td {margin-bottom:10px;}

ol.list-declarations {float:left;width:100%; display:block;margin:0; padding:0; margin-bottom:10px; padding-bottom:10px; /*border-bottom:solid 1px #f0f0f0;*/}
ol.list-declarations li {display:inline;padding:0px 5px 0px 10px; list-style:none outside none;list-style-type:none;  white-space: nowrap; 
      background:url(images/arrows/list_item-gray.png) no-repeat scroll 0 3px transparent;}

.pager {display:none; padding-top:3px; border-top:solid 1px #f0f0f0; vertical-align:middle;width:520px;}
.pager input[type="text"] {border:none; text-align: center; vertical-align: middle;}
.pager input[type="text"]:hover {border:none;} 
.pagedisplay {width:40px; color: #808080; vertical-align: middle; background:#ffffff;}
.pager img { padding: 0 3px; vertical-align: middle;cursor:pointer;}
.pager select {padding:0;margin:0; font-size: 12px; margin-left:4px; padding:2 4px; vertical-align: middle;  }

div.tablesorterPager {
  padding: 10px 0 10px 0;
  background-color: #c0c0c0;
  text-align: center;
}
div.tablesorterPager span {
  padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
  width: auto;
  margin-right: 10px;
}
div.tablesorterPager input.next {
  width: auto;
  margin-left: 10px;
}
div.tablesorterPager input {
  font-size: 8px;
  width: 50px;
  border: 1px solid #303030;
  text-align: center;
}

.certificaat-detail {margin:0;margin-bottom:4px; padding:0;border:0; width:100%;  /* border-top:solid 1px #E0E0E0; */ border-bottom:solid 1px #f0f0f0;}
.certificaat-detail tr.alt td  {background:#fafafa;}
.certificaat-detail tr.over td {background:#f0f0f0;}
.certificaat-detail td {padding:2px;vertical-align:top;}
.certificaat-detail td:first-child {font-weight:bold; width:1%; white-space:nowrap; padding-right:8px;}

.certificaat-detail ul {margin:0;padding:0;}
.certificaat-detail ul li {margin:0;padding:0; margin-bottom:4px;padding-bottom:4px;
                  list-style:none outside none;list-style-type:none; background:none;}
.certificaat-detail ul li:last-child {margin:0;padding:0;}

/* ---- Zoek velden ---------*/
fieldset.certificaat-zoeken { /* border-bottom:solid 1px #e0e0e0;*/ }
fieldset.certificaat-zoeken dl { width:100%;}
fieldset.certificaat-zoeken dt {float:left; width:20%; clear:both;}
fieldset.certificaat-zoeken dd {  float:left; width:80%;}

.certificaat-zoeken dl input[type="text"]{margin-right:4px;}
#tx_skgcertificates_pi1_filter_version {width:50px;margin-right:12px;}

#tx_skgcertificates_pi1_filter_signedon_from ,
#tx_skgcertificates_pi1_filter_signedon_until ,
#tx_skgcertificates_pi1_filter_expireson_from ,
#tx_skgcertificates_pi1_filter_expireson_until {width:100px;}

ul.employment, ul.materiaal, ul.klasse {float:left;display:block;width:100%;margin:5px 0;}
ul.materiaal, ul.klasse {width:100%;}
.klasse-one, .klasse-two {display:inline-block; width:100%;margin-bottom:10px;}
.klasse-intro-text { clear: both;  float: left;  width: 100%; display:block;}
ul.klasse li {padding-right:1.1em;}

ul.employment li {width:195px;}
ul.employment li input {margin-right:4px;}
ul.employment li.item1,
ul.employment li.item2,
ul.employment li.item3  {margin-bottom:10px;}

ul.materiaal li {width:33%;}
ul.materiaal li input {margin-right:4px;}
ul.materiaal li.item5 {display:none;}

.legenda {margin-bottom: 10px;}
.legenda th {background:#f0f0f0; padding:4px;}
.legenda td { padding: 2px 4px;}
.legenda td:first-child {font-weight:bold; width:1%; white-space:nowrap;}
.legenda tr.alt td  {background:#fafafa;}

form#klachtenformulier {position:relative;}
fieldset.tx-powermail-pi1_fieldset { border: 1px solid #e0e0e0;background-color: #fafafa;  padding: 10px;}
ul.powermail_multiplejs_tabs li a.act { background: #fafafa;}
.tx_powermail_pi1_fieldwrap_html_html h2 { color:#79b700;}
fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend {
  display: block;
  width:100%;
  font-weight: normal;
  white-space: normal;
  font-size:95%;
}
ul.powermail_message_error li {background:none; list-style: disc outside none;}

/* ---- Alerts ---- */
.alert {
  padding: 10px;
  margin-bottom: 18px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow:none;
  font: 14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fcf8e3;
  border: 1px solid #fbeee0;
      border-radius: 4px;
     -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.success {color: #468847; background-color: #dff0d8; border-color: #d6e9c6;}
.error2 {color: #b94a48; background-color: #f2dede; border-color: #eed3d7;}
.info {color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1;}
span.mandatory {color: #b94a48; font-weight:bold;}