@charset "utf-8";

/*************************************
	Layout.css
*************************************/
@page         { margin: 10% }
blockquote, pre           { page-break-inside: avoid }


a:link, a:visited {
	color: #666;
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
	}



body{
   width:100%;
	background:#f2f1e8;
   font-family:'lucida sans unicode', 'lucida grande', Garuda, sans-serif;
   font-size:13px;
   line-height:20px;
}
	div.container{
		margin:auto;
      position: relative;
	}
   
/*************************************
	Nav
*************************************/
div.logo{
   display:none;
}
   
ul.brands{
   display:none;
}
ul.nav{
	display:none;
}
   
/*************************************
   Header
*************************************/
div.header{
   display:none;
}

/*************************************
   Article
*************************************/

/* Article Section */
div.article div.section{
   border:0;
   background:none;
   padding:4px 16px 4px 16px;
   color:#46423c;
   overflow:hidden;
}
   /* Article Section list */
   div.article ul.section li{
      border-left:1px solid #d8d7d1;
      border-right:1px solid #d8d7d1;
      border-bottom:1px solid #d8d7d1;
      background:#faf9f3;
      color:#7f7669;
      font-size:12px;
      line-height:17px;
      position:relative;
   }
   div.article ul.section.small li{
      float:left;
      width:318px;
      width: 317px\9;
      *width:317px;
      outline:0px solid red;
      margin:0px 0px 0px 1px;
   }
      div.article ul.section.small li:nth-child(2n+1) {
         margin:0;
      }
      div.article ul.section li a{
         display:block;
         padding:4px 8px 4px 8px;
         border:1px solid #faf9f3;
         color:#7f7669;
         text-decoration:none;
         overflow:hidden;
      }
      div.article ul.section li:hover{
         background:#d9d6c8 url('../images/sectionHighlight.png') center top repeat-x;
         color:#655b4a;
         outline:0px solid red;
      }
         div.article ul.section li strong,
         div.article ul.section li small{
            display:block;
            font-weight:normal;
         }
      div.article span.shadow,
      div.aside span.shadow{
         background: transparent url('../images/sectionShadow.png') repeat-x;
         height:4px;
         width:100%;
         position:absolute;
         z-index: 20;
         left:0;
         top:31px;
         outline:0px solid red;
      }
         
   /* Article Section list highlight */
   div.article ul.section.highlight li{
      background:#d9d6c8 url('../images/sectionHighlight.png') center top repeat-x;
      color:#46423c;
      position:relative;
   }
      div.article ul.section.highlight li a{
         color:#655b4a;
         text-transform:uppercase;
      }
      div.article ul.section.highlight li a:hover,
      div.article ul.section.highlight li a.active{
         background:#b9b8b4 url('../images/sectionHighlightHover.png') center top repeat-x;
         color:#504434;
         text-shadow:1px 1px #ffffff;
         padding:4px 8px 4px 26px;
      }
         div.article ul.section.highlight li a.active{
            padding-left:8px;
         }
      div.article ul.small.section.highlight li{
         width:158px;
         float:left;
         white-space:no-wrap;
         margin:0;
      }
      
      /* Date hover */
      div.article ul.section.highlight li span.flyout{
         display:none;
         background:#544b43;
         position:absolute;
         color:#ffffff;
         top:0;
         left:-159px;
         width:147px;
         font-size:18px;
         line-height:38px;
         height:97%;
         text-shadow:none;
         letter-spacing:-1px;
         padding:0px 6px 0px 6px;
         white-space:no-wrap;
         border-top:1px solid #fff;
         border-bottom:1px solid #fff;
      }
         div.article ul.section.highlight li:nth-child(2n+1) span.flyout {
            left:159px;
         }
         div.article ul.section.highlight li.odd span.flyout { /* do not combine with nth-child */
            left:159px;
         }
         div.article ul.section.highlight li:hover span.flyout{
            display:block;
         }
         div.article ul.section.highlight li:hover span span.arrow{
            width:22px;
            height:43px;
            display:block;
            position:absolute;
            top:0px;
            z-index: 11;
         }
            div.article ul.section.highlight li span.flyout span.arrow{
               background:url('../images/sprite.png') -22px -61px no-repeat;
               right:-21px;
            }
            div.article ul.section.highlight li:nth-child(2n+1) span.flyout span.arrow {
               background:url('../images/sprite.png') 0px -61px no-repeat;
               left:-21px;
            }
            div.article ul.section.highlight li.odd span.flyout span.arrow { /* do not combine with nth-child */
               background:url('../images/sprite.png') 0px -61px no-repeat;
               left:-21px;
            }

         /* Uitgeschakeld om geknipper tegen te gaan
         div.article ul.section.highlight li span.flyout:hover{
            display:none;
         }*/
      
      div.article.photo{
         position:relative;
         margin-bottom:1px;
      }
      div.article.photo img{
         overflow:hidden;
         display:block;
         height:384px;
      }
         div.article.photo div.teaser{
            position:absolute;
            z-index: 1;
            bottom:0;
            width:320px;
            color:#ffffff;
            font-size:14px;
            background:rgb(0, 0, 0);
            background:rgba(0, 0, 0, .60);
         }
         div.article.photo div.teaser h2{
            padding:20px 10px 20px 10px;
            background:rgb(255, 255, 255);
            background:rgba(255, 255, 255, .20);
            font-size:16px;
            cursor:pointer;
            font-weight:normal;
            text-shadow:1px 1px 0px #000000;
         }
            div.article.photo div.teaser h2 a{
               color:#ffffff;
               display:block;
               text-decoration:none;
            }
            div.article.photo .teaser:hover{
               top:0;
            }
         div.article.photo .teaser div{
            display:none;
            text-shadow:1px 1px 0px #000000;
            padding:20px 10px 0px 10px;
         }
            div.article.photo .teaser p.referral{
               background:rgb(0, 0, 0);
               background:rgba(0, 0, 0, .60);
               color:#ffffff;
               position:absolute;
               width:320px;
               bottom:0;
               margin:0px -10px 0px -10px;
            }
               div.article.photo .teaser p.referral a{
                  display:block;
                  color:#ffffff;
                  text-decoration:none;
                  padding:20px 10px 20px 10px;
               }

         
/* Aside Section */
div.aside div.section{
   display:none;
}
   div.aside h2{
      display:none;
   }

.width-318{
   width:auto;
   float:none;
   margin:0px 0px 0px 1px;
}
.width-320{
   width:320px;
   float:left;
   margin:0px 0px 0px 1px;
}
.width-641{
   width:641px;
   float:left;
   margin:0px 0px 0px 1px;
}
   .first{
      clear:left;
      margin:0;
   }

/*************************************
   Footer
*************************************/
div.footer{
	visibility: hidden;
}

div.footer em{
	visibility: visible;
	display:block;
	text-align: center;
	}




/*************************************
   Result Table 
*************************************/

table{
   margin-top: 20px;
   color:#000;
   font-size:11px;
   width:100%;
   /*background:#fafafa;*/
   border: 0pt solid #000;
}
   th {
      color:#625a52;
      /*padding:15px 3px 3px 3px;*/
      /*background:#ffffff url('../images/table.png') center bottom repeat-x;*/
      border-right:0.5pt solid #000;
      border-top:0.5pt solid #000;
      background: #aaa;
   }
   td {
      border-bottom:0.5pt solid #000;
      border-top:0.5pt solid #000;
      border-left:0.5pt solid #000;
   }
      th.textRight,
      td.textRight {
         text-align:right;
      }
   table th:first-child,
   table td:first-child{
      border-left:0.5pt solid #000;
   }
   table td:last-child{
      border-right:0.5pt solid #000;
   }
   
   img.ico {
   	  vertical-align: bottom;
   }
   div.section a{
   	  font-weight: normal;
   	  color: #000;
	  text-decoration: none;
	}
   		
   }