@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
ul{list-style:none;}

/*************************************
	Layout.css
*************************************/
body{
	background:#f2f1e8;
   font-family:'lucida sans unicode', 'lucida grande', Garuda, sans-serif;
   font-size:13px;
   line-height:20px;
}
	div.container{
		width:962px;
		margin:auto;
      position: relative;
	}
   
/*************************************
	Nav
*************************************/
div.logo{
   width:277px;
   height:60px;
   overflow:hidden;
   float:left;
   margin:20px 0px 10px 5px;
}
   div.logo a{
      width:277px;
      height:60px;
      background:url('../images/sprite.png') no-repeat; /* Logo GCT */
      text-indent:-9999px;
      display:block;
      border:0;
   }
   
ul.brands{
   margin:30px 0px 0px 0px;
   max-width:50%;
   float:right;
}
   ul.brands li{
      float:left;
      text-indent:-9999px;
      margin:0px 0px 0px 10px;
   }
   ul.brands li.saharaGate{
      margin:-20px 0px 0px 0px;
      width:50px;
      height:79px;
   }
      ul.brands li.saharaGate span{
         display:block;  
         width:50px;
         height:79px;    
         background:url('../images/sprite.png') -590px 0px no-repeat; /* Brand Eurosport */         
      }
         ul.brands li.saharaGate span:hover{
            background:url('../images/sprite.png') -590px -88px no-repeat; /* Brand Eurosport */
         }
   ul.brands li.eurosport{
      width:67px;
      height:44px;
   }
      ul.brands li.eurosport a{
         display:block;  
         width:67px;
         height:44px;    
         background:url('../images/sprite.png') -277px 0px no-repeat; /* Brand Eurosport */         
      }
         ul.brands li.eurosport a:hover{
            background:url('../images/sprite.png') -277px -50px no-repeat; /* Brand Eurosport */
         }
   ul.brands li.jaeger{
      width:165px;
      height:44px;
      margin-right: 110px;
      display: inline; /* IE6 fix */
      background:url('../images/sprite.png') -344px 0px no-repeat; /* Brand Eurosport */
   }
      ul.brands li.jaeger a{
         display:block;  
         width:165px;
         height:44px;
      }
   ul.brands li.clock{
      width: 100px;
      height: 100px;
      outline: 0px solid red;
      text-indent: 0;
      position: absolute;
      top: 0; 
      right: 0;
      z-index: 1;
   }
      ul.brands div.staticclock {
         position: relative;
      }
      
ul.nav{
	clear:both;
   border:1px solid #e7e6de;
   position:relative;
}
	ul.nav > li{
      display:inline-block;
      font-size:16px;
      margin:0px 0px 0px -5px;
      color:#d3d0c6;
	}
		ul.nav > li > a{
			color:#898172;
         text-decoration:none;
         display:block;
         padding:5px 8px 5px 8px;
         background:url('../images/sprite.png') right -229px repeat-x; 
		}
         ul.nav > li:first-child{
            margin:0;
         }
         ul.nav > li:hover > a,
         ul.nav > li > a.active{
            background:#e7e6de url('../images/sprite.png') right -265px repeat-x;
            color:#6f685b;
         }
         
   ul.nav ul {
      overflow:hidden;
      background:#ccc9be;
      position:absolute;
      z-index: 1;
      border:1px solid #ccc9be;
      left:-1px;
      right:-1px;
      top:29px;
      margin:1px 0px 0px 0px;
      border:0;
      display: none;
   }
      ul.nav li:hover ul {
         display: block;
      }
      ul.nav ul li{
         float:left;
         font-size:13px;
      }
         ul.nav > li > ul a{
            color:#6f685b;
            text-decoration:none;
            display:block;
            background:none;
            padding:5px;
         }
            ul.nav ul li:hover a {
               background:none;
            }
            ul.nav ul li a:hover{
               background:#f2f1e8;
            }
   
/*************************************
   Header
*************************************/
div.header{
   clear:both;
   margin:0px 0px 1px 0px;
   overflow: hidden;
   position:relative;
}
   .header img{
      overflow:hidden;
      display:block;
   }
   .header p{
      position:absolute;
      left:15px;
      bottom:10px;
      color:#ffffff;
      font-size:24px;
      line-height:30px;
      text-shadow:1px 1px #000;
   }
      .header p span{
         display:block;
         font-size:30px;
      }
   .header div{
      position:absolute;
      right:0;
      top:0;
      height:100%;
   }
      .header ul{
         background:rgb(0, 0, 0);
         background:rgba(0, 0, 0, .60);
         height:100%;
      }
         .header ul li a{
            color:#ffffff;
            text-decoration:none;
            font-size:16px;
            padding:6px 15px 6px 15px;
            display:inline-block;
         }
            .header ul li a:hover,
            .header ul li a.active{
               background:#dbd8ca;
               color:#423829;
               display:block;
            }

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

/* Article Section */
div.article div.section{
   border:1px solid #d8d7d1;
   background:#faf9f3;
   padding:4px 16px 4px 16px;
   color:#46423c;
   overflow:hidden;
}
   .section ol, .section ul {
      margin: 1em 1em 1em 2em;
   }
   /* 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;
         }
         #competition-list small {
            font-size: .9em;
         }
      div.article ul.press li {
         padding: 5px;
      }
      div.article ul.press img {
         margin: 0 5px;
      }
      div.article ul.press li:hover {
         background: transparent;
      }
      div.article ul.press li li,
      div.article ul.press ul,
      div.article ul.press li a {
         display: inline;
         background: none;
         border: none;
         margin: 0;
         padding: 0;
      }
      div.article ul.press li li:after {
         content: ", ";
      }
      div.article ul.press li li:last-child:after {
         content: "";
      }

      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;
         z-index:20;
         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{
   border-top:1px solid #fff;
   border-left:1px solid #d8d7d1;
   border-right:1px solid #d8d7d1;
   border-bottom:1px solid #d8d7d1;
   background:#92938b url('../images/sectionAsideShadow.png') repeat-x;
   padding:4px 8px 4px 8px;
   color:#ffffff;
   margin:-1px 0px 0px 0px;
}
   /*div.aside div.section:hover{
      border:1px solid #81827b;
      color:#4f4332;
      background:#e2dfd1;
   }*/
   div.aside div.section.light{
      border:1px solid #d8d7d1;
      background:#faf9f3;
      color:#46423c;
      overflow:hidden;
   }
      div.aside div.section.light p{
         margin:0 0 11px 0;
      }
      div.aside div.section.light form{
         margin:0px 0px 11px 8px;
      }
   div.aside img{
      background:#8c877d;
      padding:3px;
      margin:0px 0px 11px 0px;
   }
   
   /* Aside Section list */
   div.aside ol,
   div.aside ul{
      list-style:none;
      margin:-1px 0px 0px 0px;
   }
   div.aside ol.section li,
   div.aside ul.section li{
      border-top:1px solid #fff;
      border-left:1px solid #d8d7d1;
      border-right:1px solid #d8d7d1;
      border-bottom:1px solid #d8d7d1;
      background:#92938b url('../images/sectionAsideShadow.png') repeat-x;
      color:#ffffff;
      margin:0;
      white-space:nowrap;
      position:relative;
   }
      div.aside ul.section.twitter li{
         padding:4px 8px 3px 8px;
         white-space:normal;
      }
         div.aside ul.section.twitter li a{
            color:#e6e6e6;
         }
      div.aside ol.section li a{
         display:block;
         padding:4px 8px 3px 8px;
         color:#ffffff;
         text-decoration:none;
         overflow:hidden;
         margin:0;
      }
      div.aside ol.section li:hover/*,
      div.aside ul.section li:hover*/{
         border:1px solid #81827b;
         color:#4f4332;
         background:#d9d6c8 url('../images/sectionHighlight.png') center top repeat-x;
      }
         div.aside ol.section li:hover a {
            color:#4f4332;
         }
      div.aside ol.section li a:hover {
         color:#4f4332;
      }
         div.aside ol.section li span.result{
            float:left;
            font-size:36px;
            padding:8px 0px 8px 0px;
            margin:0;
            cursor:pointer;
         }
         div.aside ol.section li p{
            float:right;
            margin:0;
            width:260px;
            cursor:pointer;
         }
         div.aside ol.section li span,
         div.aside ol.section li strong{
            text-transform:uppercase;
            display:block;
            font-weight:normal;
         }

.width-250{
   width:240px;
   float:left;
   outline:0px solid red;
   margin:0px 0px 0px 1px;
}
   .width-250.first{
      width:239px;
   }
.width-318{
   width:302px;
   float:left;
   outline:0px solid red;
   margin:0px 0px 0px 1px;
}
.width-320{
   width:320px;
   float:left;
   outline:0px solid red;
   margin:0px 0px 0px 1px;
}
.width-641{
   width:641px;
   float:left;
   outline:0px solid blue;
   margin:0px 0px 0px 1px;
}
   .first{
      clear:left;
      margin:0;
   }

/*************************************
   Footer
*************************************/
div.footer{
   clear:both;
   font-size:11px;
   color:#d1cbc1;
   padding:10px 0px 20px 0px;
}
   div.footer em{
      color:#9e978b;
      font-style:normal;
   }
   div.footer a{
      color:#d1cbc1;
   }