@CHARSET "UTF-8";

html {
background: #000;
}

body {
font-family: Arial, Arial, Helvetica, sans-serif;
}
body > div#wrapper {
position: relative;
width: 1000px;
height: 700px;
margin: 0 auto;
}
a {
font-size: 1em;
color: #fff;
}

p, #canvas ul,#canvas ol, label {
font-size:0.8em;
line-height:1.3;
margin-top:1em;
font-weight: bold;
}

h1 {
font-weight: normal;
}

h3, fieldset > legend, .game h1 {
border-bottom:1px solid #696E73;
font-weight:bold;
padding:15px 0;
}

#title {
background:url("../images/logo.gif") no-repeat scroll center center transparent;
height:80px;
text-indent:-5000px;
}

#content {
background:url("../images/background/game1.jpg") no-repeat scroll 0 0 transparent;
border-bottom:1px solid #4B4B4B;
height:546px;  
left:0;
overflow:hidden;
position:absolute;
top:100px;  /* absolute top */
width:1000px;
}
body.ronde2 #content, body.ronde1.noplay #content {
background:url("../images/background/game2.jpg") no-repeat scroll 0 0 transparent;	
}
body.ronde3 #content, body.ronde2.noplay #content {
background:url("../images/background/game3.jpg") no-repeat scroll 0 0 transparent;	
}
body.ronde4 #content, body.ronde3.noplay #content {
background:url("../images/background/game4.jpg") no-repeat scroll 0 0 transparent;	
}
body.ronde5 #content, body.ronde4.noplay #content {
background:url("../images/background/game5.jpg") no-repeat scroll 0 0 transparent;	
}
body.ronde6 #content, body.ronde5.noplay #content {
background:url("../images/background/game6.jpg") no-repeat scroll 0 0 transparent;	
}
#canvas {
background:url("../images/handheld2.png") repeat scroll 0 0 transparent;
height:347px;
margin:43px auto;
padding:37px 98px;
width:592px;
position: relative;
color:#fff;
}
#canvas > div:FIRST-CHILD {
height:341px;
overflow:hidden;
width:610px;
}
/* ---------- price pages ------------- */

#prijzen p {
margin:0 0 1em 0;
}

/* -------- end price pages ------------ */

/* ---------- game pages -------------- */
body.index.game.canplay #content * {
visibility: hidden;
}
body.index.game.canplay #content.ready * {
visibility: visible;
}
body.index.game.canplay #content > div {
width: 1000000px;
top:70px;
height: 350px;
position: relative;
}
.changebackground {
position:absolute;
top:0;
left: 0;
}
div.wrapper {
background:url("../images/handheld2.png") repeat scroll 0 0 transparent;
float:left;
height:334px;
margin:-27px 4010px 10px 106px;
padding:43px 58px;
position:relative;
width:672px;
color:#fff;
}
div.wrapper > div:FIRST-CHILD {
height:289px;
left:42px;
overflow:hidden;
position:absolute;
top:29px;
width:643px;
padding: 30px;
}
div.wrapper p {
line-height: 2;
}
.next {
background:url("../images/next.gif") no-repeat scroll right center transparent;
bottom:18px;
color:#FFFFFF;
cursor:pointer;
font-size:0.7em;
padding-right:15px;
position:absolute;
right:44px;
}
.previous {
background:url("../images/previous.gif") no-repeat scroll left center transparent;
bottom:18px;
color:#FFFFFF;
cursor:pointer;
font-size:0.7em;
padding-left:15px;
left:43px;
position:absolute;
}
#movie {
background:none repeat scroll 0 0 #121316;
bottom:0;
left:0;
position:absolute;
right:0;
top:-13px;
}

#player {
left:0px;
position:absolute;
top:0px;
}
body.game.index.canplay #player {
/*left:41px;*/
}

#flash-game {
left:41px;
position:absolute;
top:29px;
}


body.game.start.canplay .scrolltrack {display:none;}

/* ---------- end game pages -------------- */

/* ------------------------ splash-page ------------------------ */
#splash-movie {
left:41px;
position:absolute;
top:29px;
}
#splash-verder {
background:url("../images/next.gif") no-repeat scroll right center transparent;
bottom:18px;
color:#FFFFFF;
cursor:pointer;
font-size:0.7em;
left:367px;
padding-right:15px;
position:absolute;
}
#splash-movie + .scrolltrack {display:none;}
/* ------------------------ end splash-page ------------------------ */


/* ------------------------ navigation ------------------------ */
ul.navigation {
border-bottom:1px solid #4B4B4B;
height:18px;
position:absolute;
top:80px;   /* absolute top */
width:1000px;
}
ul.navigation > li:FIRST-CHILD {
height: 19px;
}

ul.navigation li > ul > li {
float: left;
width: 120px;
height: 19px;
position: relative;
}
ul.navigation li > ul > li:HOVER {
background:url("../images/navigation/top.gif") no-repeat scroll 0 top transparent;
}
ul.navigation li > ul > li:FIRST-CHILD + li + li + li + li:HOVER, ul.navigation li > ul > li:FIRST-CHILD + li + li + li + li + li:HOVER {
background: none;
}
ul.navigation li a {
color:#FFFFFF;
font-size:0.7em;
text-decoration:none;
text-transform:uppercase;
position: absolute;
width: 120px;
text-align: center;
display: block;
height: 19px;
line-height: 19px;
}
ul.navigation > li:FIRST-CHILD > a:FIRST-CHILD {
display: none;
}

ul.navigation > li > ul > li > ul {
display: none;
}

ul.navigation > li > ul > li:HOVER > ul {
background:url("../images/navigation/bottom.png") no-repeat scroll 0 bottom transparent;
margin-left:-5px;
margin-top:19px;
padding:15px 0 32px 5px;
width:125px;
display: block;
}
ul.navigation > li > ul > li > ul > li {
float: none;
background: none;
}

a#menu-privacy {
color:#656565;
left:-481px;
position:absolute;
text-align:left;
text-transform:lowercase;
top:570px;
width:auto;
}
a#menu-eurostyle {
color:#656565;
left:-530px;  
position:absolute;
text-align:left;
text-transform:lowercase;
top:570px;
width:auto;
}

/* ---------------------------- end navigation --------------------------- */

/* ---------------------------- scrollbars --------------------------- */
.scrolltrack {
background:none repeat scroll 0 0 #5F5F5F;
height:349px;
position:absolute;
right:31px;
top:29px;
width:2px;
}
body.index.game.canplay .scrolltrack {
right:31px;
top:29px;
}
.scrollhandle {
background:url("../images/scrollhandle.gif") repeat scroll 0 0 transparent;
cursor:pointer;
margin-left:-9px;
width:20px;
}
.scrollhandle:HOVER, .scrollhandle.scrolling {
background-position: right 0;
}
/* ---------------------------- end scrollbars --------------------------- */


#abn-logo {
background:url("../images/abn-logo.gif") repeat scroll 0 0 transparent;
height:26px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-500px;
top:655px;  /* absolute top */
width:104px;
}

/* ---------------------------- forms --------------------------- */
dl.zend_form > dt:FIRST-CHILD {
display: none;
}

form {

}
label.required:AFTER {
content:'*';
}
form fieldset legend {
margin-bottom: 1em;
width: 613px;
}
form dd#buttons-element fieldset legend {
display: none;
}
form fieldset dt {
float:left;
width:200px;
height: 25px;
}
form fieldset dd {
font-size: 0.7em;
height: 25px;
}
ul.errors {
background:none repeat scroll 0 0 #FFFFFF;
color:red;
display:inline;
padding:0 0.3em;
}
ul.errors li {
display:inline;
}
input[type=text], input[type=password], select {
border:1px solid #CCCCCC;
margin-right:10px;
width:210px;
}
input[type=submit] {
border:1px solid #CCCCCC;
}
input#cancel {
display: none;
}

#voorwaarden-lezen {
display:block;
font-size:0.8em;
margin-top:-8em;
width:120px;
}
/* ---------------------------- end forms --------------------------- */

/* ---------------------------- prize cupboard --------------------------- */
dl#cupboard {
height:80px;
position:absolute;
right:135px;
top:648px;  /* absolute top */
}
dl#cupboard * {float: left; width: 100px; height: 80px;}
dl#cupboard dt {
background:url("../images/cupboard/border.gif") no-repeat scroll right 0 transparent;
color:#FFFFFF;
font-size:0.7em;
line-height:14em;
text-align:center;
text-transform:uppercase;
position: relative;
color: rgb(62,62,62);
}
dl#cupboard dd {
background-color: transparent;
background-position: center 10px;
background-repeat: no-repeat;
background-attachment: scroll;
margin-left: -100px;
text-indent: -500px;
overflow: hidden;
}
/* item 1 */
dl#cupboard dt:FIRST-CHILD + dd {
background-image:url("../images/cupboard/1-ghost.gif");
}
body.ronde2 dl#cupboard dt:FIRST-CHILD, body.ronde3 dl#cupboard dt:FIRST-CHILD, body.ronde4 dl#cupboard dt:FIRST-CHILD, body.ronde5 dl#cupboard dt:FIRST-CHILD, body.ronde6 dl#cupboard dt:FIRST-CHILD, .finishedtxt {
color: #fff !important;
}
body.ronde2 dl#cupboard dt:FIRST-CHILD + dd, body.ronde3 dl#cupboard dt:FIRST-CHILD + dd, body.ronde4 dl#cupboard dt:FIRST-CHILD + dd, body.ronde5 dl#cupboard dt:FIRST-CHILD + dd, body.ronde6 dl#cupboard dt:FIRST-CHILD + dd, .finished1 {
background-image:url("../images/cupboard/1.gif") !important;
}
/* item 2 */
dl#cupboard dt:FIRST-CHILD + dd + dt + dd {
background-image:url("../images/cupboard/2-ghost.gif");
}
body.ronde3 dl#cupboard dt:FIRST-CHILD + dd + dt, body.ronde2.noplay dl#cupboard dt:FIRST-CHILD + dd + dt, body.ronde4 dl#cupboard dt:FIRST-CHILD + dd + dt, body.ronde5 dl#cupboard dt:FIRST-CHILD + dd + dt, body.ronde6 dl#cupboard dt:FIRST-CHILD  + dd + dt, .finishedtxt {
color: #fff !important;
}
body.ronde3 dl#cupboard dt:FIRST-CHILD + dd + dt + dd, body.ronde2.noplay dl#cupboard dt:FIRST-CHILD + dd + dt + dd, body.ronde4 dl#cupboard dt:FIRST-CHILD + dd + dt + dd, body.ronde5 dl#cupboard dt:FIRST-CHILD + dd + dt + dd, body.ronde6 dl#cupboard dt:FIRST-CHILD + dd + dt + dd, .finished2 {
background-image:url("../images/cupboard/2.gif") !important;
}
/* item 3 */
dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd {
background-image:url("../images/cupboard/3-ghost.gif");
}
body.ronde4 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt, body.ronde3.noplay dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt, body.ronde5 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt, body.ronde6 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt, .finishedtxt {
color: #fff !important;
}
body.ronde4 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd, body.ronde3.noplay dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd, body.ronde5 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd, body.ronde6 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd, .finished3 {
background-image:url("../images/cupboard/3.gif") !important;
}
/* item 4 */
dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd {
background-image:url("../images/cupboard/4-ghost.gif");
}
body.ronde5 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt, body.ronde4.noplay dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt, body.ronde6 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt, .finishedtxt {
color: #fff !important;
}
body.ronde5 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd, body.ronde4.noplay dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd, body.ronde6 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd, .finished4 {
background-image:url("../images/cupboard/4.gif") !important;
}
/* item 5 */
dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd + dt + dd {
background-image:url("../images/cupboard/5-ghost.gif");
}
body.ronde6 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd + dt, body.ronde5.noplay dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd + dt, .finishedtxt {
color: #fff !important;
}
body.ronde6 dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd + dt + dd, body.ronde5.noplay dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd + dt + dd, .finished5 {
background-image:url("../images/cupboard/5.gif") !important;
}
/* item 6 */
body.ronde6.noplay dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd + dt + dd + dt, .finishedtxt {
color: #fff !important;
}

dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd + dt + dd + dt + dd {
background-image:url("../images/cupboard/6-ghost.gif");
}
dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd + dt + dd + dt + dd.finished6, body.ronde6.noplay dl#cupboard dt:FIRST-CHILD + dd + dt + dd + dt + dd + dt + dd + dt + dd + dt + dd {
background-image:url("../images/cupboard/6.gif") !important;
}

/* ---------------------------- end prize cupboard --------------------------- */



/* ---------------------------- finish --------------------------- */

body.finish #canvas {
visibility: hidden;
}
body.finish #canvas.visible {
visibility: visible;
}

/* ---------------------------- end finish --------------------------- */


/* ---------------------------- prize page --------------------------- */
body.prijzen.index #prijzen li {
padding-left:50px;
}
body.prijzen.index #prijzen li:FIRST-CHILD {
background:url("../images/cupboard/1.png") no-repeat scroll 0 center transparent;
}
body.prijzen.index #prijzen li:FIRST-CHILD + li {
background:url("../images/cupboard/2.png") no-repeat scroll 0 center transparent;
}
body.prijzen.index #prijzen li:FIRST-CHILD + li + li {
background:url("../images/cupboard/3.png") no-repeat scroll 0 center transparent;
}
body.prijzen.index #prijzen li:FIRST-CHILD + li + li + li {
background:url("../images/cupboard/4.png") no-repeat scroll 0 center transparent;
}
body.prijzen.index #prijzen li:FIRST-CHILD + li + li + li + li {
background:url("../images/cupboard/5.png") no-repeat scroll 0 center transparent;
}
body.prijzen.index #prijzen li:FIRST-CHILD + li + li + li + li + li {
background:url("../images/cupboard/6.png") no-repeat scroll 0 center transparent;
margin-left:-20px;
padding-left:70px;
}
/* ---------------------------- end prize page --------------------------- */