/* Body
-------------------------------------------------------------- */
body {
	padding:0;
	margin: 0;
	color: #fff;
	text-align:center;
}
html, body {
	height: 100%;
}
body {
	background-image:url(/img/achtergronden/html-bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
	text-align:center;
}

/* Container
-------------------------------------------------------------- */
.container {
	background-color:#3b4b5d;
	position:relative;
	margin:0px auto;
	padding:0px;
	width:1000px;
	_height:100%;
	min-height:100%;
	text-align:left;
}
.container-ontwikkel { background-color:#000; }
.container-test      { background-color:#0000ff; }

/* Header
-------------------------------------------------------------- */
.header {
	width: 100%;
	height: 153px;
	position:relative;
}
.header h1{
	position:absolute;
	top:85px;
	left:789px;
	width:170px;
	height:56px;
	text-indent:-9999px;
	margin: 0;
	font-size: 1em;
}
.header h1 a{
	display:block;
	width:170px;
	height:56px;
	background:url(/img/algemeen/logo-eventtravel.gif	) no-repeat 0 0;
}

/* Hoofdnavigatie
-------------------------------------------------------------- */
.nav {
	height: 28px;
	background: url(/img/algemeen/bg-nav.gif) repeat-x;
	width: 100%;
	position: relative;
	z-index:3;
}
.nav a.home{
	position:absolute;
	right:88px;
	top:1px;
	width:52px;
	height:26px;
	display:block;
	text-indent:-9999px;
	background:url(/img/navigatie/but-home.gif) no-repeat 0 0;
}
.nav a.inlog{
	position:absolute;
	right:35px;
	top:1px;
	width:53px;
	height:26px;
	display:block;
	text-indent:-9999px;
	background:url(/img/navigatie/but-inlog.gif) no-repeat 0 0;
}
.nav a.tsysteem{
	position:absolute;
	right:12px;
	top:6px;
	width:15px;
	height:16px;
	display:block;
	text-indent:-9999px;
	background:url(/img/navigatie/but-tsysteem.gif) no-repeat 0 0;
}
.hoofdnav {
	height: 28px;
	width: 823px;
	left: 5px;
	top: 1px;
	z-index:400;
	position: absolute;
}
.hoofdnav ul {
	z-index:401;
	list-style: none;
	margin: 0;
	padding:0px;
}
.hoofdnav li {
	float: left;
	height: 26px;
	display: inline;
	margin-left: 5px;
}
.hoofdnav li a {
	display: block;
	height: 26px;
	text-decoration: none;
}
.hoofdnav li a span {
	visibility: hidden;
}
.hoofdnav li#eventtravel a {
	background: url(/img/navigatie/hoofdnav.gif) no-repeat;
	width: 127px;
}
.hoofdnav li#eventtravel a:hover {
	background: url(/img/navigatie/hoofdnav.gif) 0 -26px;
	width: 127px;
}
.hoofdnav li#tickets a {
	background: url(/img/navigatie/hoofdnav.gif) -132px 0 no-repeat;
	width: 111px;
}
.hoofdnav li#tickets a:hover {
	background: url(/img/navigatie/hoofdnav.gif) -132px -26px no-repeat;
	width: 111px;
}
.hoofdnav li#travelinfo a {
	background: url(/img/navigatie/hoofdnav.gif) -248px 0 no-repeat;
	width: 111px;
}
.hoofdnav li#travelinfo a:hover {
	background: url(/img/navigatie/hoofdnav.gif) -248px -26px no-repeat;
	width: 111px;
}
.hoofdnav li#mijnaccount a {
	background: url(/img/navigatie/hoofdnav.gif) -364px 0 no-repeat;
	width: 130px;
}
.hoofdnav li#mijnaccount a:hover {
	background: url(/img/navigatie/hoofdnav.gif) -364px -26px no-repeat;
	width: 130px;
}
.hoofdnav li#boekingsinfo a {
	background: url(/img/navigatie/hoofdnav.gif) -499px 0 no-repeat;
	width: 124px;
}
.hoofdnav li#boekingsinfo a:hover {
	background: url(/img/navigatie/hoofdnav.gif) -499px -26px no-repeat;
	width: 124px;
}
.hoofdnav li#faq a {
	background: url(/img/navigatie/hoofdnav.gif) -628px 0 no-repeat;
	width: 88px;
}
.hoofdnav li#faq a:hover {
	background: url(/img/navigatie/hoofdnav.gif) -628px -26px no-repeat;
	width: 88px;
}
.hoofdnav li#contact a {
	background: url(/img/navigatie/hoofdnav.gif) -721px 0 no-repeat;
	width: 97px;
}
.hoofdnav li#contact a:hover {
	background: url(/img/navigatie/hoofdnav.gif) -721px -26px no-repeat;
	width: 97px;
}

/* Subnavigatie */
.hoofdnav li ul {
	position: absolute;
	width: 250px;
	left: -999em;
	z-index:403;
	margin-left: 1px;
}
.hoofdnav li:hover ul,
.hoofdnav li.sfhover ul {
	left: auto;
	padding-top: 4px;
	z-index:404;
}
.hoofdnav li li {
	border-top: 1px solid #80c9e5;
	border-bottom: 1px solid #000;
	line-height: 2em;
	margin-right: 0;
	z-index:405;
}
.hoofdnav li#eventtravel li a
, .hoofdnav li#tickets li a
, .hoofdnav li#mijnaccount li a
, .hoofdnav li#vragenantwoord li a
, .hoofdnav li#faq li a
, .hoofdnav li#boekingsinfo li a
, .hoofdnav li#travelinfo li a
, .hoofdnav li#contact li a {
	background: #0093cb;
	width: 250px;
	padding-left: 10px;
	color: #fff;
	font-weight:bold;
}
.hoofdnav li#eventtravel li a:hover
, .hoofdnav li#tickets li a:hover
, .hoofdnav li#mijnaccount li a:hover
, .hoofdnav li#vragenantwoord li a:hover
, .hoofdnav li#faq li a:hover
, .hoofdnav li#boekingsinfo li a:hover
, .hoofdnav li#travelinfo li a:hover
, .hoofdnav li#contact li a:hover {
	background: #d0d8e1;
	width: 250px;
	color: #000;
	font-weight:bold;
}

/* Content
-------------------------------------------------------------- */
.content-container {
	margin-top: 9px;
	z-index:9;
}
.column {
	float: left;
	margin-left: 9px;

}
.columntickets {
	position: absolute;
	left: 9px;
	top: 190px;
}
.columnEvent {
	margin-top:97px;
}

#satelliet_map {
	clear:both;
	color:#000;
	margin:0px;
	padding:0px;
}

/* for larger font */
.largefont {
	font-size: 1.1em;
}


.content-container h2.donker {
	margin:10px 0px 4px 0px;
	color:#00162f;
	font-size:1.2em;
	font-weight:bold;
}
.content-container h3 {
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
	background: url(/img/algemeen/border.gif) repeat-x bottom left;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.content-container h3.groot {
	font-size: 1.4em;
	line-height: 1.2em;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.content-container h3 span {
	color: #00deff;
}
.content-container h3 small {
	font-size: 0.75em;
	font-weight: bold;
}
.content-container h3.blauw {
	background: url(/img/algemeen/border-mijnaccount.gif) repeat-x bottom left;
	color: #01244d;
}
.content-container h3.witte_tekst {
	background: url(/img/algemeen/border-mijnaccount.gif) repeat-x bottom left;
	color: #fff;
}
.content-container ul {
	list-style: none;
	margin: 0;
}
.content-container a {
	text-decoration: none;
}
.content-container ul li {
	background: url(/img/algemeen/bullet-blauw.gif) no-repeat left 4px;
	padding-left: 18px;
	margin-bottom: 10px;
}
.content-container ul.nobullets li {
	background: none;
	padding: 0;
	position: relative;
	font-weight: bold;
	margin-bottom: 2px;
}
.content-container ul.nobullets li span {
	position: absolute;
	right: 0;
	font-weight: normal;
}
.content-container ul.nobullets li a.white { color:#fff; }
.content-container ul.nobullets li a.white:hover { color:#00deff; }

.content-container ul.ulfloated {
	/*margin-bottom: 10px;*/
}
.content-container ul.ulfloated li {
	background: none;
	padding: 0 10px 0 0;
	float: left;
	margin-right: 10px;
	border-right: 1px solid #fff;
}
.content-container ul.ulfloated li.last {
	margin: 0;
	border-right: 0;
	padding: 0;
}
.content-container ul.ulfloated li a {
	color: #00deff;
	text-decoration: none;
}
.content-container ul.ulfloated li span {
	font-size: 0.75em;
}


/* Content container Evenement pagina's */
.content-container-evenement {
	margin:9px 0px 0px 0px;
	padding:0px;
}
td.openingstijden span {
	width:145px;
	display:block;
	float:left;
}

/* extra content styling / betaalmethodes
-------------------------------------------------------------- */
.betaalmethodes {
	padding: 15px 5px 5px 10px;
}
.betaalmethodes h3 {
	background: none;
	padding-bottom: 0;
	font-size:11px;
	color:#ecffff;
}
.betaalmethodes img {
	margin-right: 5px;
}

/* extra content styling / blauwe content blokken met vaste hoogte
-------------------------------------------------------------- */
.content-blok-blauw {
	height: 38px;
	background: url(/img/algemeen/bg-blauw.gif) no-repeat;
	margin: 10px 2px 0 2px;
	display: block;
	padding: 10px;
}

.content-blok-blauw h3 {
	background: none;
	padding: 0;
	margin: 0;
	font-size:11px;
	color:#ecffff;
}

.content-blok-blauw ul {
	margin: 0;
}
.content-blok-blauw ul.ulfloated li strong {
	color:#00dfff;
}

/* extra content styling / Poster
-------------------------------------------------------------- */
.postercontainer {
	background: url(/img/algemeen/bg-blauw-groot.gif) repeat-y;
	display: block;
	padding: 1em;
	text-align: center;
	margin-bottom: 1em;
}

/* extra content styling / Extra opstapplaatsen aanvragen
-------------------------------------------------------------- */
.content-blok-blauw-groot {
	background: url(/img/algemeen/bg-blauw-groot.gif) repeat-y;
	margin: 20px 2px 0 0px;
	overflow: hidden;
	display: block;
	text-align: center;
	font-size:1.2em;
}
.content-blok-blauw-groot img {
	margin-top:7px;
}

/* Footer
-------------------------------------------------------------- */
.push {
	display:block;
	clear:both;
	width:100%;
	height:69px;
}
.footer {
	position:absolute;
	top:100%;
	left:0px;
	height:69px;
	margin-top:-69px;
	background: url(/img/algemeen/bg-footer.gif);
	width: 1000px;
	overflow:hidden;
}
.footer ul {
	list-style: none;
	margin: 0;
}
.footer li {
	float: left;
	display: inline;
	line-height: 1em;
}
.footernav {
	position: absolute;
	top: 0;
	left: 20px;
	width: 400px;
}
.footernav li{
	float:left;
}
.footernav li, .footernav li a {
	color: #858f9a;
	text-decoration: none;
}
.footernav li a:hover { text-decoration: underline; }
.footerlogo-left {
	position:absolute;
	top: 21px;
	width: 230px;
}
.footerlogo-left a{
	position:absolute;
	top: 0;
	display:block;
	height:37px;
	text-decoration: none;
}
.footerlogo-left a span {
	visibility: hidden;
}
.footerlogo-left a.elvia{
	width:81px;
	left:22px;
	background:url(/img/logos/mondial.gif) no-repeat 0 0;
}
.footerlogo-left a.footer-logo-2{
	width:24px;
	left:126px;
	background:url(/img/logos/footer-logo-2.gif) no-repeat 0 0;
}
.footerlogo-left a.sgr{
	width:28px;
	left:180px;
	background:url(/img/logos/sgr.gif) no-repeat 0 0;
}
.footerlogo-right{
	position:absolute;
	top: 21px;
	right: 45px;
}
.footerlogo-right li {
	width: 82px;
	height: 32px;
	background: url(/img/achtergronden/logo-container.gif) no-repeat;
	float: left;
	display: inline;
	text-align: center;
	margin-left: 4px;
}
.footerlogo-right li a {
	width: 77px;
	height: 28px;
	margin-top: 1px;
}


/* Ordertraject
-------------------------------------------------------------- */
div.DIV-ordertrajectbalk,
div.DIV-ordertrajectbalkOnlineBetaling{
	height: 24px;
	width: 543px;
	margin:0 auto;
	margin-bottom: 20px;
}
div.DIV-ordertrajectbalkOnlineBetaling{width: 810px;}
div.DIV-stap{
	height: 24px;
	float: left;
	display:block;
}
div.DIV-ordertrajectbalk p,
div.DIV-ordertrajectbalkOnlineBetaling p{
	height: 24px;
}
div.DIV-ordertrajectbalk p.ACTIVE,
div.DIV-ordertrajectbalkOnlineBetaling p.ACTIVE{
	background-position:0 -24px;
}

a.ordertrajectLink {
	color:#ca0101 !important;
	text-decoration:underline;
}
a.ordertrajectLink:hover { text-decoration:none; }

/* zonder online betaling */
div.Stap1{
	width:149px;
}
div.Stap1 p{
	width:149px;
	background:url(/img/ordertraject-stappen/stap1.gif) no-repeat 0 0;
}
div.Stap2{
	width:144px;
}
div.Stap2 p{
	width:144px;
	background:url(/img/ordertraject-stappen/stap2.gif) no-repeat 0 0;
}
div.Stap3{
	width:126px;
}
div.Stap3 p{
	width:126px;
	background:url(/img/ordertraject-stappen/stap3.gif) no-repeat 0 0;
}
div.Stap4{
	width:118px;
}
div.Stap4 p{
	width:118px;
	background:url(/img/ordertraject-stappen/stap4.gif) no-repeat 0 0;
}

/* online betaling */
div.Stap1OnlineBetaling{
	width:149px;
}
div.Stap1OnlineBetaling p{
	width:149px;
	background:url(/img/ordertraject-stappen/stap1-onlinebetaling.gif) no-repeat 0 0;
}
div.Stap2OnlineBetaling{
	width:144px;
}
div.Stap2OnlineBetaling p{
	width:144px;
	background:url(/img/ordertraject-stappen/stap2-onlinebetaling.gif) no-repeat 0 0;
}
div.Stap3OnlineBetaling{
	width:157px;
}
div.Stap3OnlineBetaling p{
	width:157px;
	background:url(/img/ordertraject-stappen/stap3-onlinebetaling.gif) no-repeat 0 0;
}
div.Stap4OnlineBetaling{
	width:126px;
}
div.Stap4OnlineBetaling p{
	width:126px;
	background:url(/img/ordertraject-stappen/stap4-onlinebetaling.gif) no-repeat 0 0;
}
div.Stap5OnlineBetaling{
	width:114px;
}
div.Stap5OnlineBetaling p{
	width:114px;
	background:url(/img/ordertraject-stappen/stap5-onlinebetaling.gif) no-repeat 0 0;
}
div.Stap6OnlineBetaling{
	width:120px;
}
div.Stap6OnlineBetaling p{
	width:120px;
	background:url(/img/ordertraject-stappen/stap6-onlinebetaling.gif) no-repeat 0 0;
}

div.betaalMethodeKeuze {
	margin:5px 0px 20px 0px;
}
div.knoppenContainer {
	margin:15px 0px;
}

/* INTRO */
a.SkipIntro{
	color:#17407e;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	text-decoration:none;
}
a.SkipIntro:hover{
	text-decoration:underline;
}
div.IntroFlashContainer{
	position:relative;
	width:1075px;
	height:528px;
	margin: 20px auto;
}
div.SkipIntroContainer{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1;
	width:1075px;
	height:28px;
	text-align:center;
}
body.Intro{
	background:none;
}

/* Winkelmandje */

/* Evenementen lijst */
div.event-button {
	position:absolute;
	bottom:5px;
	right:5px;
}
div.vertrekplaats-button {
	position:absolute;
	bottom:5px;
	left:6px;
}
div.combikorting {
	background:url(/img/evenementen/combikorting.gif) no-repeat 0 0;
	width:155px;
	height:15px;
	font-size:9px;
	text-indent:108px;
	padding-top:1px;
	overflow:hidden;
	color:#000;
}


div.error_melding {
	border:2px solid #17407e;
	background-color:#fff;
	color:#17407e;
	font-weight:bold;
	padding:5px;
	margin:10px 0px;
	width:400px;
}
a.buttonannuleren:link,
a.buttonannuleren:visited,
a.buttonannuleren:active,
a.buttonannuleren:hover{
	display:block;
	width:101px;
	height:18px;
	background-image:url(/img/buttons/but-annuleren.gif);
	text-indent:-9999px;
}
a.buttonopslaan:link,
a.buttonopslaan:visited,
a.buttonopslaan:active,
a.buttonopslaan:hover{
	display:block;
	width:101px;
	height:18px;
	background-image:url(/img/buttons/but-opslaan.gif);
	text-indent:-9999px;
}
a.buttonterug:link,
a.buttonterug:visited,
a.buttonterug:active,
a.buttonterug:hover{
	display:block;
	width:101px;
	height:18px;
	background-image:url(/img/buttons/but-terug.gif);
	text-indent:-9999px;
}
a.buttonannuleren:hover,
a.buttonopslaan:hover,
a.buttonterug:hover{
	background-position:0 -18px;
}
.foutmelding{
color:#ff0000 !important;
font-weight:bold;
}
.regForm table,
.regForm table tr td,
.regForm table tr{
	padding:0;
	margin:0;
}
.regForm table input{
height:16px;
line-height:16px;
}
.regForm table select{
}
table.invoer input{
	border-top:solid 1px #808080;
	border-left:solid 1px #808080;
	border-right:solid 1px #d4d0c8;
	border-bottom:solid 1px #d4d0c8;
}
table.invoer input.noborder{
	border:0px;
}


/* Kortingsactie evenement pagina */
.content-container-kortingsactie {
	margin:0px;
	padding:0px;
}

#evenementpagina {
	margin:0px;
	padding:0px;
	width:1000px;
	min-height:400px;
	background-repeat:repeat-x;
	background-position:top center;
	overflow:hidden;
}
#evenementpagina #headerimg { width:960px;text-align:center;clear:both; }
#evenementpagina #headerimg div{
width:960px;
}
#evenementpagina #headerimg div img{
visibility:hidden;
}


#evenementpagina #actieContent {
	width:960px;
	margin:0px auto;
	padding:20px 0px;
	clear:both;

}
#evenementpagina #actieInvoer {
	width:1000px;
	clear:both;
	padding:0px 0px 20px 0px;
}
#evenementpagina #actieInvoer .invoerForm { float:left;width:300px;text-align:center; }
#evenementpagina #actieInvoer .invoerForm label { width:300px;text-align:center; }
#evenementpagina #actieInvoer .invoerForm div   { width:300px;text-align:center; }
#evenementpagina #actieInvoer .invoerForm div input { margin-top:5px;border:1px solid #000;height:18px;line-height:19px;clear:both;text-indent:3px; }
#evenementpagina #actieInvoer .invoerForm div input.input_button {
	width:60px;
	text-align:center;
	text-transform:uppercase;
	background-color:#fff;
	height:20px;
	color:#000;
	text-indent:0px;
}

#evenementpagina #actieInvoer .visualLinks  { float:left;width:340px;text-align:center;padding-left:10px; }
#evenementpagina #actieInvoer .visualRechts { float:right;width:340px;text-align:center;padding-right:10px; }

#evenementpagina #actieInvoer .invoerError  { font-weight:bold;color:red; }

/* Opdrachtgevers */
.table-parkeerplaatsen,.table-pendelbussen { color:#fff; }
.table-parkeerplaatsen td, .table-parkeerplaatsen th, .table-pendelbussen td, .table-pendelbussen th { text-align:center; padding:2px 5px 2px 5px; color: #fff; }

table.inlogscherm{
	margin:auto;
}
table.inlogscherm td input.text{
	border:solid 1px #999;
	height:18px;
	width:200px;
	line-height:16px;
	margin-bottom:3px;
}