@import url( yui-reset.css );

*
{
   border-bottom: #eee 0px solid;
   border-left: #eee 0px solid;
   padding-bottom: 0px;
   list-style-type: none;
   margin: 0px;
   padding-left: 0px;
   padding-right: 0px;
   border-top: #eee 0px solid;
   list-style-image: none;
   border-right: #eee 0px solid;
   padding-top: 0px
}

html, body, #bg, #bg table, #bg td, #cont
{
   width: 100%;
   height: 100%;
   overflow: hidden
}

body
{
   font-family: arial, helvetica, sans-serif;
   background: url(../img/loading.gif);
   color: #fff;
   font-size: 10px;
   cursor: default
}

h1, h2, .large, .left
{
   font-family: "Century Gothic", "Lucida Grande", Arial, Sans-Serif;
   font-size: 40px
}

h2 { padding-bottom: 10px }

a
{
   outline-style: none;
   outline-color: invert;
   outline-width: 0px;
   color: #000;
   text-decoration: none
}

img {
   display: block;
   text-align: center;
}

#bg div
{
   position: absolute;
   width: 200%;
   height: 200%;
   top: -50%;
   left: -50%
}

#bg td
{
   text-align: center;
   vertical-align: middle
}

#bg img
{
   min-width: 50%;
   margin: 0px auto;
   min-height: 50%
}

#cont
{
   z-index: 70;
   position: absolute;
   overflow: auto;
   top: 3px;
   left: 0px;
}

#translucentbkg {
   background-color: #fff;       /* the background              */
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}

#inhoud {
   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 99;                     /* place it over the other DIV */
}

#menu 
{
   bottom: 20px;
   left: 171px;
}

#kop
{
   top: 20px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 0px;
   border-top-color: #FFF;
   border-right-color: #FFF;
   border-bottom-color: #FFF;
   border-left-color: #FFF;
}

#menu, #kop
{
   z-index: 80;
   position: absolute;
   line-height: 12px;
   width: 100%;
}

#menu div
{
   padding-bottom: 0px;
   padding-left: 17px;
   padding-right: 0px;
   padding-top: 7px;
}
#menu div, #kop div
{
//   padding-bottom: 0px;
//   padding-left: 17px;
//   padding-right: 0px;
//   padding-top: 7px;
   background: #fff;
   height: 56px;
   filter: alpha(opacity=75);
   -moz-opacity:0.75;
   opacity: 0.75;
   color: #fff;
}

#inmenu {
   height: 70px;
}

h1
{
   position: relative;
   width: 140px;
   margin-bottom: -63px;
   left: -141px;
   filter: alpha(opacity=99);
   -moz-opacity:0.99;
   opacity: 0.99
}

h1 a
{
   text-align: right;
   padding-bottom: 10px;
   padding-left: 0px;
   padding-right: 10px;
   display: block;
   background: url(../img/go.gif) #f00 repeat-x 0px -30px;
   color: #fff;
   font-size: 11px;
   padding-top: 41px
}

h1 a:hover { background: #000 url(../img/go.gif) repeat-x 0px 43px    }

ul
{
   width: 120px;
   float: left;
   filter: alpha(opacity=100);
   -moz-opacity:1;
   opacity: 1;
}

li a
{
   padding-bottom: 0px;
   padding-left: 5px;
   padding-right: 5px;
   display: block;
   height: 12px;
   color: #f00;
   font-weight: bold;
   padding-top: 0px;
}

li a:hover { color: #000;
   font-weight: bold;
}

li.cur a { color: #000;
   font-weight: bold;
}
.box
{
   position: absolute;
   padding-bottom: 100px;
   width: 600px;
   top: 150px;
   right: 200px;
}

.box div
{
   padding-bottom: 20px;
   line-height: 1.3em;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 10px;
}

.box div a { text-decoration: underline }

.large
{
   text-align: right;
   font-size: 13px;
   color: #f00; 
   top: 20%;
   right: 320px;
}

.left
{
   text-align: left;
   font-size: 13px;
   right: auto;
   left: 290px;
}

#kop2 {
   filter: alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}

.large h2 {
   font-size: 60px;
   color: #006;
   margin-left: 10px;
   }

.white { color: #fff }

#beijing { top: 15% }

h3
{
   position: relative;
   padding-bottom: 10px;
   line-height: 20px;
   text-transform: uppercase;
   margin: 0px -30px 20px;
   padding-left: 30px;
   padding-right: 30px;
   border-bottom-width: 1px;
   font-weight: bold;
   padding-top: 30px
}

h3 span
{
   position: absolute;
   text-align: center;
   padding-bottom: 0px;
   padding-left: 5px;
   padding-right: 5px;
   display: block;
   white-space: nowrap;
   background: #000;
   color: #fff;
   top: 29px;
   right: 510px;
   font-weight: normal;
   padding-top: 0px
}

dl { margin: 10px 0px }

dt
{
   padding-bottom: 25px;
   padding-left: 0px;
   width: 440px;
   padding-right: 0px;
   display: block;
   border-top-width: 1px;
   padding-top: 15px
}

dd p
{
   padding-bottom: 25px;
   padding-left: 0px;
   width: 440px;
   padding-right: 0px;
   display: block;
   border-top-width: 1px;
   padding-top: 15px
}

dt
{
   padding-bottom: 0px;
   line-height: 20px;
   text-transform: uppercase;
   padding-left: 5px;
   width: 430px;
   padding-right: 5px;
   height: 20px;
   cursor: pointer;
   font-weight: bold;
   padding-top: 0px
}

dd
{
   width: 440px;
   height: 0px;
   overflow: hidden
}

#photos
{
   z-index: 10;
   position: absolute;
   bottom: 41px;
   height: 20px;
   overflow: hidden;
   right: 40px
}

#photos a
{
   z-index: 10;
   text-align: center;
   line-height: 20px;
   background: url(../img/gal.gif) #000 no-repeat -6px 5px;
   height: 20px;
   color: #fff;
   cursor: pointer
}

#float
{
   z-index: 90;
   text-align: center;
   line-height: 20px;
   width: 40px;
   background: url(../img/gal.gif) #000 no-repeat -6px 5px;
   height: 20px;
   color: #fff;
   cursor: pointer
}

#photos a
{
   width: 20px;
   background: #000;
   float: left;
   margin-left: 1px;
   overflow: hidden;
   font-weight: bold
}

#photos a:hover, #photos a.cur
{
   background: #fff;
   color: #000
}

#float
{
   position: absolute;
   display: none
}

.nxt#float { display: block }

.prv#float { display: block }

.nxt#float { background-position: -16px 5px }

.prv#float { background-position: 7px 5px }

p, td, table {
   color: #036;
   text-align: left;
   font-size: 13px;
}
p, table {
   margin-left: 10px;
   margin-right: 10px;
}
.rood { }

#kop div  {
   margin: 0px;
   height: 50px;
}

#kop div h1 {
   font-size: 25px;
   color: #0E3688;
   left: 0px;
   filter: alpha(opacity=99);
   -moz-opacity:0.99;
   opacity: 0.99;
   line-height: 24px;
   width:auto;
   margin-bottom: 0px;
   margin-top: 21px;
   margin-right: 0px;
   margin-left: 40px;
}

#inkop {
   padding-top: 10px;
   padding-left:15px;
}

#kop div #YetiZeilreizen { margin-right: 20px; }

#submenu { width: 150px; }
#lijst { width: 100%; }
#onlinezeilen, #onlinesailing { width: 250px; }

#kop div #Sitemap {
   top: 5px;
   right: 20px;
   position: absolute;
}
#kop div #Oog {
   top: 3px;
   right: 50px;
   position: absolute;
}

#Vlaggen {
   height: 10px;
   width: 100px;
   bottom: 30px;
   left: 900px;
   position: absolute;
   z-index: 999;
}
#Vlaggen img {
   margin-right: 4px;
   cursor: pointer;
}
#Google {
   bottom: 90px;
   right: 5px;
   position: absolute;
   z-index: 999;
}
 
/*
// START Links (Inhoud / box)
*/
/* Sets the style for unvisited links. */
.box a, .box a:link {
   color: #1B2654;
   font-weight: bold;
   text-decoration: none;
}
.email, .email:link {
   font-size: 8pt;
   background: none;
   padding: 0px;
   color: #000;
   font-weight: normal;
}

.fotor, .fotor0 {
   border-width: 1px;
   border-color: #000;
   background: url(none);
   float: right;
   margin: 5px 10px 5px 0px;
   filter: alpha(opacity=99);
   -moz-opacity:0.99;
   opacity: 0.99
}
.fotor0 { margin: 5px 0px; }
.fotol, .fotol0 {
   border-width: 1px;
   border-color: #000;
   background: url(none);
   float: left;
   margin: 5px 5px 0px 10px;
   filter: alpha(opacity=99);
   -moz-opacity:0.99;
   opacity: 0.99
}
.fotol0 { margin: 5px 5px 0px 0px; 
}
.fotom {
   border-width: 1px;
   border-color: #000;
   background: url(none);
   margin: 15px 0;
   filter: alpha(opacity=99);
   -moz-opacity:0.99;
   opacity: 0.99;
   text-align: center;
}
.geenpijl, .geenpijl:link, .geenpijl:visited {
   background-image: none;
   margin: 0px;
   padding: 0px;
}
.box a, .box a[href$='.htm'],.box a[href$='.php'] {
	padding: 0px 0px 0px 7px;
	background: transparent url(../img/link_pijl.gif) no-repeat center left;
}
.box a:visited {
   color: #3C3C6A;
   font-weight: bold;
   text-decoration: none;
}
.box a:hover {
   color: #000;
   background-color: #DFEFFF;
}
.box a:focus {
   color: #666;
}
.box a:active {
   color: #000;
}
/* use this class to make sure that images won't get iconized */

a[rel='imagezoom[fotos]'], a[rel='imagezoom[fotos2]'] {
	padding: 0px !important;
	background: none !important;
}
.extern, .extern:link, .extern:visited {
	padding: 0px 0px 0px 7px;
	background: transparent url(../img/link_ext.gif) no-repeat center left;
}
.rood {
   font-weight: bold;
   color: #F00;
}
.kleiner {font-size: 11px; }

select, input, textarea  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
 }
input { background-image: url(../img/input.gif); 
}
textarea { background-image: url(../img/input-txt.gif); }
.geenback { background-image: none; }

.rand {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	border: 1 solid rgb(58,85,120);
 }

.geenrand {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	border: 0 solid rgb(58,85,120);
 }
.midden {
   text-align: center;
}


#knoppen {
   margin: 0px;
   padding: 0px;
   width: 590px;
   text-align: center;
}

#knoppen img {
   display: inline;
}

.wit { color: #fff; }

#Lay300 {
   position:absolute;
   left: -250px;
   top: 500px;
   z-index: 999;
   width: 89px;
   height: 54px;
   padding:0;
   margin:0;
}

#cont .box.left #inhoud #Lijn {
   clear: both;
   float: left;
   margin-top: 12px;
}