/* 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:	


#5A7504;
}

.handlerStyle {
	float:right;
	width:350px;
	padding:15px;
	border-left:1px dashed 


#5A7504;
}
#airports a {
	/*background-color:#FFF;*/
	color:#999;
	font-size:150%;	
	text-decoration:none;
	padding:3px;
	margin:3px;
}

#Alerttxt {
	font-weight:bold;
	color:


#5A7504;
}


#airports a:hover {
	background-color:


#CFF360;
	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:


#CFF360;
	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:


#CFF360;
	font-family:helvetica,arial;
	color:#999;
	margin:20px;
	margin-top:30px;
	font-size: 12px;
	background-image:url(/userfiles/image/bg.gif);
	background-repeat:repeat-x;
	background-position:center;
	background-attachment:fixed;
	
}
#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-left: auto ;
  margin-right: auto ;
	color: #999;
	line-height: 160%;
}

#top {
	width: 100%;
	background-color:#fff;
}

#top h1 {
	padding: 0;
	margin: 0;
}

#leftnav {
	width: 160px;
	float:left;
	margin: 0;
	padding: 1em;
	/*background-color:


#CFF360;*/
}
#menu {
	float:right;
	/*margin-top:100px;*/
}
#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:120px;
	/*background-color:


#7D923A;*/
}
#content
{
	width: 100%;
	position:relative;
	
	padding: 20px;
	background-color: #fff;
	/*max-width: 90em;*/
}
#Zoekdate {
	font-size:9px;
}

#leftOverview {
	
	float:left;
	margin: 0;
	padding: 1em;
	border:1px solid 


#AADA16;
	border-left:none;
	background-color:


#CFF360;
	margin-right:15px;
}
#leftOverview p {
	width:300px;
}

#leftOverview #selected {
	background-color:


#AADA16;
	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: 


#7D923A;
		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:


#5A7504;
}

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:	


#5A7504;
		padding-top:10px;
}
h3
{
        font-size: 220%;
		color:	


#5A7504;
}
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 


#CFF360;
	border-bottom:1px solid 


#CFF360;*/
	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:


#CFF360;*/
	
}
fieldset {
	width:414px;
	clear:both;
	padding:10px;
	border:1px solid #999;
}
fieldset fieldset {
	width:250px;
	border:1px solid 


#AADA16;
	padding:5px;
}

fieldset fieldset li {
	margin-bottom:10px;
}

fieldset legend {
	font-weight:bold;
	font-size:18px;
	color:#FFF;
	padding:3px;
	background-color:


#5A7504;
}
textarea {
	font-family: Verdana;
	font-size: 11px;
	width:180px;
}

#Alert {
	background-color:


#5A7504;
	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:


#CFF360;
}
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;
}