#layout div.viewport.featured > #content-featured
{
    display:block;
}

#layout div.viewport.featured > .footer
{
    display:none;
}

#layout div.viewport.featured > #content-featured .news-item
{
    position:relative;
    background-color:rgb(0, 181, 222);
    color:#fff;
    padding:40px 40px 20px 75px;
    font-size:14px;
    line-height:20px;
}

/*thema kleuren*/
#layout div.viewport.featured > #content-featured .news-item.thema0,
#layout div.viewport.featured .header .sidebar-trigger-wrapper .main-wrapper.thema0,
#layout div.viewport.graph .header .sidebar-trigger-wrapper .main-wrapper.thema0
{
    background-color: #82045e;/*#0581a2;*/
}
#layout div.viewport.featured > #content-featured .news-item.thema1,
#layout div.viewport.featured .header .sidebar-trigger-wrapper .main-wrapper.thema1,
#layout div.viewport.graph .header .sidebar-trigger-wrapper .main-wrapper.thema1
{
    background-color: #82045e;/*#b23d02;*/
}
#layout div.viewport.featured > #content-featured .news-item.thema2,
#layout div.viewport.featured .header .sidebar-trigger-wrapper .main-wrapper.thema2,
#layout div.viewport.graph .header .sidebar-trigger-wrapper .main-wrapper.thema2
{
    background-color: #82045e;/*#163a72;*/ /*#0058b8*/
}
#layout div.viewport.featured > #content-featured .news-item.thema3,
#layout div.viewport.featured .header .sidebar-trigger-wrapper .main-wrapper.thema3,
#layout div.viewport.graph .header .sidebar-trigger-wrapper .main-wrapper.thema3
{
    background-color: #82045e;
}
#layout div.viewport.featured > #content-featured .news-item.thema4,
#layout div.viewport.featured .header .sidebar-trigger-wrapper .main-wrapper.thema4,
#layout div.viewport.graph .header .sidebar-trigger-wrapper .main-wrapper.thema4
{
    background-color: #82045e;/*#488225;*/
}
#layout div.viewport.featured > #content-featured .news-item.thema5,
#layout div.viewport.featured .header .sidebar-trigger-wrapper .main-wrapper.thema5,
#layout div.viewport.graph .header .sidebar-trigger-wrapper .main-wrapper.thema5
{
    background-color: #82045e;/*#ce7c00;*/
}

#featuredtree ul li .icons,
#layout div.viewport.featured > #content-featured .news-item-tables ul li .icons {
    width: 140px;
}

#featuredtree ul li .icon,
#content-search .news-item-tables ul li .icon,
#layout div.viewport.featured > #content-featured .news-item-tables ul li .icon {
    height: 24px;
    width: 24px;
    position:relative;
    float:left;
    margin-right: 8px;
    margin-top: 5px;
    cursor:pointer;
    background-repeat: no-repeat;
    border: solid;
    border-color: lightgray;
    border-width: 1px;
    border-radius: 5px;
    background-position: center;
}

#featuredtree ul li .icon.lijn,
#content-search .news-item-tables ul li .icon.lijn,
#layout div.viewport.featured > #content-featured .news-item-tables ul li .icon.lijn {
    background-image: url(../image/lijn-grijs2.png);
}
#featuredtree ul li .icon.grafiek,
#content-search .news-item-tables ul li .icon.grafiek,
#layout div.viewport.featured > #content-featured .news-item-tables ul li .icon.grafiek {
    background-image: url(../image/grafiek-grijs2.png);
}
#featuredtree ul li .icon.land,
#content-search .news-item-tables ul li .icon.land,
#layout div.viewport.featured > #content-featured .news-item-tables ul li .icon.land {
    background-image: url(../image/land-grijs2.png);
}
#featuredtree ul li .icon.tabel,
#content-search .news-item-tables ul li .icon.tabel,
#layout div.viewport.featured > #content-featured .news-item-tables ul li .icon.tabel {
    background-image: url(../image/tabel-grijs2.png);
}

#layout div.viewport.featured > #content-featured .news-item .thumb{position:absolute;left:30px;top:40px;width:30px;height:30px;}
#layout div.viewport.featured > #content-featured .news-item .body{}
#layout div.viewport.featured > #content-featured .news-item .body h1
{
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}
#layout div.viewport.featured > #content-featured .news-item .body h2{display:none;}
#layout div.viewport.featured > #content-featured .news-item .link{display:none;}

#layout div.viewport.featured > #content-featured .news-item-tables
{
    margin-left:75px;
}
#featuredtree .news-item,
#featuredtree .news-item > li,
#layout div.viewport.featured > #content-featured .news-item-tables > ul{width:478px;}
#featuredtree .news-item > li,
#content-search .news-item-tables ul li,
#layout div.viewport.featured > #content-featured .news-item-tables > ul > li
{
  border-bottom: dotted rgb(0, 181, 222) 1px;
  padding: 8px 10px 10px 0;
  font-size:12px; line-height:14px;
}
#featuredtree .news-item,
#featuredtree .news-item > li {
    white-space: normal;
    width: 600px;
}
#featuredtree .news-item .body.Summary,
#content-search .news-item-tables ul li .body,
#layout div.viewport.featured > #content-featured .news-item-tables .body
{
    cursor:pointer;
    margin-left: 140px;
}
#featuredtree .news-item .body.Summary h1,
#content-search .news-item-tables ul li .body h1,
#layout div.viewport.featured > #content-featured .news-item-tables .body h1
{
    color: #232176;
    font-weight:bold;
}

#layout div.viewport.featured > #content-featured .featured-news-wrapper .news-item-wrapper
{
    margin-top: 110px;
}



#layout div.viewport.search > #content-search
{
    display:block;
}
#layout div.viewport.search .header .sidebar-trigger-wrapper a.sub
{
    display:none;
}
#layout div.viewport.search .header .sidebar-trigger-wrapper .main-wrapper
{
    height: 50px;
}
#layout div.viewport.search .header .sidebar-trigger-wrapper a.main
{
    height:50px;
    padding:0px;
}

#content-search .news-item-wrapper
{
    margin-top: 0px;
}
#content-search .news-item-wrapper .news-item
{
    position:relative;
    background-color:#f7f7f7;
    color:#232176;
    padding:20px 40px 20px 75px;
    font-size:14px;
    line-height:20px;
}

#content-search .news-item-tables
{
    margin: 10px;
}
#content-search .news-item-tables ul
{
    height:370px;
    overflow-y: scroll;
}

/* TODO: lijn-grijs.png, etc. verwijderen? */
/*#content-search .news-item-tables ul li .icon.lijn {
    background-image: url(../image/lijn-grijs.png);
}
#content-search .news-item-tables ul li .icon.grafiek {
    background-image: url(../image/grafiek-grijs.png);
}
#content-search .news-item-tables ul li .icon.land {
    background-image: url(../image/land-grijs.png);
}
#content-search .news-item-tables ul li .icon.tabel {
    background-image: url(../image/tabel-grijs.png);
}*/

#layout div.viewport #search1
{
    display:none;
    float: left;
}
#layout div.viewport.home #search1, #layout div.viewport.search #search1
{
    display:block;
}

#search1 span:nth-child(1)
{
    background-image: url(../image/zoeken1-wit.png);
    background-repeat:no-repeat;
    width:58px;
    height:13px;
    display:block;
    float:left;
    margin-top:18px;
    margin-left:22px;
}
#layout.language-en #search1 span:nth-child(1)
{
    background-image: url(../image/search_01.png);
    width:55px;
}
#search1 span:nth-child(2)
{
    background-image: url(../image/search1-wit.png);
    background-repeat:no-repeat;
    width:22px;
    height:22px;
    display:block;
    float:right;
    margin:14px 8px 14px 8px;
}
#search1 input
{
    float:left;
    width:234px;
    height:28px;
    margin-top:8px;
    margin-left:12px;
    font-size:18px;
}

#search-background {
    background-color: #232176;
    width: 233px;
    height: 30px;
    float: right;
    margin-top: 6px;
}
#search-label {
    float: right;
    padding: 0 6px;
    margin-top: 0;
    height: 24px;
}

/*de kleuren thema's */
#search2.thema0 {
    background-color: #82045e;/*#0581a2;*/
}
#search2.thema1 {
    background-color: #82045e;/*#b23d02;*/
}
#search2.thema2 {
    background-color: #82045e;/*#163a72;*/ /*#0058b8*/
}
#search2.thema3 {
    background-color: #82045e;
}
#search2.thema4 {
    background-color: #82045e;/*#488225;*/
}
#search2.thema5 {
    background-color: #82045e;/*#ce7c00;*/
}

#search2 #search-box {
  text-align: left;
  position: absolute; /* nodig voor placeholder in IE */
  background-color:#232176;
}

#search2 input
{
    height:24px;
    margin-left:2px;
    width:195px;
    background-color: rgb(247,247,247);
    border: none;
    position: absolute;
    top: 2px;
    padding-left: 5px;
}
#search2 span.placeholder{
    margin-left:3px;
    margin-right: 30px;
}

li.active #search2 input,
li.active #search2 #search-button
{
    background-color: rgb(255,255,255);
}

#search2 #search-button
{
    width:30px;
    height:26px;
    display:block;
    float:right;
    margin: 2px 2px 0;
    position: relative;
    background-color: #F7F7F7;
    cursor: pointer;
}

#search2 #search-button:before {
    position: absolute;
    font-family: FontAwesome;
    top: -6px;
    left: 6px;
    content: "\f002";
    color: #232176;
}

/* https://raw.githubusercontent.com/ginader/HTML5-placeholder-polyfill/master/src/placeholder_polyfill.css begin */
span.placeholder{
    position:absolute;
    color:#999;
    padding: 8px 6px 6px 4px;
    z-index:1;
    cursor:text;
    text-align: left;
    font-size: 100%;
}

span.placeholder-hide-except-screenreader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    border:0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

span.placeholder-hide{
	display:none;
}

/* overwrite for the HTML5 Boilerplate way to hide labels */
label.visuallyhidden-with-placeholder{
    /*clip: auto !important;*/
    height:auto !important;
    overflow: visible !important;
    position:absolute !important;
    left:-999em;
}
/* https://raw.githubusercontent.com/ginader/HTML5-placeholder-polyfill/master/src/placeholder_polyfill.css end */

#info_thema .title h2{display:none;font-weight:bold;margin-bottom:5px;}
#info_thema .title h2:last-child
{
    display:block;
    padding-left:14px;
    background-image:  url(../image/pijl4-grijs.png);
    background-position:left center;
    background-repeat:no-repeat;                           
}
#info_thema .title h2:first-child{padding-left:0px;background:inherit;}

#info_thema .themaslist .themalist_content ul
{
    position:relative;
}

#info_thema .themaslist .themalist_content li a {
  display: block;
  color: #4c4c4c;
  text-decoration: none;
  font-size: 12px;
  line-height: 18px;
  padding: 4px 4px;
}
#info_thema .themaslist .themalist_content li.subs a {
  background-image: url(../image/pijl5-grijs.png);
  background-repeat: no-repeat;
  background-position: right center;
}