/*
* Main body and table defenitions
*/
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background: #EEE8CD; text-align: center; }
/*
* Table and td defenitions
*/
table, tr, td { border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }
/*
* Main div definitions (display inline fixes IE double margin bug)
*/
div#main { width: 763px; margin: 0 auto; background: #FFFFFF url("../images/left_blocks_background.gif") repeat-y; }
div#main.wide { width: 763px; margin: 0 auto; background: #FFFFFF url("../images/wide_background.gif") repeat-y; }
div#headerAmsterdam { height: 160px; background: #fff url('../images/amsterdam.logo.jpg') no-repeat 100%; }
div#headerUtrecht { height: 160px; background: #fff url('../images/utrecht.logo.jpg') no-repeat 100%; }
div#left { text-align: left; width: 150px; float: left; margin: 0px; display: inline; padding: 5px; background: #F5F5F5; }
div#middle { text-align: left; width: 423px; float: left; margin: 0px; padding: 10px; display: inline; }
div#middle.wide { width: 583px; }
div#right { text-align: left; width: 160px; float: left; margin: 0px; display: inline; }
div#footerText a { font-weight: normal; text-decoration: none; color: #222; }
/* Making the footer stick to the bottom =] */
div#main { position: relative; min-height: 100%; }
* html div#main { height: 100%; }
/*
* Module, menu and block definitions
*/
div.block { margin-top: 10px; background-color: #E3EBC7; }
div.menu { }
div.module { margin-bottom: 10px; float: left; }
div.header { font-size: 14px; line-height: 14px; padding: 2px; font-weight: bold; font-family: "Trebuchet MS"}
div.module div.header { line-height: 20px; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #DD000E; }
div.block div.header { background: #ffffff; }
div.menu div.header { background: #ffffff; }
div.content { }
div.module div.content { }
div.block div.content { }
div.clear { clear: both; }
/*
* Wait and error screen container
*/
div#messageContainer { width: 400px; margin: 100px auto 0px auto; background: white; }
div#route_planner { background: #F5F5F5; padding: 5px; width: 149px; overflow: hidden; }
div#route_planner span.header { line-height: 25px; font-size: 12px; font-weight: bold; letter-spacing: 1px; color: #DD000E; }
div#route_planner input { border: 1px #003366 solid; }
div#route_planner input.straat { width: 142px; }
div#route_planner input.postcode { width: 48px; float: left;}
div#route_planner input.plaats { width: 85px; float: right; }
div#route_planner select { width: 144px; }
div#route_planner input.button { width: auto; float: right; color: #003366; }
div#reservering{ }
div#reservering div#reserveringbox div#contentwindow,
div#frontloader{ width: 398px;}
div#reservering div#reserveringbox div#contentwindow{height:400px;}
div#reservering div#reserveringbox div#stepcontent div.step{ width:395px;}
div#reservering div#reserveringbox div#head{width:400px;}
div#reservering div#text_right{ width:165px; float:right; margin:33px 0px 0px 10px;}
div#reservering div#reserveringbox{display:inline;float:left;margin-top:30px;}
div#reservering div#reserveringbox div#head{ margin:2px;background: #00bbeb;height:20px;text-indent: 10px;line-height:20px;}
div#reservering div#reserveringbox div#contentwindow{ margin:2px;border: 1px solid #ccc; }
div#reservering div#reserveringbox div#stepcontent{ margin:20px 0px 10px 6px;}
div#reservering div#reserveringbox div#stepcontent div#left { margin:10px 0px 0px 0px;width:70px;float:left;background:#FFF; }
div#reservering div#reserveringbox div#stepcontent div#right {margin:14px 0px 0px 10px;width:300px;height:348px;float:left;}
div#reservering div#reserveringbox div#stepcontent div#right table{width:270px;}
div#reservering div#reserveringbox div#stepcontent div#telcontainer{ float:left;}
div#reservering div#reserveringbox div#frontloader{ color:#888;position:absolute;}
div#reservering div#reserveringbox div#frontloader img{ margin-top: 120px;}
div#reservering div#reserveringbox td.captions{width:70px;}
div#reservering div#reserveringbox td.fields,
div#reservering div#reserveringbox td.fields input,
div#reservering div#reserveringbox td.fields textarea,{width:180px;}
div#reservering div#text_bottom{ width:378px; }
/* global css-settings slider- button & windows */
div.frontSlide{ }
div.frontSlidebutton{ margin:0px 0px 10px 0px; padding:0;background: url(../icons/slidebutton.gif) no-repeat 0px 3px; cursor: pointer;float:left}
div.frontSlidebutton img{ margin:0px 5px 0px 0px;}
div.frontSlidebutton img:hover{ background: #90d3e9;}
div.frontSlidewindow{ }
/* derived css-settings slider- button & windows */
/*
* Pure css drop down menu ;)
*/
/* Container div */
div#menu_ulstyle { width: 763px; height: 21px; border-top: 1px #FFF solid; background: #003366; text-align: left; margin: 0 auto; }
/* Link decoration */
div#menu_ulstyle a,
div#menu_ulstyle a:hover,
div#menu_ulstyle a:active,
div#menu_ulstyle a:visited { color: #FFF; text-decoration: none; }
div#menu_ulstyle a:hover { background-color: #0099CB; }
/* Must have basics */
div#menu_ulstyle a { display: block; white-space: nowrap; }
div#menu_ulstyle ul { list-style: none; margin: 0; padding: 0; text-align: left; float: right; }
div#menu_ulstyle ul li { float: left; position: relative; font-size: 11px; border-left: 1px solid #FFF; }
div#menu_ulstyle ul li a { padding: 2px 10px; }
div#menu_ulstyle ul li ul { position: absolute; top: 20px; left: -1px; }
div#menu_ulstyle ul li ul li { float: none; border: 0px; }
div#menu_ulstyle ul li ul li a { padding: 2px 10px; }
/* Give some markup to the sub menu */
div#menu_ulstyle ul li ul { background-color: #003366; border-top: 1px #FFF solid; }
/* The mouseover display / hide part */
div#menu_ulstyle ul li ul { display: none; }
div#menu_ulstyle ul li:hover ul { display: block; }
/* Home link */
div#menu_ulstyle span { float: left; border-right: 1px solid #FFF; border-left: 1px solid #FFF; }
div#menu_ulstyle span a { font-size: 11px; padding: 2px 10px; display: block; }