/**

  Content.css
  
  Lotto.nl kleuren:
  
  Primair:
        Geel:   #FFD500
        Zwart:  #000
  
  Secundair:
        Geel:   #FFED00
        Rood:   #D10019
        Grijs:  #97918E
  
  Tekst:
        Zwart:  #000
        Donker: #444
        Licht:  #6E6E6E

  Fonts:
        font-family: 'NimbusSansNovusCond-Medium', 'Arial', sans-serif;
        font-family: 'NimbusSansNovusCond-Bold', 'Arial', sans-serif;
        font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;

*/

body {
  /*  */
  font-family: 'NimbusSansNovusCond-Medium', 'Arial', sans-serif;
  font-size: 16px;
  /*  */
  font-family: 'Arial', sans-serif;
  font-size: 13px;
  color: #444;
  line-height: 1.231;
  background: white url('Lotto/images/tmp/background-desktop.png') fixed no-repeat center top;
  -webkit-tap-highlight-color: rgba(255,213,0, 0.6);
  tap-highlight-color: rgba(255,213,0, 0.6);
}


h1 {
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-size: 45px;
  line-height: 0.9;
  color: #000;
  clear: both;
  margin: 0 0 0.5em 0;
}

h2 {
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
	font-size: 26px;
  line-height: 1;
  color: #000;
  clear: both;
  margin: 0 0 16px 0;
}


h3 {
  font-family: 'NimbusSansNovusCond-Bold', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #444;
  margin-top: 16px;
}

p {
  margin: 0 0 1.5em 0;
}
.content-primary > p {
  padding-right: 70px;
}

.promo {
  margin: 0 0 0.5em 0;
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 35px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 rgba(255,255,255, 0.6);
}


.promo.accent,
.accent {
  color: #D10019;
}
.accent::selection { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0, 0.6); }
.accent::-moz-selection { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0, 0.6); }

p.intro {
  font-family: 'NimbusSansNovusCond-Bold', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 18px;
}

.highlight {
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-weight: bold;
  color: #fff;
  /* blur-radius van 1px i.v.m Android 2.3.3 */
  text-shadow: -2px -2px 1px #000, 2px -2px 1px #000, -2px 2px 1px #000, 2px 2px 1px #000;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  /* -ms-transform: rotate(-3deg); */
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.oldie .highlight,
.ie7 .highlight,
.ie8 .highlight,
.ie9 .highlight {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  padding-bottom: 10px;
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=-1, OffY=-1, Color='black', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-1, Color='black', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=-1, Color='black', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=-1, OffY=0, Color='black', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=0, Color='black', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=-1, OffY=1, Color='black', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=1, Color='black', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color='black', Positive='true');
}

.highlight-inverse {
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-weight: bold;
  color: #000;
  text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
.oldie .highlight-inverse,
.ie7 .highlight-inverse,
.ie8 .highlight-inverse,
.ie9 .highlight-inverse {
  filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=-1, OffY=-1, Color='white', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-1, Color='white', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=-1, Color='white', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=-1, OffY=0, Color='white', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=0, Color='white', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=-1, OffY=1, Color='white', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=1, Color='white', Positive='true'),
          progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color='white', Positive='true');
}


/*
  Links, defaults
*/
/* TODO: set appr. standard-colors */
a,
a:link,
a:visited {
	color: #000;
  text-decoration: underline;
}
a:hover,
a:focus {
  text-decoration: none;
}
a:active,
a:focus {
	background-color: #FFD500;
	background-color: rgba(255,213,0, 0.6);
	outline: thin dotted #000;
}
a:active {
	outline: 0;
  text-decoration: none;
}

a img  {border: 0; }


a.more {
  display: inline-block;
  color: #000;
  text-decoration: none;
  padding-right: 10px;
  background-image: url('Lotto/images/layout/bullet-arrow-right.png');
  background-position: right 5px;
  background-repeat: no-repeat;
}

a:focus.more,
a:hover.more {
  text-decoration: underline;
}
.content-nav {
  z-index: 1;
}
a.link-back {
  position: absolute;
  z-index: 100;
  display: inline-block;
  color: #444;
  text-decoration: none;
  padding: 15px 30px 10px 30px;
  background-image: url('Lotto/images/layout/bullet-arrow-left.png');
  background-position: 20px 20px;
  background-repeat: no-repeat;
}
a:focus.link-back,
a:hover.link-back {
  text-decoration: underline;
}

a.link-up {
  display: block;
  clear: both;
  text-align: right;
  padding: 10px 15px;
  background-color: transparent;
  background-image: url('Lotto/images/layout/bullet-arrow-up.png');
  background-position: right center;
  background-repeat: no-repeat;
  text-decoration: none;
}
a:focus.link-up,
a:hover.link-up {
  text-decoration: underline;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  a.more {
    background-image: url('Lotto/images/layout/bullet-arrow-right-hd.png');
    background-size: 5px;
  }
  a.link-back {
    background-image: url('Lotto/images/layout/bullet-arrow-left-hd.png');
    background-size: 5px;
  }
  a.link-up {
    background-image: url('Lotto/images/layout/bullet-arrow-up-hd.png');
    background-size: 9px;
  }
}


/* 
  Embedded elements
*/

.content-page .content-primary img {
  margin-bottom: 1em;
  
  max-width: 100%;
}

.float-left {
  clear: right;
  float: left;
  margin-right: 20px;
}

.float-right {
  clear: left;
  float: right;
  margin-left: 20px;
}
.float-center,
.float-none {
  clear: both;
  display: block;
  margin: 10px auto;
}


.content-primary object,
.content-primary embed,
.content-primary iframe {
  z-index: 1 !important; /* helpt helaas alllemaal niks.. :( */
  max-width: 100%;
}


/* 
  Lists
*/
.content-page .content-primary ol,
.content-page .content-primary ul {
  margin: 1em 0;
  padding-left: 30px;

}
.content-page .content-primary ul li {
  list-style: disc outside;
}



.content-page .content-primary .thumbnails,
.thumbnails {
  display: block;
  margin-left: -40px;
  margin-right: -40px;
  
}
.thumbnails li {
  display: block;
  margin: 0 5px 20px 5px;
  width: 140px;
  min-height: 140px;
  float: left;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
  box-shadow: 0 1px 3px rgba(0,0,0, 0.4);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/cspublish/Lotto/images/PIE.htc);
  overflow: hidden;
}
.thumbnails a,
.thumbnails strong,
.thumbnails img {
  display: block;
  margin: 0;
}

ul.thumbnails strong {
  margin: 5px 0;
  padding-left: 20px;
  font-weight: normal;
}


/* FAQ */
.faq li {
  padding: 2px 0;
  margin: 4px 0;
}
.faq li a {
  color: #444;
}

.faq-cats li {
  margin: 4px 0;
}

/* 
    Blocks - content
*/

.block {

  border: 1px solid transparent;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/cspublish/Lotto/images/PIE.htc);
}

.block header {
  font-family: 'NimbusSansNovusCond-Bold', 'Arial', sans-serif;
  font-weight: bold;
}


/* 
    Blocks - types
*/

.block-promo,
.block-action {
  background: #FCD701 url('Lotto/images/backgrounds/background-stars-yellow.png') right bottom no-repeat;
  z-index: 1;
}

.block-promo .thinlabel,
.block-promo .footnote {
	color: #444;
	font-size: 16px;
	font-style: normal;
	display: block;
  font-family: 'Arial', sans-serif !important;
  font-weight: normal;
}

.block-promo .footnote {
	margin-top: 10px;
}

.block-promo label.promo {
	padding-top: 0;
	margin: 0;
	position: relative;
	top: -4px;
}
.block-promo label.thinlabel {
	padding-top: 0;
}

.promo-selector .bundle-to,
.promo-selector .bundle-from {
	display: block;
	font-size: 18px;
	line-height: 33px;
  font-family: 'NimbusSansNovusCond-Bold', 'Arial', sans-serif;
	font-weight: bold;
}

.promo-selector .bundle-from {
	color: black;
	position: relative;
	top: -8px;
}

.promo-selector .bundle-to em,
.promo-selector .bundle-from em {
	font-size: 33px;
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-style: normal;
}

.promo-selector .block {
	margin: 10px 5px;
}

.block-action header {
  font-size: 35px;
  color: #000;
  z-index: 5;
}
.block-action .content {
  color: #6E6E6E;
}
.block-action .content p {
  color: #000;
  z-index: 5;
}
.block-promo .block-promo-image {
  float: right;
  z-index: 2;
}

.block-clock {
  position: relative;
	margin-top: 50px;
}
.block-clock .ball-stopwatch {
	position: absolute;
  z-index: 101;
	right: -15px;
	top: -50px;
	width: 155px;
  height: 191px;
  background: transparent url('Lotto/images/content/ball-stopwatch-anim.gif') 0 0 no-repeat;
}
.block-clock h3 {
	font-size: 25px;
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-weight: bold;
  color: black;
}
.block-clock h3 .subline {
	font-size: 18px;
  font-family: 'NimbusSansNovusCond-Bold', 'Impact', 'Arial', sans-serif;
  font-weight: bold;
  color: #444;
}
.block-clock h3 .time {
	display: block;
}

.block-supersaturday {
	margin-top: 55px;
}
.block-supersaturday .ball-superman {
	position: absolute;
	right: 6px;
	top: -50px;
  z-index: 101;
  width: 155px;
  height: 172px;
  background: transparent url('Lotto/images/content/ball-superman.png') 0 0 no-repeat;
}

.block-supersaturday a.button {
	width: 100%;
}

.block-supersaturday a.button span {
	padding-left: 10px;
	padding-right: 10px;
}

.block-supersaturday h3 {
	font-size: 35px;
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-weight: bold;
  color: black;
}

.supersaturday-big {
	margin: 10px 0;
	display: block;
	position: relative;
	width: 255px;
	height: 118px;
	direction: ltr;
	text-align: left;
	text-indent: -9999em;
	background: transparent url('Lotto/images/content/supersaturday-big.png') no-repeat 0 0;
}

.block-info {
  color: #444;
  background: #fff;

  border: 1px solid #E0E0E0;
}
.block-info .head-img {
  margin: -20px -20px 10px -20px;
}
.block-info .head-img img {
  max-width: 298px;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  /* PIE doesn't work here */
}
.block-info header {
  font-size: 28px;
  color: #000;
}



/* Block: Thumbnails */
.block-thumbnails {
  width: auto;
}

/* Block: FAQ's */
.block-faqs .more {
  margin-top: 10px;
}


/* Block: Twitter-feed */
.block-twitter {
  max-width: 298px;
  padding-top: 10px;
  padding-bottom: 0;
  border: 0 none;
}
.block-twitter header {
  padding: 0 15px;
}
.twitter-feed {
  min-height: 100px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: transparent url('Lotto/images/content/loading.gif') center center no-repeat;
}
.twitter-feed.twtr-widget em,
.twitter-feed.twtr-widget .twtr-new-results,
.twitter-feed.twtr-widget .twtr-timeline {
  font-family: 'Arial', sans-serif !important;
  font-size: 14px !important;
}
.twtr-hd {
  display: none;
}
.twtr-tweets {
  min-height: 100px;
  background: transparent url('Lotto/images/content/loading.gif') center 50px no-repeat;
}
.twtr-tweet {
  background-color: #fff;
}
.twitter-feed.twtr-widget .twtr-tweet a.twtr-user {
  color: #000 !important;
  font-weight: bold;
}
.twtr-tweet a.twtr-timestamp,
.twtr-tweet a.twtr-reply,
.twtr-tweet a.twtr-fav,
.twtr-tweet a.twtr-rt {
  color: #aaa;
}
.twtr-tweet a.twtr-timestamp:focus,
.twtr-tweet a.twtr-timestamp:hover,
.twtr-tweet a.twtr-reply:focus,
.twtr-tweet a.twtr-reply:hover,
.twtr-tweet a.twtr-fav:focus,
.twtr-tweet a.twtr-fav:hover,
.twtr-tweet a.twtr-rt:focus,
.twtr-tweet a.twtr-rt:hover {
  color: #444;
  text-decoration: underline !important;
}
.twtr-tweet a {
  color: #000;
}
.twtr-tweet a[rel="nofollow"] {
  color: #444;
  text-decoration: underline !important;
}
.twitter-feed.twtr-widget .twtr-ft {
  height: 40px;
  background-color: #ccc;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  behavior: url(/cspublish/Lotto/images/PIE.htc);
}
.twitter-feed.twtr-widget  a.twtr-join-conv {
  display: none !important;
}



/* Block: customer support */
.block-support {
	margin-bottom: 45px;
}
.block-support h2 {
	font-size: 18px;
	margin-bottom: 10px;
}
.block-support .ball-question {
	position: absolute;
  z-index: 101;
	right: 0;
	bottom: -36px;
  width: 163px;
  height: 163px;
  background: transparent url('Lotto/images/content/ball-question.png') 0 0 no-repeat;
}

.block-support li {
	line-height: 30px;
	font-size: 13px;
}

.block-support li a {
	color: #444;
}

.block-support footer {
	border-top: 1px solid #dcdcdc;
	margin-top: 20px;
	padding: 10px 0;
	
	font-size: 25px;
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  color: #000;
}

.block-support footer p {
	margin-bottom: 0;
}
/* Voor gegenereerde links naar telefoonnummers op iOS/Android: */
.phonenumber {
  cursor: help;
  border-bottom: 1px dotted #999;
}
.phonenumber a {
  text-decoration: none;
}
.phonenumber a::before {
  content: "? ";
  color: #999;
}


/* Block: Jackpot */
.block-jackpot {
  margin-bottom: 150px;
}
.block-jackpot .jackpot-amount {
  display: block;
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-size: 44px;
  margin: 5px 0;
}
.block-jackpot .jackpot-amount .label {
}
.block-jackpot .ball-countdown {
  position: absolute;
  right: 10px;
  top: 120px;
}
.block-jackpot .ball-countdown .countdown-sign {
  top: 58px; /*bon change*/
}


/* Block: Quote */
.block-quote {
  padding: 20px;
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-size: 33px;
  
  border-left: 1px solid #000;
  -webkit-border-radius: 0;
  border-radius: 0;
  /* No PIE requiered! :) */
}
.block-quote q {
  display: block;
  quotes: none;
  content: " ";
  line-height: 1;
}
.block-quote q:before,
.block-quote q:after {
  content: "";
  content: none;
}
.block-quote cite {
  display: block;
  font-style: normal;
  font-size: 80%;
  color: #000;
  line-height: 1;
}

/* Block: Login */
.block-login {
  background: #e0e0e0 url('Lotto/images/backgrounds/background-pinstripes.png') center center repeat;
}
.block-login label {
  position: relative;
  font-family: 'NimbusSansNovusCond-Bold', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 18px;
}
.block-login label[for=rememberme] {
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  font-weight: normal;
}
.block-login input {
  width: 236px;
  margin-bottom: 10px;
}
.block-login input#rememberme {
  width: 20px;
}
.block-login .button,
.block-login button {
  width: 100%;
  margin: 15px 0;
}

/* Block: Mijn Saldo */
.block-mycredit h3 {
  margin: 0 0 10px 0;
}
.block-mycredit table {
  width: 100%;
}
.block-mycredit th {
  padding: 3px 0;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  line-height: 1.6;
}
.block-mycredit td {
  text-align: right;
}
.block-mycredit .total th,
.block-mycredit .total td {
  font-size: 18px;
  padding-top: 10px;
  border-top: 1px solid #e0e0e0;
}
.block-mycredit .total .bigtotal {
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-size: 32px;
  color: #000;
}
.block-mycredit .button {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Block: Social Media */
.block-socialmedia {
  background: #fff;
  border: 1px solid #E0E0E0;
}
.block-socialmedia .button {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}



/* 
    Sections - types
*/

section.section-action {
  max-width: 940px;
  color: #000;
  background: #FFD500;
  margin-top: 23px;
  
  padding-bottom: 25px;
}
section.section-white {
  background: #fff;
  padding-top: 0;
}


/* 
    Section - dividers
*/
.divider {
  display: block;
  position: relative;
  clear: both;
  float: left;
  z-index: 100;
  
  width: 100%;
  height: 23px;
}
.divider hr {
  display: none;
}
/*
.divider-full {
  left: 50%;
  margin-left: -470px;
  width: 940px;
}
*/

.white2white {
  height: 30px;
  background: transparent url("Lotto/images/backgrounds/section-divider-white2transparent-620.png") center -30px no-repeat;
}

.transparent2yellow {
  top: -15px;
  background: transparent url('Lotto/images/backgrounds/section-divider-transparent2yellow.png') center top no-repeat;
}
.transparent2white {
  top: -15px;
  background: transparent url('Lotto/images/backgrounds/section-divider-transparent2white.png') center top no-repeat;
}
.transparent2white-rounded {
  top: -37px;
  background: transparent url('Lotto/images/backgrounds/section-divider-transparent2white-rounded.png') center top no-repeat;
  height: 45px;
}
.transparent2white-rounded2 {
  top: -20px;
  background: transparent url('Lotto/images/backgrounds/section-divider-transparent2white-rounded2.png') center bottom no-repeat;
  height: 20px;
}

.transparent2grey {
  top: -15px;
  background: transparent url('Lotto/images/backgrounds/section-divider-transparent2grey.png') center top no-repeat;
}

.divider-light {
		position: relative;
		width: 280px;
		margin-left: -10px;
		height: 30px;
    background: url("Lotto/images/backgrounds/divider-light-280.png") no-repeat center 0px transparent;
}
.yellow2transparent {
  height: 30px;
  background: transparent url("Lotto/images/backgrounds/section-divider-yellow2transparent-620.png") center top no-repeat;
}

.white {
  background: transparent url("Lotto/images/backgrounds/section-divider-arrow-white.png") center top no-repeat;
}

/* Gallery */
#gallery {
  background-position: center top;
  background-repeat: no-repeat;
  height: 300px;
}

#gallery .divider {
  bottom: 0;
  height: 20px;
  position: absolute;
  top: auto;
}



/* 
    Content-page:
*/

/* 
    Tutorial		
*/

.step {
  clear: both;
	margin: 5px 0;
}
.step h3 {
  clear: both;
	padding: 0 0 10px 170px;
}
/* start of bon change*/
.step img {
	margin-top: -30px;
    margin-bottom: 1em;
    max-width: 100%;
}
/* end of bon change*/


/* 
    Landing-page:
*/
section.content-head-visual {
  width: 940px;
  padding: 0;
  margin-bottom: 40px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  behavior: url(/cspublish/Lotto/images/PIE.htc);
  background: #FCD701 url('Lotto/images/backgrounds/background-stars-yellow-wide.png') right bottom no-repeat;
}
.content-head-visual .content-primary {
  margin-left: 0;
  padding-bottom: 0;
}
.content-head-visual .block {
  margin-right: 0;
}

.content-head-visual .carousel,
.content-head-visual img {
  display: block;
  max-width: 100%;
}

.content-head-visual .carousel .slides-container {
	width: 940px;
	height: 350px;
}
.content-head-visual .carousel {
	margin: 0;
}
.content-head-visual .carousel .slide-controls {
	right: 20px;
	top: 320px;
}

.content-head-visual h1 {
  color: #D10019;
}

/* FAQ */
.faq-cats ul {
  display: block;
  width: 45%;
  margin: 0 5% 0 0;
  max-width: 260px;
  float: left;
}



.faq-cats .more {
  display: block;
  font-weight: bold;
}


.faq-results {
  margin: 25px 0 0 0;
}
.faq-results dt,
.faq-results dd {
  background-color: #F6F6F6;
  padding: 18px 10px 10px 55px;
  border: 1px solid #e0e0e0;
}
.faq-results dt.alternate,
.faq-results dd.alternate {
  background-color: #fff;
}
.faq-results dt {
  position: relative;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 0 solid;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0, 0.3);
  box-shadow: inset 0 2px 4px rgba(0,0,0, 0.3);
  /* PIE doesn't help here */
}
.faq-results dd {
  position: relative;
  border-top: 0 solid;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: inset 0 -2px 4px rgba(0,0,0, 0.3);
  box-shadow: inset 0 -2px 4px rgba(0,0,0, 0.3);
  /* PIE doesn't help here */
}
.faq-results dt.closed,
.faq-results dt.closed + dd {
  overflow: hidden;
  border: 1px solid transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* PIE doesn't help here */
}

.faq-results a.handle {
  position: absolute;
  left: 9px;
  top: 11px; /* 9 */
  display: block;
  width: 28px;
  height: 28px;
  background-image: url('Lotto/images/content/icons-faq.png');
  background-repeat: no-repeat;
  background-position: 0 -30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .faq-results a.handle {
    background-image: url('Lotto/images/content/icons-faq-hd.png');
    background-size: 28px;
  }
}
.faq-results dt.closed a.handle {
  background-position: 0 0;
}




/* slides-container */
.carousel {
  position: relative;
  overflow: hidden;
  margin: 0 10px;
}
  .carousel .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 152px;
    background: url('Lotto/images/layout/slides-mask.png');
    z-index: 2;
  }
  .slides-container {
    position: relative;
    left: 0px;
    width: 940px;
    height: 490px;
  }
  .slides-container img {
  	width: 940px;
  }
  .static .slides-container {
    height: 562px;
  }
  
/*     .slides-container .slide {
      display: none;
    }
    .slides-container .slide.active {
      display: block;
    }
 */
/* slides */
.slides-container .payoff {
  position: absolute;
  left: 1500px;
  bottom: 60px;
  width: 560px;
  color: #fff;
  text-align: left;
}
	.slides-container .payoff.top {
	  bottom: auto;
	  top: 20px;
	}
  .slides-container .payoff h3 {
		color: white;
  	font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
		font-size: 45px;
		line-height: 40px;
	  /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); */
		text-shadow: 0 0px 6px rgba(0, 0, 0, 0.4);
		padding: 0 0 10px 0;
  }
  
	.slides-container .payoff.black h3 {
	  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	  color: #000;
	}
	
  .slides-container .payoff a {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
  }
  .slides-container .payoff a:hover {
      text-shadow: 0 0 1px #fff;
  }
  .slides-container .slide img {
    position: absolute;
    left: 1000px;
  }

  /* reset start */
  .slides-container .slide.start img {
    left: 0px;
  }
  .slides-container .slide.start .payoff {
    left: 450px;
  }
  .static .slides-container .slide.start img {
    left: -20px;
  }
/* controls */
ul.slide-controls {
  position: absolute;
  z-index: 300;
  /*right: 34px;*/
  /*top: 375px;*/
  /*width: 55px;*/
  /*height: 13px;*/
  right: 20px;
  bottom: 10px;
}
	ul.slide-controls li {
	  display: inline;
	}
	ul.slide-controls li a {
	  display: block;
	  float: left;
	  margin-left: 3px;
	  width: 13px;
	  height: 13px;
	  background: url('Lotto/images/content/carousel-knob.png') no-repeat 0 -13px;
	  font: 0/0 serif;
    color: transparent;
	  overflow: hidden;
	}
	ul.slide-controls li a.active {
	  background-position: 0 0;
	}

  
/* Homepage tagline */
section.home-tagline {
  padding: -1px 0 20px;
  margin-bottom: 10px;
  position: relative;
  background: transparent url('Lotto/images/backgrounds/section-divider-2transparent-flat-1020.png') center bottom no-repeat;
}

section.main.home-tagline > h1,
section.home-tagline > h1 {
  font-size: 26px;
  padding: 0;
  margin: 0;
  text-align: center;
}
.home-tagline .tagline {
  font-style: italic;
}
.home-tagline .lotto-logo {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  top: -45px;
  left: -300px;
  width: 120px;
  height: 50px;
  background: transparent url('Lotto/images/layout/logo-header-small.png') top left no-repeat;
  font: 0 / 0 serif;
  color: transparent;
  text-shadow: none;
  margin-top: -27px;
}




/* Ball: Countdown */
.ball-countdown {
  display: block;
  position: relative;
  width: 140px;
  height: 182px;
  background: transparent url('Lotto/images/content/ball-countdown.png') top left no-repeat;
  margin: 0;
}
.ball-countdown .countdown-sign {
  display: block;
  position: absolute;
  
  top: 55px;
  left: 10px;
  width: 125px;
  height: 65px;
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #000;
}
.ball-countdown strong {
  font-size: 120%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}

.block-countdown .ball-countdown {
  margin: 0 auto 27px auto;
}
.block-countdown .countdown-sign strong {
  font-size: 29px;
}

/* Ball: Jackpot */
.ball-jackpot {
  display: block;
  position: relative;
  width: 195px;
  height: 183px;
  background: transparent url('Lotto/images/content/ball-jackpot.png') top left no-repeat;
  margin: 0;
}
.ball-jackpot strong {
  display: block;
  position: absolute;
  
  top: 23px;
  
  left: 48px;
  width: 125px;
  height: 113px;
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  
  font-size: 55px;
  font-weight: bold;
  text-align: center;
  color: #D10019;
}
.ball-jackpot strong .eurosign {
  font-size: 30px;
}
.ball-jackpot strong .label {
  display: block;
  font-size: 23px;
  top: -8px;
  position: relative;
}
.block-countdown .ball-jackpot {
  margin: 0 auto 26px auto;
}


/* Home: sociallinks */

section.home-sociallinks p {
  border-top: 1px solid #F2F2F2;
  padding: 20px 10px;
  margin: 0 10px;
}
section.home-sociallinks a {
  text-decoration: none;
}


/* Zebra banner */
.zebrabanner {
	margin: 0 10px;
}

.zebrabanner .white2white {
	display: none;
}

.white {
	position: absolute;
}

.zebrabanner img {
  display: block;
	-webkit-border-radius: 10px;
	border-radius: 10px;
  /* PIE breaks layout in tablet-view */
}

.zebrabanner .block {
	position: absolute;
	top: 10px;
	left: 20px;
	min-height: 320px;
}

.zebrabanner .block h2 {
	font-size: 45px;
	line-height: 45px;
	margin: 0 0 15px;
}

.zebrabanner .block .call2action {
	margin: 0;
	position: absolute;
	bottom: 20px;
}


/* info bubble */
.info {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 26px;
  width: 26px;
  height: 26px;
  margin: -6px 0px !important;
  background: url('Lotto/images/content/info.png') no-repeat 50% 50%;
  cursor: pointer;
  text-indent: -9999px;
}
.ie7 .info {
  display: inline;
  zoom: 1;
}
.info .message {
  position: absolute;
  z-index: 10000;
  display: none;
  width: 150px;
  padding: 10px;
  left: 50%;
  bottom: 18px;
  height: auto;
  margin-left: -80px;
  background: url('Lotto/images/content/info-color.png') repeat 0 0;
  color: #444 !important;
  text-indent: 0;
  text-align: left;
  line-height: 1;
  font-family: 'Arial',sans-serif;
  font-weight: normal;
  font-size: 13px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  behavior: url(/cspublish/Lotto/images/PIE.htc);
}

  
/* 
    Message-bubbles
*/

/* message */
.message {
  position: relative;
  margin: 10px 0 10px 0;
  padding: 10px;
  text-align: left;
  zoom: 1;
}
.message:after { content: ""; display: table; clear: both; }

.message.alt {
}
.message.confirm {
  padding: 30px;
  color: #444;
  background: #FCD700 url('Lotto/images/layout/message-confirm.png') center top no-repeat;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/cspublish/Lotto/images/PIE.htc);
}

.message.warning {
  min-height: 40px;
  color: #fff;
  padding-left: 65px;
  background: #D10019 url('Lotto/images/layout/message-warning.png') 15px center no-repeat;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/cspublish/Lotto/images/PIE.htc);
}
.message.notice {
  padding: 20px;
  font-size: 18px;
  color: #444;
  background: #fff url('Lotto/images/backgrounds/background-gradient-pinstripes.png') center bottom repeat-x;
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0, 0.75);
  box-shadow: inset 0 0 10px 0 rgba(0,0,0, 0.75);
  behavior: url(/cspublish/Lotto/images/PIE.htc);
}
.message.notice p {
  clear: both;
}
.message.notice .subamount {
  clear: right;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  float: right;
}
.message.notice .amount {
  clear: right;
  display: inline-block;
  margin-top: -2px;
  margin-bottom: -2px;
  float: right;
  font-family: 'NimbusSansNovusCond-Ultra', 'Impact', 'Arial', sans-serif;
  font-size: 30px;
}

.message .close {
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  font: 0 / 0 serif;
  color: transparent;
  background: transparent url('Lotto/images/layout/icon-close.png') 0 0 no-repeat;
}
.message.confirm p,
.message p {
  font-family: 'NimbusSansNovusCond-Bold', 'Arial', sans-serif;
  font-weight: normal;
  font-size: 18px!important; /*BON CHANGE important*/
  margin: 0;
  padding: 0;
}
.message.confirm button {

}

.message.confirm input[type=text] {
  width: 203px;
  margin-top: 20px;
}

/* Messages: HD */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .message.warning {
  background-image: url('Lotto/images/layout/message-warning-hd.png');
  background-size: 38px;
  }

  .message .close {
  background-image: url('Lotto/images/layout/icon-close-hd.png');
  background-size: 28px;
  }
}

a.important {
  font-family: 'NimbusSansNovusCond-Bold', 'Arial', sans-serif;
  font-weight: normal;
	color: red;
}

.share-this {
	margin: 0;
	padding: 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
  behavior: url(/cspublish/Lotto/images/PIE.htc);
}

.share-this .surpriseme {
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 100;
}
.share-this .surpriseme .button {
	outline: none;
  width: 36px;
  height: 36px;
}

.share-this .button-twitter,
.share-this .button-facebook {
	width: 260px;
	margin-top: 10px;
}
.share-this .button-facebook {
	margin-left: 16px;
}

.share-this .textarea {
	position: relative;
	padding: 10px 65px 10px 10px;
	background: white;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0, 0.4);
  box-shadow: inset 0 0 4px rgba(0,0,0, 0.4);
  behavior: url(/cspublish/Lotto/images/PIE.htc);
}

.share-this textarea {
  border: none;
  outline: none;
  resize: none;
  height: 5em;
  padding: 0;
  width: 100%;
}


/* 
    404
*/

.error404 .content-primary h2,
.error404 .content-primary p {
  max-width: 300px;
}

#anim-sadguy {
  display: block;
  position: relative;
  float: right;
  top: -100px;
  width: 275px;
  height: 250px;
  
  background-color: transparent;
  background-image: url('Lotto/images/sprites/sadguy-anim-sprite.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}

/* 
	Sitemap
*/

.sitemap .sitemap-block {
	padding: 20px;
	margin: 0 -20px 20px -20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
  behavior: url(/cspublish/Lotto/images/PIE.htc);
	border: 1px solid #eee;
	overflow: hidden;
}

.sitemap-block ul {
  margin-top: 10px;
}
.sitemap-block li a {
  padding: 0 0 0 20px;
  line-height: 28px;
  background: url("Lotto/images/layout/bullet-arrow-right.png") left 5px no-repeat;
  text-decoration: none;
  color: #444;
}
.sitemap-block .sub {
	margin-top: 0;
}
.sitemap-block .sub li a {
  text-decoration: underline;
  color: #777;
}
.sitemap-block .sub li a:focus,
.sitemap-block .sub li a:hover {
  text-decoration: none;
}
.sitemap-block h2 a {
  color: #000;
}

.sitemap-block li a:focus,
.sitemap-block li a:hover {
	text-decoration: underline;
}

.sitemap-block .sub a {
	background: none;
}


.sitemap h2 {
	margin-bottom: 0;
}
.sitemap h2 a {
	display: block;
	text-decoration: none;
	padding: 0px 20px 0px 0px;
	background: url("Lotto/images/layout/bullet-arrow-right-bigger.png") right center no-repeat;
}

.sitemap > .column1,
.sitemap > .column2 {
	width: 260px;
	float: left;
}
.sitemap > .column2 {
	margin-left: 60px;
}


/*
	Prijzenschema / wintable
*/
.storestable,
.wintable {
	margin: 0 -20px;
	cell-spacing: 0;
	border-collapse: collapse;
	display: block;
}

.storestable tr,
.wintable tr {
	background-color: #fcfcfc;
	height: 60px;
}

.storestable th,
.storestable td,
.wintable th,
.wintable td {
	padding: 10px 20px;
	height: 40px;
	vertical-align: middle;
}

.wintable th,
.wintable td {
	font-size: 18px;
  font-family: 'NimbusSansNovusCond-Bold', 'Arial', sans-serif;
  font-weight: bold;
}

.wintable th {
	width: 100%;
}

.wintable td {
	text-align: right;
}

.storestable tr.alternate,
.wintable tr.odd {
	background-color: #efefef;
}

/*
	Store locator
*/

.storestable {
	width: 610px;
	margin-top: 20px; 
}

.storestable th {
	background: white;
}

.storestable td {
	width: 270px;
}

/* stripped view for use in iframe */
body.iframe  {
	background: white;
}

/***********BON CHANGE*******************/
.errorMessages{
    max-width: 559px;
	margin-left: -15px;
	background-color:#D40000;
	color:white;
	
}
.errorMessages .content{
	font-size: 14px;
    padding: 10px 20px 10px 10px;
font-family:'Arial',sans-serif;
}
.errorMessages .content p {
	margin:0px;
	padding:0px;
}
.errorMessages .content  a{
	color:white;
	font-size: 14px;    
	font-family:'Arial',sans-serif;
}
/***********END OF BON CHANGE*******************/

/****************BON CHANGE******************/
                .regFlowJSError {
                                                margin-left:10px;
                                                margin-right:10px;
                                                
                }              
                .regFlowJSError p{           
                                color: white !important;
                }
                .menu-error{
                                color:white; 
                                background:#D40000;
                                padding:4px;
                                text-align:center;
                                max-width:450px;
								margin-top:-5px;
								margin-bottom:0px;

                }
/*************END OF BON CHANGE***************/