@charset "utf-8";
/* CSS Document */

* {
margin:0px;
padding:0px;
}

body {
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

#header {
background-color:#FFFFFF;
overflow:hidden;
}

#logo{
float:left;
}


blockquote {
font-size:120%;
font-style:italic;
font-weight:bold;
color:rgb(94,156,174);
position:relative;
top:3.5em;
right:1em;
float:right;
text-align:right;
vertical-align:bottom;
z-index:2;


}

#container_body {
background-color:rgb(94,156,174);
margin:0;
width:100%;


}

#container_main{
position:relative;
top: 10px;
width:780px;
margin:0 auto;
vertical-align:top;


}
#image{

background:url(header.jpg) no-repeat;
height:135px;
width:780px;
text-align:left;
display:block;
}

#kijker{
position:absolute;
top:-81px;
left:250px;
z-index:0;

/*width:150px;
height:213px;*/
}

#scherm{
position:absolute;
top:-88px;
left:350px;
z-index:1;

/*width:194px;
height:220px;*/

}
#menu_container{
background-color:rgb(73,139,164);
border-left:.2em solid #ffffff;
border-right:.2em solid #ffffff;
z-index:4;
}

#menu li{
list-style-type:none;
display:inline;
padding-right: 20px;
font-size: 80%;
line-height: 20px;
}

#menu a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#menu a:hover{
color:#000000;
background-color:#FFFFFF;
}

#menu a:focus{
color:#000000;
background-color:#FFFFFF;
}

#submenu li{
list-style-type:none;
display:inline;
padding-right: 20px;
font-size: 80%;
line-height: 20px;
}
#content{
background-color:rgb(220,245,255);
border:.2em solid #ffffff;
text-align: left;
overflow:hidden;
z-index:5;
}
#content a:link, #content a:visited{
color:rgb(73,139,164);
font-weight:bold;
}

#content_main{
width:530px;
float:left;
border-right:.1em solid rgb(94,156,174)
}
#content_sidebar{
width:230px;
float:right;
}
p, li, td{
font-size:75%;
line-height: 160%;
padding: .8em;

}
h1{
font-size:120%;
line-height:80%;
color: rgb(94,156,174);
padding-left:.5em;
padding-top: .4em;
font-weight:bold;
}
h2{
font-size:100%;
line-height:80%;
color: rgb(73,139,164);
padding-left:.5em;
padding-top: .4em;
font-weight:bold;
}
h3{
font-size:90%;
line-height:80%;
color: rgb(97,99,101);
padding-left:.5em;
padding-top: .4em;
font-style:italic;
}

ul.GmapSidebar{
list-style-type:none;
overflow:visible;
padding-left:.5em;
margin:0;
z-index:6;

}

li.LOODSWEZENdab {
background:transparent url(./img/bullet_LOODSWEZENdab.png) no-repeat;
background-position:0 1.25em;
padding-top:1em;
padding-left:1.5em;
line-height:1em;
}
li.Stafdienst {
background:transparent url(./img/bullet_Stafdienst.png) no-repeat;
background-position:0 1.25em;
padding-top:1em;
padding-left:1.5em;
line-height:1em;
}
li.mdk {
background:transparent url(./img/bullet_Stafdienst.png) no-repeat;
background-position:.2em 1.3em;
padding-top:1em;
padding-left:1.5em;
}
li.Scheepvaartbegeleiding {
background:transparent url(./img/bullet_Scheepvaartbegeleiding.png) no-repeat;
background-position:0 1.25em;
padding-top:1em;
padding-left:1.5em;
line-height:1em;
}
li.VLOOTdab {
background:transparent url(./img/bullet_VLOOTdab.png) no-repeat;
background-position:0 1.25em;
padding-top:1em;
padding-left:1.5em;
line-height:1em;
}
li.Kust {
background:transparent url(./img/bullet_Kust.png) no-repeat;
background-position:0 1.25em;
padding-top:1em;
padding-left:1.5em;
line-height:1em;
}

#content_sidebar li{
list-style-type:none;
border-bottom: .1em solid rgb(94,156,174);
margin-bottom: 1em;
padding-bottom: 2em;
}

#persruimte li{
list-style-type:disc;
border-bottom:none;
font-size:100%;
margin-bottom: .1em;
padding-bottom: .1em;
}

#publi li{
list-style-type:none;
height:220px;
border-bottom: .1em solid rgb(94,156,174);
margin-bottom: 1em;
padding-bottom: 2em;
}
#content_sidebar h3 {
/*padding-left:.7em;*/
font-size:120%;
font-weight:bold;

}


#content_sidebar h3 a:hover, #content_sidebar h3 a:focus, #content a:hover, #content a:focus{
text-decoration:none;
background-color:#FFFFFF;
color:#000000;
}

#footer {
height:20px;
background-color:rgb(94,156,174);
}

#content img{
border: .2em solid #ffffff;
}


#weer img{
border:none;
vertical-align:middle;
}

.temp{
padding-left:.5em;
font-size:120%;
font-weight:bold;
}

.foto{
font-style:italic;
font-weight:bold;
}

.right{
float:right;
margin-left:.5em;
text-align:right;
}

.left{
float:left;
vertical-align:top;
margin-right:.5em;
text-align:left;
}
.juist{
color:#006600;
}

select{
font-size:90%;
text-align:left;
}

select option{
padding-right: .8em;
}

.storytitle {
font-size:100%;
line-height:80%;
color: rgb(73,139,164);
padding-left:.5em;
padding-top: .4em;
font-weight:bold;
}


.clear{clear:both;}

form.cmxform fieldset {
border: none;
margin-left: .2em;
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}