/* Basis
--------------------------------------------------------------------------------------- */

html, body { padding: 0; margin: 0; }
body         { color: #3b536d; font-size: 9pt; font-family: Verdana; font-style: normal; font-variant: normal; font-weight: normal; background: #005c8c url("../images/bg_clouds.jpg") repeat-x; margin: 0; padding: 0 }
td  { color: #3b536d; font-size: 10pt; text-decoration: none }

a   { color: #cc9010; text-decoration: none }
a:hover  { color: #3b536d; text-decoration: none }
/*p { width: 95% }*/
h1     { color: #09c; font-size: 12pt; font-family: "Trebuchet MS"; background-image: url("../images/blue_dot.gif"); background-repeat: no-repeat; background-position: 0 3px; text-indent: 10px; margin-top: 15px; margin-left: 15px; padding-bottom: 10px }
h2   { color: #204772; font-size: 10pt; font-family: "Trebuchet MS", Verdana; font-weight: bold; margin: 0; padding: 0 }

h3      { color: #cc9010; font-size: 10pt; font-family: "Trebuchet MS", Verdana; font-style: oblique; margin-top: 15px; margin-right: 0; margin-left: 0; position: relative; left: 10px; border-bottom: 1px dotted #cfa554 }
h4 { color: #09c; font-size: 12pt; font-family: "Trebuchet MS"; background-image: url("../images/blue_dot.gif"); background-repeat: no-repeat; background-position: 0 3px; text-indent: 10px; margin: 0 0 0 0; padding: 0 0 10px }
h5    { color: #3b536d; font-size: 10pt; font-family: "Trebuchet MS", Verdana; background-image: url("../images/icon_member_item.gif"); background-repeat: no-repeat; text-indent: 30px; margin: 0 0 0 20px; padding: 0 }
h6    { color: #3b536d; font-size: 10pt; font-family: "Trebuchet MS", Verdana; background-image: url("../images/cross_lightblue.gif"); background-repeat: no-repeat; background-position: 0 1px; text-indent: 12px; margin: 0 0 0 20px; padding: 0 }
.hr   { background-image: url("../images/dottedline.gif"); background-repeat: repeat-x; background-position: 0 15px; text-align: right; margin: 0 10px 20px 20px; padding: 0; width: 95%; height: 20px;     }
ol  { list-style-type: circle; margin: 1em 0 1em 40px }
ul  { list-style-type: disc; margin: 1em 0 1em 40px; position: relative }
.asmall { font-size: 8pt; text-indent: 10px }
.myp   { margin: 0 20px 20px; width: 440px }
.myp2 { margin: 0 20px 20px; width: 550px }


/* Header Layout
--------------------------------------------------------------------------------------- */
#wrapper      { margin: 0 auto 0 auto; padding: 0; width: 960px }

#leftframe    { margin: 0; padding: 0; width: 790px }
#rightframe        { text-align: left; margin: 0; padding: 0; position: relative; z-index: 500; top: 10px; left: 797px; width: 160px }

.clear 			{ 
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;

 }





/* Header Layout
--------------------------------------------------------------------------------------- */
#topbar            { font-size: 9pt; background: #fff url("../images/top_bar.gif") repeat-x; text-align: right; position: absolute; z-index: 26; top: 50px; width: 790px; height: 26px }
.subnav       { text-decoration: none; text-align: right; margin: 0; padding: 5px; position: absolute; z-index: 30; top: 50px; width: 780px; height: 26px }
.subnav a { color: #3b536d; text-decoration: none }
.subnav a:hover  { color: #cc9010; text-decoration: none }
#pic          { background-color: #ccc; background-image: url("../images/bgtop.gif"); background-repeat: repeat-x; background-position: 0 0; margin: 0; padding: 0; position: absolute; z-index: 5; top: 74px; width: 790px; height: 215px; overflow: hidden }
#bgtop       { background-color: white; position: absolute; z-index: 1; top: 0; width: 790px; height: 239px }
#topprint  { background-color: #fff; position: absolute; top: 0; left: 0; width: 720px; height: 100px }
#logo      { margin-left: 25px; position: absolute; z-index: 1000; top: 55px; width: 150px; height: 120px }


/* Navigation
--------------------------------------------------------------------------------------- */

#nav              { color: #fff; font-size: 9pt; text-decoration: none; background-color: #3b536d; text-align: left; text-indent: 5px; position: absolute; z-index: 200; top: 285px; width: 790px; height: 35px }
#nav .myp		{ word-spacing: 0.5em; margin: 5px 0 0 5px; padding: 0; width: 750px }
#nav a  { color: #fff; text-decoration: none }
#nav a:hover  { color: #cc9010; text-decoration: none }

/* Content Layout
--------------------------------------------------------------------------------------- */



#content        { margin: 0; padding: 0; position: absolute; top: 319px; width: 790px; height: auto }
.listitem   { margin-bottom: 10px; margin-left: 20px; left: 20px; width: 90%; height: auto }
.agendaitem { margin-bottom: 10px; margin-left: 20px; left: 20px; width: 450px }
.pitem  { margin: 0 20px 20px; width: 550px }
.pitem2  { margin: 0 20px 20px; padding-top: 10px }
.pitemagenda { margin: 0 20px 20px; width: 450px }
.imgitem { padding-bottom: 10px; padding-left: 10px }
.date      { color: #09c; font-size: 9pt; margin: 0 0 0 20px; padding: 10px 0 0 }
.photo   { margin: 0; padding-right: 10px; padding-left: 10px; position: absolute; top: 20px; right: 5px; width: 230px; height: auto }
.photomember { margin: 0; padding-right: 10px; padding-left: 10px; position: absolute; top: 120px; right: 5px; width: 230px; height: auto }
.contentzone     { background-color: #fff; margin: 0; padding: 0; position: absolute; width: 790px; height: auto }
.contenttext    { margin: 0 20px 20px; width: 440px }
.contenttext .myp  { margin: 0 20px 20px; width: 440px }
.memberbox   { background-color: #ffecc2; padding: 5px; position: absolute; top: 0; right: 0; width: 180px; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.memberbox .myp { margin: 0; padding: 0; top: 5px; left: 5px; width: 180px }
.memberbox li { list-style-type: none; list-style-image: url("../images/arrow_blue.gif") }
.memberbox a { color: #204772; text-decoration: none }
.memberbox a:hover { color: #09c; text-decoration: none }
#homeleft   { margin: 0; padding: 0 10px; position: absolute; top: 50px; left: 0; width: 190px }
#homemiddle   { margin: 0; padding: 0 10px; position: absolute; top: 50px; left: 220px; width: 260px }
#homeright   { margin: 0; padding: 10px; position: absolute; top: 50px; left: 510px; width: 190px }
.phomeleft { margin: 10px; padding: 0; width: 180px }
.phomemiddle { margin: 10px; padding: 0; width: 250px }
.pbook { margin: 0 0 0 20px; padding: 0; width: 550px }
.pbook2 { margin: 0 0 0 32px; padding: 0; width: 350px }
.booklogo { margin: 0 0 0 0; padding: 0; position: relative; top: 0; right: 200px; float: right }
.back { margin: 0; padding-right: 10px; padding-left: 10px; position: relative; top: 20px; right: 5px; width: 180px; height: auto; float: right }
.contentsmall    { font-size: 8pt; text-align: center }
.spacebottom  { margin: 0 0 5px; padding: 0 }

/* Breadcrumb
--------------------------------------------------------------------------------------- */
.breadcrumb    { color: #3b536d; font-size: 7pt; background-color: #fff; text-align: left; text-transform: uppercase; text-indent: 2em; padding-top: 8px; padding-bottom: 8px; width: 790px; height: 10px; border-bottom: 1px solid #c0c0c0 }
.breadcrumb .myp { margin: 0; padding: 0 }
.breadcrumb a { color: #3b536d; text-decoration: none }
.breadcrumb a:hover  { color: #cc9010; text-decoration: none }
.breadcrumbmember { color: #3b536d; font-size: 7pt; background-color: #ffecc2; text-align: left; text-transform: uppercase; text-indent: 2em; padding-top: 8px; padding-bottom: 8px; width: 100%; height: 10px; border-bottom: 1px solid #c0c0c0 }
.breadcrumbmember .myp { margin: 0; padding: 0 }
.breadcrumbmember a { color: #3b536d; text-decoration: none }
.breadcrumbmember a:hover  { color: #cc9010; text-decoration: none }

/* Footer Layout
--------------------------------------------------------------------------------------- */
.footer            { font-size: 8pt; background-image: url("../images/footerbg.jpg"); background-repeat: repeat-x; text-align: center; display: block; margin: 0; padding: 10px 0 0; position: relative; top: 20px; width: 100%; height: 90px; overflow: hidden }


/*  Misc
---------------------------------------------------------------*/
.westsite { width: 500px }
#form  { color: #3b536d; font-size: 10pt; text-decoration: none; position: relative; left: 20px; width: 500px }
#form td { color: #3b536d; font-size: 9pt; text-decoration: none }
.btn_submit   { color: #fff; font-size: 11px; font-family: Verdana; text-decoration: none; background-color: #3b536d; margin-bottom: 5px; padding: 2px; position: relative; left: 10px; overflow: auto; clip: rect(auto auto auto auto) }
input, textarea, select  { margin: 0 10px; padding: 0 }
.photogal   { margin: 10px 10px 0; padding: 0; width: 690px }
.photogalnav  { margin: 0 0 0 0; padding: 0; position: relative; left: 20px; width: 380px; height: 25px }



/*  Tabel sailinglist
---------------------------------------------------------------*/
.tablelist { font-size: 10pt; border: solid 1px #ccc }
.regio { color: #fff; font-size: 11pt; font-weight: bold; background-color: #3b536d; text-indent: 1em; width: 100%; height: 30px; vertical-align: middle }
.area { color: #3b536d; font-size: 11pt; background-color: #ecedf1; text-indent: 1em; width: 100%; height: 30px; vertical-align: middle }
.rederij { color: #3b536d; font-size: 10pt; background-color: #fcf9e6; text-indent: 1em; width: 100%; height: 30px; vertical-align: middle }
.route { color: #3b536d; font-size: 10pt; background-color: #fff; text-indent: 1em; width: 100%; height: 30px; vertical-align: middle; border-top: 1px solid #ccc; border-bottom: 1px solid #c0c0c0 }
.deeptable  { border: solid 1px #ccc }
.deepto { color: #3b536d; font-size: 10pt; background-color: #ecedf1; width: 100%; height: 30px; vertical-align: middle }
.deepwhen { color: #3b536d; font-size: 10pt; background-color: #fff; width: 100%; height: 30px; vertical-align: middle }
.deeptotitle  { height: 30px; border-right: 1px solid #ccc }
.deepwhentitle  { background-color: #fcf9e6; height: 30px; border-right: 1px solid #ccc }


/* UPDATE 15042009
--------------------------------------------------------------------------------------- */
#search  { background-color: white; text-align: right; position: absolute; z-index: 2000; top: 0; width: 780px; height: 50px }
.space{
padding: 10px;}
.title     { color: #3b536d; font-size: 10pt; font-family: "Trebuchet MS", Verdana; font-weight: bold; background-image: url("(EmptyReference!)"); background-repeat: no-repeat; margin: 0 0 0 20px; padding: 0 }
.yellowbox    { background-color: #ffecc2; padding: 5px; border: solid 1px #c0c0c0 }
.transportbox  {
  background-color: #ffe8ff;
  padding: 5px;
  border: solid 1px #ffccff }