/*** algemeen ***/
html, body {
  margin: 0;
  padding: 0;
}
body {
  position: relative;
}

#header {
  width: 800px;
  height: 105px;
  margin: 0 auto; 
  position: relative;
}
#homelink {
  position: absolute;
  left: 7px;
  top: 10px;
}

#content {
  background: url(gfx/inner-bg.gif) 50% 85px repeat-y;
}
.zomer #content {
  background-image: url(gfx/inner-bg-summer.gif);
}

#inner {
  width: 800px;
  margin: 0 auto; 
  position: relative;
  background: url(gfx/bl-dobl-be.gif) 0 0 repeat-y;
}
#columns {
  /*
  width: 800px;
  margin: 0 auto; 
  position: relative;
  background: url(gfx/bl-dobl-be.gif) 0 0 repeat-y;
  */
}

#footer {
  width: 793px;
  padding: 0 0 0 7px;
  margin: 0 auto; 
  font-size: 10px;
  color: #001B3C;
}
#footer a {
  color: #001B3C;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}

.column {
  float: left;
  padding: 15px;
  width: 170px;
  position: relative;
  display: none;
  background: url(/gfx/trans.gif) 0 0 no-repeat;
  min-height: 370px;
}
* html .column {
  height: 370px;
}
.fixedheight .column {
  height: 370px;
}
.column a {
  text-decoration: none;
}

#column1 {
  background: #002450;
  display: block;
}
.zomer #column1 {
  background: #026b60;
}
#column1 .title {
  font-size: 16px;
  font-weight: bold;
  color: white;
  margin: 0;
  line-height: 18px;
}
.zomer #column1 .title {
  color: #002545;
}

#intro,
#intro a {
  color: #FFFFFF;
}
.zomer #intro,
.zomer #intro a {
  color: #002545;
}
#intro a {
  text-decoration: underline;
}
#intro p{
 color: #FFFFFF;
}
#column2 {
  background-color: #001B3C;
  display: block;
  width: 570px;
}
.zomer #column2 {
  /*background-color: #755121;*/
  background-color: #01302b;
}
#column3 {
  /*background-color: #E9DBBA;*/
  background-color: #d7caad;
  color: #001B3C;
}
#column3 .title {
  color: #001B3C;
  line-height: 18px;
   }
.zomer #column3,
.zomer #column3 .title {
  color: #01302b;
}
#column4 {
  background-color: #E9DBBA;
  color: #001B3C;
}
#column4 .title {
  color: #001B3C;
   line-height: 18px;
  
    }
.zomer #column4,
.zomer #column4 .title {
  color: #01302b;
}

.tile {
  width: 170px;
  height: 170px;
  padding: 15px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 200px;
  display: none;
  background: url(/gfx/trans.gif) 0 0 no-repeat;
}
.column .title, .tile .title {
  color: white;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 20px;
}
.tile a {
  text-decoration: none;
}
#tile1 {
  /*background-color: #001B3C;*/
  color: #001B3C;
}
#tile2 {
  /*background-color: #324017;*/    
}
#tile1 .title{
line-height: 18px;
}
#tile2 .title {
  /*color: #957651;
  color: #001B3C;*/
  color: #01302b;
  line-height: 18px;
}
#tile3 {
  /*background-color: #E9DBBA;*/
  color: #001B3C;
}
#tile3 .title{
line-height: 18px;
}

/*************************************
  1 - column1 + large photo
**************************************/
#f #columns {
  background: url(/gfx/trans.gif) 250px 85px no-repeat;
}
#f #column2 {
  display: none;
}

/*************************************
  2 - column1 + tekst + large photo
**************************************/
#tf #inner {
  background-image: url(gfx/bl-dobl-be-be.gif);
}
#tf #columns {
  background: url(/gfx/trans.gif) 450px 85px no-repeat;
  background-position: 400px 0px;
  min-height: 400px;
}
* html #tf #columns {
  height: 400px;
}
#tf #column2 {
  width: 170px;
}

/*************************************
  3 - column1 + tekst + 2 columns
**************************************/
#t2f .column {
  display: block;
}
#t2f #column2 {
  width: 170px;
}
#t2f #column3,
#t2f #column4 {
  color: #001B3C;
}

#t1f .column {
  display: block;
}
#t1f #column2 {
  width: 370px;
}
#t1f #column3 {
}
#t1f #column4 {
  display: none;
}

/*************************************
  4 - column1 + tekst + 4 tiles
**************************************/
#t4f #inner {
  background-image: url(gfx/bl-dobl-be-be.gif);
}
#t4f #columns {
  background-image: url(gfx/bl-dobl-be-be.gif);
}
#t4f .column {
  display: block;
}
#t4f #column2 {
  width: 170px;
}
#t4f #tile2,
#t4f #tile3 {
  display: block;
}

/*************************************
  5 - column1 + columns/tiles
**************************************/
#t6f .column,
#t6f .tile {
  display: block;
}
#t6f #column2 {
  /*background-color: #806341;*/
  width: 170px;
}
#t6f #column3 {
  /*background-color: #405B7C;*/
}
#t6f #column4 {
  /*background-color: #001B3C;*/
}

/*************************************
**************************************/

body, input, table, textarea, select, pre {
  font: 10px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
  /*color: #004770;*/
  color: #d7c3a9;
}
input, textarea, select {
  color: #001B3C;
}

#menu {
  position: absolute;
  left: 210px;
  top: 60px;
}
.home #menu {
  top: 60px;
}
#menu ul, #menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li {
  float: left;
  padding: 0 5px;
  border-right: 2px solid #002450;
}
#menu li.li-last {
  border: 0;
}
#menu a {
  text-decoration: none;
  color: #002450;
  line-height: 1.2em;
  font-size: 10px;
  font-weight: bold;
}
#page #menu a:hover, #page #menu a.current {
  color: #405B7C;
  text-decoration: underline;
}
#menu ul ul {
  padding: 0 0 0 15px;
  display: none;  
}

#nextlevel {
  position: absolute;
  left: 15px;
  bottom: 15px;
  width: 175px;
}
#nextlevel ul, #nextlevel li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nextlevel li.first {
  display: none;
}
#nextlevel li.li-current {
  padding-bottom: 12px;
}
#page #nextlevel ul ul li {
  padding-bottom: 0;
}
#nextlevel ul ul li {
  padding-bottom: 0;
  padding-left: 15px;
  background: url(gfx/menu-bullet-white.gif) 7px 6px no-repeat;
}
#nextlevel ul ul li.li-current {
  background-image: url(gfx/menu-bullet-white.gif);
}
#page #nextlevel ul ul ul li {
  background: none;
}
#nextlevel a {
  text-decoration: none;
  color: #FFFFFF;
  line-height: 1em;
}
.zomer #nextlevel a {
  color: #002545;
}
#page #nextlevel a:hover, #page #nextlevel a.current {
  color: white;
  text-decoration: underline;
}
#page #nextlevel  ul ul a.current {
  font-weight: bold;
}
#nextlevel ul ul {
  padding: 0 0 0 0;
}
.zomer #nextlevel ul ul a {
  /*color: #755121;*/
}
#nextlevel ul ul ul {
  display: none;
}
#nextlevel ul ul ul a {
  font-weight: bold;
}
#nextlevel ul ul li.li-current ul {
  display: block;
}

#breadcrumbs {
  position: absolute;
  left: 215px;
  top: 89px;
  color: #002450;
}
#breadcrumbs a {
  color: #002450;
}

/*** div tekst ***/
#tekst {
  padding: 0;
  margin: 0;
  min-height: 370px;
  color: #d7c3a9;
}
* html #tekst {
  height: 370px;
}
.fixedheight #tekst {
  height: 370px;
  overflow: hidden;
}
#page #tekst .bgp1 {
  color: red;
}

.zomer #tekst {
  color: white;
}

#tekst h1 {
  font-size: 16px;
  color: white;
  line-height: 18px;
}
#tekst h2 {
  font-size: 100%;
}
#tekst h3 {
  font-size: 100%;
}

#tekst a {
  color: #d7c3a9;
  text-decoration: underline;
}

.tablec {
}
.hcell, .lcell, .dcell {
}
.hcellc, .lcellc {
  background: #ccc;
}
.hcellc, .dcellc {
}
.dcellc {
  background: #eee;
}

/*** search pages ***/
#sq {
  text-align: center;
}

.searchquery {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.google {
  width: 260px;
}
.searchquery label, .searchquery input, .searchquery select {
  width: auto;
  display: block;
  vertical-align: middle;
}
.searchquery label {
  padding: 6px 0 0;
  margin:0;
}

.searchmode {
  display: none;
}

.searchheader {
}

.searchrow {
  padding-bottom: 1em;
}

.searchinfo {
  font-size: 80%;
}
.searchinfo a {
  font-size: 125%;
}

/*** forms ***/
form {
  padding-bottom: 10px;
}

label, .input {
  width: 160px;
  margin: 6px 0;
  vertical-align: top;
}

label, input, .input, textarea, select {
  display: block;
  float: left;
  margin-bottom: 6px;
}
input, textarea, select {
  margin-top: 4px;
  width: 160px;
}
select, .input {
  width: auto;
}

/*** newsletters/news ***/
#datum {
  font-weight: bold;
  display: block;
  text-align: right;
}

.more {
}
.more:hover {
}
.more img {
  vertical-align: middle;
  margin: 0!important;
  border: 0!important;
}

/*** print ***/
.printonly {
  display: none;
}

.button {
  width: auto;
}

#tekst .object {
  border-top: 1px solid #d7c3a9;
  padding: 10px 0;
}
#tekst .object img {
  width: 110px;
  height: 110px;
  margin: 0 10px 10px 0;
  float: left;
  background: url(/gfx/trans.gif) 0 0 no-repeat;
}
#tekst .object h2 {
  margin: 0;
}
#tekst .object p {
  margin: 0 0 0 120px;
}

/*** gallery ***/
#gc {
  height: 380px;
}

#gallery {
  margin: 0;
  position: relative;
  float: left;
}   
#gallery h2 {
  display: none;
}

#gallery a {
  text-decoration: none;
  font-weight: bold;
}
#gallery a:hover {
  color: white;
}
#previmg {
  position: absolute;
  left: 30px;
  top: -19px;
  display: none;
}
#nextimg {
  position: absolute;
  left: 30px;
  top: 352px;
}

#tekst .thumbnail {
  margin: 0 0 10px 0;
  width: 100px;
  height: 75px; 
  border: 1px solid white;
}
#filmstrip {
  position: absolute; 
  overflow: hidden; 
  height: 344px;
  left: 0;
  top: 15px;
  width: 110px;
}
#images {
  height: 20000px;
  width: 200px;
  position: absolute; 
  left: 0;
  top: 0;
}
#images img {
  background: white;
}

#large_img {
  float: left;
  padding: 40px 32px 0 20px;
}
#large {
  width: 360px;
  height: 270px;
  border: 1px solid white;
}