article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ie6 .clearfix,
.ie7 .clearfix {
zoom: 1;
}
p {
padding: 0 0 12px 0;
}
#container {
margin: 0 auto;
width: 100%;
max-width: 1920px;
min-width: 100px;
position: relative;
}

header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.ie6 header, .ie7 header { zoom: 1; }
.section {
	width: 100%;
	min-height: 900px;
	/*min-width: 980px;*/
	position: relative;
	margin: 0;
}
.content {
	width: 80%;
	min-width: 980px;
	margin: 0 auto;
}
.questionNumber {
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0;
}
.answer {
width: 416px;
height: 437px;
padding: 24px 24px 0 24px;
background: url(../img/bg_balloon_big.png) no-repeat 0 0;
font-size: 14px;
}
.reponse {
	text-align:justify;
	width: 600px;
	padding: 40px 45px 10px;
	/*background: url(../img/bg_balloon_xl.png) no-repeat 0 0;*/
	font-size: 14px;
	background-color:#ffffff;
	position:relative;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	padding-bottom:40px;
	z-index: 10;
}
.reponsebas1:after {
	display: block;
    content: "";
    width: 400px;
    height: 70px;
    background: transparent url('../img/new-cartouche-bas.png') no-repeat;
	position:absolute;
	bottom:-70px;
}
.reponsebas2:after {
	display: block;
    content: "";
    width: 400px;
    height: 70px;
    background: transparent url('../img/new-cartouche-bas.png') no-repeat;
	position:absolute;
	bottom:-70px;
	margin-left:180px;
}
.reponsebas3:after {
	display: block;
    content: "";
    width: 400px;
    height: 70px;
    background: transparent url('../img/new-cartouche-bas.png') no-repeat;
	position:absolute;
	bottom:-70px;
	margin-left:380px;
}
.ie7 .answer, .ie8 .answer, .ie7 .reponse, .ie8 .reponse {
opacity: 1 !important;
}
.answer .questionNumber {
font-size: 18px;
color: #D90A22;
}
.answer h1 {
font-size: 36px;
line-height: 1.1;
}
#first, #second, #third, #fourth, #fifth, #sixth, #sixthb, #sixthc, #seventh, #eighth, #ninth, #tenth {
width: 100%;
margin: 0;
height: 1200px;
overflow: hidden;
}
#first { background: url(../uploads/bg/01.jpg) 50% 0 no-repeat fixed; }
#second { background: url(../uploads/bg/monochrome.jpg) 50% 0 no-repeat fixed;}
#third { background: url(../uploads/bg/ceze2.jpg) 50% 0 no-repeat fixed; }
#ninth { background: url(../uploads/bg/shutter.jpg) 50% 0 no-repeat fixed; }
#fourth { background: url(../uploads/bg/08.jpg) 50% 0 no-repeat fixed; }
#fifth { background: url(../uploads/bg/parc2.jpg) 50% 0 no-repeat fixed; }
#sixth { background: url(../uploads/bg/kingston2.jpg) 50% 0 no-repeat fixed; }
#sixthb { background: url(../uploads/bg/flag.jpg) 50% 0 no-repeat fixed; }
#sixthc { background: url(../uploads/bg/ceze1.jpg) 50% 0 no-repeat fixed; }
#seventh { background: url(../uploads/bg/river.jpg) 50% 0 no-repeat fixed; }
#eighth { background: url(../uploads/bg/monochrome.jpg) 50% 0 no-repeat fixed; }
#tenth { background: url(../uploads/bg/10.jpg) 50% 0 no-repeat fixed; }
#tenth {
height: 1000px;
}
#first .question {
	width: 209px;
	height: 148px;
	padding: 24px 12px 0 12px;
	background: url(../img/bg_balloon.png) no-repeat 0 0;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	z-index: 100;
}
.ie7 #first .question,
.ie8 #first .question,
.ie7 #first .question:hover,
.ie8 #first .question:hover {
	background: #FFF;
	zoom: 1;
	filter: chroma(color=#FFFFFF);
}
#first .question:hover {
	background-position: 0 -191px;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transition: scale;
	z-index: 9999;
}
#first header {
	position: relative;
}
#first .lang{
	display: inline-block;
	*display: inline;
	zoom: 1;
	color: #78797a;
	margin: 25px 35px 0 0;
	position: absolute;
	right: 0;
	font-size: 16px;
}
#first  .lang a {
	color: #78797a;
}
#first  .lang a.active {
	color: #FFF;
}
#first .question h1 {
	line-height: 1.25;
	padding: 0;
	float: left;
	position: absolute;
	font-size:25px;
	font-weight:bold;
	font-family: 'Bitter';
	width:210px;
	text-align:center;
}
.question a {
	display:block;
	width:210px;
	height:100px;
}
.question h1 {
	margin:0; 
}
#first .question h1 a:link,
#first .question h1 a:visited {
	color: #000;
	border: none;
	-webkit-transition: color 0.2s linear;
}
#first .question h1 a:hover,
#first .question h1 a:active,
#first .question h1 a:focus {
	color: #D90A22;
	border: none;
}
@-webkit-keyframes move {
	0% { margin-top: 0; }
	13% { margin-top: 4px; }
	25% { margin-top: 8px; }
	50% { margin-top: 0; }
	63% { margin-top: -4px; }
	75% { margin-top: -8px; }
	100% { margin-top: 0; }
}
#articles {
	max-width:1000px;
	width:100px;
}
#first .question {
	-webkit-animation-name: move;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-timing-function: ease-in;
	display: none;
}
#first #question1 {
	position: absolute;
	left: 58%;
	top: 10%;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	z-index: 1;
}
#first #question1:hover {
	-webkit-transform: scale(1.7);
	-moz-transform: scale(1.7);
}
#first #question2 {
	position: absolute;
	left: 4%;
	top: 3%;
	font-size:0.9em;
	z-index: 0;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
}	
#first #question3 {
	position: absolute;
	left: 1%;
	top: 23%;
	z-index: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
}
#first #question4 {
	position: absolute;
	left: 75%;
	top: 60%;
	z-index: 0;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
}
#first #question5 {
	position: absolute;
	left: 79%;
	top: 42%;
	z-index: 0;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
}
#first #question6 {
	position: absolute;
	left: 77%;
	top: 5%;
	z-index: 0;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
}
#first #question7 {
	position: absolute;
	z-index: 0;
	left: 81%;
	top: 25%;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
}
#first #question8 {
	position: absolute;
	left: 1%;
	top: 57%;
	z-index: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
}
#first #question9 {
	position: absolute;
	left: 4%;
	top: 41%;
	z-index: 0;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
}
#first #question2:hover,
#first #question3:hover,
#first #question4:hover,
#first #question5:hover,
#first #question6:hover,
#first #question7:hover,
#first #question8:hover,
#first #question9:hover {
-webkit-transform: scale(1);
-moz-transform: scale(1);
}
#second .answer {
margin: 100px 0 0 180px;
}
#third .answer {
margin: 100px 0 0 250px;
}
#fourth .answer {
margin: 100px 0 0 150px;
}
#fifth .answer {
margin: 130px 0 0 400px;
}
#sixth .answer {
margin: 180px 0 0 325px;
}
#sixthb .answer {
margin: 180px 0 0 325px;
}
#sixthc .answer {
margin: 180px 0 0 325px;
}
#seventh .answer {
margin: 125px 0 0 580px;
}
#eighth .answer {
margin: 180px 0 0 300px;
}
#ninth .answer {
margin: 100px 0 0 400px;
}
input, textarea, select, button {
font-family: Arial, sans-serif;
}
.hidden { display: none; }
.block { display: block; }
.noPadding { padding: 0 !important; }
.noMargin { margin: 0 !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.noBorder { border: none; }
.accessibility { position: absolute; top: -9999px; left: -9999px; }
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) {
    * { margin: 0; padding: 0; }
    .section {
        overflow: visible;
        background-attachment: scroll !important;
        background-position: 0 0 !important;
        min-height: 200px !important;
    }
    .answer { margin: 50px auto !important; }
    #questionForm { margin: 50px auto !important; }
    .content { min-width: 900px !important; }
    #searchForm { margin-top: 250px !important; }
    .topLink { display: none; }
    #questionForm input.inputSubmit { background: #464646; line-height: 32px; }
}
.ie6 body {
background: #000;
color: #FFF;
}
.ie6 #main {
display: none;
}
.ie6 #fallBack {
color: #FFF;
margin: 100px auto;
}
form p { padding: 0 0 12px; }
form p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ie6 form p, .ie7 form p { zoom: 1; }
label,
.label {
display: block;
padding-bottom: 2px;
overflow: hidden;
}
.errorArea input.inputText,
.errorArea input.inputPassword,
.errorArea input.inputSearch,
.errorArea input.inputDate,
.errorArea textarea {
border: 1px solid #d00c00;
}
.errorArea label,
.errorArea .label {
color: #d00c00;
}
.errorArea input.inputText:focus,
.errorArea input.inputPassword:focus,
.errorArea input.inputSearch:focus,
.errorArea input.inputDate:focus {
-webkit-box-shadow: 0 0 3px #d00c00;
-moz-box-shadow: 0 0 3px #d00c00;
box-shadow: 0 0 3px #d00c00;
}
.errorArea .inlineError {
font-size: 11px;
line-height: 1.636;
color: #d00c00;
display: block;
height: 18px;
overflow: hidden;
white-space: nowrap;
clear: left;
text-overflow: ellipsis;
}
.helpTxt {
font-size: 11px;
line-height: 1.636;
color: #999;
display: block;
height: 18px;
overflow: hidden;
white-space: nowrap;
clear: left;
text-overflow: ellipsis
}
.tinyInput input.inputText,
.tinyInput input.inputPassword,
.tinyInput input.tinyInput,
.tinyInput input.inputDate {
width: 16px;
}
.tinyInput select,
.alignBlocks p.tinyInput,
.alignFields p.tinyInput,
.alignFields .tinyInput .helpTxt {
width: 26px;
}
.smallInput input.inputText,
.smallInput input.inputPassword,
.smallInput input.inputSearch,
.smallInput input.inputDate {
width: 52px;
}
.smallInput select,
.alignBlocks p.smallInput,
.alignFields p.smallInput,
.alignFields .smallInput .helpTxt {
width: 62px;
}
input.inputText,
input.inputPassword,
input.inputSearch,
input.inputDate {
width: 124px;
}
select,
.alignBlocks p,
.alignFields p,
.alignFields p .helpTxt,
.horizontal label,
.horizontal .label,
.horizontal .oneLiner :first-child label,
.horizontal .oneLiner :first-child .label,
.horizontal .oneLiner .firstChild label,
.horizontal .oneLiner .firstChild .label {
width: 134px;
}
.mediumInput input.inputText,
.mediumInput input.inputPassword,
.mediumInput input.inputSearch,
.mediumInput input.inputDate {
width: 196px;
}
.mediumInput select,
.alignBlocks p.mediumInput,
.alignFields p.mediumInput,
.alignFields .mediumInput .helpTxt {
width: 206px;
}
.bigInput input.inputText,
.bigInput input.inputPassword,
.bigInput input.inputSearch,
.bigInput input.inputDate,
textarea {
width: 268px;
}
.bigInput select,
.alignBlocks p.bigInput,
.alignFields p.bigInput,
.alignFields .bigInput .helpTxt {
width: 278px;
}
.horizontal .alignBlocks,
.horizontal .alignFields,
.horizontal .alignButtons,
.horizontal .helpTxt,
.horizontal .inlineError {
padding-left: 134px;
}
.horizontal input.inputSubmit,
.horizontal input.inputButton,
.horizontal button,
.horizontal a.button {
margin-left: 134px;
}
.horizontal .inputList li label {
width: 278px;
}
.alignBlocks {
position: relative;
left: -5px;
padding-bottom: 12px;
}
.alignBlocks:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ie6 .alignBlocks, .ie7 .alignBlocks { zoom: 1; }
.alignBlocks p {
padding: 0 5px;
overflow: hidden;
float: left;
}
.alignFields {
position: relative;
padding-bottom: 12px;
}
.alignFields:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ie6 .alignFields, .ie7 .alignFields { zoom: 1; }
.alignFields label {
position: absolute;
top: 0;
left: 0;
}
.alignFields input,
.alignFields select {
float: left;
}
.ie6 .alignFields input,
.ie6 .alignFields select,
.ie7 .alignFields input,
.ie7 .alignFields select {
float: none;
}
.alignFields p {
padding: 20px 12px 0 0;
float: left;
}
.alignButtons {
padding-bottom: 12px;
}
.alignButtons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ie6 .alignButtons, .ie7 .alignButtons { zoom: 1; }
.alignButtons p {
float: left;
padding-right: 4px;
padding-bottom: 0;
}
.oneLiner {
padding-bottom: 12px;
}
.oneLiner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ie6 .oneLiner, .ie7 .oneLiner { zoom: 1; }
.oneLiner p {
float: left;
padding: 0 6px 0 0;
}
.oneLiner label {
float: left;
padding-right: 6px;
}
.oneLiner input,
.oneLiner select {
float: left;
}
.oneLiner .inputList {
padding-bottom: 0;
}
.ie6 .oneLiner .inputList input {
left: 0;
}
.oneLiner .inputList li {
float: left;
padding-bottom: 0;
}
.horizontal label,
.horizontal .label {
float: left;
}
.horizontal .alignBlocks .helpTxt,
.horizontal .alignBlocks .inlineError {
padding-left: 0;
}
.horizontal .alignFields .helpTxt,
.horizontal .alignFields .inlineError {
padding-left: 0;
}
.horizontal .alignFields p {
padding-top: 0;
}
.horizontal .alignFields label {
top: 2px;
}
.horizontal .alignButtons input.inputSubmit,
.horizontal .alignButtons input.inputButton,
.horizontal .alignButtons button,
.horizontal .alignButtons a.button,
.horizontal .alignFields input.inputSubmit,
.horizontal .alignFields input.inputButton,
.horizontal .alignFields button,
.horizontal .alignFields a.button,
.horizontal .alignBlocks input.inputSubmit,
.horizontal .alignBlocks input.inputButton,
.horizontal .alignBlocks button,
.horizontal .alignBlocks a.button {
margin-left: 0;
}
.horizontal .inputList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ie6 .horizontal .inputList, .ie7 .horizontal .inputList { zoom: 1; }
.horizontal .inputList ul {
float: left;
}
.horizontal .inputList li label {
float: none;
}
.horizontal .oneLiner label,
.horizontal .oneLiner .label {
width: auto;
padding: 2px 6px 2px 0;
}
.horizontal .oneLiner :first-child label,
.horizontal .oneLiner :first-child .label,
.horizontal .oneLiner .firstChild label,
.horizontal .oneLiner .firstChild .label {
padding: 2px 0;
}
.horizontal .formSectionContent .oneLiner :first-child label,
.horizontal .formSectionContent .oneLiner :first-child .label,
.horizontal .formSectionContent .oneLiner .firstChild label,
.horizontal .formSectionContent .oneLiner .firstChild .label {
width: auto;
padding: 2px 6px 2px 0;
}
.horizontal .oneLiner input.inputSubmit,
.horizontal .oneLiner input.inputButton,
.horizontal .oneLiner button,
.horizontal .oneLiner a.button {
margin-left: 0;
}
.horizontal .oneLiner .inputList {
float: left;
}
.horizontal .oneLiner .inputList li label {
width: auto;
}
.formSection {
padding: 0 0 8px 0;
}
.formSection:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ie6 .formSection, .ie7 .formSection { zoom: 1; }
.formSection p {
padding-bottom: 2px;
}
.formSection .oneLiner p {
padding-bottom: 0;
}
.horizontal .formSectionContent {
padding-bottom: 4px;
float: left;
}
.horizontal .formSectionContent .alignBlocks,
.horizontal .formSectionContent .alignFields,
.horizontal .formSectionContent .alignButtons,
.horizontal .formSectionContent .helpTxt,
.horizontal .formSectionContent .inlineError {
padding-left: 0;
}
html {
height: 100%;
}
#vierhonderdenvier {
background-color: #333;
height: 100%;
}
#vierhonderdenvier #container,
#vierhonderdenvier #main {
min-height: 100%;
}
#vierhonderdenvier #container {
background: #CCC url(../uploads/bg/01.jpg) no-repeat center center;
}
#vierhonderdenvier #logo {
top: 118px;
}
#vierhonderdenvier #content {
width: 542px;
height: 316px;
padding: 24px 24px 0 24px;
margin: 100px auto 0 auto;
background: url('/frontend/themes/nbfaq/core/css/../images/bg_balloon_form.png') no-repeat 0 0;
font-size: 14px;
}
.ie7 #vierhonderdenvier #content,
.ie8 #vierhonderdenvier #content {
opacity: 1 !important;
}
#vierhonderdenvier h1 {
font-size: 36px;
line-height: 1.1;
padding: 0 0 18px 0;
}

.onepage-pagination {
	position: fixed;
	right: 10px;
	top: 38%;
	z-index: 15;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:10px 4px 10px 0px;
	opacity: 0.55;
	filter: alpha(opacity=55); /* For IE8 and earlier */
}
.onepage-pagination li {
  padding: 0;
  text-align: center;
}
.onepage-pagination li a{
  padding: 10px;
  width: 4px;
  height: 4px;
  display: block;
  
}
.onepage-pagination li a:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0,0,0,0.85); 
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.onepage-pagination li a.active:before{
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid black;
  margin-top: -4px;
  left: 8px;
}

.main_menu ul {
	display: none;
	border-radius: 0 0 3px 3px;
	background: #ee2a27;
	width: 300px;
	list-style: none;
	padding: 0;
	margin: 0 auto 15px auto;
}
.main_menu ul > li {
	float: none;
	width: 100% !important;
	padding: 0;
	display: block;
	height: auto;
}
.main_menu ul > li:hover { 
	background: #ffe327;
}
.main_menu ul.opened {
	display: block;
	height: auto;
}
.main_menu a {
	padding:16px;
	color:#FFF;
	display: inline-block;
	width: 100%;
}
.main_menu a:hover {
	color: #009d4b;
}
.menu_btn {
    display:none;
    width: 300px;
	padding: 10px;
	margin: 15px auto -2px auto;
    border-radius:3px;
    border:none;
    cursor:pointer;
    font-size: 12px;
    color: #444;
    background: #ffe327;
}
.menu_btn .icon-bar {
    display: block;
    width: 16px;
    height: 2px;
    background-color: #444;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.03);
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.03);
}
.menu_btn .text {
    float: left;
    margin: 0 0 0 24px;
    text-transform: uppercase;
}
.menu_btn .icon-bar + .icon-bar {
    margin-top: 2px;
}
@media all and (max-width: 850px) {
	#articles{
		display: none;
	}
	.menu_btn {
		display: block;
	}
}
@media all and (max-width: 540px) {
	.menu_btn {
		margin-top: 50px;
	}
}
@media all and (max-width: 440px) {
	.ticket_img {
		width: 100%;
	}
	#logo {
		width: 100%;
	}
}
@media only screen and (max-width: 705px){
    .apple_overlay{width: 100% !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #artistSheet{width: auto !important;}
}