/* CSS Document */
/* ------------ Begin Algemeen ------------ */
* {
   /* Zorg ervoor dat alle paddings en margins op 0 staan, in IE en FF zijn namelijk verschillende defaults hiervoor en 
      zo staan ze overal hetzelfde. */
   padding : 0px;
   margin  : 0px; 
   font-size: 12px; 
}
table { 
   /* Voorkom dat lege cellen in IE niet getoond worden. Hierdoor hoef je geen   meer in de cellen te plaatsen */
   empty-cells     : show; 
   border-collapse : collapse;
}
.nopadding {
   padding : 0px !important;
}
.red {
   /* color: #990000;*/
   color      : #000066;
} 
/* ------------ Einde Algemeen ------------ */

/* ------------ Begin Hoofdtemplate ------------- */
body {
   width      : 550px;
   margin     : 10px auto;
   text-align : center;
   color      : #000066;
   font-family: 'Lucida Grande', Tahoma, sans-serif;
}
#con_Main {
   width      : 550px;
   text-align : left;
}
div.topheading {
   background  : url('http://www.vvc-sabrina.nl/templates/sabrina/images/logo.gif') 10px 5px no-repeat #DDEBFD;
   height : 80px;
   margin : 0px 10px;
   padding-top : 5px;
}
/* ------------ Einde Hoofdtemplate ------------- */

/* ------------ Begin zoekformulier lijst met data en lijst met arrangementen ------------- */
form fieldset input[type=text], 
form fieldset select {
   border        : 1px solid #000066;
   margin-right  : 5px;
   margin-bottom : 2px;
   padding       : 2px;
   xcolor         : #660066;
}
input.small {
   width : 40px;
}

input.smlmed {
   width : 80px;
}

select.medium {
   width : 150px;
}

select.large {
   width : 500px;
}
form#ArrangementSearch {
   width         : 550px;
   /* background    : url('../images/bkg_top_donker700_2.gif') no-repeat top left #BFC8D7;*/
   background-color : #FFF;
   margin-bottom : 5px;
} 
form#ArrangementSearch fieldset {
   padding : 10px 10px 0px 10px;
}
form#ArrangementSearch fieldset table tr td {
   vertical-align : middle;
}
form#ArrangementSearch div.bottom {
   /* background  : url('../images/bkg_bottom_donker700_2.gif') no-repeat bottom left #BFC8D7;*/
   background-color : #FFF;
   height      : 18px;
   line-height : 18px;
}
/* ------------ End zoekformulier lijst met data en lijst met arrangementen ------------- */

/* ------------ Begin arrangement lijst met arrangementen ------------- */
table#Arrangementen {
   width : 550px;
   
}
table#Arrangementen thead tr.first {
   
}
div.ArrangementenContainer {
   /* background : url('../images/bkg_top_donker700_2.gif') no-repeat top left #BFC8D7;*/
   background-color : #FFF;
}
table#Arrangementen {
   /* background : url('../images/bkg_bottom_donker700_2.gif') no-repeat bottom left;*/
   padding-bottom : 20px;
}
table#Arrangementen th {
   padding : 5px 0px 5px 2px;
}
table#Arrangementen td {
   padding : 5px;
}
table#Arrangementen tr .aantal {
   text-align : center;
}
table#Arrangementen.zebratabel tr.odd th,
table#Arrangementen.zebratabel tr.odd td {
   background-color : #F9D99C;
}
table#Arrangementen.zebratabel tr.even th,
table#Arrangementen.zebratabel tr.even td {
   background-color : #FF6D07;
}
/* ------------ End arrangement lijst met arrangementen ------------- */

/* ------------ Begin arrangement lijst met data ------------- */
div#Arrangement {
   width      : 550px;
   /*background : url('../images/bkg_top_donker700_2.gif') no-repeat top left #BFC8D7;*/
   background-color : #FFF;
   clear      : both;
   margin-bottom : 5px;
}
div#Arrangement div.arrangementdetails {
   clear   : both;
}
div#Arrangement h1.header {
   text-align : left;
   font-size:1.2em; 
   font-weight:bold;
   color:#FF6D07;
   margin-bottom : 5px;
}

div#Arrangement div.datalijst div.top {
   background : #F9D99C;
   /*background : url('../images/bkg_top_licht530.gif') no-repeat top left #FCEECB;*/
   background-color : #FF6D07;
}
div#Arrangement div.datalijst div.bottom {
   /*background  : url('../images/bkg_bottom_licht530.gif') no-repeat bottom left #FCEECB;*/
   height      : 10px;
   line-height : 10px;
}
div#Arrangement div.bottom {
   /*background  : url('../images/bkg_bottom_donker700_2.gif') no-repeat bottom left #BFC8D7;*/
   background-color : #FFF;
   height      : 18px;
   line-height : 18px;
}
div#Arrangement div.datalijst {
   float        : left;
   width        : 530px;
   margin-left  : 10px; 
   margin-top   : 5px; 
}
div#Arrangement img.illustratie {
   width         : 140px;
   margin-bottom : 5px;
   margin-right  : 5px; 
}
div.voorwaardenpaneel table {
   margin-top : 10px;
}
div#Arrangement table.zebratabel {
   width : 530px;
}
div#Arrangement table.zebratabel tr.odd th,
div#Arrangement table.zebratabel tr.odd td {
   background-color : #F9D99C;
}
div#Arrangement table.zebratabel tr.even th,
div#Arrangement table.zebratabel tr.even td {
   background-color : #FF6D07;
}
div#Arrangement table.zebratabel tr th,
div#Arrangement table.zebratabel tr td {
   height     : 25px;
   padding    : 0px 5px;
   text-indent: 0px; 
   vertical-align : middle;
}
div#Arrangement table.zebratabel tr td a {
   padding-top : 5px;
}
div#Arrangement table.zebratabel tr .aantal {
   text-align : center;
}
div#AlternatieveArrangementen #Arrangementen {

}
div#AlternatieveArrangementen h1.header {
   text-align : left;
   font-size:1.2em; 
   font-weight:bold;
   color:#990000;
}

a.arrangementtype {
   color:#4C701D;
   text-decoration:none;
}
a.arrangementtype:hover {
   color:#990000;
   text-decoration:underline;
}
/* ------------ Einde arrangement lijst met data ------------- */

/* ------------ Begin Boekingsformulier ------------- */
#boekingsformulier {
   width       : 550px;
   /*background : url('../images/bkg_top_donker700_2.gif') no-repeat top left #BFC8D7;*/
   padding-top : 80px;

   clear       : both;
   padding-top : 10px;
}
legend {
   display : none;
}
fieldset {
   border : none;
}
div.top {
   /*background  : url('../images/bkg_top_donker700_2.gif') no-repeat top left #BFC8D7;*/
   background-color : #FF6D07;
   margin-bottom  : 10px;
}
div.bottom {
   /*background  : url('../images/bkg_bottom_donker700_2.gif') no-repeat bottom left #BFC8D7;*/
   height      : 18px;
   line-height : 18px;
   margin-top  : 10px;
   display:none;
}
li {margin-left:20px}

table.tblBoekingsformulier{
   width      : 530px;
}
table.tblBoekingsformulier th{
   text-align :left;
}

.smalllabel {
   font-size:0.8em;  
}

input.xsmall {
   width : 40px;
}
input.small {
   width : 80px;
}
input.medium {
   width : 200px;
}
input.large {
   width : 400px;
}
select.medium {
   width : 203px;
}
select.large {
   width : 340px;
}

table.tblBoekingsgegevens { 
   width      : 530px;
} 
table.tblBoekingsgegevens th{
   width      : 140px; 
   text-align :left;
   vertical-align : top;
   
}
table.tblBoekingsgegevens td{
   height     : 25px;
   padding    : 0px 5px;
   text-indent: 0px; 
   vertical-align : top;
   text-align :left;
   width      :390px; 
}

#boekingsformulier div.boekingsgegevens,
#boekingsformulier div.contactgegevens,
#boekingsformulier div.betalingsgegevens,
#boekingsformulier div.voorwaarden {
   width         : 530px;
   margin-left   : 10px;
   margin-bottom : 10px;
}
#boekingsformulier div.boekingsgegevens div.top,
#boekingsformulier div.contactgegevens div.top,
#boekingsformulier div.betalingsgegevens div.top,
#boekingsformulier div.voorwaarden div.top {
   padding    : 2px;
   /* background : url('../images/bkg_top_licht530.gif') no-repeat top left #FCEECB;*/
}
#boekingsformulier div.boekingsgegevens div.bottom,
#boekingsformulier div.contactgegevens div.bottom,
#boekingsformulier div.betalingsgegevens div.bottom,
#boekingsformulier div.voorwaarden div.bottom {
   /*background  : url('../images/bkg_bottom_licht530.gif') no-repeat bottom left #FCEECB;*/
   background-color : #FF6D07;
   height      : 10px;
   line-height : 10px;
}
#boekingsformulier div.top.voorwaardenpaneel {
   background-color  : #FFF;
   border:0px solid black; 
   padding : 10px !important;
   text-align : center;
}
#boekingsformulier div.voorwaardenpaneel input {
   width:150px;
   text-align : center;
}
#boekingsformulier div.voorwaardenpaneel input.chkbox {
   width:20px;
}

.errormsg { 
   color: #FF6D07;
   font-weight:bold;
}
/* ------------ Einde Boekingsformulier ------------- */

/* ------------ Begin clearfix ------------- */
.clearfix:after {
    content      : "." ;
    display      : block ;
    height       : 0 ;
    font-size    : 0 ;
    clear        : both ;
    visibility   : hidden ;
}

.clearfix {
   display : inline-block ;
}
/* Hides from IE5/Mac \*/
* html .clearfix {
   height : 1px ; 
}
.clearfix {
   display : block ;
}
/* End hide from IE5/Mac */
/* ------------ Einde clearfix ------------- */


.hidden {
   display:none;
}