/* css stylesheet */
 
 
/* Systeem kleuren
 
*/
div {
/*border: 1px solid #00FF00;*/
}

#inputLocations {
	width:495px;
}
#inputAdres label {
	width:120px;
}
#inputAdres fieldset {
	width:360px;
}
#inputDates {
	width:370px;
	height:40px;
	padding:15px;
}
 
#inputDate {
	float:left;
	width:180px;
}
 
#typeTraject {
	width:350px;
	height:35px;
	border:1px solid #999;
	padding:15px;
}
#inputTraject {
	float:left;
	width:110px;
}
 
 
#result {
	width:370px;
	padding:15px;
	clear:both;
	text-align:right; 
	padding-top:20px;
}
 
	
#passagierInfo li {
	display:inline-table;
	/*border:1px solid #ff0000;*/
	width:20px;
	
}
 
#passagierInfo label {
	width:51px;
	/*border:1px solid #ff0000;*/
	float:none;
}
#airportTitel {
    font-size: 28px;
	font-weight:bold;
	height:40px;
	display:inline;
	color:	#EC1B36;
}
 
.handlerStyle {
	float:right;
	width:350px;
	padding:15px;
	border-left:1px dashed #EC1B36;
}
#airports a {
	/*background-color:#FFF;*/
	color:#999;
	font-size:150%;	
	text-decoration:none;
	padding:3px;
	margin:3px;
}
 
#Alerttxt {
	font-weight:bold;
	color: #EC1B36;
}
 
 
#airports a:hover {
	background-color: #E90D8B;
	color:#fff;
}
 
#airports li {
	line-height:200%;	
	margin:0px; 
	display:inline;
	margin-left:0px;
	padding-left:0px;	
	padding:0px;
}
#airports {
	margin-left:0px;
	padding-left:0px;	
	width:370px;
}
#totalAmount {
	font-size:180%;
	font-weight:bold;
	font-family:tahoma;
	color: #E90D8B;
	padding:10px;
	width:150px;
}
 
#adresBox {
	margin-bottom:20px;
	width:360px;
	border:1px solid #999;
	padding:10px;
	font-size:15px;
	font-weight:bold;
	clear:both;
}
 
body
{
	background-color:#f6003b;
	font-family:helvetica,arial;
	color:#999;
	margin-top:30px;
	font-size: 12px;
	background-image:url(/img/bg.png);
	background-repeat:repeat-x;
	background-position:top;
	/*margin:0px;*/
}

.btn2_2 {
background-image:url(/img/buttons/bg_3_primary-3.png); 
background-repeat:no-repeat;
height:22px;
margin:0px;
width:115px;
display:inline-block;
color:#fff;
font-size:15px;
padding:5px;
margin-top:10px;
text-decoration:none;
}


#btn {
	background-image:url('/img/btn_bg.png');
	width:102px;
	height:16px;
	color:#fff;
	display:block;
	float:right;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	padding:12px;
	margin:5px;
	background-repeat:none;
}
#container {
	width: 950px;
	margin: auto;
	color: #999;
	line-height: 130%;
}
 
#top {
	padding-left:20px;
	background-color:#fff;
}
 
#top h1 {
	padding: 0;
	margin: 0;
}
 
#leftnav {
	width: 160px;
	float:left;
	margin: 0;
	padding: 1em;
	/*background-color: #E90D8B;*/
}
#menu {
	position:absolute;
	width:860px;
	text-align:right;
	top:120px;
	
}
#menu ol {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
 
#menu li {
	margin-left: 0;
	margin-bottom: 0;
	padding: 2px 5px 10px 20px;
	list-style: none;
	display: inline;
 
}
#menu a {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
#mainnav {
	padding:10px;
	background-color: #fff;
	color:#000;
	height:90px;
	/*background-color: #216477;*/
}
#content
{
	width:910px;
	float:left;
	position:relative;
	margin:0px;
	padding: 20px;
	background-color: #fff;
	/*max-width: 90em;*/
}
#Zoekdate {
	font-size:9px;
}
 
#leftOverview {
	width: 325px;
	float:left;
	margin: 0;
	padding: 1em;
	border:1px solid #057D9F;
	border-left:none;
	background-color: #E90D8B;
	margin-right:15px;
}
#leftOverview p {
	width:300px;
}
 
#leftOverview #selected {
	background-color: #057D9F;
	color:#fff;
	
	padding:5px;
	font-size:13px;
}
 
#subMenu {
	display: inline;
}
#subMenu li {
	display: inline;
}
#subMenu a {
	
}
 
#footer
{
	clear: both;
	margin: 0;
	padding: .5em;
	color:#fff;
	font-size:10px;
	text-align:right;
	/*
		background-color: #216477;
		border-top: 1px solid gray;
	*/
}
#footer a {
color:#ffffff;
}
 
#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
 
#leftnav ol {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
 
#leftnav li {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:auto;
	margin-top:3px;
}
#leftnav li a {
 
	display:block;
	width:180px;
	padding:3px;
	color:#fff;
	/*background-color:#0C0;*/
 
}
 
#leftnav li a:hover {
 
	display:block;
	padding:3px;
	color:#333;
	background-color:#FFF;
}
 
a, a:visited, a:active { 
        text-decoration: underline;
		color: #EC1B36;
}
 
a:visited {
}
 
a:hover
{
        /* because I like the visual feedback a user gets when they
         * mouse over a link and see the underline of the link
         * disappear.
         */
        text-decoration: none;
}
 
 
/* extra css */
p, h1, h2, h3, h4, h5, h6
{
        /* pixels are used here, rather than ems, because I want a consistent 
         * margin on the different headings. if I use ems, 1em for an h1 element 
         * is much larger than 1em on an h6 element. I don't want this.
         */
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 0;
        padding-bottom: 0;
}
 
 
h1
{
        font-size: 150%;
		color:#333333;
}
h2
{
        font-size: 140%;
		color:	#EC1B36;
		padding-top:10px;
}
h3
{
        font-size: 220%;
		color:	#EC1B36;
}
h4
{
        font-size: 100%;
}
h5
{
        font-size: 70%;
}
h6
{
        font-size: 50%;
}
 
.item {
	height: 78px;
	display:block;
	color:#FFF;
	width:609px;
	background-color:#36618c;
	margin-top:5px;
}
.item .itempadding {
	padding:5px;
}
 
 
p {
	margin-top:0px;
	margin-left:10px;
	margin-bottom:8px;
	/*width:850px;*/
}
 
code, pre
{
        /* Make sure we're all using the same monospaced font for CODE
         * and PRE elements
         */
        font-family: "Courier New", Courier, monospace;
}
label
{
        /* It's all about the visual feedback. In this case, label 
         * elements are usually clickable which then set focus on
         * their target. I want to show that to the user in a manner
         * they are used to and understand.
         */
        cursor: pointer;
}
 
.TDitem {
	color:#666;
	width:150px;
	background-color:#CCC;
}
	
.TDitemValue {
	width:150px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
 
 
table
{
        /* Some browsers won't carry the font size down into the 
         * browser like they're suppose to.
         */
        font-size: 100%;
}
 
 
td {
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
		}
th {
	/*border-right:1px solid #E90D8B;
	border-bottom:1px solid #E90D8B;*/
	background-color: #999;
	color:#FFF;
}
 
form {
	/*width:540px;*/
 
}
fieldset ul {
	list-style:none;
}
 
fieldset li {
	padding: 5px;
}
 
select,input {
	font-family:Verdana;
	font-size:11px;
}
 
form {
	/*border:1px solid #FF0000;*/
}
label { 
	width:180px;
	display:block;
	float:left;	
	/*color: #E90D8B;*/
	
}
fieldset {
	width:414px;
	clear:both;
	padding:10px;
	border:1px solid #999;
}
fieldset fieldset {
	width:250px;
	border:1px solid #057D9F;
	padding:5px;
}
 
fieldset fieldset li {
	margin-bottom:10px;
}
 
fieldset legend {
	font-weight:bold;
	font-size:18px;
	color:#FFF;
	padding:3px;
	background-color: #EC1B36;
}
textarea {
	font-family: Verdana;
	font-size: 11px;
	width:180px;
}
 
#Alert {
	background-color: #EC1B36;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	/*border:1px solid #333;*/
	padding:20px;
	margin:10px;
	width:450px;
}
 
 
#tabsI {
  float:left;
  /*max-width: 1200px;*/
  background:#EFF4FA;
  font-size:93%;
  line-height:normal;
  background-image:url("/img/tabpix.gif");
  background-position:bottom;
  background-repeat:repeat-x;
  /*border-bottom:1px solid #DD740B;*/
  }
#tabsI ul {
  margin:0;
  padding:10px 10px 0 30px;
  list-style:none;
  }
#tabsI li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabsI a {
  float:left;
  background:url("/img/tableftII.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
  }
#tabsI a span {
  float:left;
  display:block;
  background:url("/img/tabrightII.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#000;
  }
 
#tabsI a.selected { 
  float:left;
  background:url("/img/tableftI.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
}
 
#tabsI a.selected span {
  float:left;
  display:block;
  background:url("/img/tabrightI.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#003399;
}
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsI a span {float:none;}
/* End IE5-Mac hack */
#tabsI a:hover span {
  color:#000;
}
#tabsI a:hover {
  background-position:0% -42px;
}
#tabsI a:hover span {
  background-position:100% -42px;
}
#tabsI a.selected:hover {
  background-position:0% -42px;
}
#tabsI a.selected:hover span {
  background-position:100% -42px;
}
 
th.calhead {
	color: #E90D8B;
}
td,th {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:left;
	/*border-top:1px dashed #666;*/
	vertical-align:text-top;
	
	padding:5px;
}
 
 
.conditie {
	display:block;
	/*padding:5px;
	background-color:#fff;*/
	font-weight:bold;
	color:#000;
	float:right;
}