body
{
	color: #FFF;
	font-family: Arial;
	text-align: center;
	margin:0 auto;
	padding:0;
	font-size: 12px;
}

a
{
    color: #FFF;
    text-decoration: none;
}

a img
{
    border: 1px solid #FFF;
}

#wrapper
{
    text-align: left;
    position: relative;
    margin: 0 auto;
    width: 1024px;
}

#logo
{
    position: absolute;
    left: 463px;
    top: 39px;
    width: 100px;
    height: 66px;
}

#nav
{
    position: relative;
    top: 50px;
    left: 117px;   
    text-align: left;
    padding: 0px;
    width: 810px;
    height: 63px;
    font-size: 12px;
	z-index: 50;
}

#submenu1
{
    position: absolute;
    top: 22px;
    left: 0px;
    width: 200px;
    height: 10px;
    color: #FFF;
    font-weight: bold;
	z-index: 100;
}

#submenu2
{
    position: absolute;
    top: 22px;
    left: 0px;
    *left: 0px;
    height: 10px;
    color: #FFF;
    font-weight: bold;
}

#submenu2EN
{
    position: absolute;
    top: 15px;
    left: 128px;
    *left: 134px;
    height: 10px;
    color: #FFF;
    font-weight: bold;
}

#submenu3
{
    position: absolute;
    top: 22px;
    left: 85px;
    width: 255px;
    height: 10px;
    color: #FFF;
    font-weight: bold;
}

#submenu4
{
    position: absolute;
    top: 22px;
    left: 472px;
    height: 10px;
    color: #FFF;
    font-weight: bold;
	z-index: 100;
}

#submenu4EN
{
    position: absolute;
    top: 22px;
    left: 472px;
    height: 10px;
    color: #FFF;
    font-weight: bold;
	z-index: 100;
}

#submenu5
{
    position: absolute;
    top: 15px;
    left: 623px;
    width: 100px;
    height: 10px;
    color: #FFF;
    font-weight: bold;
}

#submenu6
{
    position: absolute;
    top: 15px;
    left: 660px;
    height: 10px;
    color: #FFF;
    font-weight: bold;
}

#submenu6EN
{
    position: absolute;
    top: 15px;
    left: 615px;
    height: 10px;
    color: #FFF;
    font-weight: bold;
}

#submenu1 a, #submenu2 a, #submenu2EN a, #submenu3 a, #submenu4 a, #submenu5 a, #submenu6 a, #submenu6EN a
{
    text-decoration: none;
    color: #FFF;
    margin-right: 10px;
}

#submenu1 li.submenu-item a, #submenu2 li.submenu-item a, #submenu3 li.submenu-item a, #submenu4 li.submenu-item a, #submenu5 li.submenu-item a,#submenu6 li.submenu-item a
{
	color: #666;
	background: #FFF;
	line-height: 18px;
}

#submenu1 li.submenu-item a:hover, #submenu2 li.submenu-item a:hover, #submenu3 li.submenu-item a:hover, #submenu4 li.submenu-item a:hover,#submenu5 li.submenu-item a:hover, #submenu6 li.submenu-item a:hover
{
	color: #000;
	background: #FFF;
}

#submenu1 a.Active, #submenu2EN a.Active, #submenu3 a.Active, #submenu4 a.Active, #submenu5 a.Active, #submenu6EN a.Active
{
    color: #000;
}

#submenu1 a:hover, #submenu1EN a:hover, #submenu2 a:hover, #submenu2EN a:hover, #submenu3 a:hover, #submenu3EN a:hover, #submenu4 a:hover, #submenu4EN a:hover, #submenu5 a:hover, #submenu5EN
 a:hover, #submenu6 a:hover, #submenu6EN a:hover
{
    text-decoration: none;
    color: #000;
}  

/* Index */

#main #left
{
    width: 74%;
    float: left;
}

#main #right
{
    width: 20%;
    float: right;
    padding: 0px 0px 10px 20px;
}

#main #right p
{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

#main #right a
{
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    text-decoration: none;
}

#main #right a:hover
{
    color: #54ff00;
}

#mainRefTable
{
    position: absolute;
    top: 176px;
    left: 151px;
    height: 523px;
    width: 736px;
    overflow-y: scroll;
}

/* einde Index */


h1.navbutton
{
    color:#FFFFFF;
    font-size:15px;
    font-weight:400;
    margin:0pt;
    padding:0pt;
    text-indent:0pt;
    display: inline;
}

h1.nieuwsbutton
{
    color:#000000;
    font-size:15px;
    font-weight:400;
    margin:0pt;
    padding:0pt;
    text-indent:0pt;
    display: inline;
}

h1.navbuttonAct
{
    color:#000000;
    font-size:15px;
    font-weight:400;
    margin:0pt;
    padding:0pt;
    text-indent:0pt;
    display: inline;
}

#nav h1.navbutton a
{
    color: #FFFFFF;
    text-decoration: none;
    width: 120px;
}

#nav h1.navbuttonAct a
{
    color: #FFFFFF;
    text-decoration: none;
    width: 120px;
} 

#nav h1.nieuwsbutton a
{
    color: #FFFFFF;
    text-decoration: none;
    width: 120px;
}

#nav h1.yachtdesign
{
    width: 115px;
    margin-right: 13px;
    margin-left: 15px;
    *margin-right: 20px;
    *margin-left: 15px;
}

#nav h1.yachtdesignEN
{
    width: 115px;
    margin-right: 1px;
    margin-left: 15px;
    *margin-right: 14px;
    *margin-left: 8px;
}
#nav s1.yachtdesignlink
{
    width: 115px;
    margin-right: 115px;
    margin-left: 15px;
    *margin-right: 14px;
    *margin-left: 8px;

}

#nav h1.interieur
{
    width: 110px;
}

#nav h1.bureauprofiel
{
    width: 150px;
    margin-left: 139px;
    *margin-left: 141px;
    margin-right: 65px;
    *margin-right: 70px
}

#nav h1.bureauprofielEN
{
    width: 150px;
    margin-left: 147px;
    *margin-left: 147px;
    margin-right: 65px;
    *margin-right: 70px
}

#nav h1.nieuws
{
    margin-right: 67px;
    *margin-right: 68px;
}

#nav h1.contact
{
    margin: 0px;
    padding: 0px;
}

#main
{
    position: absolute;
    top: 131px;
	overflow-y: auto;
	overflow-x: hidden;
    left: 151px;
    height: 537px;
    width: 720px;
	z-index: 0;
}

#mainMedewerkers
{
	position: absolute;
    top: 131px;
    left: 151px;
    width: 720px;
	height: 538px;
	overflow-y: auto;
	overflow-x: hidden;
}

#main table
{
    width: 100%;
    border-collapse: collapse; 
    text-align: left;
    vertical-align: top;
}

#mainMedewerkers table
{
    width: 100%;
    border-collapse: collapse; 
    text-align: left;
    vertical-align: top;
	height: 100%;
}

#main table td, #mainMedewerkers table td
{
    vertical-align: top;
}

#main table td.left, #mainMedewerkers table td.left
{
    width: 45%;
    vertical-align: bottom;
    height: 100%;
}

#main #content
{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 434px;
    height: 475px;
	z-index: 0;
	padding-right: 0px;
}

#main #imageLeft
{
    position: absolute;
    top: 0px;
    left: 0px;
	right: 454px;
}

#main #image
{
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#main #image #imageLeft a img
{
    border: 0px;
}

#main table td.right, #mainMedewerkers table td.right
{
    width: 55%;
    vertical-align: top;
    overflow: scroll;
}

#main table td.right p, #mainMedewerkers table td.right p
{
    text-align: justify;
    color: #FFF;
    line-height: 18px;
    margin: 0px 0px 20px;
    padding: 0px;
}

/* Portfolio */

#main table.portfolio, #mainMedewerkers table.portfolio
{
    width: 100%;
    border-collapse: collapse; 
    margin-top: 30px;
    text-align: left;
    vertical-align: top;
}

#main table td.image, #mainMedewerkers table td.image
{
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    width: 130px;
	height: 90px;
}

#main table td.image a, #mainMedewerkers table td.image a
{
	height: 90px;
}

#main table td.imageProfielen
{
	height: 202px;
	width: 520px;
}

#main table tr.small, #mainMedewerkers table tr.small, #main table tr.small td.image, #main table tr.small td.image, #main table tr.small td.image a, #main table tr.small td.content
{
	height: 60px;
}


#main table td.image a img, #main table td.imageProfielen a img, #mainMedewerkers table td.image a img
{
    border: 0px;
}


#main table td.content, #mainMedewerkers table td.content
{
    vertical-align: top;
    margin: 0px;
    padding: 0px;
	height: 90px;
}

#main table td.content h2.pfHeader, #mainMedewerkers table td.content h2.pfHeader
{
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    min-width: 0px;
    clear: none;
    float: left;
    display: inline;
}

#main table td.content h3.pfContent, #mainMedewerkers table td.content h3.pfContent
{
    margin: 3px 0px 0px;
    *margin: 0px 0px -5px;
    padding: 0px;
    font-size: 16px;
    *font-size: 26px;
    min-width: 200px;
    float: left;    
    display: block;
}

#main table td.content h3.pfContent2, #mainMedewerkers table td.content h3.pfContent2
{
    margin: 3px 0px 0px;
    *margin: 3px 0px -5px;
    padding: 0px;
    font-size: 16px;
    *font-size: 25px;
    min-width: 200px;
    float: left;    
    display: block;
}

#main table td.content h2.pfHeader a, #mainMedewerkers table td.content h2.pfHeader a
{
    font-size: 20px;
}

h6.nwHeader
{
	margin: 0;
	padding: 0;
	font-size: 19px;
}

#main table td.content h3.pfsubHeader, #mainMedewerkers table td.content h3.pfsubHeader
{
    margin: 0px;
    padding: 0px;
    font-size: 16px;
}

#main table td.content p, #mainMedewerkers table td.content p
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-size: 12px;
    clear: both;
}

#main table td.content a, #mainMedewerkers table td.content a
{
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    text-decoration: none;
    clear: both;
}

#main table td.content a:hover, #mainMedewerkers table td.content a:hover
{
    color: #54ff00;
}

/* Boatmap */

div#topThumb
{
    position: absolute;
    left: 83px;
    top: 0px;
    border:1px solid #FFF;	
}

div#bottomThumb
{
    position: absolute;
    left: 83px;
    top: 200px;
    border:1px solid #FFF;
    height: 105px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 553px;
}	

#boatName
{
    position: absolute;
    left: 522px;
    top: 434px;
    width: 200px;
}

#boatmap
{
    position: relative;
    float: right;
	clear: none;
    top: 38px;
    width: 91px;
    height: 150px;
	margin: 0 0 10px 10px;
}

#boatmap a
{
    display: block;
    width: 91px;
    height: 119px;
    background: url(../images/bouwtekeningen/boatbutton_out.jpg) no-repeat;
}

#boatmap a:hover
{
    background: url(../images/bouwtekeningen/boatbutton_over.jpg) no-repeat;
}

/* einde Portfolio */

/* Bureauprofiel */

div#main span.paragraph
{
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}

div.top
{
    height: 237px;
}

div.topNieuws
{
	height: 44px;
}

div.bottom
{
    height: 200px;
    text-align: center;
}

h2.pageHeader
{
    margin: 0px;
    padding: 0px;
    font-size: 24px;
}

div#right h2.subHeader
{
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}

/* einde Bureauprofiel */

/* Contact */

div#contact
{
    position: absolute;
    left: 290px;
    top: 150px;
    width: 440px;
    height: 400px;
}

div#contact h3.pageContent
{
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    max-width: 250px;
}

div#contact span.pageContent
{
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}

div#contact span.pageContentB
{
    margin: 0px;
    padding: 0px;
    font-size: 18px;
}

/* einde Contact */

/* Medewerkers */

td.left3T h3.tableHeader, td.middle3T h3.tableHeader, td.right3T h3.tableHeader
{
    margin: 10px 0px 10px;
    padding: 0px;
    font-size: 18px;
}

#main table td.left3T, #mainMedewerkers table td.left3T
{
    width: 30%;
    vertical-align: top;
    margin: 0px;
    background: #47553e;
    height: 20px;
}

#main table td.left3, #mainMedewerkers table td.left3
{
    width: 30%;
    vertical-align: top;
    margin: 0px;
    background: #47553e;
}

#main table td.spacer, #mainMedewerkers table td.spacer
{
    width: 10px;
    vertical-align: top;
    margin: 0px;
}

#main table td.middle3T, #mainMedewerkers table td.middle3T
{
    width: 30%;
    vertical-align: top;
    margin: 0px;
    background: #344d54;
    height: 20px;
}

#main table td.middle3, #mainMedewerkers table td.middle3
{
    width: 30%;
    vertical-align: top;
    margin: 0px;
    background: #344d54;
}

#main table td.right3T, #mainMedewerkers table td.right3T
{
    width: 30%;
    vertical-align: top;
    margin: 0px;
    background: #7f7144;
    height: 20px;
}

#main table td.right3, #mainMedewerkers table td.right3
{
    width: 30%;
    vertical-align: top;
    margin: 0px;
    background: #7f7144;
}

#main table td.right2 h2, #mainMedewerkers table td.right2 h2
{
    text-align: justify;
    color: #FFF;
    line-height: 18px;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}

#main table td.right2 p, #mainMedewerkers table td.right2 p
{
    text-align: justify;
    color: #FFF;
    line-height: 18px;
    margin: 0px 0px 20px;
    padding: 0px;
}

#main table td.left3 a.employee, #main table td.middle3 a.employee, #main table td.right3 a.employee,
#mainMedewerkers table td.left3 a.employee, #mainMedewerkers table td.middle3 a.employee, #mainMedewerkers table td.right3 a.employee,
#mainMedewerkers table td.left3 a.spacer, #mainMedewerkers table td.middle3 a.spacer, #mainMedewerkers table td.right3 a.spacer, #mainMedewerkers table tr td.right3 table tr td a.spacer
{
    color: #FFF;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
}

div.IEspacer
{
	height: 82px;
}

#mainMedewerkers table td.left3 a.spacer2
{
	line-height: 66px;
}

#mainMedewerkers table td.left3 a.spacer:hover, #mainMedewerkers table td.middle3 a.spacer:hover, #mainMedewerkers table td.right3 a.spacer:hover
{
	background: transparent;
	cursor: default;
}

#main table td.left3 a.employee:hover, #mainMedewerkers table td.left3 a.employee:hover
{
    background:#87957b;
}

#main table td.middle3 a.employee:hover, #mainMedewerkers table td.middle3 a.employee:hover
{
    background:#7c959c;
}

#main table td.right3 a.employee:hover, #mainMedewerkers table td.right3 a.employee:hover
{
    background:#c8b787;
}

/* Einde medewerkers */


#language
{
    position: absolute;
    top: 656px;
    left: 123px; 
    text-align: left;
}

h1.langbutton
{
    color:#FFFFFF;
    font-size:17px;
    margin:0pt;
    padding:0pt;
    text-indent:0pt;
    display: block;
    width: 25px;
}

h1.langbuttonAct
{
    color:#000000;
    font-size:17px;
    font-weight:400;
    margin:0pt;
    padding:0pt;
    text-indent:0pt;
    display: block;
    width: 20px;
}

#language h1.langbutton a, #language h1.langbuttonAct a
{
    display: block;
    font-size: 18px;
    text-decoration: none;
    color: #FFF;
}

div#breadcrumb
{
    position: absolute;
    top: 705px;
    left: 116px; 
    text-align: left;
    color: #FFF;
    font-size: 10px;
    padding: 0px;
}

div#breadcrumb a
{
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    width: 50px;
}

#imageholder
{
    position: absolute;
    top: 399px;
    left: 509px;
    width: 394px;
    height: 300px;
    overflow: hidden;
}

#imageholder
{
    position: absolute;
    top: 399px;
    left: 509px;
    width: 394px;
    height: 300px;
    overflow: hidden;
}

#imageholder2
{
    position: absolute;
    top: 399px;
    left: 594px;
    width: 309px;
    height: 300px;
    overflow: hidden;
}

#blendimage
{
    position: absolute;
    width: 394px;
    height: 300px;
    overflow: hidden;
}

#thumbholder {
    position: absolute;
    top: 554px;
    left: 10px;
    overflow: hidden;
}

/* Architectuur */

.one
{
  background: url(../images/portfolio/a1.jpg) no-repeat;
}

.two
{
  background: url(../images/portfolio/a2.jpg) no-repeat;
}

.three
{
  background: url(../images/portfolio/a3.jpg) no-repeat;
}

.four
{
  background: url(../images/portfolio/a4.jpg) no-repeat;
}

.five
{
  background: url(../images/portfolio/a5.jpg) no-repeat;
}

.six
{
  background: url(../images/portfolio/a6.jpg) no-repeat;
}

.seven
{
  background: url(../images/portfolio/a7.jpg) no-repeat;
}

.eight
{
  background: url(../images/portfolio/a8.jpg) no-repeat;
}

.nine
{
  background: url(../images/portfolio/a9.jpg) no-repeat;
}

.ten
{
  background: url(../images/portfolio/a10.jpg) no-repeat;
}

.eleven
{
  background: url(../images/portfolio/a11.jpg) no-repeat;
}

.twelve
{
  background: url(../images/portfolio/a12.jpg) no-repeat;
}

/* Yachtdesign */

.thirteen
{
  background: url(../images/portfolio/y1.jpg) no-repeat;
}

.fourteen
{
  background: url(../images/portfolio/y2.jpg) no-repeat;
}

.fifteen
{
  background: url(../images/portfolio/y3.jpg) no-repeat;
}

.sixteen
{
  background: url(../images/portfolio/y4.jpg) no-repeat;
}

.seventeen
{
  background: url(../images/portfolio/y5.jpg) no-repeat;
}

.eighteen
{
  background: url(../images/portfolio/y6.jpg) no-repeat;
}

.nineteen
{
  background: url(../images/portfolio/y7.jpg) no-repeat;
}

.twenty
{
  background: url(../images/portfolio/y8.jpg) no-repeat;
}

.twentyone
{
  background: url(../images/portfolio/y9.jpg) no-repeat;
}

.twentytwo
{
  background: url(../images/portfolio/y10.jpg) no-repeat;
}

.twentythree
{
  background: url(../images/portfolio/y11.jpg) no-repeat;
}

.twentyfour
{
  background: url(../images/portfolio/y12.jpg) no-repeat;
}

.twentyfive
{
  background: url(../images/portfolio/y13.jpg) no-repeat;
}

.twentysix
{
  background: url(../images/portfolio/y14.jpg) no-repeat;
}

.twentyseven
{
  background: url(../images/portfolio/y15.jpg) no-repeat;
}

.twentyeight
{
  background: url(../images/portfolio/y16.jpg) no-repeat;
}

.twentynine
{
  background: url(../images/portfolio/y17.jpg) no-repeat;
}

.thirty
{
  background: url(../images/portfolio/y18.jpg) no-repeat;
}

.thirtyone
{
  background: url(../images/portfolio/y19.jpg) no-repeat;
}

.thirtytwo
{
  background: url(../images/portfolio/y20.jpg) no-repeat;
}

.thirtythree
{
  background: url(../images/portfolio/y21.jpg) no-repeat;
}

.thirtyfour
{
  background: url(../images/portfolio/y22.jpg) no-repeat;
}

.thirtyfive
{
  background: url(../images/portfolio/y23.jpg) no-repeat;
}

.thirtysix
{
  background: url(../images/portfolio/y24.jpg) no-repeat;
}

/* Interieur */

.thirtyseven
{
  background: url(../images/portfolio/i1.jpg) no-repeat;
}

.thirtyeight
{
  background: url(../images/portfolio/i2.jpg) no-repeat;
}

.thirtynine
{
  background: url(../images/portfolio/i3.jpg) no-repeat;
}

.fourty
{
  background: url(../images/portfolio/i4.jpg) no-repeat;
}

.fourtyone
{
  background: url(../images/portfolio/i5.jpg) no-repeat;
}

.fourtytwo
{
  background: url(../images/portfolio/i6.jpg) no-repeat;
}

.fourtythree
{
  background: url(../images/portfolio/i7.jpg) no-repeat;
}

.fourtyfour
{
  background: url(../images/portfolio/i8.jpg) no-repeat;
}

.fourtyfive
{
  background: url(../images/portfolio/i9.jpg) no-repeat;
}

.fourtysix
{
  background: url(../images/portfolio/i10.jpg) no-repeat;
}

.fourtyseven
{
  background: url(../images/portfolio/i11.jpg) no-repeat;
}

.fourtyeight
{
  background: url(../images/portfolio/i12.jpg) no-repeat;
}

/* Dit zijn de standaard sIFR stylen... wijzig deze niet! */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.navbutton {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -6px;
	width: 299px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash p 
{
    font-size: 14px;
}

div.header embed.sIFR-flash
{
	cursor: pointer;
}