@charset "utf-8";
/* Railbike Limburg CSS*/

/*MAIN STYLES*/

body {
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
background: url('../images/body_bg.jpg') bottom no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-attachment: fixed;
/*background: green;*/
}

div#wrapper {
position:relative;
width: 970px;
height: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align:	center;
}

#frame {
position:relative;
float: left;
display: inline;
width: 960px;
height: auto;
margin: 20px 0;
padding: 0px 0px 0px 0px;
text-align: center;

background:#fff;
border:5px solid #fff;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

#frame img.mainpic{
position:absolute;
top:60px;
_top:63px;
left:51px;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#header {
float: left;
display: inline;
width: 960px;
height: 363px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
background: url('../images/header_bg.jpg') center top no-repeat;
background-size: 960px;

border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

#header div.image{
float: left;
display: inline;
width: 960px;
height: 166px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#header div.mainmenu{
float: right;
display: inline;
width: auto;
height:14px;
margin: 270px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#header div.mainmenu div.bluemenu,
#header div.mainmenu div.graymenu{
float: left;
display: inline;
width: auto;
height:14px;
margin: 0px 6px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#header div.mainmenu  div.bluemenu ul, #header div.mainmenu  div.graymenu ul{
float: left;
display: inline;
width: auto;
height:14px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;

list-style-type:none;
}

#header div.mainmenu  div.bluemenu ul li, 
#header div.mainmenu  div.graymenu ul li{
float: left;
display: inline;
width: auto;
height:14px;
margin: 0px 6px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;

list-style-type:none;
}

#header div.mainmenu  div.bluemenu ul li a, #header div.mainmenu  div.bluemenu ul li img, #header div.mainmenu  div.graymenu ul li a, #header div.mainmenu  div.bluemenu ul, #header div.mainmenu  div.graymenu ul li img{
border:0px none;
}

#header div.mainmenu div.bluemenu ul li a {
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#EE1D24;
}

#header div.mainmenu div.bluemenu ul li a:hover {
/*color:#88C4E5;*/
}

#header div.mainmenu div.graymenu ul li a {
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#9A9C9F;
}

#header div.mainmenu div.graymenu ul li a:hover {
color:#C2C4C5;
}

#header div.mainmenu div.graymenu{
float: left;
display: inline;
width: auto;
height:14px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}



#content {
float: left;
display: inline;
width: 960px;
height: auto;
margin: 0px 0px 0px 0;
padding: 50px 0px 0px 0px;
text-align: center;

/*background-image:url(/web/20230830134552im_/http://www.railbikelimburg.be/resources/images/content_bg.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
*/}

#content div.left{
float: left;
display: inline;
width: 390px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#content div.right div.reservationform{
float: left;
display: inline;
width: 338px;
height: auto;
/* margin: 20px 0px -10px 22px; */
margin: 10px;
padding: 0px 0px 0px 0px;
text-align: left;

border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
/* background-color:#EE1D24; */

border: 2px solid #EE1D24;
}

#content div.right div.reservationform div.title{
float: left;
display: inline;
width: 283px;
height:50px;
margin: 10px 0px 0px 0px;
padding: 10px 0px 0px 10px;
text-align: left;
font-weight:bold;

}

#content div.right div.reservationform div.title span.blue{
color:#FFF;
}

#content div.right div.reservationform div.row{
float: left;
display: inline;
width: 338px;
height: auto;
margin: 0px 0px 12px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#content div.right div.reservationform div.intro{
float: left;
display: inline;
width: 306px;
height: auto;
margin: 20px 0px 12px 20px;
padding: 0px 0px 0px 0px;
text-align: left;
font-size:12px;

/* color:#fff; */
}


#content div.right div.reservationform div.row div.label{
float: left;
display: inline;
width: 112px;
height: 20px;
margin: 2px 0px 0px 20px;
padding: 3px 10px 0px 0px;
text-align: right;
font-size:11px;

/* color:#FFF; */
font-weight: bold;


border-bottom: 1px solid #fff;
}

#content div.right div.reservationform div.row div.content{
float: left;
display: inline;
width: 170px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-size:11px;

color:#EE1D24;
}


#content div.right div.reservationform div.row div.content input, 
#content div.right div.reservationform div.row div.content select {
float: left;
display: inline;
width: 150px;
height: 20px;
line-height: 20px;
line-height:20px;
margin: 0px 0px 0px 0px;
padding: 5px 10px;
text-align: left;
font-size:11px;
border:1px solid #EE1D24;

color:#939598;

border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

#content div.right div.reservationform div.row div.content select {
height: 30px;
line-height:30px;
}

#content div.right div.reservationform div.row div.content textarea{
float: left;
display: inline;
width: 170px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 0px;
text-align: left;
font-size:11px;
border:1px solid #EE1D24;

color:#939598;
}

#content div.right div.reservationform div.row input.send{
float: none;
display: inline;
width: auto;
height: auto;
margin: 5px 0px 10px 20px;
padding: 10px 35px 10px 10px;
text-align: left;
font-size:12px;
font-weight:bold;
overflow:visible;
cursor: pointer;

color:#FFFFFF;

background-color:#EE1D24;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
/*background-image:url(/web/20230830134552im_/http://www.railbikelimburg.be/resources/images/presentatie/send_btn_bg.jpg);*/
/*background-repeat:no-repeat;
background-position:right center;
border:0px none;*/
border:1px solid #fff;
}

#content div.right{
float: right;
display: inline;
width: 510px;
height: auto;
margin: -110px 20px 20px 0px;
padding: 20px 20px 20px 20px;
text-align: left;

background-color:#FFF;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;

/*border-left: 1px solid #939598;*/
}

#content div.right p{
float: left;
display: inline;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
text-align: left;
font-size:14px;

color:#7a7b7f;
}

#content div.right ul{
font-size:14px;

color:#7a7b7f;
}
#content div.right ul li {
	padding: 5px 0;
}

#content div.right a{
font-size:12px;
text-decoration:none;

color:#EE1D24;
}

#content div.right a:hover{
font-size:12px;
text-decoration:underline;

color:#EE1D24;
}


#content div.right img{
float: left;
display: inline;
width: 100%;
height: auto;
margin: 10px 10px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-size:12px;

color:#7a7b7f;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
/*border:2px solid #EE1D24;*/

}

#content div.right video {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

#content div.right a.link{
float:left;
display:inline;
width:120px;
text-align:center;
font-size:12px;
margin:10px 10px 0px 0px; 
text-decoration:none;
/*border:2px solid #EE1D24;*/
color:#EE1D24;
}

#content div.right a.link img{
float:none;
border: 0px none;
}

#content div.right h1, #content div.right h2{
float: left;
display: inline;
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
padding: 20px 10px 10px 10px;
text-align: left;
font-size:16px;
font-weight:bold;
text-transform: uppercase;

color:#EE1D24;
}

#footer{
float: left;
display: inline;
width: 960px;
height:auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#footer div.sponsors{
float: left;
display: inline;
width: 960px;
height: auto;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}


#footer div.sponsors p{
float: left;
display: inline;
width: 960px;
height: auto;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font-weight:bold;

color:#EE1D24;
}

#footer div.sponsors a, #footer div.sponsors img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:0px none;
}

#footer div.menu{
float: right;
display: inline;
width: auto;
height: auto;
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
text-align: center;
font-size:12px;
color:#EE1D24;
}


#footer div.copy{
float: left;
display: inline;
width: auto;
height: auto;
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
text-align: center;
font-size:12px;
color:#939598;
}

#footer div.menu a{
text-decoration:none;
color:#EE1D24;
}

#footer div.menu a:hover{
text-decoration:underline;
color:#EE1D24;
}

/*GOOGLE MAPS styles*/

#map {
	width: 396px;
	height: 600px;
	margin:20px 0px 0px 0px;
	padding:0px;
	border: 2px solid #B6B6B6;
}

.mapframe {
	width: 400px;
	height: 640px;
	margin:0px;
	padding:0px;
	border: 0px none;
	overflow: hidden;
}

/*error messages*/

#content div.right div.reservationform div#errorMessage{
display:none;
}

div#errorMessage p {
margin:10px 10px 10px 10px;
padding:5px 5px 5px 5px;
border:1px solid #fff000;
		-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
color:#fff000;
}


.infomessage {
	float:left;
	width:auto;
	border:5px solid #FFF; 
	background:#F3B61F;
	margin: 160px 70px 20px;
	padding:10px 50px;
		-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 

-webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.36);
-moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.36);
box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.36);
}

.infomessage p { 
	color:#fff;
font-size: 14px;
	font-weight: bold;
	
}

#content div.right div.reservationform.infomessageshown {
	margin-top:85px;
}

#content div.right.infomessageshown2 {
	margin-top:0;
}

.reserve {
	/* float: left; */
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 318px;
	height: auto;
	margin: 0 0px 0px 22px;
	padding: 10px;
	text-align: center;

	border-radius: 5px 5px 5px 5px;
	background-color:#EE1D24;

}

.reserve * {
	color: #FFF;	
}

.reserve ul {
	display: inline-block;
	width: auto;
	margin: 10px;
	padding: 0;
}

.reserve li {
	width: auto;
	padding: 10px;

	font-size: 14px;
	text-align: left;
	list-style-type: none;
}

.reserve li:before {
	content: "\2714";
	margin-right: 10px;
	color: #2ECC71;
}

.reserve .price {
	font-size: 20px;
	font-weight: bold;
}

.reserve h2 {
	text-transform: uppercase;
	line-height: 1.3em;
}

.reserve h2 span {
	display: inline-block;
	margin: 10px 0;
}

.reserve .mandatory {
	float: none;
	display: inline-block;
	width: auto;
	padding: 10px;
	margin: 10px 20px 20px;

	background: #FFF;
	border-radius: 5px 5px 5px 5px;
	font-size: 13px;
	font-weight: bold;
	color: #EE1D24;
}
/*
     FILE ARCHIVED ON 13:45:52 Aug 30, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:47:55 Apr 10, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.007
  exclusion.robots: 0.083
  exclusion.robots.policy: 0.073
  cdx.remote: 0.063
  esindex: 0.013
  LoadShardBlock: 116.735 (3)
  PetaboxLoader3.datanode: 55.691 (4)
  PetaboxLoader3.resolve: 150.174 (2)
  load_resource: 110.719
*/