body {
	padding: 0;
	margin: 0;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height:18px;
	overflow:auto;
	overflow-x: hidden;
	color: #333333;
}
	body.Wood { background:url(/images/backgrounds/wood.jpg) center top; }
	body.Grass { background:url(/images/backgrounds/grass.jpg) fixed center top; }


#Wrapper {
	padding: 0;
	padding-bottom: 50px;
	margin: 0 auto;
	width: 980px;
}

#Header {
	padding: 0;
	margin: 0;
	background: url(/images/backgrounds/header.png) no-repeat center top;
	overflow: hidden;
}

	div.HeaderB2C{
		background: url(/images/backgrounds/header.png) no-repeat center top;
		width: 980px;
		height: 233px;
	}

	div.HeaderB2B {
		background: url(/images/backgrounds/header_b2b.png) no-repeat center top;
		width: 980px;
		height: 233px;
	}

	.SectionWrapper {
		position: relative;
		float: right;
		text-align: right;
		top: 41px;
		margin-right: 30px;
		z-index: 1000;
		overflow: hidden;
	}
	
	.SectionLeft {
		float: left;
		height: 30px;
		width: 26px;
		background: url(/images/sections/background_left.png) no-repeat left top;
	}

	.SectionContent {
		margin-left: 26px;
		padding-right: 15px;
		height: 30px;
		background: url(/images/sections/background_right.png) no-repeat right top;
	}
	
	.MainMenu {
		position: absolute;
		top: 166px;
		height: 67px;
		width: 950px;
		overflow: hidden;
		z-index: 1000;
	}
	
	.Languages {
		position: absolute;
		top: 12px;
		margin-left: 800px;
		z-index: 1000;
		width: 135px;
		text-align: right;
	}
	
	div.Logo {
		float:left;
		position:absolute;
		margin-top:60px;
		margin-left:60px;
	}

#Content {
	position:relative;
	padding: 0;
	margin: 0 0 50px 0;
	width: 980px;
	background: url(/images/backgrounds/content.png) no-repeat bottom center;
}

	#BreadCrumbs {
		margin-top:-10px;
		height: 25px;
		font-size: 10px;
		color: #64caf5;
		cursor: default;
	}
	
		#BreadCrumbs a { 
			padding-left: 12px;
			margin-right: 5px;
			text-decoration: none;
			height: 15px;
			color: #64caf5;
			background: url(/images/content/buttons/breadcrumbs.png) no-repeat 0 0;
		}
		#BreadCrumbs a:hover {
			color: #00365b;
			background: url(/images/content/buttons/breadcrumbs.png) no-repeat 0 -13px;
		}
		
		#BreadCrumbs a.First { 
			padding-left: 0;
			background: url(/images/content/buttons/breadcrumbs.png) no-repeat -13px 0;
		}
		#BreadCrumbs a.First:hover {
			background: url(/images/content/buttons/breadcrumbs.png) no-repeat -13px -13px;
		}
	
	#OverlayerTop{
		position: absolute;
		top: 0px;
		width: 980px;
		height: 10px;
		z-index: 100;
	}
	
	#Footer {
		margin-top: -1px;
		padding-top: 6px;
		width: 980px;
		height: 24px;
		color: #ffffff;
		float: left;
	}
		div.FooterLinks {
			float: left;
			width: 460px;
			margin: 0 0 0 45px;
			color: #fff;
		}
		
			div.FooterLinks a {
				color: #fff;
				text-decoration: none;
			}
			div.FooterLinks a:hover { border-bottom: 1px dotted #ffffff; }	
	
		div.FooterBlue { background: url(/images/overlayers/footer_blue.png) no-repeat; }
		div.FooterBlueLong { background: url(/images/overlayers/footer_blue_long.png) no-repeat; }
		div.FooterOrange { background: url(/images/overlayers/footer_orange.png) no-repeat; }
		div.FooterYellow { background: url(/images/overlayers/footer_yellow.png) no-repeat; }
	
div.ClearBoth {
	clear: both;	
}

/* TEXT */
p { 
	margin: 0 0 15px 0;	
}

.text-white {
	color: #FFF;
}

.text-black {
	color: #000;
}

.text-blue {
	color: #00365b;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 0 -2px;
	margin-bottom: 5px;
	padding: 0;
	overflow: hidden;
	color: #00365b;
}

h2 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 0 -2px;
	margin-bottom: 5px;
	padding: 0;
	overflow: hidden;
}
	
h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 0 -1px;
	margin-bottom: 5px;
	padding: 0;
	overflow: hidden;
	color: #64caf5;
}
h4 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 0 -1px;
	margin-bottom: 5px;
	padding: 0;
	overflow: hidden;
	color: #64caf5;
}

	.LightBlue 	{ color: #64caf5; }
	.DarkBlue 	{ color: #00365b; }
	.White 		{ color: #ffffff; }
	.Black 		{ color: #000000; }

div.hr {
	height: 11px;
	overflow: hidden;
	background:url(/images/backgrounds/hr.png) repeat-x top;
	margin: 10px 0 10px 0;
}

table.White { 
	color: #fff;
	margin-bottom: 15px;
}

/* LINKS */
a {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;	
}

a.link-arrow { 
	background: url(/images/content/buttons/arrow.gif) left center no-repeat;
	padding: 4px 0 4px 22px;
	text-decoration: none;
	line-height: 22px;
	color: #000000;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}
a.link-arrow:hover {
	background: url(/images/content/buttons/arrow_over.gif)  left center no-repeat;
	text-decoration: underline;
}

a.link-arrow-dark {
	background: url(/images/content/buttons/arrow_dark.gif) left center no-repeat;
	padding: 4px 0 4px 22px;
	text-decoration: none;
	line-height: 22px;
	color: #000000;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}
a.link-arrow-dark:hover {
	background: url(/images/content/buttons/arrow_dark_over.gif) left center no-repeat;
	text-decoration: underline;
}

.link-arrow-blue {
	background: url(/images/content/buttons/arrow_blue.gif) left center no-repeat;
	padding: 4px 0 4px 22px;
	text-decoration: none;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}
.link-arrow-blue:hover {
	background: url(/images/content/buttons/arrow_blue_over.gif) left center no-repeat;
	border-bottom: 1px dotted 
}



/* BUTTONS */
div.ButtonSpan {
	height: 23px;
	padding: 0 0 0 28px;
	margin-bottom: 5px;
}

	div.ButtonSpan a {		
		color:#fff;
		font-weight:bold;
		line-height:23px;
		padding: 11px 15px 11px 0px;
		text-decoration:none;
		overflow: hidden;
	}
	
	.ButtonLightBlue 			{ background:url(/images/misc/buttons/lightblue_left.png) no-repeat left center;	}
	.ButtonLightBlue a 		 	{ background:url(/images/misc/buttons/lightblue_right.png) no-repeat right -0px; }
	.ButtonLightBlue a:hover 	{ background:url(/images/misc/buttons/lightblue_right.png) no-repeat right -45px; }
	
	.ButtonDarkBlue 			{ background:url(/images/misc/buttons/darkblue_left.png) no-repeat left center;	}
	.ButtonDarkBlue a 			{ background:url(/images/misc/buttons/darkblue_right.png) no-repeat right -0px; }
	.ButtonDarkBlue a:hover 	{ background:url(/images/misc/buttons/darkblue_right.png) no-repeat right -45px; }

	.ButtonRed 					{ background:url(/images/misc/buttons/red_left.png) no-repeat left center;	}
	.ButtonRed a 				{ background:url(/images/misc/buttons/red_right.png) no-repeat right -0px; }
	.ButtonRed a:hover 			{ background:url(/images/misc/buttons/red_right.png) no-repeat right -45px; }

	.ButtonOrange 				{ background:url(/images/misc/buttons/orange_left.png) no-repeat left center;	}
	.ButtonOrange a 			{ background:url(/images/misc/buttons/orange_right.png) no-repeat right -0px; }
	.ButtonOrange a:hover 		{ background:url(/images/misc/buttons/orange_right.png) no-repeat right -45px; }

/* FORMS */
.FormRow { 
	margin-bottom: 10px; 
}

.InputSelectBox {
	padding: 0;
	height: 22px;
	border: 1px solid #d7d7d7;
	color: #666666;
}
.form-textfield {
	height: 20px;
	background: url(/images/misc/forms/textfield_background.jpg) repeat-x;
	border: 1px solid #d7d7d7;
	color: #666666;
}
.form-textfield-error {
	height: 20px;
	color: #666666;	
	background-attachment: scroll;
	background-image: url(/images/misc/forms/form-error.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding-left: 3px;
	border: 1px solid #FF0000;
	
}
.form-textarea {
	height: 20px;
	background: url(/images/misc/forms/textarea_background.jpg) repeat-x center top #ffffff;
	border: 1px solid #d7d7d7;
	overflow:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;	
}

/*Actionticket fields: */
div.ActionTicket {
	width: 425px;
	height: 260px;
	background: url(/images/content/special/actieticket.jpg) no-repeat center top;
}
div.ActionTicket:hover {
	background: url(/images/content/special/actieticket.jpg) no-repeat center -260px;
}

div.SeasonTicket {
	width: 425px;
	height: 260px;
	background: url(/images/content/special/seizoensticket.jpg) no-repeat center top;
}
div.SeasonTicket:hover {
	background: url(/images/content/special/seizoensticket.jpg) no-repeat center -260px;
}

div.TicketFieldText {
	padding: 15px 0 0 0;
	width: 220px;
	margin-left: 190px;
}
div.TicketFieldText p{
	margin:0 0 10px 0;
	padding:0;
}