/*** algemeen ***/
body {
  margin: 0;
  padding: 0;
  background: #FFF;
  position: relative;
  font-family: Trebuchet MS;
  font-size: 100%;
}

#wrapper
{
margin: 0 auto;
width: 980px;
position: relative;
}

#container
{
position: relative;
float: left;
background: #FFF;
}

#header
{
float: left;
height: 305px;
}

#banner
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 980px;
height: 275px;
background: #FFF;
}

#banner object
{
margin-top: 24px;
}

#banner img
{
position: absolute;
top: 0;
left: 0;
}

#logo
{
position: absolute;
left: 87px;
top: 127px;
display: block;
width: 188px;
height: 48px; 
}

#logo img
{
width: 188px;
height: 48px;
}

#logo a
{
display: block;
width: 188px;
height: 48px; 
}

#logo a:hover
{
background: url(gfx/zeetoren_logo.png) no-repeat;
}

* html #logo a:hover
{
background: url(gfx/zeetoren_logo.gif) no-repeat;
}

#menu_container
{
display: block;
width: 980px;
position: absolute;
top: 249px;
left: 0;
}


#menu 
{
float: left;
position: relative;
}

#menu ul
{
list-style: none;
margin: 0;
padding: 0;
}

.topmenu
{
height: 56px;
display: block;
}

.topmenu li
{
float: left;
display: block;
height: 26px;
background: url(gfx/pixel.gif);
}

.topmenu a
{
color: #FFF;
text-transform: uppercase;
font-size: 10.5pt;
font-weight: bold;
text-decoration: none;
letter-spacing: 0.15em;
display: block;
text-align: center;
height: 22px;
padding-top: 4px;
display: block;
}

html>/**/body .topmenu a
{
letter-spacing: 0.1em;
} 

#topmenu1
{
width: 185px;
}

#topmenu2
{
width: 137px;
}

#topmenu3
{
width: 168px;
}

#topmenu4
{
width: 146px;
}

#topmenu5
{
width: 97px;
}

#topmenu6
{
width: 92px;
}

#topmenu7
{
width: 92px;
}

#topmenu8
{
width: 63px;
}

.submenu
{
width: 980px;
height: 30px;
position: absolute;
top: 26px;
left: 0;
z-index: 100;
}

.topmenu li ul
{
display: none;
z-index: 99;
}

.topmenu li:hover ul
{

}

.topmenu li.li-current ul
{
display: block;
z-index: 100;
}


.submenu1
{
background: #3fafe0;
}

.submenu2
{
background: #ea7425;
}

.submenu3
{
background: #cc091d;
}

.submenu4
{
background: #ffcc33;
}

.submenu5
{
background: #010154;
width: 733px;
text-align: right;
}

.submenu6
{
background: #97be0d;
}

.submenu7
{
background: #6d1e7e;
}

.submenu8
{
background: #999999;
}

.submenu li
{
float: left;
}

* html .submenu li
{
width: 2%;
white-space: nowrap;
}
.submenu3 li
{
float: left;
}

.submenu3 li.li-first
{
margin-left: 230px;
}

* html .submenu3 li.li-first
{
margin-left: 115px;
}

.submenu4 li.li-first
{
margin-left: 438px;
}

* html .submenu4 li.li-first
{
margin-left: 219px;
}

.submenu5 li
{
float: right;
}

.submenu a
{
color: #FFF;
text-transform: lowercase;
font-size: 9.5pt;
font-weight: bold;
text-decoration: none;
letter-spacing: 0em;
display: block;
text-align: center;
height: 22px;
padding-top: 4px;
margin-left: 10px;
margin-right: 27px;
}

html>/**/body .submenu a
{
letter-spacing: 0em;
}

.submenu5 li.li-first a
{
margin-right: 15px;
} 

#content
{
position: relative;
margin-top: 305px;
float: left;
width: 709px;
min-height: 475px;
padding: 0;
padding-top: 15px;
padding-right: 271px;
z-index: 2;
}


* html #content
{

}


/*** div tekst ***/
#tekst {
margin: 0;
padding: 0;
color: #000;
font-size: 80%;
padding-left: 24px;
z-index: 2;
}

#tekst h1
{
font-size: 100%;
color: #ea7425;
text-transform: uppercase;
padding: 0;
margin: 0;
margin-bottom: 8px;
}

#tekst h2
{
font-size: 100%;
color: #ea7425;
padding: 0;
margin: 0;

}

#tekst h3
{
font-size: 100%;
color: #ea7425;
padding: 0;
margin: 0;

}

#tekst p
{
margin: 0;
}
#tekst a
{
color: #ea7425;
}

#tekst #datum
{
position: absolute;
top 0;
right: 300px;
}

#tekst table
{

}

#tekst table td
{

}

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

#pageimg
{
margin-top: -15px;
float: left;
}

#pageimg .td_left
{
margin-top: 0;
}

#onderschrift
{
float: left;
font-size: 80%;
}

#pageimg .td_right
{
padding-top: 15px;
}

/*** 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: 12em;
  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: 250px;
}
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;
}

#news
{
position: absolute;
top: 275px;
right: 0;
width: 247px;
z-index: 300;
background: #6d1e7e;
}


#sidebar
{
display: block;
width: 247px;
float: left;
margin-bottom: -1px;
}

html>/**/body #sidebar
{
margin-top: 20px;
}


#sidebar .newsitem .date, #sidebar .newsitem .more 
{
display: none;
}

#sidebar h2
{
cursor: pointer;
height: 22px;
font-size: 9pt;
float: left;
width: 225px;
display: block;
color: #FFF;
padding-top: 4px;
padding-left: 22px;
}

html>/**/body #sidebar .newsitem
{
margin: 0;
padding: 0;
float: left;
margin-top: -30px;
} 

#sidebar h2:hover
{
background: url(gfx/newsitem_bg.gif) no-repeat;
}

* html #sidebar .newsitem p
{
border: solid 1px green;
display: none;

}

#raam1
{
position: absolute;
top: 217px;
left: 75px;
width: 37px;
height: 28px;
background: url(gfx/raam1_bg.gif);
}

#raam1:hover
{
background-position: 0 -28px;
}

#raam1 #raambg
{
position: absolute;
top: 58px;
left: -75px;
width: 980px;
height: 520px;
display: none;
z-index: 1;
}

#raam1:hover #raambg
{
display: block;
}

#raam2
{
position: absolute;
top: 202px;
left: 338px;
width: 30px;
height: 50px;
background: url(gfx/raam2_bg.gif);
}

#raam2:hover
{
background-position: 0 -50px;
}

#raam2 #raambg
{
position: absolute;
top: 73px;
left: -338px;
width: 980px;
height: 520px;
display: none;
z-index: 1;
}

#raam2:hover #raambg
{
display: block;
}

#raam3
{
position: absolute;
top: 199px;
left: 461px;
width: 63px;
height: 49px;
background: url(gfx/raam3_bg.gif);
}

#raam3:hover
{
background-position: 0 -49px;
}

#raam3 #raambg
{
position: absolute;
top: 76px;
left: -461px;
width: 980px;
height: 520px;
display: none;
z-index: 1;
}

#raam3:hover #raambg
{
display: block;
}

#raam4
{
position: absolute;
top: 160px;
left: 511px;
width: 11px;
height: 36px;
background: url(gfx/raam4_bg.gif);
}

#raam4:hover
{
background-position: 0 -36px;
}

#raam4 #raambg
{
position: absolute;
top: 115px;
left: -511px;
width: 980px;
height: 520px;
display: none;
z-index: 1;
}

#raam4:hover #raambg
{
display: block;
}

#raam5
{
position: absolute;
top: 112px;
left: 546px;
width: 15px;
height: 24px;
background: url(gfx/raam5_bg.gif);
}

#raam5:hover
{
background-position: 0 -24px;
}

#raam5 #raambg
{
position: absolute;
top: 163px;
left: -546px;
width: 980px;
height: 520px;
display: none;
z-index: 1;
}

#raam5:hover #raambg
{
display: block;
}

#raam6
{
position: absolute;
top: 41px;
left: 539px;
width: 55px;
height: 31px;
background: url(gfx/raam6_bg.gif);
}

#raam6:hover
{
background-position: 0 -31px;
}

#raam6 #raambg
{
position: absolute;
top: 234px;
left: -539px;
width: 980px;
height: 520px;
display: none;
z-index: 1;
}

#raam6:hover #raambg
{
display: block;
}

#raam7
{
position: absolute;
top: 201px;
left: 640px;
width: 16px;
height: 41px;
background: url(gfx/raam7_bg.gif);
}

#raam7:hover
{
background-position: 0 -41px;
}

#raam7 #raambg
{
position: absolute;
top: 74px;
left: -640px;
width: 980px;
height: 520px;
display: none;
z-index: 1;
}

#raam7:hover #raambg
{
display: block;
}

.button {
  width: auto;
}