
/***********************************
 * General content
 */

html, body,
div, form, ul, input,
p, ul, ol, dl, dt, dd, li,
h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
   font-family: Trebuchet MS, Helvetica, sans-serif;
   font-size: 12px;
}

   p, ul, ol {
      margin-bottom: 1em;
   }
   ul,
   ol {
      margin-left: 2em;
   }

#content {
   text-align: justify;
}
   #content td {
      /*text-align: left;*/
   }


/***********************************
 * Main elements
 */

img {
   border: 0;
}
   img.right {
      float: right;
      margin-left: 8px;
      margin-top: 11px;
   }

h1 {
   font-size: 18px;
}

a {
   cursor: pointer;
   text-decoration: none;
}
   #center a {
      color: #dc000a;
      text-decoration: underline;
   }
      #center a:hover {
         color: #2a5489;
      }
      #center .linkItems a {
         text-decoration: none;
      }


/*************
 * Blocks for news, agenda, articles
 * right & under content
 */

.column {
   float: left;
   display: inline;
   width: 250px;
   padding-left: 6px;
}
.noPadding {
   padding: 0;
}

.smallText {
   color: #888888;
   font-size: 10px;
   padding: 2px 10px;
   text-decoration: none;
}

.block {
   text-align: left;
   margin-bottom: 10px;
}
   .block h3 {
      padding: 6px 12px;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      background: url(../gfx/bgBlockHeader.jpg) top left no-repeat #ea0510;
   }
      .articleBlock h3,
      .textBlock h3 {
         color: #dc000a;
         border-top: 2px solid #dc000a;
         background: none;
      }
      
      .textBlock h3 {
         padding: 6px 0;
         border: 0;
      }
         #center .articleBlock .active a,
         #center .articleBlock .active .date,
         #center .articleBlock .active p {
            color: #888;
         }
   .block .content {
      padding: 6px 12px;
   }
      .block .content ul,
      #center .block .content ul {
         margin: 0;
         list-style: none;
      }
      .block .content li {}
         .newsBlock li,
         .agendaBlock li {
            list-style: none;
            padding: 2px 0 2px 6px;
            background: url(../gfx/bullet.gif) 0px 10px no-repeat;
         }
         .block .content li a .link {
            color: #000;
            text-decoration: none;
         }
            .block .content li.active a .link,
            .block .content li a:hover .link {
               color: #dc000a;
               text-decoration: underline;
            }
      .articleBlock .content,
      .articleBlock h3 {
         padding-left: 0;
         padding-right: 0;
      }
      
      /* HomePage divergent layout for news-list */
      #clubPage .newsBlock .content {
         padding: 0;
      }
         #clubPage .newsBlock li {
            padding: 0;
            background: none;
            text-align: justify;
         }
            #clubPage .newsBlock .linkItems li {
               text-align: left;
            } 
            #clubPage .newsBlock img {
               border: 1px solid #2a5489;
            }

      .textBlockContainer {}
         .textBlockContainer .textBlock {
            border: 2px solid #dc000a;
            padding: 0 6px;
         }
            .textBlockContainer .content {
               padding: 0;
            }
         .emphasisBlock {
            border: 2px solid #dc000a;
            padding: 0 6px;
         }
         
      #wedstrijdschemaBlock {
         width: 244px;
         height: 78px;
         background: url(../gfx/bgBlockWedstr.jpg) top left no-repeat;
      }
         #wedstrijdschemaBlock h3 {
            background: none;
         }
         #wedstrijdschemaBlock ul {
            list-style: none;
            margin: 0;
            padding: 6px;
         }
            #wedstrijdschemaBlock li,
            #wedstrijdschemaBlock a {
               float: left;
               display: inline;
            }
            #wedstrijdschemaBlock li {
               margin-left: 7px;
            }
            #wedstrijdschemaBlock a {
               padding: 4px; /*padding: 4px 8px;*/
               font-size: 12px; /*font-size: 14px;*/
               font-weight: bold;
               color: #2a5489;
               border: 1px solid #2a5489;
               background-color: #ffffff;
            }
               #wedstrijdschemaBlock a:hover {
                  color: #dc000a;
                  background-color: #d6dfeb;
               }

/* Left column */
#teamNameBlock {
   padding: 10px 14px;
   word-spacing: 5px;
   line-height: 1.8em;
}
   #teamNameBlock a {
      font-size: 13px;
      font-weight: bold;
      color: #2A5489;
   }
      #teamNameBlock a:hover {
         color: #DC000A;
      }


.date {
   color: #2a5489;
   text-decoration: none;
}


.backLink {
	display: block;
	padding-top: 10px;
   font-weight: bold;
}


table thead {
   font-weight: bold;
}

.details {
   color: #888;
}


.schemePrint {
   float: right;
   padding: 6px 4px;
}
   #center .schemePrint a {
      color: #333;
      font-weight: bold;
   }

.schemeSelector {
   padding: 3px 5px;
   float: left;
   border: 1px solid #888;
   color: #333;
   font-weight: bold;
   background-color: #efefef;
}

.scheduleTable {
   width: 100%;
   clear: both;
   border-width: 0px;
   border-spacing: 0px;
   border-style: none;
   border-collapse: collapse;
}
   .scheduleTable td {
      padding: 2px;
      border-bottom: 1px solid #ccc;
   }
      .scheduleTable td.noBorder {
         border: none;
         background-color: #fff;
      }
      .scheduleTable td.head {
         font-weight: bold;
         border-bottom: 1px solid #888;
         background-color: #fff;
      }
   .scheduleTable tr:hover {
      background-color: #efefef;
   } 
   
.boxbutton .link {
   list-style: none;
   padding: 2px 0 2px 6px;
   color: #000;
   text-decoration: none;
}
.boxbutton a:active .link,
.boxbutton a:hover  .link   {
	color: #dc000a;
   text-decoration: underline;
}