* { margin: 0px;	padding: 0px; outline-style: none; }

html {
	height: 100%;
}

body {
	height: 100%;
	background: url(pics/body_back.jpg) top left repeat-x;
}

#site {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 990px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font: 11px arial, verdana, sans-serif;
	line-height: 16px;
	color: #121212;
}

/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	position: relative;
	z-index: 100;
	width: 990px;
	height: 205px;
}

#site .logo {
	position: absolute;
	top: 65px;
	left: 16px;
	z-index: 110;
	width: 110px;
	height: 156px;
}

#site .logo a:link img, #site .logo a:visited img {
	margin: 0px;
	border: 0px solid #fff;
}

#header .top {
	margin: -1px 0px 0px 0px;
	width: 990px;
	height: 125px;
	float: left;
	display: block;
	background: url(pics/header_top.jpg) top left no-repeat;
}

/* ------------------------------------------------------------------------- Navigation */ 

#navigation {
	position: relative;
	z-index: 70;
	width: 990px;
	height: 59px;
	float: left;
	display: block;
}

#navigation ul {
	margin: 25px 0px 10px 12px;
	list-style-type: none;
}

#navigation li {
	float: left;
}

#navigation li a:link, #navigation li a:visited {
	width: 139px;
	height: 34px;
	float: left;
	color: #eba3a9;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: url(pics/tab.png) top center no-repeat;
	cursor: pointer;
}

#navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover {
	color: #fff;
}

/* ------------------------------------------------------------------------- SubNavigation */ 

#subnavigationcontainer {
	position: relative;
	margin: -1px 11px 0px 0px;
	width: 930px;
	height: 30px;
	float: right;
	display: inline;
}

#subnavigationback {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	width: 930px;
	height: 30px;
	float: right;
	display: inline;
	background: url(pics/subnav_back.png) top right no-repeat;
}

#subnavigation {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
}

#subnavigation ul {
	margin: 0px 0px 10px 100px;
	list-style-type: none;
}

#subnavigation li {
	float: left;
	display: inline;
}

#subnavigation li a:link, #subnavigation li a:visited {
	position: relative;
	padding: 0px 33px;
	float: left;
	display: inline;
	color: #fff;
	font-size: 10px;
  font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 30px;
}

#subnavigation li a:hover, #subnavigation li.current a:link, #subnavigation li.current a:visited {
	color: #e8112d;
}

/* ------------------------------------------------------------------------- Slideshow */ 

#timer {
  float: left;
  width: 290px;
  height: 79px;
}

#slideshow {
	position: relative;
	z-index: 40;
	margin: 0px 0px 10px 0px;
	width: 636px;
	height: 300px;
	display: inline;
	float: left;
	
}

#slideshow .slide-container {
  overflow: hidden;
  position: relative;
  width: 636px;
  height: 300px;
}

#slideshow .images {
	margin: 0px 0px 0px 146px;
	float: left;	
	display: inline;
}

#slideshow .images img {
	margin: 0px;
	width: 490px !important;
	height: 300px !important;
}

#slideshow .items {
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0;
	width: 638px;
}

#slideshow .items .ipad-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 157px;
  height: 300px;
  z-index: 8;
  background-color: #d6001c;
}

#slideshow .items .item a:link, #slideshow .items .item a:visited {
	position: relative;
	z-index: 9;
	margin-top: -8px;
	width: 197px;
	height: 108px;
	display: block;
	text-decoration: none;
	border: 0px solid #fff;
	background: url(pics/news.png) top left no-repeat;
}

#slideshow .items .item a:hover, #slideshow .items .current a:link, #slideshow .items .current a:visited {
	margin-top: -8px;
	width: 197px;
	height: 108px;
	display: block;
	text-decoration: none;
	border: 0px solid #fff;
	background: url(pics/news-active.png) top left no-repeat;
}

#slideshow .items .item a .head {
	padding: 20px 10px;
	width: 138px;
	float: left;
	color: #fff;
	font-size: 12px;
}

#slideshow .items .item .image {
	position: absolute;
	top: 0px;
	right: 490px;
	z-index: 7;
	width: 490px;
	height: 300px;
}

#slideshow .items .item .image img {
	margin: 0px;
}

/* ------------------------------------------------------------------------- Matches */ 

#matches {
	position: relative;
	margin: 0px 0px 10px 10px;
	width: 321px;
	height: 305px;
	float: left;
  display: inline;
  overflow: hidden;
}

#matches .tabs {
	height: 29px;
}

#matches .tabs ul {
	margin: 0px;
	list-style-type: none;
}

#matches .tabs li {
	margin: 0px;
	float: left;
	display: inline;
}

#matches .tabs li a:link, #matches .tabs a:visited {
	margin-left: 4px;
  width: 157px;
	height: 29px;
	float: left;
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	border: 0px solid #fff;
	background: url(pics/match-tab.png) top center no-repeat;
}

#matches .tabs li a:hover, #matches .tabs li.current a:link, #matches .tabs li.current a:visited, #matches .tabs li.current a:hover {
	float: left;
	background: #d5001c;
}

#matches .container {
	float: left;
  width: 285px;
  height: 253px;
  margin-left: 4px;
	padding: 13px 13px 5px 13px;
	background: url(pics/match_back.png) left top no-repeat;
}

#matches .container .match {
	width: 289px;
	height: 130px;
	background-color: #fff;
}

#matches .container .match .title {
	padding: 10px 10px 5px 10px;
	font-size: 11px;
	color: #e8112d;
}

#matches .container .match img { margin: 0px; }

#matches .container .match .logos { width: 287px; height: 73px; display: block; }
#matches .container .match .clubs { width: 287px; display: block;  }
#matches .container .match .logohome { width: 130px; float: left; text-align: center; }
#matches .container .match .stripe { margin-top: 27px; width: 27px; float: left; text-align: center; }
#matches .container .match .logoout { width: 130px; float: right; text-align: center; }

#matches .container .match .clubs { color: #e8112d; }
#matches .container .match .clubhome { width: 130px; float: left; text-align: center; }
#matches .container .match .clubout { width: 130px; float: right; text-align: center; }

#matches .container .results {
	margin: 10px 0px 2px 0px;
	width: 289px;
	height: 68px;
	background-color: #fff;
}

#matches .container .results .result {
	font-size: 50px;
	line-height: 68px;
	font-weight: bold;
	text-align: center;
}

#matches .container .tickets a:link, #matches .container .tickets a:visited {
	border: 0px;
}

#matches .container .tickets a img {
	margin: 5px 0px 0px -2px;
	border: 0px;
}

/* ------------------------------------------------------------------------- Timer */

#matches .container .timer h1 {
	margin: 5px 0px 0px 0px;
	color: #fff;
	font: 11px arial, verdana, sans-serif;	
  font-weight: bold;
	line-height: 18px;
}

#wrapper {
	position: relative;
	margin: 5px 0px 0px -4px;
	width: 300px;
}

#content #wrapper img { margin: 0px; }

#front {
	position: absolute;
	top: 0px;
}

#upperHalf, #upperHalfBack {
	vertical-align: bottom;
}

#lowerHalf, #lowerHalfBack {
	vertical-align: top;
}

#upperHalf img {
	position: relative;
	height: 25px;
	vertical-align: bottom;
	visibility: visible;
}

#lowerHalf img {
	position: relative;
	height: 25px;
	vertical-align: top;
	visibility: visible;
}
	
#lowerHalfBack img {
	position: relative;
	height: 25px;
	vertical-align: top;
}

#upperHalfBack img {
	position: relative;
	height: 25px;
	vertical-align: bottom;
}

#daysUpLeft, #daysUpRight, #daysDownLeft, #daysDownRight,
#daysUpLeftBack, #daysUpRightBack, #daysDownLeftBack, #daysDownRightBack,
#hoursUpLeft, #hoursUpRight, #hoursDownLeft, #hoursDownRight,
#hoursUpLeftBack, #hoursUpRightBack, #hoursDownLeftBack, #hoursDownRightBack,
#minutesUpLeft, #minutesUpRight, #minutesDownLeft, #minutesDownRight,
#minutesUpLeftBack, #minutesUpRightBack, #minutesDownLeftBack, #minutesDownRightBack,
#secondsUpLeft, #secondsUpRight, #secondsDownLeft, #secondsDownRight,
#secondsUpLeftBack, #secondsUpRightBack, #secondsDownLeftBack, #secondsDownRightBack {
	width: 35px;
}

/* ------------------------------------------------------------------------- Blocks */

#content .blocks {
	float: left;
	width: 960px;
}

#content .blocks.small {
	width: 308px;
}

#content .blocks .column {
	margin: 0px 15px 0px 0px;
	width: 310px;	
	min-height: 100px;
	height: auto !important;
	height: 100px;
	float: left;
	display: inline;
}

#content .blocks .column.last { margin: 0px; }

#content .block {
	position: relative;
  margin: 0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	width: 290px;
	float: left;
	display: inline;
	background: #cecece url(pics/block_back.gif) top left repeat-x;
	cursor: move;
}

#content .block.image {
  position: relative;
	padding: 0px;
	width: 308px;     
	line-height: 0px;
	font-size: 0px;
}

#content .block.image .icons {
  position: absolute;
  top: 0;
  right: 0;            
  line-height: 0px;
  font-size: 0px;
}

#content .block.image .icons a:link, #content .blocks .block.image .icons a:visited { border: 0px; cursor: pointer;  }
#content .block.image .icons img { margin: 0px 0px 0px 3px; width: 25px; height: 25px; border: 0px; float: left; }

#content .block.image img {
	margin: 0px;
  border: 0px;
}

#content .left .block {
	width: 616px;
	background: #cecece url(pics/block_back_large.gif) top left repeat-x;
	cursor: auto;
}

#content .small .block {
	cursor: auto;
}

#content .small .block .icons img.move {
	display: none;
}

#content .blocks .block.ui-sortable-placeholder { 
	border: 1px dotted #e8112d; 
	background: none; 
	visibility: visible !important; 
}

#content .blocks .ui-state-highlight {
	position: relative !important;
	margin: 0px 0px 20px 0px;
	border: 1px dotted #e8112d; 
	background: none; 
	background-color: transparent;
	visibility: visible !important; 
}

#content .block .head {
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 5px 55px 5px 5px;
	width: 230px;
	min-height: 14px;
	height: auto !important;
	height: 14px;
	float: left;
	display: inline;
	color: #e8112d;    
	font: 14px arial, verdana, sans-serif;
  font-weight: bold;
	border-bottom: 1px solid #e8112d;
}

#content .left .block .head {
	width: 560px;
}

#content .block .head .icons {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 24px;
}

#content .block .head .icons a:link, #content .blocks .block .head .icons a:visited { border: 0px; cursor: pointer; }
#content .block .head .icons img { margin: 0px 0px 0px 3px; border: 0px; float: left; }

#content .block .content ul.news-ul {
	margin: 0px 5px;
	list-style-type: none;
}

#content .block .content ul.news-ul li {
	margin: 0px;
	float: left;
  display: inline;
}

#content .block .content ul.news-ul li a:link, #sortblocks .block .content ul.news-ul li a:visited {
	margin: 0px;
	border: 0px;
	cursor: pointer;
}

#content .block .content ul.news-ul li .date {
	padding: 0px 20px 0px 0px;
	width: 40px;
	float: left;
	color: #999;
  display: inline;
  overflow: hidden;
}



#content .block .content ul.large li {
 padding: 5px 0px;	
 border-bottom: 1px dashed #CC0009;
}

#content .block .content ul.large li .news {
	width: 540px;
}

#content .block .content ul.news-ul li span.news {
  width: 215px;
  float: left;
  color: #121212;
  display: inline;
  overflow: hidden;
}

#content .block .content .youtube {
	margin: 0px;
	float: left;
}

#content .block .content .youtube a.youtube-link:link, #content .block .content .youtube a.youtube-link:visited {
  position: relative;
  width: 288px;
  height: 216px;
  display: block;
  border: 0px;
}

#content .block .content .youtube img.overlay {
  position: absolute;
  width: 288px;
  height: 12px;
  bottom: 0px;
  left: 0px;
}

#content .block .content .youtube img {
	margin: 0px;
  width: 288px;
  height: 216px;
  border: 0px solid #fff;
}

/* ------------------------------------------------------------------------- Content */ 

#content {
	padding: 16px 0px 80px 15px;
	margin: 0px 0px 0px 0px;
	width: 975px;
}

#content .left {
	margin: 0px 11px 0px 0px;
	width: 640px;
	float: left;
}

#content .left .image {
  position: relative;
	margin: -4px 0px 0px -4px;
	padding: 4px;
	width: 640px;
	height: 200px;
	margin-bottom: 10px;
	background: url(pics/slide_back.png) top left no-repeat;
	overflow: hidden;
}

#content .left .image img {
	position: absolute;
  top: 4px !important;
  left: 4px !important;
  margin: 0px;
	width: 640px !important;
	height: 200px !important;
}

#content .left .block .content, #content .block .content.txt {
	float: left;
	padding: 0px 5px;
}

#content .left .block .content {
	width: 610px;
}

h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #121212; margin-bottom: 7px;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: #121212; margin-bottom: 7px;}
h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: #121212; margin-bottom: 7px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #121212; margin-bottom: 7px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #121212; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #121212; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: none; color: #e8112d ;  border-bottom: 1px solid #e8112d; cursor: pointer; }
#content a:hover { color: #e8112d;  border-bottom: 1px solid #e8112d; cursor: pointer; }

table {margin: 5px 0px;}
td {
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #121212;
}

#content img { margin: 10px 0px; }
#content img.left {	margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; }

#content a.fancybox:link img, #content a.fancybox:visited img { 
  margin: 0px;
  border: 1px solid #e8112d;
}

#content a.fancybox:link, #content a.fancybox:visited { 
  margin: 0px;          
  float: left;
  width: 200px;
  height: 150px;
  display: block;          
  border-bottom: 0px solid #ffffff;
}

#content a.fancybox.marginright:link, #content a.fancybox.marginright:visited {  
  margin: 0px 5px 5px 0px;
}

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

#content ul.downloads img { margin: 0px; }
#content ul.downloads { list-style-type: none; margin: 0px; }
#content ul.downloads li { padding: 5px 0px; margin: 0px; width: 610px; border-bottom: 1px dashed #CC0009; }

/* ------------------------------------------------------------------------- Selectie */ 

#content ul.selectie { list-style-type: none; margin: 0px; }
#content ul.selectie li { margin: 0px; float: left; display: inline; }
#content ul.selectie li a img { margin: 0px; border: 0px;}
#content ul.selectie li a strong { color: #cc0009; }
#content ul.selectie li a:link, #content ul.selectie li a:visited {
	float: left;
	display: inline;
	width: 144px;
	color: #747474;
	border: 0px;
}

#content ul.selectie li a span.img {
	width: 45px;
	float: left;
}

#content ul.selectie li a span.info {
	padding: 0px 10px;
	width: 79px;
	float: left;
}

#content .pass {
	margin-bottom: 10px;
	width: 610px;
	height: 225px;
	background-color: #D6D6D6;
}

#content .pass .picture {
	width: 150px;
	float: left; 
	font-size: 0px;
	line-height: 0px;
}

#content .pass .picture img {
	margin: 0px;
}

#content .pass .information {
	padding-top: 10px;
	width: 460px;
	float: left;
}

#content .pass .information .description {
	padding: 0px 10px 10px 10px;
	width: 150px;
	height: 14px;
	float: left;
	font-weight: bold;
}

#content .pass .information .value {
	padding: 0px 0px 10px 0px;
	width: 290px;
	min-height: 14px;
	height: auto !important;
	height: 14px;
	float: left;
}

#content .extrainfo {
	width: 610px;
}

/* ------------------------------------------------------------------------- Google Maps */

#map_canvas, #map {
	border: 1px solid #CC0009;
	margin-bottom: 10px;
}

#map_canvas a:link, #map_canvas a:visited,
#map a:link, #map a:visited {
	border: 0px;
}

#formcontent {
	width: 610px;
	height: 40px;
	display: block;
}

#formcontent .row {
	float: left;
	display: inline;
}

#formcontent .description { float: left; display: inline; width: 70px; padding-top: 2px; }
#formcontent .value { float: left; display: inline; width: 230px; }

#formcontent .value input.large { border: 1px solid #CC0009; padding: 1px 3px; width: 200px; font-size: 11px; height: 17px; }
#formcontent input.button { margin-top: 1px; border: 1px solid #CC0009; color: #CC0009; background-color: #D6D6D6; height: 20px; padding: 0px 10px; } 
/* ------------------------------------------------------------------------- Footer */ 

* html #footer {
	position: absolute;
	bottom: 21px;
}

#footer {
	position: absolute;
	left: 15px;
  bottom: 20px;
	width: 960px;
	height: 55px;
	font: 10px arial, verdana, sans-serif;
	color: #121212;
	background-color: #fff;
}

#footer .footer-container {
	position: relative;
	width: 960px;
	height: 55px;
	padding: 0px;
	overflow: hidden;
}

#footer .footer-scroll {
	position: absolute;
  top: 10px;
	left: 0px;
	width: 9999px;
	height: 35px;
}

#footer img {padding: 0px 10px;}

#footer a:link img, #footer a:visited img {
	border: 0px;
}

#footer .footer-logos {
  height: 35px;
  display: inline;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	line-height: 20px;
	color: #121212;
}

#footer a:hover { color: #121212; }

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }