@charset "utf-8";

/* CSS Document */

/*

    display:            -moz-inline-stack;
    display:            inline-block;
    zoom:               1;
    *display:           inline;

*/


/* === MAIN STYLES === */

body, html {
	width:					100%;
	height:					100%;
	margin:					0px;
	padding:				0px;
	background-color:		#cc0000;
}

#mainForm {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			15px;
	color:					#909090;
	width:					100%;
	height:					100%;
	background:				url(../images/main-gradient-bg.png) center top repeat-x;
}

img, div, p, span, form, input {
	border:					none;
	border-width:			0px;
	padding:				0px;
	margin:					0px;
}

input {
	background-color:		transparent;
}

div.clear {
	clear:					both;
	height:					0px;
	overflow:				hidden;
}

a, ins {
	color:					inherit;
	color:					expression(this.parentNode.currentStyle.color);
	text-decoration:		none;
}

span.inputHolder {
    display:            -moz-inline-stack;
    display:            inline-block;
    zoom:               1;
    *display:           inline;
	
	height:				24px;
	background:			url(../images/input-bg.png) -2px 0px no-repeat;
	position:			relative;
	margin-top:			2px;
}

span.inputHolder input {
	padding:			4px 0px 0px 5px;
	*padding-top:		0px;
	*padding-left:		7px;
	margin:				0px;
	height:				18px;
	vertical-align:		bottom;
	color:				#202020;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body span.inputHolder input {
	padding-top:	0px;
	height:			21px;
	}
}

span.inputHolder span.closeInputBg {
	display:			block;
	width:				2px;
	height:				24px;
	overflow:			hidden;
	background:			url(../images/input-bg.png) 0px 0px no-repeat;
	position:			absolute;
	top:				0px;
	left:				auto;
	right:				0px;
	_right:				-1px;
}

/* ==========================  */



div.topMenuHolder,
div.bottomMenuHolder {
	width:					940px;
	height:					36px;
	margin:					0px auto;
	font-family:			"Trebuchet MS", Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size:				10px;
	text-transform:			uppercase;
	color:					#aeadad;
	text-decoration:		none;
	line-height:			36px;
	overflow:				hidden;
}

div.topMenuHolder div.right,
div.bottomMenuHolder div.right {
	float:					right;
	white-space:			nowrap;
}

div.topMenuHolder a,
div.bottomMenuHolder a {
	margin-left:			25px;
	height:					36px;
	
	display:				-moz-inline-stack;
	display:				inline-block;
	zoom:					1;
	*display:				inline;
	background-position:	0px 0px;
}

div.topMenuHolder a:hover,
div.bottomMenuHolder a:hover {
	background-position:	0px -36px;
}

div.topMenuHolder img.logo {
	width:					161px;
	height:					36px;
}

div.blackBottom {
	background-color:		#000;
}

div.contentWrapper {
	width:					942px;
	margin:					0px auto;
}

div.superpingelsLogoHolder {
	text-align:				center;
	position:				relative;
	margin-bottom:			31px;
}

div.superpingelsLogoHolder img.logo {
	width:					168px;
	height:					99px;
	margin:					40px 0px 10px 0px;
}

div.superpingelsLogoHolder h1 {
	color:					#f8ffff;
	font-size:				36px;
	line-height:			36px;
	margin:					0px;
	margin-bottom:			20px;
	text-transform:			uppercase;
}

div.superpingelsLogoHolder h2 {
	font-size:				14px;
	line-height:			16px;
	color:					#fff;
	text-transform:			uppercase;
	margin:					0px;
	margin-bottom:			14px;
}

div.superpingelsLogoHolder p {
	color:					#fff;
	font-weight:			bold;
}

div.superpingelsLogoHolder a.terugblink {
	position:				absolute;
	width:					141px;
	height:					150px;
	top:					127px;
	left:					816px;
	_left:					428px;
}

div.superpingelsLogoHolder a.terugblink img {
	width:					141px;
	height:					150px;
}

div.billet div.billetTop {
	overflow:				hidden;
	background-image:		url(../images/content-wrapper-top.gif);
	width:					942px;
	height:					3px;
}

div.billet div.billetBottom {
	overflow:				hidden;
	background-image:		url(../images/content-wrapper-bottom.gif);
	width:					942px;
	height:					3px;
}

div.billet {
	position:				relative;
	background-color:		#fff;
	margin-bottom:			20px;
}

div.billet div.content {
	border-style:			solid;
	border-color:			#950000;
	border-width:			0px 1px;
}

div.row {
	float:					left;
	position:				relative;
}

img.absolutImg {
	position:				absolute;
}

div.billet div.content h1 {
	font-size:				20px;
	line-height:			22px;
	color:					#fab416;
	text-transform:			uppercase;
	margin:					25px 0px 3px 0px;
}

div.billet div.content p {
	margin:					0px;
}

div.billet div.content h2 {
	font-size:				12px;
	line-height:			16px;
	color:					#202020;
	text-transform:			uppercase;
	margin:					8px 0px 10px 0px;
}

div.billet div.content label {
	display:				block;
	font-size:				10px;
	line-height:			15px;
	margin:					0px;
	text-transform:			uppercase;
	color:					#909090;
}

input.loginBtn {
	background-image:		url(../images/btn-login.gif);
	width:					143px;
	height:					32px;
	padding:				0px;
	margin:					15px 0px 0px 0px;
	cursor:					pointer;
}

div.ageCheckHolder {
	width:					744px;
	height:					415px;
	margin:					0px auto;
}

div.ageCheckHolder * {
	outline:				none;
}

div.terugblickPage,
div.formulierPage {
	width:					782px;
	margin:					0px auto 40px auto;
}

div.terugblickPage div.billetTop,
div.formulierPage div.billetTop {
	width:					782px;
	background-image:		url(../images/content-wrapper-terugblik-top.gif);
}

div.terugblickPage div.billetBottom,
div.formulierPage div.billetBottom {
	width:					782px;
	background-image:		url(../images/content-wrapper-terugblik-bottom.gif);
}

div.terugblickPage div.content {
	padding:				30px 40px;
}

a.terugHomepage {
	display:				block;
	position:				absolute;
	top:					-10px;
	left:					620px;
}

div.terugblickPage div.content p {
	font-size:				12px;
	line-height:			16px;
	margin-bottom:			16px;
}

p.bigger {
	font-size:				12px;
	line-height:			16px;
	color:					#707070;
}

div.dashedDivider {
	height:					1px;
	overflow:				hidden;
	background-image:		url(../images/dashed-divider.gif);
}

div.content ul {
	padding:				0px;
	margin:					8px 0px 35px 0px;
}

div.content ul li {
	list-style-type:		none;
	padding:				0px;
}

input.checkbox {
	margin:					0px 7px 0px 0px;
	width:					12px;
	height:					12px;
	vertical-align:			middle;
	
}

div.check {
	color:					#404040;
	margin-top:				15px;
	line-height:			12px;
}

a.newWindow {
	padding-right:			15px;
	background:				url(../images/link-new-window-arrow.gif) right center no-repeat;
}

input.signupBtn {
	background-image:		url(../images/btn-signup.gif);
	width:					206px;
	height:					42px;
	padding:				0px;
	margin:					0px;
	float:					right;
	cursor:					pointer;
}

p.alert {
	line-height:			12px;
	color:					#e31b22;
	padding:				9px 0px 9px 33px;
	background:				url(../images/exclamation-mark.gif) left center no-repeat;
	font-weight:			bold;
}

div.formulierItem {
	background-color:		#f5f5f5; 
	border-bottom:			solid 1px #dcdcdc;
}

div.formulierItem div.imageHolder {
	width:					114px; 
	padding:				28px 16px 0px 40px;
}

div.formulierItem div.imageHolder img {
	width:					114px;
	height:					94px;
}

div.formulierItem div.textHolder {
	width:					570px; 
	padding:				0px 0px 30px 0px;
}

div.formulierPage div.formulierItem label {
	display:				inline;
	text-transform:			none;
	color:					#606060;
	font-size:				12px;
	line-height:			12px;
	vertical-align:			middle;
}

div.formulierPage div.formulierItem label.checked {
	color:					#404040;
}