/*reset alle margins voor alle objecten*/
* { margin: 0; padding: 0; border: 0; }

/*standaard opmaak html, body*/
body { background-color: #fff; height: 100%; width: 100%; margin: 0; padding: 0; border: 0; font-size: 12px; color: #333; font-family: verdana, arial, helvetica, tahoma; font-weight: normal; }

/*standaard opmaak voor alle tabellen*/
table { border-collapse: collapse; border: 0; margin: 0; padding: 0; width: 650px; }
td { border: 0; margin: 0; padding: 0; }

/*muis voor alle verwijzigingen*/
a:link, a:visited { color: #3b5998; text-decoration: underline; font-weight: bold; font-size: 11px; }
a:hover { color: #f00; text-decoration: none; }

/*standaard opmaak voor alle h*/
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }

/*standaard opmaak voor ul, ol lijsten*/
ul { margin-top: 8px; margin-left: 20px; }
ul li { list-style: disc; list-style-position: outside; line-height: 180%; }
ol { margin-top: 5px; margin-left: 20px; }
ol li { list-style: decimal; list-style-position: outside; line-height: 180%; }

/*alle sub*/
sub { color: #ff0000; font-size: 11px; }

/*all strong*/
strong { color: #666; font-size: 14px; font-family: arial; }

/*search box on the top*/
.transparent_class { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity:  0.8; opacity:  0.8; }
/*getallen kunnen gewijzigd worden hoger = minder opacity*/

/*opmaak meerdere items*/
.fmt1 { margin-top: 40px; margin-bottom: 10px; margin-left: -1px; }
.fmt2 { border: 1px solid #333; margin-top: 20px; padding: 30px 20px 50px 70px; }
.fmt2 h4 { font-size: 14px; color: #3399ff; margin-bottom: 0; font-weight: bold; font-family:  arial; }
.fmt3 { font-size: 11px; text-align: right; padding-right: 10px; padding-bottom: 10px; }
.fmt4 { text-align: right; font-size: 11px; color: #cc9900; padding-right: 10px; }
.fmt5 { text-align: center; line-height: 150%; ; background-color: #fff; border: 1px solid #f8c302; margin-top: 10px; width: 450px; }
.fmt6 { float: right; margin-top: 10px; margin-left: 20px; }
.fmt7 { line-height: 150%; font-size: 11px; }
.fmt8 { width: 580px; margin-top: 10px; padding: 15px; line-height: 150%; }
.fmt9 { padding: 20px; padding-top: 10px; margin: 20px; border: 1px solid #ccc; }
.fmt10 { line-height: 150%; font-size: 11px; text-align: right; }
.fmt11 { position: absolute; top: 180px; right: 1px; padding: 3px 5px 3px 5px; border: 1px solid #ccc; background-color: #ffff99; }
.fmt12 { font-weight: bold; color: #ff6600; }
.fmt13 { font-weight: bold; text-align: left; color: #3b5998; }
.fmt14 { font-size: 14px; color: #0066ff; }
.fmt15 { font-size: 14px; font-weight: bold; color: #339966; font-family: arial; }
.fmt16 { font-size: 14px; font-weight: bold; color: #ff0000; background-color: #eee; font-family: arial; }
.fmt17 { color: #f00; font-size: 11px; }
.fmt18 { position:absolute; top: 196px; right:0; padding:5px 10px 5px 10px; font-size: 11px; }

/*index.html onderzijde pagina*/
.bottom_start { position: absolute; width: 100%; bottom: 5px; text-align: center; font-size: 11px; color: #666; }

/*line on top*/
.body_line { background-color: #3b5998; height: 4px; font-size: 4px; } /*met font-size: 4px wordt de line in alle brouwsers 4px hoog*/

/*footer op elke pagina*/
#footer { background-color: #3b5998; text-align: center; padding-bottom: 15px; }
#footer h1, #footer h3 { padding-top: 12px; font-size: 11px; color: #fff; font-weight: normal; }

/*top right and bottom middle for copyright search etc*/
.top_bottom { padding: 5px 0 8px 0; color: #ccc; font-size: 11px; text-align: right; }
.top_bottom a:link, .top_bottom a:visited { text-decoration: none; font-weight: normal; }
.top_bottom a:hover { color: #ff9900; }

/*titel explore the world of piping*/
.top_ewp { width: 940px; margin-right: auto; margin-left: auto; padding: 20px 0 60px 0; background-image: url(../images/ewp.gif); background-position: center left; background-repeat: no-repeat; font-family: Georgia; }

/*blauwe balk met menu*/
.header_outside { background-color: #3b5998; padding-top: 15px; }
.header_inside { width: 940px; margin-right: auto; margin-left: auto; }
.tbl_menu { }
.tbl_menu td { vertical-align: top; }
.tbl_menu td h1 { display: block; padding: 10px 6px 10px 6px; color: #fff; font-size: 14px; font-family:  arial; }

/*sitemap op de menubalk*/
.tbl_menu td h2 { display: block; padding: 3px 6px 2px 6px; color: #ccc; font-size: 14px; }

/*submenu*/
#submenu_1, #submenu_111, #submenu_2, #submenu_3, #submenu_4, #submenu_5, #submenu_6, #submenu_7, #submenu_8, #submenu_9, #submenu_10, #submenu_11, #submenu_112 { position: absolute; display: none; background-color: #fff; z-index: 1000; border-top: 1px solid #ccc; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc; padding: 5px 10px 20px 10px; width: 280px; margin-top: -2px; line-height: 130%; font-size: 12px; font-family: arial; }
#submenu_1 h2, #submenu_111 h2, #submenu_2 h2, #submenu_3 h2, #submenu_4 h2, #submenu_5 h2, #submenu_6 h2, #submenu_7 h2, #submenu_8 h2, #submenu_9 h2, #submenu_10 h2, #submenu_11 h2, #submenu_112 h2 { padding-top: 8px; padding-bottom: 3px; margin-left: -4px; color: #555; font-size: 12px; font-weight: bold; }

#submenu_1 h3, #submenu_111 h3, #submenu_2 h3, #submenu_3 h3, #submenu_4 h3, #submenu_5 h3, #submenu_6 h3, #submenu_7 h3, #submenu_8 h3, #submenu_9 h3, #submenu_10 h3, #submenu_11 h3, #submenu_112 h3 { color: #a2a2a2; padding-left: 2px; }

#submenu_1 a:link, #submenu_1 a:visited, #submenu_111 a:link, #submenu_111 a:visited, #submenu_2 a:link, #submenu_2 a:visited, #submenu_3 a:link, #submenu_3 a:visited, #submenu_4 a:link, #submenu_4 a:visited, #submenu_5 a:link, #submenu_5 a:visited, #submenu_6 a:link, #submenu_6 a:visited, #submenu_7 a:link, #submenu_7 a:visited, #submenu_8 a:link, #submenu_8 a:visited, #submenu_9 a:link, #submenu_9 a:visited, #submenu_10 a:link, #submenu_10 a:visited, #submenu_11 a:link, #submenu_11 a:visited, #submenu_112 a:link, #submenu_112 a:visited { padding-left: 2px; text-decoration: none; font-size: 12px; font-weight: normal; }

#submenu_1 a:hover, #submenu_111 a:hover, #submenu_2 a:hover, #submenu_3 a:hover, #submenu_4 a:hover, #submenu_5 a:hover, #submenu_6 a:hover, #submenu_7 a:hover, #submenu_8 a:hover, #submenu_9 a:hover, #submenu_10 a:hover, #submenu_11 a:hover, #submenu_112 a:hover { text-decoration: underline; }

/*container voor navigation and contents*/
.container { width: 940px; margin-right: auto; margin-left: auto; }
.container h6 { padding-top: 40px; font-size: 18px; margin-bottom: -20px; margin-left: 18px; line-height: 150%; color: #666; }

/*kolom voor alle content links*/
.content { padding-top: 40px; padding-bottom: 80px; padding-left: 20px; line-height: 190%; }
.content h1 { font-size: 14px; color: #3b5998; background-image: url(../images/h1_line.jpg); background-position: left bottom; background-repeat: no-repeat; font-weight: bold; font-family: arial; }
.content p { padding-top: 8px; color: #444; }
.content h2 { margin-bottom: 20px; font-size: 18px; margin-left: -2px; line-height: 150%; color: #555; }
.content em { color: #444; }
.content table td p { padding: 0; }/*is nodig voor tabellen*//*kolom navigatie rechts*/

/*navigation aan rechter zijde*/
.navigation { float: right; text-align: left; width: 220px; padding-bottom: 40px; padding-left: 40px; }

/*pagemenu op bijna alle paginas*/
.pagemenu { font-family: arial; }
.pagemenu h1 { color:#666; padding-left: 16px; margin-top: 5px; margin-bottom: 7px; background-image: url(../images/bg_pm.gif); background-position: left center; background-repeat: no-repeat; }/*tekst zonder link*/
.pagemenu h2 { margin-bottom: 10px; line-height: 150%; color: #555; font-weight: bold; }/*tekst boven menu*/
.pagemenu p { margin-top: 10px; margin-bottom: 10px; }/*tekst met link*/

.pagemenu a:link, .pagemenu a:visited { padding-left: 16px; text-decoration: none; font-size: 12px; font-weight: normal; background-image: url(../images/bg_pmn.gif); background-position: left center; background-repeat: no-repeat; }
.pagemenu a:hover { }/*pagemenu zichtbaar en onzichtbaar maken*/

#pm_2, #pm_3, #pm_4, #pm_5, #pm_6, #pm_7, #pm_8, #pm_9, #pm_10 { display: none; }

/*faq directory*/
#faq_1 strong { font-size: 12px; }
.faq_dir_img { width: 532px; height: 61px; margin: 30px auto 30px auto; text-align: right; }
.faq_dir p { padding-right: 20px; line-height: 150%; }
.faq_dir a:link, .faq_dir a:visited { text-decoration: none; font-weight: normal; color: #cc9900; }
.faq_dir a:hover { color: #999; }

/*tabel voor what is meant by*/
.tbl_wimb { width: 100%; border-collapse: separate; }
.tbl_wimb td { border: 0; text-align: center; width: 12%; line-height: 150%; font-size: 11px; color: #444; padding: 20px 0 15px 0; vertical-align: top; }
.tbl_wimb td span { font-size: 24px; }
.expl { display: none; color: #333; padding: 15px; line-height: 150%; }
.expl h1 { font-size: 16px; padding-bottom: 5px; }
.tbl_wimb h6 { padding-top: 40px; font-size: 18px; margin-bottom: -20px; margin-left: 18px; line-height: 150%; color: #666; }

/*layers voor afbeeldingen, panel_98 for raised face height, panel_99 search box top right on each page */
#panel_1, #panel_2, #panel_3, #panel_4, #panel_5, #panel_6, #panel_7, #panel_8, #panel_9, #panel_10, #panel_11, #panel_12, #panel_13, #panel_14, #panel_15, #panel_16, #panel_17, #panel_18, #panel_19, #panel_20, #panel_98, #panel_99 { position: absolute; display: none; line-height: 140%; background-color: #fff; z-index: 2001; margin-top: -20px; padding: 10px 20px 20px 20px; border:1px solid #666; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow:3px 3px 4px #000; box-shadow:3px 3px 4px #000; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color=#000000)"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000'); }
/**/
#panel_98 { width: 800px; margin-top:0; top: 4px; left: 50%; margin-left: -400px; line-height: 180%; padding: 20px; padding-bottom: 40px; }
/**/
#panel_99 { margin: 0; top: 30px; right: 5px; width: 255px; padding: 5px 20px 20px 20px; }
#panel_99 p { font-size: 11px; color: #000; }
#textfd { border: 1px solid #ccc; padding: 4px 40px 4px 3px; width: 210px; font-family: verdana, arial, helvetica, sans-serif; background-image: url(../images/crab.gif); background-position: right bottom; background-repeat: no-repeat; }

/*muis voor close op alle panel en remarks div*/
.msclose a:link, .msclose a:visited { text-decoration: none; }
.msclose a:hover { text-decoration: underline; }

/*layer opmerkingen van de author*/
#remarks_1, #remarks_2, #remarks_3, #remarks_4, #remarks_5, #remarks_6 { position: absolute; display: none; width: 600px; margin-top: -20px; line-height: 160%; padding: 10px 20px 30px 20px; border: 1px solid #999; background-color: #fff; background-image: url(../images/author.jpg); background-position: right bottom; background-repeat: no-repeat; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow:3px 3px 4px #000; box-shadow:3px 3px 4px #000; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color=#000000)"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#000000'); }
.remarks a:link, .remarks a:visited { text-decoration: none; background-image: url(../images/author.gif); background-position: right top; background-repeat: no-repeat; padding-right: 15px; }
.remarks a:hover { }

/*tooltip,ttip_80 is de disclaimer van cameron valves*/
#ttip_1, #ttip_2, #ttip_3, #ttip_4, #ttip_5, #ttip_6, #ttip_7, #ttip_8, #ttip_9, #ttip_80 { position: absolute; display: none; background-color: #fff; color: #0174df; line-height: 150%; border-top: 1px solid #ccc; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #ccc; padding: 15px; padding-bottom: 17px; }
#ttip_80 { padding-top: 10px; padding-bottom: 10px; margin-top: -120px; }

/*layers voor question and answer*/
#qaa_100, #qaa_101, #qaa_102, #qaa_1, #qaa_2, #qaa_3, #qaa_4, #qaa_5, #qaa_6, #qaa_7, #qaa_8, #qaa_9, #qaa_10, #qaa_11, #qaa_12, #qaa_13, #qaa_14, #qaa_15, #qaa_16, #qaa_17, #qaa_18, #qaa_19, #qaa_20, #qaa_21, #qaa_22, #qaa_23, #qaa_24, #qaa_25, #qaa_26, #qaa_27, #qaa_28, #qaa_29, #qaa_30, #qaa_31, #qaa_32, #qaa_33, #qaa_34, #qaa_35, #qaa_36, #qaa_37, #qaa_38, #qaa_39, #qaa_40, #qaa_41, #qaa_42, #qaa_43, #qaa_44, #qaa_45, #qaa_46, #qaa_47, #qaa_48, #qaa_49, #qaa_50, #qaa_51, #qaa_52, #qaa_53, #qaa_54, #qaa_55, #qaa_56, #qaa_57, #qaa_58, #qaa_59, #qaa_60, #qaa_61, #qaa_62, #qaa_63, #qaa_64, #qaa_65, #qaa_66, #qaa_67, #qaa_68, #qaa_69, #qaa_70, #qaa_71, #qaa_72, #qaa_73, #qaa_74, #qaa_75, #qaa_76, #qaa_77, #qaa_78, #qaa_79, #qaa_80, #qaa_81, #qaa_82, #qaa_83, #qaa_84, #qaa_85, #qaa_86, #qaa_87, #qaa_88, #qaa_89, #qaa_90, #qaa_91, #qaa_92, #qaa_93, #qaa_94, #qaa_95, #qaa_96, #qaa_97, #qaa_98, #qaa_99 { display: none; background-color: #fff; z-index: 2003; padding-top: 8px; border: 1px solid #ddd; width: 600px; }
/*muis voor question answer*/
.msqaa a:link, .msqaa a:visited { text-decoration: none; font-weight: normal; }
.msqaa a:hover { color: #999; }

/*menu fixed position*/
.fixto h1 { font-size: 11px; color:#a2a2a2; }
.fixto h2 { font-size: 18px; color: #666; margin-left: -2px; padding-bottom: 8px; }
.fixto span { font-size: 11px; color: #333; }
.fixto { line-height:180%; }
.fixto a:link, .fixto a:visited { font-size: 12px; font-weight: normal; text-decoration: none; font-family: arial; }
.fixto a:hover { }
/*muis voor fixed position*/
.msfix a:link, .msfix a:visited { font-size: 24px; text-decoration: none; font-family: arial; }
.msfix a:hover { }

/*tabel voor rtj ringen*/
.tbl_rtj { margin-top:50px; }
.tbl_rtj tr { text-align: center; }
.tbl_rtj td { padding: 5px; border: 1px solid #ccc; font-size: 11px; }

/*toleranties van flanges, fittingen, buizen etc.*/
.tbl_tolerances { width: 100%; }
.tbl_tolerances td { border: 1px solid #ddd; padding: 5px; line-height: 150%; }
.tbl_tolerances em { font-size: 11px; color: #000; font-style: normal; }/*mm font 10px*/

/*tabel voor flensafmetingen*/
.tblflgafm { margin-top: 20px; }
.tblflgafm td { border: 1px solid #ddd; text-align: center; padding-top: 2px; padding-bottom: 2px; width: 12%; }
.tblflgafm .lbs { text-align: left; padding-left: 5px; padding-right: 5px; font-weight: bold; }
.tblflgafm .toprow { background-color: #eee; padding-top: 4px; padding-bottom: 4px; font-weight: bold; }
.tblflgafm .colleft { text-align: left; padding-left: 5px; background-color: #eee; }
.tblflgafm .c_combo { text-align: right; padding-right: 5px; border: 0; }
#select_dia { text-align: right; padding-right: 10px; vertical-align: bottom; border: 0; line-height: 160%; }
#combodia { visibility: hidden; color: #333; background-color: #fff; font-size: 18px; font-family: verdana, arial, helvetica, sans-serif; width: 80px; border: 2px solid #f00; margin-top: 10px; }

/*tabel voor afmetingen elbows, tees, caps etc.*/
.tbl_center { }
.tbl_center td { border: 1px solid #ddd; text-align: center; padding-top: 4px; padding-bottom: 3px; line-height: 150%; }
.tbl_center h3 { text-align: right; }/*tabel buizen linker kolom*/
.tbl_center h4 { text-align: left; padding: 3px 0 3px 10px; }/*diverse tabellen 1de rij*/
.tbl_center em { font-size: 11px; color: #000; font-style: normal; }/*for inches bv 2 3/4 = 3/4 is dan font 10 etc*/

/*tabel voor astm grades pipe_part1.html, bw_fit_gen etc. etc.*/
.tbl_left { }
.tbl_left td { padding-top: 4px; padding-bottom: 3px; padding-left: 4px; border: 1px solid #ddd; line-height: 150%; }
.tbl_left h3 { padding: 5px; } /*tabel line numbers*/
.tbl_left h4 { padding: 5px; } /*tabel line numbers*/

/*tabel op astm_part2/3/4.html*/
.tbl_brb { margin-top: 20px; width: 620px; }
.tbl_brb td { vertical-align: top; border-bottom: 1px solid #ebebeb; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; }

/*tabel voor input triangle*/
.tbl_tri { width: 230px; margin-top: 10px; }
.tbl_tri td { padding: 3px 0 3px 8px; }
.txt_tri { width: 80px; border: 1px solid #ccc; }

/*tabel voor conversion*/
.txt_convert { width: 100px; padding: 2px 5px 2px 5px; background-color: #fff; border: 1px solid #999; }
.tbl_convert { margin-top: 10px; }
.tbl_convert td { vertical-align: middle; border: 1px solid #ccc; padding: 2px 5px 2px 5px; }
.tbl_convert em { color: #c06; font-style: normal; }

/*tabel links.html to other piping related sites*/
.tbl_links { width: 100%; margin-bottom: 30px; }
.tbl_links td { line-height: 180%; padding-top: 10px; padding-bottom: 30px; vertical-align: top; }
.tbl_links p { width: 100%; }
.tbl_links img { margin-left: 100px; }
.tbl_links a:link, .tbl_links a:visited { text-decoration: none; }
.tbl_links a:hover { }

/*div en tabel voor sitemap (overview.html)*/
.con_tbl_overview { width: 940px; margin-right: auto; margin-left: auto; padding-bottom: 50px; }
.con_tbl_overview h2 { margin: 50px 0 0 0; font-size: 18px; color: #666; padding-left: 15px; }
.tbl_overview { width: 100%; margin-top: 10px; }
.tbl_overview td { padding: 10px; border: 1px solid #ddd; font-size: 11px; }
.tbl_overview td h1 { font-size: 18px; color: #666; padding-top: 30px; }
.tbl_overview a:link, .tbl_overview a:visited { text-decoration: none; font-weight: normal; }
.tbl_overview a:hover { }

/*tables for engineering standards and plc*/
.tbl_head td { border: 1px solid #333; padding: 4px 0 4px 10px; }
.tbl_a, .tbl_b, .tbl_branch { width: 780px; }
.tbl_a td { text-align: center; padding: 10px; border: 1px solid #ccc; }
.tbl_b td { text-align: left; padding-left: 10px; border: 1px solid #ddd; }
.tbl_branch td { text-align: center; padding: 5px 0 5px 0; border: 1px solid #ccc; }

/*engineering standards*/
.tbl_es {  }
.tbl_es tr { text-align: left; }
.tbl_es td { padding: 5px; vertical-align:middle; line-height: 150%; }
.tbl_es em { font-size: 11px; color: #000; font-style: normal; }/*mm font 10px*/

/*storage tanks*/
.storetanks { margin-top: 40px; font-size: 14px; padding: 20px; font-family: georgia; border: 1px solid #ccc; background-image: url(../images/tank_esso.gif); background-position: right center; background-repeat: no-repeat; }
.storetanks p { color: #003399; }

/*-------------------------------------------------*/
.bgff { background-image: url(../images/valves_ff_ex.gif); background-position: center left; background-repeat: no-repeat; }
.bgbsm { background-image: url(../images/ad_bsm.gif); background-position: top center; background-repeat: no-repeat; }
.bglnr { background-image: url(../images/line_number.gif); background-position: right center; background-repeat: no-repeat; }
.bgstuds { background-image: url(../images/bg_studbolt.gif); background-position: top left; background-repeat: repeat-y; }
.bg_gaskets_sw_150 { background-image: url(../images/bg_gaskets_sw.gif); background-position: center right; background-repeat: no-repeat; }
.bg_gaskets_sw_300 { background-image: url(../images/bg_gaskets_sw_bg.gif); background-position: center right; background-repeat: no-repeat; }
.bg_gaskets_sw_400 { background-image: url(../images/bg_gaskets_sw.gif); background-position: center left; background-repeat: no-repeat; }
.bg_gaskets_sw_600 { background-image: url(../images/bg_gaskets_sw_bg.gif); background-position: center left; background-repeat: no-repeat; }
.bg_gaskets_sw_900 { background-image: url(../images/bg_gaskets_sw.gif); background-position: top right; background-repeat: no-repeat; }
.bg_gaskets_sw_1500 { background-image: url(../images/bg_gaskets_sw_bg.gif); background-position: top right; background-repeat: no-repeat; }
.bg_gaskets_sw_2500 { background-image: url(../images/bg_gaskets_sw.gif); background-position: center center; background-repeat: no-repeat; }
.bg_weldolets_br { background-image: url(../images/weldolets.gif); background-position: right bottom; background-repeat: no-repeat; }
.bg_weldolets_cr { background-image: url(../images/weldolets.gif); background-position: right center; background-repeat: no-repeat; }
.bg_heatexchanger { background-image: url(../images/bg_hex.gif); background-position: top center; background-repeat: no-repeat; }
.bg_npt { background-image: url(../images/npt.gif); background-position: bottom left; background-repeat: repeat-x; }
.bg_question { background-image: url(../images/question.gif); background-position: left top; background-repeat: no-repeat; }
.bg_copyright { background-image: url(../images/copyright.gif); background-position: right bottom; background-repeat: no-repeat; }
.bg_about { background-image: url(../images/about.gif); background-position: right bottom; background-repeat: no-repeat; }
.bg_oc { background-image: url(../images/oc.jpg); background-position: top center; background-repeat: repeat-y; }
.bg_heabm { background-image: url(../images/bg_steel_heabm.gif); background-position: center right; background-repeat: no-repeat; }
.bg_ipe { background-image: url(../images/bg_steel_ipe.gif); background-position: center center; background-repeat: no-repeat; }
.bg_inp { background-image: url(../images/bg_steel_inp.gif); background-position: center center; background-repeat: no-repeat; }
.bg_unp { background-image: url(../images/bg_steel_unp.gif); background-position: center center; background-repeat: no-repeat; }
.bg_upe { background-image: url(../images/bg_steel_upe.gif); background-position: center center; background-repeat: no-repeat; }
.bg_angle_eq { background-image: url(../images/bg_steel_angle_eq.gif); background-position: center center; background-repeat: no-repeat; }
.bg_angle_uneq { background-image: url(../images/bg_steel_angle_uneq.gif); background-position: center center; background-repeat: no-repeat; }
.bg_tee { background-image: url(../images/bg_steel_tee.gif); background-position: center right; background-repeat: no-repeat; }
.bg_tee_uneq { background-image: url(../images/bg_steel_tee_uneq.gif); background-position: center center; background-repeat: no-repeat; }
.bg_pipespan { background-image: url(../images/bg_pipespan_tr.gif); background-position: top left; background-repeat: no-repeat; }
.bg_barrel { background-image: url(../images/oil_barrel.gif); background-position: center right; background-repeat: no-repeat; }
.bg_world { background-image: url(../images/world.gif); background-position: center bottom; background-repeat: no-repeat; }
.bg_steam_tables { background-image: url(../images/steam_tables.gif); background-position: top left; background-repeat: repeat; }
.bg_steam_tables2 { background-image: url(../images/steam_tables2.gif); background-position: top left; background-repeat: repeat; }
.bg_steamtrap_bp { background-image: url(../images/bg_steamtrap_bp.gif); background-position: top center; background-repeat: no-repeat; }
.bg_calimero { background-image: url(../images/calimero.gif); background-position: center; background-repeat: no-repeat; }
.bg_sphere { background-image: url(../images/sphere.gif); background-position: right bottom; background-repeat: no-repeat; }
.bg_wermac { background-image: url(../images/wermac.gif); background-position: center center; background-repeat: no-repeat; }
/*background colors*/
.bgc1 { background-color: #99cc33; color: #000; }
.bgc2 { background-color: #eee; }
.bgc3 { background-color: #cc9900; color: #000; }
.bgc4 { background-color: #cc66ff; color: #000; }
.bgc5 { background-color: #99ffff; color: #000; }
.bgc6 { background-color: #cc3333; color: #fff; }
.bgc7 { background-color: #ffff33; color: #000; }
.bgc8 { background-color: #990099; color: #fff; }
.bgc9 { background-color: #666; color: #fff; font-weight: bold; }
.bgc10 { background-color: #ffff00; font-size: 18px; }
.bgc11 { background-color: #99ffcc; }
.bgcfff { background-color: #fff; }
.bgcffffcc { background-color: #ffffcc; }

/*colors*/
.crinch { color: #336699; font-size: 11px; }
.crmm { color: #6633cc; font-size: 11px; }
.crdin { color: #ff9900; font-size: 14px; }
.criso { color: #009900; font-size: 14px; }
.cren { color: #ff3300; font-size: 14px; }
.cr666 { color:#666; }
.cr006 { color: #0066ff; }
.crfff { color: #fff; }
.crf00 { color: #f00; }
.crccc { color: #ccc; }
.cr09c { color: #0099cc; }
.crc63 { color: #cc6633; }
.crc09 { color: #cc0099; }
.cr396 { color: #339966; }
.cr666 { color: #666; }
.cr999 { color: #999; }
.cr66ffcc { color: #66ffcc;}

/*uitlijnen*/
.posl { text-align: left; }
.posc { text-align: center; }
.posr { text-align: right; }
.post { vertical-align: top; }
.posm { vertical-align: middle; }
.posb { vertical-align: bottom; }
.posj { text-align: justify; }

/*font*/
.ft11 { font-size: 11px; }
.ft12 { font-size: 12px; }
.ft14 { font-size: 14px; }
.ft16 { font-size: 16px; }
.ft18 { font-size: 18px; color: #555; }
.ft24 { font-size: 24px; }
.ft36 { font-size: 36px; }
.ftwb { font-weight: bold; }

/*padding*/
.pgt5 { padding-top: 5px; }
.pgt10 { padding-top: 10px; }
.pgt20 { padding-top: 20px; }
.pgt30 { padding-top: 30px; }
.pgt40 { padding-top: 40px; }
.pgt60 { padding-top: 60px; }
.pgr10 { padding-right: 10px; }
.pgrx { padding-right: 40px; }
.pgb5 { padding-bottom: 5px; }
.pgb10 { padding-bottom: 10px; }
.pgb20 { padding-bottom: 20px; }
.pgl10 { padding-left: 10px; }
.pgl20 { padding-left: 20px; }
.pgall10 { padding: 10px; }
.pgall20 { padding: 20px; }
.pgall30 { padding: 30px; }

/*margin top*/
.mnt5 { margin-top: 5px; }
.mnt10 { margin-top: 10px; }
.mnt15 { margin-top: 15px; }
.mnt20 { margin-top: 20px; }
.mnt30 { margin-top: 30px; }
.mnt40 { margin-top: 40px; }
.mnt50 { margin-top: 50px; }
.mnt60 { margin-top: 60px; }
.mnt70 { margin-top: 70px; }
.mnt80 { margin-top: 80px; }
.mnt90 { margin-top: 90px; }
.mnt100 { margin-top: 100px; }
.mnt110 { margin-top: 110px; }
.mnt120 { margin-top: 120px; }
.mnt130 { margin-top: 130px; }

/*margin bottom*/
.mnb10 { margin-bottom: 10px; }
.mnb20 { margin-bottom: 20px; }
.mnb30 { margin-bottom: 30px; }

/*margin right*/
.mnr5 { margin-right: 5px; }
.mnr10 { margin-right: 10px; }
.mnr20 { margin-right: 20px; }
.mnr40 { margin-right: 40px; }

/*margin left*/
.mnl0 { margin-left: 0; }
.mnl10 { margin-left: 10px; }
.mnl20 { margin-left: 20px; }
.mnl30 { margin-left: 30px; }
.mnl40 { margin-left: 40px; }
.mnl50 { margin-left: 50px; }
.mnl100 { margin-left: 100px; }
.mnaa { margin-left: auto; margin-right: auto; }

/*width*/
.wh100p { width: 100%; }
.wh60 { width: 60px; }
.wh90 { width: 90px; }
.wh100 { width: 100px; }
.wh200 { width: 200px; }
.wh250 { width: 250px; }
.wh580 { width: 580px; }
.pna { position: absolute; }
.pnr { position: relative; }

/*line height*/
.lhn { line-height: normal; }
.lh100 { line-height: 100%; }
.lh120 { line-height: 120%; }
.lh150 { line-height: 150%; }
.lh180 { line-height: 180%; }

/*float*/
.flol { float: left; }
.flor { float: right; }

/*clear float*/
.clrl { clear: left; }
.clrr { clear: right; }

/*display*/
.dynone { display: none; }
.dyblock { display: block; }
.visv { visibility: visible; }
.vish { visibility: hidden; }

/*muis voor ga naar top of page convert.html*/
.mstop a:link, .mstop a:visited { font-size: 11px; color: #666; text-decoration: none; font-weight: normal; }
.mstop a:hover { }

/*muis voor images with text*/
.msimg a:link, .msimg a:visited { font-size: 11px; color: #3257ba; text-decoration: none; }
.msimg a:hover { color: #f00; text-decoration: underline; }

/*hidden mouse*/
.mshidden a:link, .mshidden a:visited { color: #333; font-weight: normal; text-decoration: none; font-size: 12px; cursor: text; }
.mshidden a:hover { }

/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*style for layer + tbl fun images*/
.funny { margin-top: 40px; margin-left: 15px; }
.funny p { padding: 5px 0 5px 1px; color: #ccc; font-size: 11px; }
.tbl_funny { margin-left: 10px; }
.tbl_funny td { width: 25px; padding: 5px; }
.tbl_funny a:link, .tbl_funny a:visited { text-decoration: none; font-weight: normal; font-size: 14px; color: #fff; padding: 2px 5px 2px 5px;  }
.tbl_funny a:hover { background-color: #666; }

.next, .prev { position: absolute; top: 200px; color: #ff0000; }
.next { right: 0; }
.prev { left: 0; }
.next a:link, .next a:visited { text-decoration: none; font-weight: normal; font-size: 36px; color: #fff; padding-right: 5px; }
.next a:hover { color: #ff6699; }
.prev a:link, .prev a:visited { text-decoration: none; font-weight: normal; font-size: 36px; color: #fff; padding-left: 5px; }
.prev a:hover { color: #00ff99; }
/*------------------------------------------------------------------------------------------------------------------------------------------*/