/* 
----------------------------------------------------------------------------- 
GLOBAL RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}
/*div {border: 1px solid green;}*/


body, html {
margin: 0;
padding: 0;
}
body {
  margin: 20px 0 1em 0;
  padding: 0 0 1em 0;
  color: #000;
  font-size: 12px;
  font-family: Verdana;
  text-align: center;
  background-color: #FFF;
}
body#bodypopup {
  text-align: left;  
}

h1 {
  font-size: 1.5em;
  color: #FF0000;
  font-weight: bold;
}
#bodypopup h1 {
  margin: 5px;
}
h2 {
  font-size: 1.5em;
  color: #FF0000;
  font-weight: bold;
}

p {
  line-height: 1.3;
  margin: 3px 5px 10px 0px;
}
table {
  font-size: 11px;
  color: #000;
  line-height: 1.3;
  margin: 1px 5px 10px 1px;
}
table img {
  margin: 2px 2px 2px 0;
}

table.formbook {
  font-size: 12px;
}
table.formbook thead {
  font-weight: bold;
}
table.formbook td {
  padding-right: 3px;
}
table.bookingoverview {
  font-size: 12px;
}
table.bookingoverview thead {
  font-weight: bold;
}
table.bookingoverview thead {
  text-align: right;
  font-weight: bold;
}
table.bookingoverview thead td.column1 {
  text-align: left;
  font-weight: bold;
}
table.bookingoverview td.column1 {
  width: 250px;
  padding: 4px;
}
table.bookingoverview td.column2 {
  width: 100px;
  text-align: right;
  padding: 4px;
}
table.bookingoverview td.column3 {
  width: 100px;
  text-align: right;
  padding: 4px;
}
table.bookingoverview td.column3.totaal{
  border-top: 1px solid #000;
  font-weight: bold;
}

#OptionEigenVervoer {
  display: none;
}
#OptionEigenVervoer2 {
  display: none;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #0033FF; 
}

#container {
  width: 980px;
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
  color: #000;
  background-color: #FFF;
padding: 0 0 0 0;
  padding-bottom:80px;
  overflow-y:auto;
  overflow-x:hidden;
}



#header {
  position: relative;
  display: block;
  float: left;
  width: 780px;
}

#headerlogo {
  height: 77px;
}

#headerlogo h3 {
  height: 75px;
  width: 520px;
  left:5px;top:0px;
  position:relative;
  font-size:1em;
  margin:0 0 0px 0;
}
/* mac hide \*/
#headerlogo h3 {overflow:hidden;}
/* end hide*/
#headerlogo h3 span {
  background: transparent url(images/logo.gif) no-repeat left top;
  position:absolute;
  left:0px;top:0px;
  display:block;
  height: 75px;
  width: 520px;
  cursor:pointer;
}
#headerlogo a:link, #headerlogo a:visited, #headerlogo a:hover, #headerlogo a:active {
  text-decoration:none;
}

#headerimage {
    position:relative;
    height:125px;
}
 
#headerimage IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#headerimage IMG.active {
    z-index:10;
    opacity:1.0;
}
 
#headerimage IMG.last-active {
    z-index:9;
}




#menu {
  display: block;
  float: right;
  background-color: #FFF;
  width: 200px;
}
#contact {
  height: 64px;
  color: #FFF;
  background-color: #ACCA57;
  padding: 5px 0 4px 10px;
}
#contact a {
  color: #FFF; 
}
.contact {
  font-size: 1.1em;
  font-weight: bold;
}
#menu ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  text-indent:0px; 
}
#menu ul li {
  line-height:27px;  
  margin: 4px 0 0px 0;
}
#menu ul li a {
  font-weight:bold;
  text-decoration:none;
  display: block; /* makes full block clickable */
  height: 100%;
  padding-left: 10px;
  color: #FFFFFF;
  background-color:#ACCA57;
}
#menu ul li a:hover,
#menu ul li a:active {
  color:white;
  background-color: #89AA2B; 
}

#headernav {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#headernav img {
  border: 0; 
}

#headernav a {
  text-decoration: none;
  color: #848484;
}

#navigation {
  position: relative;
  display: block;
  float: left;
  width: 980px;
  max-width: 980px;
  background: #FFF;
  margin: 0;
  padding: 0;
}

#nav_main {
  margin: 1px;
  padding: 0;
  width: 370px;
  max-width: 370px;
  background-color: #FFF;  
  float: left;
}

  
#nav_extra {
  float: left;
  margin: 2px 0 0 0;
  padding: 0;
  width: 180px;
}
  
#nav_extra ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
#nav_extra ul li {
  font-weight:normal; 
  font-size: 1.1em;
  border-bottom:1px solid #FFF;
}
#nav_extra ul li a{
  color:#848484; 
  padding: 2px;
  text-decoration: none;
  font-weight: bold;
  display: block;
}
#nav_extra ul li a:hover{
  background-color: #848484;
  color: #FFF;
}

#nav_extra ul li.selected a {
  background-color: #848484;
  color: #FFF;
}

#NavExtraTop {
  position: relative;
  left: 0px;
  width: 180px;
  height: 6px;
  padding: 0px;
  margin: 0px;
  background:  url(images/bg-navextra-top.gif) no-repeat left top #E9ECE9;
}

#NavExtraContent {
  min-height: 143px;
  height: 143px;
  border-left: 1px solid #909090;
  border-right: 1px solid #909090;
  background-color: #E9ECE9;
}

#NavExtraBottom {
  position: relative;
  left: 0px;
  width: 180px;
  height: 6px;
  padding: 0px;
  margin: 0px;
  background:  url(images/bg-navextra-bot.gif) no-repeat left top #E9ECE9;
}

#image_page {
  float: left;
  margin: 2px 2px 0px 5px;
  padding: 0px;
  width: 416px;
  height: 155px;
  background: url(images/image-page.gif) no-repeat left top;
}

#story {
  position: relative;
  display: block;
  float: left;
  width: 780px;
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;  
}

#PortalBox {
  position: relative;
  float: left;
  margin: 0px;
  background-color: #FFF;
  font-size: 1em;
  width: 390px;
}

#PortalBoxTitle {
  position: absolute;
  
  margin: 5px;
  z-index: 1;
  width: 380px;
  text-align: right;
}
#PortalBoxTitle h1 {
  font-size: 2em;
  font-weight: bold;
  color: #FFF;
}

#PortalBoxImage {
  position: relative;
  left: 0px;
  width: 390px;
  padding: 0px;
  margin: 0px;
}

#PortalBoxImage H1 {
  padding: 2px 0 0 7px;
  margin: 0px;
  font-size: 1.1em;
}
#PortalBoxImage a img {
  border: 0px;
}

#PortalBoxContent {
  position: relative;
  left: 0px;
  padding-left: 7px;
}

/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
  background-color: #FFF;
  width: 100%;
  p\osition:absolute;
  bottom:0;
  left:0;
  height:80px;
}
body>div#footerwrap {
  position:fixed;
}

/* Für ie6*/
* div#footerwrap{
    position:absolute;
    top:expression((0-(footerwrap.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

div#footer2 {
  height:80px;
  width:780px;
  margin:0 auto;
}


#footer {
  position: relative;
  float: left;
  display: block;
  margin: 2px 0 0 8px;
  padding: 1px;
  height: 75px;
  width: 780px;
  color: #848484;
  font-weight: bold;
  text-align: center;
}

#footer a {
  font-weight: bold;
  text-decoration: none;
}

/* mac hide \*/
#footer {overflow:hidden;}
/* end hide*/

#footer a span {
  background: transparent url(images/professence.gif) no-repeat left top;
  position:absolute;
  left:70px;top:0px;
  display:block;
  height: 75px;
  width: 115px;
  cursor:pointer;
}
.highlight {
  background-color: #FF3300; 
}

#mypopupStory, #mypopupClose {
  position: relative;
  display: block;
  float: left;
  border-left: 1px solid #848484;
  border-right: 1px solid #848484;
  background-color: #FFF;
  padding: 5px;
  text-align: left;
}

#mypopupHeader {
  position: relative;
  float: left;
  display: block;
}

#mypopupHeaderLeft {
  background: url(images/bg-popup-topl.gif) no-repeat left top;
  width: 10px;
  height: 10px;
  display:block;
  position: relative;
  float: left;
}
#mypopupHeaderCenter {
  display:block;
  position: relative;
  float: left;
  position: relative;
  border-top: 1px solid #848484;
  background-color: #FFF;
  height: 10px;
}
#mypopupHeaderRight {
  background: url(images/bg-popup-topr.gif) no-repeat left top;
  width: 10px;
  height: 10px;
  display:block;
  position: relative;
  float: left;
}

#mypopupFooterLeft {
  background: url(images/bg-popup-botl.gif) no-repeat left top;
  width: 10px;
  height: 10px;
  display:block;
  position: relative;
  float: left;
}
#mypopupFooterCenter {
  display:block;
  position: relative;
  float: left;
  position: relative;
  border-bottom: 1px solid #848484;
  background-color: #FFF;
  height: 10px;
}
#mypopupFooterRight {
  background: url(images/bg-popup-botr.gif) no-repeat left top;
  width: 10px;
  height: 10px;
  display:block;
  position: relative;
  float: left;
}

.mypopup p.PopupClose {
  text-align: center;
  border-left: 1px solid #848484;
  border-right: 1px solid #848484;
}

input.text {
  width: 300px;
  margin: 0 5px 0 0;
  border: 1px solid #cccccc;
  }
input.button {
   border: 1px solid #000000;
   height: 20px;
 }


.sm_li a {
  color: #848484; 
  text-decoration: none;
}

#booknavigation ul {}
#booknavigation ul li {
  background: #CECECE;  
  color: #000;
  line-height:27px;  
  margin: 4px 0 4px 0;
  font-weight: bold;
}
.booknavinr {
  margin-left: 10px; 
}
#booknavigation ul li a {
   padding:0 1em 0 1em; 
}

#booknavigation ul li:hover{
  background:#F1F1F1;
}

.booknavigation {
  background: #CECECE; 
  float: left;
  display: block;
  width: 780px;
  height: 27px;
  margin: 4px 0 0 0;
}
.blank {
  background: #FFF;
}

.bookstepnr {
  float: left;
  display: block;
  font-weight: bold;
  margin: 6px 5px 0 10px;
}
.bookstepname {
  width: 400px;
  display: block;
  float: left;
  margin: 6px 5px 0px 10px;
  font-weight: bold;
  color: #0033FF; 
}
.bookstepedit {
  display: block;
  float: right;
  text-align: right;
  margin: 4px 4px 4px 10px;
  background-color: red;
}
.bookstepedit a {
  display: block;
  margin: 2px 2px 2px 2px; 
  color: #FFF;
}


form div {
  float: left;
  display: block;
  width: 760px;
  margin-bottom: 5px;
  margin-left: 5px;
}
form div label {
  display: block;
  float: left;
  margin: 0 3px 0 3px;
  width: 100px;
  text-align: right;
}
form#formuserprofile div label {
  width: 190px;
}
form#formformulier div label {
  width: 200px;
}
form#formformulier div.button {
  width: 475px; 
  text-align: right;
}
form#formfsadvantage div.button {
  width: 740px; 
  text-align: right;
}

form#formformulier div  {
  text-align: left;
}
form.formbook {
  border: 1px solid green; 
}

form.formbook div #button {
  width: 770px;
}

form#formfsadvantage .inputtext {
  width: 175px;
}
form#formfsadvantage .inputtextfile {
  width: 260px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.2em;
  border-style: groove;
  border: 1px solid #ACCB55;
  padding: 0 0 0 3px;
  margin-right: 3px;
}
form#formfsadvantage .non-input {
  max-width: 270px;
  display: block;  /* block float the labels to left column, set a width */
  float: left; 
}

form#formfsadvantage div {
  width: 315px;
}
form#formfsadvantage div.column1 {
  width: 325px;
}
form#formfsadvantage div.column2 {
  width: 425px;
}
form#formfsadvantage div.column2 div {
  width: 400px;
}



form .btn, form .loginbutton {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.0em;
  font-weight:bold;
  background-color:#FF0000;
  border: 1px solid #FF0000;
  color: #FFF;
}
form#formnewsletter .btn {
  margin-left: 105px;
}
.btn {
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.0em;
  font-weight:bold;
  background-color:#FF0000;
  border: 1px solid #FF0000;
}
.btn a {
  color: #FFF;
  margin: 2px;
}

div#buttonCancelBooking {
  display: block;
  float: left;
  width: 300px;
  padding: 5px 4px 5px 0;
  margin: 2px;
}
.btnCancelBooking a {
  padding: 3px;
  background-color: #FF0000;
  color: #FFF;
}
.btnCancelBooking a:hover {
  border: 1px solid black;
   
}
div#button {
  display: block;
  float: left;
  width: 450px;
  text-align: right;
}

.inputtext {
  width: 250px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.2em;
  border-style: groove;
  border: 1px solid #ACCB55;
  padding: 0 0 0 3px;
  margin-right: 3px;
}
.inputtext.short {
  width: 100px;
}
.inputtext.short75 {
  width: 75px;
}
.inputtext.short175 {
  width: 175px;
}
.inputtext.short200 {
  width: 200px;
}
  
.inputtextred {
  border: 1px solid red; 
}
#bestemming.inputselect { width: 250px; }
#accomodatie.inputselect { width: 250px; }
#datum.inputselect { width: 250px; }
.inputselect {
  font-family: Arial, Verdana, sans-serif;
  border-style: groove;
  border: 1px solid #ACCB55;
  padding: 0 0 0 3px;
  margin-bottom: 0px;
}

form#formbook1 div label {
  width: 125px;
}
form#formbook5 div label {
  width: 125px;
}
form#formbook5 .column1 {
  display: block;
  float: left;
  width: 410px;
}
form#formbook5 .column1 div {
  width: 400px;
}
form#formbook5 .column1 .inputtext {
  width: 200px;
}
form#formbook5 .column2 {
  display: block;
  float: left;
  width: 350px;
}
form#formbook5 .column2 div {
  width: 340px;
}

form#formbook1 div .textsmall {
  width: 100px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.2em;
  border-style: groove;
  border: 1px solid #ACCB55;
  padding: 0 0 0 3px;
} 

.exclamation {
  display: block;
  float: left;
  border: 2px solid #FF0000; 
  padding: 2px;
  width: 750px;
}

ul.booking {
  list-style-type: square;
  padding-left: 20px; 
}

table.vakantiebestemmingen thead {
  font-weight: bold;
}
table.vakantiebestemmingen .column1 { width: 300px; }
table.vakantiebestemmingen .column2 { width: 110px; text-align: right; }
table.vakantiebestemmingen .column3 { width: 175px; text-align: center; }
table.vakantiebestemmingen .column4 { width: 175px; text-align: center; }
table.vakantiebestemmingen td {
  padding: 4px 0 4px 0;
}