html, body { height: 100%; }
* { margin: 0; padding: 0; }
body { background: #FFFFFF; }

body a,
body a:visited { color: #b48450; text-decoration: underline; }
body a:hover { color: #b48450; text-decoration: none; }

/* wrapper */

#wrapper { position: relative; float: left; width: 995px; height: auto; overflow: hidden; background: url(pics/bg.gif) top left repeat-x #fff; border: 0px solid #000; }

#wrapperSide { position: relative; float: left; width: 118px; min-height: 570px; height: auto; overflow: hidden; background: url(pics/bgWrapperSide.jpg) top left no-repeat #FFFFFF; }
#wrapperSide address { position: relative; float: left; display: inline; margin: 293px 0px 0px 14px; font: Arial, Helvetica, sans-serif 11px; font-style: normal; }
#wrapperSide address img { position: relative; float: left; width: 89px; height: 96px; margin-bottom: 10px; clear: both; }
#wrapperSide ul { position: relative; float: left; display: inline; margin: 18px 0px 0px 14px; width: 89px; list-style: none; }
#wrapperSide li { float: left; clear: both; background: url(pics/dquote.gif) bottom right no-repeat; padding-right: 8px; }
#wrapperSide li a,
#wrapperSide li a:visited { font: Arial, Helvetica, sans-serif 11px; text-decoration: underline;  color: #b48450; }
#wrapperSide li a:hover { font: Arial, Helvetica, sans-serif 11px; text-decoration: none;  color: #b48450; }

#wrapperContent { position: relative; float: left; display: inline; width: 877px; background: url(pics/bgWrapperContent.gif) top right no-repeat; }
#wrapperContent h1.logo { position: relative; float: left; display: inline; margin: 14px 0px 0px 32px; width: 458px; height: 51px; background: url(pics/logo50jaar.gif) top left no-repeat; }
#wrapperContent h1.logo a { width: 458px; height: 51px; display: block; }
#wrapperContent h1.logo a span { display: none; }

#wrapperContent .tpl { position: relative; float: left; display: inline; margin: 6px 0px 0px 35px; width: 660px; height: auto; min-height: 510px; background-color: #FFFFFF; }
*html #wrapperContent .tpl { height: 510px; }
#wrapperContent hr { display: none; }

.tpl h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; font-style: italic; font-weight: normal; color: #000000;}
.tpl { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}

#generalMenu { position: relative; float: left; display: inline; width: 660px; padding-top: 16px; }
#generalMenu ul { position: relative; float: left; display: inline; margin-left: 18px; width: 624px; list-style: none; }
#generalMenu ul li { float: left; width: 194px; height: 100px; }
#generalMenu ul li h1 { width: 194px; height: 40px; padding-right: 0px; display: block; background:; }
#generalMenu ul li h1 a { width: 194px; height: 40px; display: block; }
#generalMenu ul li h1 span { display: none }
#generalMenu ul li p { display: none }
#generalMenu ul li.node1 { background: url(../../pics/GeneralMenu/bgTopmerken.jpg) bottom left no-repeat; margin-right: 21px; }
#generalMenu ul li.node2 { background: url(../../pics/GeneralMenu/bgMontage.jpg) bottom left no-repeat; margin-right: 21px; }
#generalMenu ul li.node3 { background: url(../../pics/GeneralMenu/bgService.jpg) bottom left no-repeat; }
#generalMenu ul li.node1 h1 { background: url(../../skins/default/pics/bgGeneralTopmerken.gif) top right no-repeat #525252; }
#generalMenu ul li.node2 h1 { background: url(../../skins/default/pics/bgGeneralMontage.gif) top right no-repeat #525252; }
#generalMenu ul li.node3 h1 { background: url(../../skins/default/pics/bgGeneralService.gif) top right no-repeat #525252; }

#mainMenu { position: relative; float: left; width: 660px; height: 22px; background: #dcdcdc; z-index: 1; margin-top: 16px; }
#mainMenu ul.mainMenu { position: absolute; top: 1px; left: 9px; height: 22px; z-index: 2; }
#mainMenu ul.mainMenu li { float: left; display: inline; height: 22px; padding-right: 12px; background: url(pics/spacer.gif) top right no-repeat; }
#mainMenu ul.mainMenu li a,
#mainMenu ul.mainMenu li a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; letter-spacing: -1px; text-decoration: none; color: #525252; }
#mainMenu ul.mainMenu li a:hover,
#mainMenu ul.mainMenu li a.mouse,
#mainMenu ul.mainMenu li a.active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; letter-spacing: -1px; text-decoration: none; color: #b48450; }

#mainMenu ul.mainMenu li ul { position: absolute; top: 21px; left: -8px; width: 157px; padding-bottom: 10px; background: url(pics/bgSubMenu.gif) top left no-repeat #dcdcdc; z-index: 3; }
#mainMenu ul.mainMenu li ul li { float: left; display: inline; height: 26px; background: none; }
#mainMenu ul.mainMenu li ul li a,
#mainMenu ul.mainMenu li ul li a:visited { height: 26px; display: block; line-height: 26px; margin-left: 14px; font-family: Verdana, Arial, Helvetica, sans-serif 11px; font-weight: bold; letter-spacing: -1px; text-decoration: none; color: #525252; }
#mainMenu ul.mainMenu li ul li a:hover,
#mainMenu ul.mainMenu li ul li a.mouse,
#mainMenu ul.mainMenu li ul li a.active { height: 26px; display: block; line-height: 26px; margin-left: 14px; font-family: Verdana, Arial, Helvetica, sans-serif 11px; font-weight: bold; letter-spacing: -1px; text-decoration: none; color: #b48450; }

#content { position: relative; float: left; width: 624px; padding: 29px 18px 29px 18px; }
#content ul { margin-left: 16px; }
#content iframe { width: 624px; height: 460px; border: none;}
#content a,
#content a:visited { color: #b48450; text-decoration: underline; }
#content a:hover { color: #b48450; text-decoration: none; }

#rail { position: relative; float: right; width: 180px; overflow: hidden; }
#rail a.banner { margin-bottom: 3px; float: right; margin-right: 4px; }

#wrapperCover { position: relative; float: left; width:180x; padding-bottom: 20px; display: inline; }
#wrapperCover .ico { position: relative; float: left; display: inline; margin-left: 24px; clear:both; }
#wrapperCover a, 
#wrapperCover a:visited { position: relative; float: left; margin-left: 10px; width: 50px; height: 16px; line-height: normal; display: inline; display: block; text-decoration: underline;color: #b48450; background: url(pics/dquote.gif) center right no-repeat; padding-right: 10px; }
#wrapperCover a:hover { position: relative; float: left; margin-left: 10px; width: 50px; height: 16px; line-height: normal; display: inline; display: block; text-decoration: none;color: #b48450; background: url(pics/dquote.gif) center right no-repeat; padding-right: 10px; }

#wrapperProjecten { position: relative; float: right; display: inline; margin-right: 16px; width: 157px; }
#wrapperProjecten img { float: left; }
#wrapperProjecten ul { position: relative; float: left; display: inline; margin: 0; margin-left: 6px; width: 145px; list-style: none; border: 1px solid #d5d5d5; }
#wrapperProjecten ul li { float: left; width: 145px; min-height: 27px; height: 27px; border-bottom: 1px solid #d5d5d5; background: url(pics/bgProjectMenuItem.jpg); }
#wrapperProjecten ul li a,
#wrapperProjecten ul li a:visited { width: 119px; height: 11px; padding: 8px 13px 8px 13px; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 11px; text-decoration: none; background: url(pics/bgProjectMenuItem.jpg); background-position: 0 -27px !important; }
#wrapperProjecten ul li a:hover { width: 119px; height: 11px; padding: 8px 13px 8px 13px; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 11px; text-decoration: none; background: none; }
#wrapperProjecten ul li.lastNode { border-bottom: none; }