/* Style Sheet VakantieInZwitserland */

/****************** 
Content:
 General settings
 Table for main setup
 Tablecell header
 Tablecell content
 Tablecell footer
******************/

/****************** 
Colors:
1
#CED2D9	licht lavendel
#8E91B2	donker lavendel
#CFC35F	matig donker legergroen
#E8E2B0	creme legergroen
#FFD898 bijna oranje
#FFF0D6 zalm achtig

2
EEE6D1  licht beige
E3D9BE  licht grijs/bruin
C9B789  dinker beige
D3CEC8  licht grijs
C7BEB7  middel grijs
9B8E85  donker grijs

3
FAFDF4  off wtite
FCF5DB  licht creme/oranje
FDEEDB  licht roze/oranje
FFEAC3  donker pastel oranje
F5EACC  middel bruin/creme
FFDFDB  baby roze (niet gebruiken)
F6BABC  oud roze (niet geburiken)
D8DDC9  middel leger groen
C8E2EF  baby blauw
DEE9FA  licht blauw
BCC4CD  licht blauw/grijs
71A4C6  donkerder blauw
******************/


/****************** 
Start General settings 
******************/
body {
  background-color            : #DEE9FA;
  color                       : black;
  font-family                 : Verdana, Arial, Helvetica, sans-serif;
  font-size                   : 0.8em;
  overflow                    : auto;
}

h1 {
  font-family                 : Comic Sans MS, sans-serif;
  font-size                   : 2em;
  font-weight                 : bold;
  text-align                  : center;
}

h2 {
  font-size                   : 1.5em;
  font-weight                 : bold;
  text-align                  : center;
}



/****************** 
Main setup divs
******************/
#header {
  width                       : 1000px;
  font-size                   : 9pt;
  background                  : url("../images/header.jpg") top center no-repeat;
}

#content {
  text-align                  : left;
  vertical-align              : top;
  width                       : 1000px;
  display                     : inherit;
}

#footer {
  height                      : 8px;
  font-size                   : 6.0pt;
  text-align                  : right;
  width                       : 1000px;
}


/****************** 
Div header
******************/
ul {
  vertical-align              : top;
  text-align                  : center;
  list-style                  : none;
  padding                     : 186px 0px 0px 0px;
  margin                      : 0;
}

#top {
  vertical-align              : top;
  font-weight                 : bold;
  color                       : #8E91B2;
  text-decoration             : none;
}

#nav a {
  text-decoration             : none;
}

#nav li li a {
  display                     : block;
  font-weight                 : normal;
  color                       : #8E91B2;
  padding                     : 0.2em 7px;
}

#nav li li a:hover {
  padding                     : 0.2em 4px;
  border                      : 4px solid #8E91B2;
  border-width                : 0 4px;
  background-color            : #8E91B2;
  color                       : #CED2D9;
}

li {
  float                       : left;
  position                    : relative;
  width                       : 12em;
  cursor                      : default;
  background                  : transparant;
  border                      : 1px solid #8E91B2;
  border-width                : 1px 0;
}

li#first {
  border-left-width           : 1.6em;
}

li#middle {
  border-left-width           : 1.6em;
}
li#last {
  border-left-width           : 1.6em;
  border-right-width          : 1.6em;
}

li ul {
  display                     : none;
  position                    : absolute;
  top                         : 100%;
  left                        : 0;
  font-weight                 : normal;
  background                  : url("../images/bg_menuitem.gif") bottom left no-repeat;
  padding                     : 0.5em 0 0.5em 0;
  border-right                : solid 1px #7d6340;
}

li>ul {
  top                         : auto;
  left                        : auto;
}

li li {
  display                     : block;
  float                       : none;
  background-color            : transparant;
  border                      : 0;
}

li:hover ul, li.over ul {
  display                     : block;
}



/****************** 
Div content
******************/
.extratopspace {
  margin-top                  : 1em;
}

/* Prices and availability page */
#vizTable {
  border-collapse             : collapse;
  text-align                  : center;
  background-color            : #CED2D9;
  border                      : solid 2px #8E91B2;
}

.white {
  background-color            : white;
}

#borderright {
  padding                     : 0.2em;
  border                      : 1pt #8E91B2 solid; 
  border-right                : 2px #8E91B2 solid; 
}

#borderbottom {
  padding                     : 0.2em;
  border                      : 1pt #8E91B2 solid; 
  border-bottom               : 2px #8E91B2 solid; 
}

#borderrightbottom {
  padding                     : 0.2em;
  border                      : 1pt #8E91B2 solid; 
  border-bottom               : 2px #8E91B2 solid; 
  border-right                : 2px #8E91B2 solid; 
}

#plainborder {
  padding                     : 0.2em;
  border                      : 1px #8E91B2 solid; 
}

.labelvaluetable {
  width                       : 800px;
  padding                     : 0;
  border                      : 1pt #8E91B2 solid; 
}

.label {
  font-weight                 : bold;
  vertical-align              : top;
  text-align                  : left;
  background-color            : #CED2D9;
  border                      : 1pt #8E91B2 solid; 
}

.value {
  vertical-align              : top;
  background-color            : white;
  border                      : 1pt #8E91B2 solid; 
}

.inputfield {
  width                       : 662px;
}
/****************** 
Div footer
******************/