/***********************************************/ /* MADE BY WWW.WATWELWERKT.COM */ /* client: www.fg-international.com */ /***********************************************/ body{ margin: 0; padding: 0; background-color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; } h1, h2, h3, h4, p {font-family:Arial, Helvetica, sans-serif; color:#333333;} h1{font-size:14px; } h2{font-size:14px;} h2 a:link{color:#2561A9;} h2 a:hover{color:#2f7cd8;} h3{font-size:14px;} h4{font-size:12px;} h5{font-size:12px;} p{font-size:12px;line-height:17px;} a:link{color:#000000; text-decoration:none;} a:visited{color:#000000; text-decoration:none;} img{border:none;} .skip {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;} .clear {overflow:hidden; clear:both; height:0; margin:0; padding:0; font-size:1px; font-size:0.01em; display:block;} /***********************************************/ /* Layout */ /***********************************************/ #page-wrpr{text-align: left; margin: 0px;} #page-top{width: 1000px; background-image: url(gfx/page-top-bckgrnd.png); background-repeat:no-repeat;margin: 0px auto;height: 20px; overflow: hidden;} #page-top img{width: 280px; margin-left: 4px;} #page{background: url(gfx/page-bckgrnd.png) repeat-y scroll center top; width: 1000px; margin: 0px auto;} #page-content-wrpr{width: 936px; margin: 0px 20px 0px 33px; } #page-bottom{background: url(gfx/page-bottom-bckgrnd.png) no-repeat scroll center bottom;width: 1000px; height: 30px;margin: 0px auto;} /************** header ****************/ #header{margin:0px;position:relative; background-image: url("images2/home.jpg");background-position:center;background-repeat:no-repeat;width: 936px;height:168px;z-index:1; } #header-columnacces{margin:0px;position:relative; background-image: url(gfx/header-column.jpg);background-position:center;background-repeat:no-repeat;width: 936px;height:168px;z-index:1; } #header-flarestack{margin:0px;position:relative; background-image: url("images2/Flare-stack-maintenance.jpg");background-position:center;background-repeat:no-repeat;width: 936px;height:168px;z-index:1; } #header-flaretip{margin:0px;position:relative; background-image: url("images2/Flare-tip-replacement.jpg");background-position:center;background-repeat:no-repeat;width: 936px;height:168px;z-index:1; } #header-spheres{margin:0px;position:relative; background-image: url("images2/Storagetanks-spheres.jpg");background-position:center;background-repeat:no-repeat;width: 936px;height:168px;z-index:1; } #header-specialprojects{margin:0px;position:relative; background-image: url("images2/Special-Projects1.jpg");background-position:center;background-repeat:no-repeat;width: 936px;height:168px;z-index:1; } #header-speciallifting{margin:0px;position:relative; background-image: url("images2/Special-Lifting.jpg");background-position:center;background-repeat:no-repeat;width: 936px;height:168px;z-index:1; } #header-specialprojects2{margin:0px;position:relative; background-image: url("images2/Special-Projects2.jpg");background-position:center;background-repeat:no-repeat;width: 936px;height:168px;z-index:1; } #header #slota, #header-columnacces #slota,#header-flarestack #slota,#header-flaretip #slota, #header-spheres #slota,#header-specialprojects #slota,#header-speciallifting #slota,#header-specialprojects2 #slota{position:relative;width:270px;top:40px;left:30px;float:left;} #header #slotc,#header-columnacces #slotc,#header-flarestack #slotc,#header-flaretip #slotc, #header-spheres #slotc,#header-specialprojects #slotc,#header-speciallifting #slotc,#header-specialprojects2 #slotc{position:relative;width:240px;top:10px;left:70px;float:left;} #header #slotb,#header-columnacces #slotb,#header-flarestack #slotb,#header-flaretip #slotb, #header-spheres #slotb,#header-specialprojects #slotb,#header-speciallifting #slotb,#header-specialprojects2 #slotb{position:relative;padding-left:20px;float:right;width:240px;top:40px;right:20px;} #header h2,#header-columnacces h2,#header-flarestack h2,#header-flaretip h2, #header-spheres h2,#header-specialprojects h2,#header-speciallifting h2,#header-specialprojects2 h2{font-family:Arial, Helvetica, sans-serif; font-size:26px;color:#333333;} #header p,#header-columnacces p,#header-flarestack p,#header-flaretip p, #header-spheres p,#header-specialprojects p,#header-speciallifting p,#header-specialprojects2 p{font-family:Arial, Helvetica, sans-serif; font-size:26px;color: #333333;} /************** mainnav ****************/ #mainnav{width:936px; height:50px; margin:0px 0px 0px 0px; position:relative; padding-left:0px; background-image: url(gfx/menubg.gif);background-repeat:repeat-x;z-index:50;} /************** dropdown menu *************/ #sddm{margin: 0; padding: 0; z-index: 30} #sddm li{margin: 0; padding: 0; padding-left:0px; padding-right:0px; list-style: none; float: left; font: bold 14px arial;} #sddm li a{ display:block; margin: 0 0px 0 0; padding: 6px 10px; width: auto;color:#FFFFFF; text-align: center; text-decoration: none; border: 0px;} #sddm li a:hover{ color:#000000; background-color:#ffea01;} #active{ color:#000000;background-color:#ffea01;} #sddm div{position: absolute; visibility: hidden; margin: 0; padding: 0; background: #EAEBD8;} #sddm div a {position: relative;display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap;text-align: left; text-decoration: none;background: #EAEBD8;color:#000000; font: 12px arial;} #sddm div a:hover{ background-color:#333333;color: #FFF;} /************** pageName ****************/ #pageNameHome{padding: 0px 0px 0px 6px; } #pageName{padding: 0px 0px 0px 0px; } #pageName h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-style:normal;color:#333333;margin:0px; padding: 0px;} /************* breadCrumb ***************/ #breadCrumb{padding: 4px 0px 15px 0px;font-size:11px;color:#000000;} #breadCrumb a{color:#666666;border-style: none;} #breadCrumb a:hover{color:#333333;text-decoration: underline;} #breadCrumb a:visited{color:#333333;text-decoration: none;} /************** print option ****************/ .print {font-size:11px; color:#000000; margin: 0px 0 0 0; } .print a:link{color:#666666;text-decoration:none;} .print a:hover{color:#333333;text-decoration:underline;} .print img{margin-right:8px;} /************** CONTENT *************/ .homegridwrpr {width:930px; height:100%; margin: 0 0 0 10px; } .gridwrpr {width:930px; height:100%; margin: 0 0 0 10px; background-image: url(gfx/gridwrpr-bckgrnd.gif); background-repeat:repeat-y;} .grdspan1,.grdspan2,.grdspan5{float:left; margin:0;} .grdspan1 {width:205px; font-size:12px;line-height:18px;background-color:#FFFFFF; background-image: url(gfx/sectionlink-bckgrnd.png); background-repeat:no-repeat;} .grdspan2 {width:485px;padding:0 0 0 10px; margin: 0 0 0 10px; border-left:1px dotted #000000; border-right:1px dotted #000000; } .grdspan2 p{font-size:14px;line-height:17px; color:#000000; text-align:left; font-family:Verdana;} .grdspan3 {width:180px; float:right;border:0; margin:0px 15px 0px 0px; padding: 4px 5px 5px 10px; background-image: url(gfx/grid3-bckgrnd.gif); background-repeat:no-repeat;} /** niet 215 px maar 195 let op moet kleiner zijn door paddding van div class link **/ .grdspan4 {width:180px;float:right;border:0;} .grdspan5 {width:415px;} .gridwrpr .grdspan2 a:link{color:#0066CC;text-decoration:none;} .gridwrpr .grdspan2 a:hover{color:#0066CC;text-decoration:underline;} .gridwrpr .grdspan2 a:visited{color:#0066CC;text-decoration:underline;} .gridwrpr .grdspan1 a:link{color:#333333;text-decoration:none;} .gridwrpr .grdspan1 a:hover{color:#0066CC;text-decoration:underline;} .blokje {margin: 50px 0 0 0; background: url(gfx/blokjebg_top.gif) top left repeat-y; padding: 3px 10px; padding-right: 15px;} .blokjeeind {margin-left: 0px;background: url(gfx/blokjebg_bottom.gif) top left no-repeat;height: 8px;margin-bottom: 10px;} .blokje p {margin-bottom: 5px;} .blokje strong {color: #666666;} .blokje a { color:#666666;font-weight:bold;padding-left:10px;text-decoration:none;background: transparent url(gfx/bg_li_bullet.gif) no-repeat;} .blokje a:hover {color:#006699;font-weight:bold;padding-left:10px;text-decoration:underline;background: transparent url(gfx/bg_li_bullet.gif) no-repeat;} .contentwrpr{ margin:0px 0px 10px 0px; padding: 10px 0px 0px 0px; width: 480px;height:auto;} .contenttitel h2{ font-size:16px; color: #000000;} .contenttekst, .contenttekst p{ font-size:12px; line-height:18px; color: #000000; padding: 0px 0px 0px 0px; text-align:left;} .grdspan2 .contenttekst a:link{text-decoration:underline; } .contentimgleft{ float:left; margin:0px 10px 10px 0px; } .contentimgright{ float:right; margin:0px 0px 0px 10px; } .downloadbtn{height:85px;} /*********** FG People css ***********/ .fgpwrpr{ margin:0px 0px 10px 0px; padding: 10px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; width: 470px;height:auto; background-color:#FFFFFF;} .fgpname{ font:Verdana; font-size:1.0em; color: #000000; font-weight:bold;} .fgptekst{ font:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color: #000000; margin: 0px 0px 10px 0px;} .fgpimgleft{ float:left; margin:0px 10px 10px 0px;} .fgptextwrpr{float:left; width:220px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} /*********** #SectionLinks ul ***********/ #sectionLinks ul a:link, #sectionLinks ul a:visited {display: block;} #sectionLinks ul {list-style: none; margin: 0; padding: 0;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ #sectionLinks li {border-bottom: 1px solid #ffeb27;} /* fix for browsers that don't need the hack */ html>body #sectionLinks li {border-bottom: none;} #sectionLinks ol a:link, #sectionLinks ul a:visited {display: block;} #sectionLinks ol {list-style:none; margin: 0 0 5px 8px; padding: 0;} /************ #sectionLinks styles ***********/ #sectionLinks{position: relative;float:left;width:205px;margin:65px 0 0 0;padding: 0px 2px 0 0;color:#333333;background-color:#ffeb27; } #sectionLinks h4{padding: 10px 0px 0px 0px;} #sectionLinks a:link{padding: 2px 2px 2px 10px; border-bottom: 1px dotted #000000;} #sectionLinks a:visited{padding: 2px 2px 2px 10px;border-bottom: 1px dotted #000000;} #sectionLinks a:hover{background-color: #dddddd;padding: 2px 2px 2px 10px;} #sectionlinks-bottom{height:80px; background-image: url(gfx/sectionlinks-bottom.png); background-repeat:no-repeat;} /************** Footer *************/ #Footer {position: relative;height:210px; width:930px; text-align:center; margin: 0 0 0 10px; font-size:10px; line-height:17px;} #Footer-top{position:relative; height:40px; width:930px;font-size:20px; color:#666666; text-align: left; line-height:24px; padding: 10px 0 0 0px; background-image:url(gfx/certificates.gif); background-repeat:no-repeat; background-position:right;} #Footer-content{position: relative;height:140px; width:915px; text-align:center; margin: 0px 10px 0px 0px; font-size:15px; line-height:17px; background-image: url(gfx/footer-bckgrnd.gif); background-repeat:repeat-x;} #Sitemap { float:left; margin: 0px 0px 0px 0px; width: 215px; padding: 6px 0 0 10px; font-size: 12px;color:#666666; text-align: left; font-weight: bold;} #Sitemap a:link{color:#333333;border-style: none;} #Sitemap a:hover{color:#000000; text-decoration: underline;} #Sitemap a:visited{color:#333333; text-decoration: none;} #Sitemap ul a:link, #sectionLinks ul a:visited {display: block;} #Sitemap ul {list-style: none; margin: 0; padding: 0;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ #Sitemap li {border-bottom: 1px solid #ffeb27;} /* fix for browsers that don't need the hack */ html>body #Sitemap li {border-bottom: none;} #adressfg {width:205px; position:relative; float:left; padding: 6px 0 0 10px; color:#666666; text-align: left; font-weight: bold;} #contactdetailsfg {width:215px; position:relative; float:left; margin: 35px 0 0 0;padding: 6px 0 0 0px; color:#666666; text-align: left; font-weight: bold;} #Logo_small {background-image: url(gfx/footer-logofg.gif); background-repeat:no-repeat; width: 200px;height:140px; padding: 0 0 0 0;float:right} #Copyright {position: absolute; bottom: 0px;left: 0px; width: 470px; padding: 0 0 0 10px;font-size: 10px;color:#333333; text-align: left;} #webdesign {position: absolute; right: 15px;bottom: 0px;width: 130px; padding: 0 10px 0 0;color:#666666; text-align: right; float:right;} #webdesign a:link{color:#666666;border-style: none; text-decoration:none;} #webdesign a:hover{color:#0066CC;text-decoration: underline;} /************** THE END *************/ /*this page was made by: watwelwerkt.com*/ /************** THE END *************/ /************** homepage layout *************/ #homepage_wrpr {width: 920px;background-color:#FFFFFF;} #homepage_cntnr{padding: 0;} a.homepage-block, a.homepage-block:visited { display: block; width: 275px; background-color:#ffeb27; background-repeat:no-repeat; height: 270px; float: left; margin: 4px; padding: 10px 10px; border: 1px solid #FFFFFF; text-decoration: none; } * html a.homepage-block, * html a.homepage-block:visited {width: 275px;} a.homepage-block:hover {border: 1px solid #FFFFFF;} a.homepage-block h2 {margin: 0 0 5px; color:#333333;} a.homepage-block p {color:#333333; margin-top: 10px;} /*#intro_homepage{width:920px;padding: 5px 0px 14px 5px; margin: 0px;background-color:#FFFFFF;}*/ div#container { float:left; width: 200px; margin:0 auto; border: 1px solid #FFFFFF; padding: 10px; background: #FFFFFF; } div#errors { width: 400px; margin:0 auto; } label { float: left; width: 140px; text-align: left; padding-top: 5px; } input, textarea { padding: 3px; margin: 3px; border: 1px solid #bac5d6; font: 10px Verdana, sans-serif; background: #fff; } input.fout, textarea.fout { border: 1px solid #FF0000; } label.fout { color: #FF0000; } /************** news wrapper */ .newswrpr { margin:0px 0px 5px 0px; padding: 10px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; width: 480px;height:auto; background-color:#FFFFFF;} .newswrprhmpg { margin:0px 0px 0px 0px; padding: 10px 0px 0px 0px; width: 360px;height:auto; background-color:#FFFFFF;} /************** news titel */ .newstitel { font-size:18px; color: #0099CC;} .newstitel a, a visited { font-size:18px; color:#FF0066; text-decoration:none;} .newstitel h1 { margin: 5px 0 10px 0; padding-bottom:15px; font-size:1.1667em; line-height:1.125em;} .newstitelhomepage { font-size:1.1667em; color:#0099CC;} .newstitelhomepage a, a visited { font-size:1.1667em;; margin: 0px 0px 0px 0px; color:#0099CC; text-decoration:none;} /************** news date */ .newsdate { font-size:0.8em; color: #000000; margin: 0px 0px 10px 0px;} /*********** news tekst */ .newstekst { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color: #000000; padding: 0px 0px 0px 0px; text-align:left; margin: 10px 0px 10px 0px;} /************** news image */ .newsimgleft { float:left; margin:0px 10px 10px 0px;} .newsimgright { float:right; margin:0px 0px 10px 10px;} /************** the fix for the image wrprp problem */ .textwrpr {width:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} /* changed with from 340 px to auto so when no pic tekst outlines whole box */ /*****/ .prnxtbtn {width:480px; position:relative; text-align:center;} /*****/ /*-------------------------------------------------/ * @section Base Drop-Down Styling * @structure ul (unordered list) * ul li (list item) * ul li a (links) * /*\.class|(li|a):hover/ * @level sep ul */ ul.dropdown { font-weight: bold;} ul.dropdown a, ul.dropdown span { display: block; padding: 7px 10px;} ul.dropdown li { padding: 0; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff #d9d9d9 #d9d9d9; color: #ffffff;} ul.dropdown li.hover, ul.dropdown li:hover { background-color: #fff; color: #000;} ul.dropdown a:link, ul.dropdown a:visited { color: #ccc; text-decoration: none; } ul.dropdown a:hover { color: #666; } ul.dropdown a:active { color: #ff00cc; } /* -- level mark -- */ ul.dropdown ul { width: 150px; margin-top: 1px; } ul.dropdown ul li {font-weight: normal; background-color:#F0E34D; /*--- color of sub menu */} ul.dropdown ul a, ul.dropdown ul span {padding: 8px;} /*-------------------------------------------------/ * @section Support Class `dir` * @level sep ul, .class */ ul.dropdown *.dir { padding-right: 8px; background-image: url("../images/menuimages/menu_arrow.gif"); background-position: 95% 55%; background-repeat: no-repeat; } /* -- Components override -- */ ul.dropdown-horizontal ul *.dir { padding-right: 8px; background-image: url("../images/menuimages/nav-arrow-right.png"); width:181px; background-position: 95% 55%; background-repeat: no-repeat; } ul.dropdown ul li:hover { padding-left: 15px; border-top-color: #fff; width:180px; border-left: solid 3px #ffa500; background-color:#333333; /*color of submenus on hovver */ } ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0;} ul.dropdown { position: relative; z-index: 60; float: left;} ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;} ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;} ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 190px;} ul.dropdown ul li { float: none;} ul.dropdown ul ul { top: 1px; left: 99%;} ul.dropdown li:hover > ul { visibility: visible;} ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto;} ul.dropdown li.rtl ul ul { top: 1px; right: 99%; left: auto;} /*vertical menu */ ul.dropdown-vertical { width: 200px;} ul.dropdown-vertical ul { top: 1px; left: 99%;} ul.dropdown-vertical li { float: none;}