/* 
 * Main body and table defenitions
 */
html, body { width: 100%; margin: 0px; padding: 0px; }
body { background: #fff url('../images/background.body.jpg') repeat-x left top; text-align: center; }

/* 
 * Table and td defenitions
 */
table, tr, td {	border-collapse: collapse; border-spacing: 0px; }

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */
div#border { width: 980px; margin: 13px auto 0 auto; padding: 8px 0 10px 0; background: #e5e7e0 url(../images/background.border.jpg) repeat-x left top; overflow: hidden; position: relative; }
div#main   { width: 930px; margin: 0 auto; padding: 8px 10px 20px 20px; background-color: #fff; /* float height fix --> */overflow: hidden; }
div#header { height: 175px; text-align: left; }
div#header_left { height: 175px; float: left; width: 200px; background: url('../images/background.header_left.gif') no-repeat; cursor: pointer; }
div#header_right { height: 175px; float: left; width: 730px; }
div#flash_header { height: 142px; }
div#menu_container { height: 36px; background: url('../images/background.menu.gif') repeat-x; }
div#topLinks { text-align: right; padding: 2px 10px 2px 0; }
div#left   { text-align: left; width: 212px; float: left; margin: 0 0 20px 0; display: inline; }
div#middle { float: left; margin: 0 0 0 15px; width: 700px; /* ie double-margin fix --> */display: inline; }
div#footer { text-align: center; height: 35px; line-height: 35px; clear: both; width: 960px; margin: 0 auto; background: #fff url('../images/background.footer.gif') no-repeat 50% 50%; }
div#sponsors { background-color: #ffffff; border: 1px solid #dedede; text-align: center; padding: 5px 0; }
div#sponsors img { margin: 0 1px 0 0; vertical-align: middle; }

div#borderCornerRight,
div#borderCornerLeft { margin-top: -8px; background: url('../images/corners.top.gif') no-repeat left top; width: 23px; height: 23px; position: absolute; }
div#borderCornerLeft { left: 0px; }
div#borderCornerRight { background-position: right top; right: 0px; }

div.highlightBlockBlue {  background-color: #aaaedd; padding: 10px; margin: 0 0 10px 0; text-align: center; color: white; font-weight: bold; font-size: 14px; }
div.highlightBlockGreen { background-color: #afcc50; padding: 10px; text-align: center; }
div.highlightBlockGreen a,
div.highlightBlockRed a { color: white; font-weight: bold; font-size: 14px; text-decoration: none; }
div.highlightBlockRed { background-color:#d21243; padding: 10px; text-align: center; }

/*
 * Module, menu and block definitions
 */
div.block  { border: 1px solid #dedede; margin-bottom: 15px; }
div.menu   { border: 1px solid #dedede; }
div.module { background-color: #eef4da; border: 1px solid #dedede; margin-bottom: 10px; }
 
div.header {  text-align: left; }
div.module div.header { padding: 10px 20px; font-weight: bold; }
div.block  div.header { padding: 0px 5px; font-weight: bold; background-color: #565dbb; color: white; height: 17px; padding-top: 4px; }

div.content { text-align: left; }
div.module div.content { padding: 10px 20px; }
div.block  div.content { padding: 10px; }

div.clear { clear: both; }

div.news ul { list-style: none; padding: 0; margin: 0; }
div.news ul li { padding: 0 0 0 15px; background: url( '../images/bullet.news.gif' ) no-repeat left 3px; margin: 6px 0; line-height: 14px; }
div.news ul a { color: #666666; font-weight: bold; text-decoration: none; }
div.news ul a:hover { color: #333; }
div.news_footer { text-align: right; }
div.news_footer a { color: #8db605; font-size: 10px; text-decoration: none; }
div.news_footer a:hover { color: #333; }

div#block_live_verslag_php a { color: #666; text-decoration: none; line-height: 12px; }
div#block_live_verslag_php div.header { padding-left: 27px; background: #565dbb url('../images/icon.header.video.gif') no-repeat 7px 50%; }
div#block_live_verslag_php div.news ul a { font-weight: normal;  }

div#block_video_php a { color: #666; text-decoration: none; line-height: 12px; }
div#block_video_php div.header { padding-left: 27px; background: #565dbb url('../images/icon.header.video.gif') no-repeat 7px 50%; }
div#block_nieuws_php div.header { padding-left: 27px; background: #8db605 url('../images/icon.header.news.gif') no-repeat 7px 50%; }
div#block_verloop_php div.header { padding-left: 30px; background: #565dbb url('../images/icon.header.bike.gif') no-repeat 7px 50%; }
div#block_video_php div.news ul a { font-weight: normal;  }

div#block_verloop_php,
div#block_live_verslag_php,
div#block_video_php { background-color: #eeeef8; } 
div#block_nieuws_php { background-color: #f3f8e6; }

div#block_newsletter_block_php { background-color: #eeeef8; }

div.nieuws { clear: both; }
div.nieuws div.title { font-weight: bold; }
div.nieuws div.readmore { text-align: right; }
div.nieuws div.thumbnail { float: left; margin: 5px 10px; }
div.nieuws div.data { margin: 10px 0 10px 120px; }

div.persberichten { clear: both; }
div.persberichten div.title { font-weight: bold; }
div.persberichten div.readmore { text-align: right; }
div.persberichten div.thumbnail { float: left; margin: 5px 10px; }
div.persberichten div.data { margin: 10px 0 10px 120px; }

div.koersVerloop { clear: both; float: left; text-align: right; }
div.koersVerloop div { text-align: left; }
div.koersVerloop div.time { float: left; color: #333; width: 53px; font-size: 10px; }
div.koersVerloop div.line { float: left; width: 600px; height: 10px; border-bottom: 1px solid #333; }
div.koersVerloop div.message { clear: left; float: left; width: 650px; }
div.koersVerloop a { clear: both; color: #6B71C6; font-size: 10px; text-decoration: none; }
div.koersVerloop a:hover { text-decoration: underline; }
div#block_verloop_php div.koersVerloop          { text-align: right; }
div#block_verloop_php div.koersVerloop div      { text-align: left; }
div#block_verloop_php div.koersVerloop div.time { color: #6B71C6; }
div#block_verloop_php div.koersVerloop div.line { width: 130px; border-bottom: 1px solid #6B71C6;}
div#block_verloop_php div.koersVerloop div.message { color: #6B71C6; width: 190px;  }

/*
 * Wait and error screen container
 */
div#messageContainer { background-color: #fff; width: 400px; margin: 30px auto; }

div.result { text-align:left; }
input.searchField { width: 45px; height: 13px; }
