/* 	CSS DOCUMENT
 *
 *	Boom WK spel
 *
 *	Copyright (c) 2010 Arosamedia (http://www.arosamedia.nl)
 */

html, body {	height: 100%; }
body { overflow-x: hidden; overflow-y: auto; margin: 0px; text-align: center; font-family: verdana; font-size: 11px; background: #B8B1B1 URL(../../images/template/body_bg_2.png) center repeat-y; }

/* Layout ================================================================================= */

.main_table { width: 1010px; height: 100%; }
.main_table .c01 { height: 462px; vertical-align: bottom; background: URL(../../images/template/banner_bg.png) center; }
.main_table .c02 { background: URL(../../images/template/main_bg.png) repeat-x;}
.main_table .c02 .menu { width: 853px; height: 16px; margin: 0px 5px 0px 0px; }
.main_table .c02 .menu .cell { padding: 0px 12px 0px 12px; }
.main_table .slang { z-index: 1; position: absolute; top: 296px; left: 0px; width: 156px; height: 84px; }
.main_table .meerkat { z-index: 1; position: absolute; top: 541px; right: 250px; width: 54px; height: 96px; }
.main_table .wereldbeker { z-index: 1; position: absolute; top: 103px; left: -25px; width: 155px; height: 336px; }
.main_table .tijger { z-index: 1; position: absolute; top: 515px; right: -206px; width: 216px; height: 200px; }
.main_table .giraffe { z-index: 1; position: absolute; top: 990px; right: -302px; width: 474px; height: 685px; }
.main_table .olifant { z-index: 1; position: absolute; top: 1340px; left: -161px; width: 288px; height: 302px; }
.main_table  .smsbanner { z-index: 1; position: absolute; top: 371px; right: 10px; width: 300px; height: 70px; }

/* header */
.header_table { width: 1010px; }
.header_table .c01 { background: none; height: 315px; vertical-align: top; }
.header_table .c02 { background: none; height: 33px; text-align: justify; padding: 3px 5px 0px 135px; vertical-align: middle;}
.header_table .c03 { background: none; height: 11px; }
.header_table .c04 { background: none; height: 90px; padding: 0px 7px 0px 146px; text-align: right; }
.header_table .c04 .countdown { font-size: 52.5px; font-weight: bold; color: #FFFFFF; text-align: right;}

/* content */
.content_table { width: 990px; margin: 0px 10px 10px 10px; }
.content_table .c01 { background: none; width: 196px; vertical-align: top; }
.content_table .c02 { background: none; vertical-align: top; }
.content_table .c03 { background: none; width: 300px; vertical-align: top; }
.content_table .pad { background: none; width: 10px; }

/* blocks */
.content_table .c01 .b01 { width: 100%; background: #FFFFFF; margin-bottom: 10px;}
.content_table .c02 .b01 { width: 100%; background: #FFFFFF; margin-bottom: 10px;}
.content_table .c03 .b01 { width: 100%; background: #FFFFFF; margin-bottom: 10px;}
.content_table .youtube_video { width: 100%; margin-bottom: 8px; }
.content_table .bbodycopy { padding: 3px; text-align: left; }
.content_table .bheader { width: 100%; background: #FD5B02; color: #FFFFFF; text-align: left; padding: 1px 0px 3px 0px; }
.content_table .bheader_2 { width: 194px; background: #FD5B02; color: #FFFFFF; text-align: center; padding: 1px 0px 3px 0px; border: 1px solid #FFFFFF; margin-bottom: 10px; }
.content_table .bheader_3 { width: 298px; background: #FD5B02; color: #FFFFFF; text-align: center; padding: 1px 0px 3px 0px; border: 1px solid #FFFFFF; margin-bottom: 10px; }

/* text headers */
.content_table .H1 { font-size: 11px; font-weight: bold; }
.content_table .H2 { font-size: 15px; font-weight: bold, color: #FFFFFF, text-decoration: none; }

/* links */
a.menu_item { text-decoration: none; font-size: 14px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; }
a.menu_item:hover { color: #FD5B02; }
a.login_button { background: #000000; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 3px 18px 3px 18px;}
a.login_button:hover { color: #FD5B02; }
a.heading { text-decoration: none; color: #FFFFFF; }
a.heading:hover { text-decoration: underline; color: #FFFFFF; }

/* banners */
.leaderboard { z-index: 2; width: 728px; height: 90px; margin: 0px 141px 10px 141px; }
.skyscraper { z-index: 2; width: 120px; height: 600px; margin: 0px 38px 10px 38px; }
.medium_rectangle { z-index: 2; width:300px; height: 250px; margin-bottom: 10px; }
.regular_banner { z-index: 2; width: 468px; height: 60px; margin: 0px 4px 10px 4px; }


/* sms */
div.sms { width: 400px; padding: 10px; color: #FFFFFF; font-size: 15px; margin: 0px 0px 5px 0px; }