html {
background: url() fixed #;
}

#page {
width:900px;
margin:0 auto;
margin-top:40px;
margin-bottom:24px;
position:relative;
}

#header {
height:250px;width:900px;
background:url(https://www.ticketkantoor.nl/headers/46518-1680774850.png) no-repeat center top;
z-index:999;
}

@font-face {
  font-family: 'Helvetica';
  font-display: fallback;
}

body {
font-size: 13px;
font-family: Helvetica, Arial;
color: #333333;
margin:0;
padding:0;
line-height:22px;
}

#shop {
width:820px;
padding:22px 40px;
background:#fff;
-webkit-box-shadow: 0px 0px 5px #888888;
box-shadow: 0px 0px 5px #888888;
z-index:0;
}

h1 {
font-size:22px;
font-weight:normal;
margin:12px 0;
}

p {
width:500px;
margin:0;
}

img { border: 0; }

.soldoutbutton {
padding:8px 8px;
background:#eee;
text-transform:lowercase;
color:#999;
text-decoration:none;
font-weight:bold;
cursor:pointer;
margin: 0 0 16px 0;
border-radius: 2px;
}
.soldoutbutton a {
text-decoration:none;
color:#888;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.soldoutbutton a:hover {
text-decoration:none;
color:#222;
}

.overbutton {
float:left;
margin:0 12px 16px 0;
}

a {
text-decoration:none;
color:#000;
}

a.tooltip span {
display:none;
padding:8px 16px;
margin-left:8px;
width:130px;
}
a.tooltip:hover span{
display:inline;
position:absolute;
background:#fff;
border:1px solid #ccc;
color:#6c6c6c;
}

.ticket {
margin:0 12px 18px 0;
}

fieldset {
border:0;
margin:0;
padding:0;
}

table {
margin:0;
border-spacing: 0px
}

label {
clear:both;
}
input {
height:46px;
width:300px;
border:1px solid #ddd;
clear:both;
padding:0 12px;
color:#606060;
margin-bottom:12px;
}
input:focus {
outline:none;
border:1px solid #ddd;
}

input[type="radio"], input[type="checkbox"] {
height:14px;
width:14px;
padding:5px 0 0 0;
margin:0 3px 0 0;
clear:both;
}

label.radio {
line-height:1px;
height:1px;
}

.soldout {
position:absolute;
right:40px;
top:280px;
width:250px;
opacity:0.8;
}

.tableborder {
  border:1px solid #cdcdcd;
  padding:0px 0 6px 0;
  float:left;
  min-width:420px;
}

table.tickettable {
width:100%;
}

table.tickettable tr td {
padding:0px 22px 0 16px;
margin:3px 0;
height:44px;

-webkit-transition: background 0.15s ease;
-moz-transition: background 0.15s ease;
-o-transition: background 0.15s ease;
transition: background 0.15s ease;
}
table.tickettable tr:hover td {
background:#f6f6f6;
}

table.tickettable tr td .soldoutbutton {
text-align:center;
margin:0;
padding:4px 0px 4px 0px;
width: 80px;
font-size:12px;
}

table.tickettable tr td .button {
text-align:center;
margin:4px 0px 0px 0px;
}

table tr.nohover:hover td {
background:#fff;
}

table.cart {
width:460px;
border:1px solid #ddd;
}

table.cart tr td {
padding:8px;
}

table.cart tr td.input {
padding-top:0;
}

input.controle {
height:36px;
margin:0;
color:#292929;
width:97%;
padding:0;
padding-left:3%;
}

#mobilemargin {
margin:0;
}

.button {
background-color: #ffffff;
color: #666666;
font-family: Roboto,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: bold;
box-sizing: border-box;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: none;
border: 1px solid #666666;
-webkit-tap-highlight-color: transparent;
display: inline-block;
white-space: nowrap;
text-decoration: none;
vertical-align: baseline;
text-align: center;
margin: 5px 0 0 0;
min-width: 80px;
line-height: 30px;
padding: 0 8px;
border-radius: 4px;
overflow: visible;

-webkit-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
-moz-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
-o-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
transition: background 0.3s ease, color 0.3s ease, border 0.3s ease;
}

.button:hover {
color: #666666;
border: 1px solid #666666;
}

.submitbutton {
background-color: #3f51b5;
color: #ffffff;
border: 0px;
}

.submitbutton:hover {
background-color: #2c387e;
color: #ffffff;
border: 0px;
}

.buyinfo {
background:#f4f4f4;
color:#333333;
width:860px;
line-height: 20px;
padding:10px 20px 10px 20px;
margin:25px -40px -21px -40px;
clear:both;
}
.buyinfoitem {
font-weight:bold;
font-size:12px;
padding:0 10px;
width:123px;
text-align:center;
vertical-align:top;
float:left;
}
.buyinfo p {
width: auto;
min-width: 0;
margin:0;
padding:0;
}
.buyinfo a {
color:#333333;
text-transform:none;
}
.buyinfo img {
height:46px;
}
#buyinfofirstrow {
float:left;
overflow:hidden;
}
#buyinfosecondrow {
float:right;
overflow:hidden;
}
#footertext1 {
float:left;
}
#footertext2 {
float:right;
}

.person-box-overall {
	width:99%;
	max-width:458px;
	border:1px solid #ddd;
	margin:12px 0;
}

.person-box-head {
	width:100%;
	text-transform:uppercase;
	text-size:14px;
	background:#ddd;
	font-weight:bold;
	height:30px;
	line-height:30px;
	cursor:pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.selectorfield {
	width:326px;
	height:48px;
	padding:4px;
	border:1px solid #ddd;
	color:#888;
	margin-bottom:12px;
	background:#fff;
}

.radiofield {
	width:304px;
	padding:10px;
	border:1px solid #ddd;
	color:#000;
	margin-bottom:12px;
}

.checkboxfield {
	width:304px;
	padding:10px;
	border:1px solid #ddd;
	color:#000;
	margin-bottom:12px;
}

.textfield {
	width:304px;
	padding:10px;
	border:1px solid #ddd;
	color:#000;
	margin-bottom:12px;
}

.timer {
  border: 1px solid #ddd;
  padding:10px;
  width:460px;
}