﻿@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'ShowcardGothicRegular';
	src: url('../_fonts/showg-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'ShowcardGothicRegular';
	src: url(//:) format('no404'), url('../_fonts/showg-webfont.woff') format('woff'), url('../_fonts/showg-webfont.ttf') format('truetype'), url('../_fonts/showg-webfont.svg#webfontFaEiAWIb') format('svg');
	font-weight: normal;
	font-style: normal;
}


#pnlListItemContent {
	line-height:16px;	
}


#flashScrollingFix {
	position:absolute;
	left:0; top:0;
	width:20px; height:100px;
}



html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	line-height: 16px;
}

body {
	background: #000000 url('/_images/opening/newseason/background.jpg') no-repeat center top;
	background-position: center 0px; /* Space for bar above */
}

.headerButton, .topContentContainer, .middle {
	line-height:16px;
}

.game {
	background-color: #000000;
}
form {
	width: 968px;
	margin: auto;
	height: auto;
}
.bodyDiv {
	margin: 25px auto; /* Space for bar above */
	width: 967px;
	height: auto;
	background: url('/_images/opening/newseason/bckgrMiddle.jpg') repeat-y center top;
}
.formDiv {
	width: 968px;
	margin: auto;
	height: auto;
}

#bar-above {
	background: #000000 url('/_images/opening/newseason/bg-bar-above.png') repeat-y center top;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 25px;
}
#bar-above div {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#bar-above div .link-to-site {
	position: absolute;
	right: 70px;
	top: 10px;
	font-weight: bold;
	padding-left: 20px;
	background: url('/_images/opening/newseason/arrows.png') no-repeat 0 3px;
	color:#ffffff;
}




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ OFFLINE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#offlineNotification { width:100%; background:#000; color:#fff; text-align:center; padding:10px; fon-weight:bold; height:15px; overflow:hidden; }
#offlineNotification a { color:#fff; }

body {
	background-position: center 35px;
}
.bodyDiv {
	margin: 0 auto;
}

#bar-above {
	display:none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END OFFLINE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */





.container, .containerDetailPage {
	background: url('/_images/opening/newseason/background-container.jpg') no-repeat center top;
	width: 968px;
	margin: 0px auto;
	position: relative;
}
img {
	border: 0px;
}
/*h2 {
	color: #000000;
	border-color: #FFFFFF;
}
h3 {
	border-bottom:1px dotted #B2B2B2;
	color:#666666;
}*/
.h1Aqua {
	font-family: 'ShowcardGothicRegular';
	font-size: 22px;
	color: #0b7c7b;
	border: none;
	font-weight: normal;
	font-style: normal;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.h2RedHeader {
	font-family: 'ShowcardGothicRegular';
	font-size: 22px;
	color: #ed0c12;
	border: none;
	font-weight: normal;
	font-style: normal;
	padding: 0px;
	margin: 0px 0px -3px 0px;
}

.h3BlackHeader {
	font-family: 'ShowcardGothicRegular';
	font-size: 18px;
	color: #000000;
	border: none;
	font-weight: normal;
	font-style: normal;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.h3RedHeader {
	font-family: 'ShowcardGothicRegular';
	font-size: 18px;
	color: #ed0c12;
	border: none;
	font-weight: normal;
	font-style: normal;
	padding: 0px;
	margin: 0px;
}

a {
	color: #007B7B;
	text-decoration: none;
}
a:hover {
	color: Red;
	text-decoration: none;
}
.middle {
	padding-top: 9px;
	padding-left: 24px;
}
.detail .middle {
	padding-top: 60px;
	padding-left: 0px;
}
.sticker {
	float: left;
	top: 6px;
	position: absolute;
	height: 70px;
	width: 184px;
	z-index: 9;
}
.containerDetailPage .middle {
	/*margin-top: -116px;*/
}
.footer {
	width: 897px;
	height: 80px;
	padding: 50px 30px 30px 40px;
	margin: 0px;
	background: #000000 url('/_images/opening/newseason/footer.jpg') no-repeat;
}
.footer p {
	font-size: 12px;
	padding-bottom: 10px;
}
.game .footer {
	background: #000000 url('/_images/opening/newseason/footerGame.jpg') no-repeat;
}
.headerButton {
	display: block;
	padding-top: 24px;
	position:relative;
	height:132px;
}
.websiteButton {
	margin: 0px 0px 0px 62px;
	display:inline-block;
}
.gameButton {
	margin-left: 20px;
}
.logoContainer {
	position: absolute;
	z-index: 2;
	display: block;
	width: 259px;
	height: 132px;
	left:645px; top:24px;
}
.topContentContainer {
	position: relative;
	z-index: 2;
	margin: 0px 66px 0px 66px;
}
.topContentContainer img {
	position: absolute;
	right: 25px;
	top: -5px;
}
.containerDetailPage .topContentContainer {
	margin-bottom: 0px;
}
.title {
	background: url('/_images/opening/newSeason/vleermuizenWakker.png') no-repeat 0px 0px;
	height: 73px;
	width: 504px;
	position: absolute;
	left: 4px;
	top: -40px;
	text-indent: -9000px;
	overflow: hidden;
}
.date {
	text-indent: -9000px;
	margin: 0px;
	padding: 0px;
}
.editableAreasContainer {
	margin-top: -50px;
}
.textContainer1 {
	width: 250px;
	float: left;
}
.textContainer2 {
	width: 520px;
	float: right;
}
.middleContentContainer h3 {
	color: #007b7b;
	border-color: #007b7b;
}
.container .middleContentContainer {
	position: relative;
	width: 931px;
	height: 876px;
	background: url('/_images/opening/newseason/paperV2.png') no-repeat;
	margin: 0px 0px 0px 0px;
}
.containerDetailPage .middleContentContainer {
	position: relative;
	background: url('/_images/opening/newseason/wave.jpg') no-repeat;
	z-index: 2;
	margin: -40px 0px 0px 0px;
	padding: 95px 40px 40px 40px;
}
.game .container .middleContentContainer {
	height: auto;
}
.mapContainer {
	position: absolute;
	top: -10px;
}
.mapContainer h3 {
	text-indent: -9000px;
	border: none;
}
.mapContainer .map {
	margin: 0px 0px 0px 43px;
	background-image: url('/_images/opening/newseason/kaartNHW.png');
	background-position: 0 20px;
}
.activitiesContainer {
	position: absolute;
	top: -74px;
	left: 448px;
	width: 520px;
	height: 425px;
}
.activitiesContainer h3 {
	text-indent: -9000px;
	border: none;
}
.listsContainer {
	position: absolute;
	z-index: 4;
	right: 91px;
	top: 314px;
	width: 280px;
}
.listsContainer h4 {
	margin: 0 0 5px 0;
	padding: 0;
}
.listsContainer iLike p, .middleContentContainer iLike p {
	color: #717375;
	padding: 5px 0px 5px 0px;
}
.batBanner {
	position: absolute;
	vertical-align: top;
	clear: both;
	height: 250px;
	top: 700px;
	left: 25px;
}
.batBanner img {
	float: left;
}
a.backbutton {
	background-color: Transparent;
	color: Red;
	text-indent: 0px;
	width: 180px;
	padding-left: 36px;
	font-size: 14px;
	line-height: 28px;
	margin: -20px 0px 6px 0px;
}
.objectsListContainer {
	position: relative;
	float: left;
	background: #efefef url('/_images/opening/newseason/objectsHeader.gif') no-repeat;
	width: 327px;
	padding-bottom: 20px;
}
.objectsListContainer h2 {
	border: none;
	text-indent: -9000px;
	height: 0px;
}
.objectsListContainer ul {
	margin: 70px 0px 0px -20px;
}
.objectsListContainer li {
	font-size: 13px;
	line-height:normal;
	list-style-type: none;
	background: url('/_images/opening/newseason/separator.gif') no-repeat left bottom;
	padding:5px 0;
}
.objectsListContainer li.selected a {
	color: Red;
	font-weight: bold;
}
.activitiyContainer {
	position: relative;
	float: right; /*margin: 30px 0px 0px 36px;*/
	width: 524px;
}
.activitiyContainer h3 {
	font-size: 18px;
}
.footerContentContainer {
	margin-top: 15px;
}
.footerContentContainer div, .footerContentContainer p {
	float: left;
	margin: 0px;
	padding: 0px;
}
.footerContentContainer p {
	margin: 12px 20px 0px 0px;
}


/* ~~~~~~~~~~ Game page ~~~~~~~~~~ */

.game .middleContentContainer {
	background: none;
}

.game .title {
	background-image: url('/_images/opening/newSeason/game-heading.png');
}

#gameContainer {
	width: 880px;
	height: 410px;
	background: url('/_images/opening/newseason/game.jpg') no-repeat 0 0;
	margin: 16px 0 0 20px;
}
#gameDiv {
	width: 850px;
	height: 400px;
	overflow: hidden;
	padding: 4px 0 0 15px;
}
#flashcontent {
	width: 850px;
	height: 400px;
}

.prices {
	float: left;
	padding: 10px 40px 0px 40px;
}

.prices a {
	font-weight: bold;
}

.pricesColumnLeft {
	width: 290px;
	margin-right: 20px;
	float: left;
}

.iLike {
	margin-bottom: 45px;
}

.iLike p {
	color: #717375;
	padding: 5px 0px 5px 5px;
}

.coupon {
	width: 260px;
}

.seizoensOpening {
	width: 245px;
	height: 230px;
	padding: 15px 15px 45px 15px;
	background: url('/_images/opening/newseason/seizoensopeningBackground.jpg') no-repeat;
}

.seizoensOpening .h2RedHeader {
	margin-bottom: 10px;
}

.pricesColumnRight {
	width: 540px;
	float: right;
}

.priceItem {
	height: 140px;
	margin-bottom: 5px;
}

.priceItem h2 {
	padding-top: 12px;
}

.priceItem img {
	display: block;
	float: left;
	margin-right: 20px;
}

