/*-------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------GENERAL HTML DEFINITIONS------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------*/ html{ font-family:trebuchet ms; font-size:12px; line-height:14px; color:#606C73; scrollbar-face-color : #348991; scrollbar-highlight-color : #348991; scrollbar-shadow-color : #348991; scrollbar-3dlight-color : #348991; scrollbar-arrow-color : #ffffff; scrollbar-track-color : #ffffff; scrollbar-darkshadow-color : #348991; overflow-y : auto; background-color :transparent; } body { margin: 0px 0px 20px 0px; padding:0px; background-image:url('images/bodyback.gif'); background-repeat:repeat-x; background-color:transparent; } div, p { margin: 0; padding: 0; background-color:transparent; } .pointer{cursor: pointer;} * html body {overflow-y: hidden; background-color:transparent;} /*-------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------GENERAL LAYOUT DEFINITIONS---------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------*/ #pageframe{ background-color:transparent;} * html #pageframe {height: 100%; background-color:transparent;} #pageframe #header{ height:79px; background-image: url('images/headerback.gif'); background-repeat: repeat-x; } #pageframe #header #navigatieframe{ height:79px; text-align:center; } #pageframe #header #navigatie{ height:79px; width:431px; background-image:url('images/navigatieback.gif'); background-repeat:no-repeat; background-position: 60px top; position:relative; z-index:9; margin-right:auto; margin-left:auto; } #pageframe #header #navigatie #homebut{float:left; margin-top:32px;} #pageframe #header #navigatie #homebut a{display:block; width:53px; height:47px; background-image: url('images/home_off.gif');} #pageframe #header #navigatie #homebut a:hover{display:block; background-image: url('images/home_on.gif');} #pageframe #header #navigatie #homebut span {display:none;} #pageframe #header #navigatie #homebuton{float:left; margin-top:32px;} #pageframe #header #navigatie #homebuton a{display:block; width:53px; height:47px; background-image: url('images/home_on.gif');} #pageframe #header #navigatie #homebuton a:hover{display:block; background-image: url('images/home_on.gif');} #pageframe #header #navigatie #homebuton span {display:none;} #pageframe #header #navigatie #aboutbut{float:left; margin-top:32px;} #pageframe #header #navigatie #aboutbut a{display:block; width:79px; height:47px; background-image: url('images/about_off.gif'); background-position:right top;} #pageframe #header #navigatie #aboutbut a:hover{display:block; background-image: url('images/about_on.gif');} #pageframe #header #navigatie #aboutbut span {display:none;} #pageframe #header #navigatie #aboutbuton{float:left; margin-top:32px;} #pageframe #header #navigatie #aboutbuton a{display:block; width:79px; height:47px; background-image: url('images/about_on.gif'); background-position:right top;} #pageframe #header #navigatie #aboutbuton a:hover{display:block; background-image: url('images/about_on.gif');} #pageframe #header #navigatie #aboutbuton span {display:none;} #pageframe #header #navigatie #contactbut{float:left; margin-top:32px;} #pageframe #header #navigatie #contactbut a{display:block; width:78px; height:47px; background-image: url('images/contact_off.gif'); background-position:right top;} #pageframe #header #navigatie #contactbut a:hover{display:block; background-image: url('images/contact_on.gif');background-position:right top;} #pageframe #header #navigatie #contactbut span {display:none;} #pageframe #header #navigatie #contactbuton{float:left; margin-top:32px;} #pageframe #header #navigatie #contactbuton a{display:block; width:78px; height:47px; background-image: url('images/contact_on.gif');background-position:right top;} #pageframe #header #navigatie #contactbuton a:hover{display:block; background-image: url('images/contact_on.gif');background-position:right top;} #pageframe #header #navigatie #contactbuton span {display:none;} #pageframe #header #navigatie #designsbut{float:left; margin-top:32px;} #pageframe #header #navigatie #designsbut a{display:block; width:86px; height:47px; background-image: url('images/designs_off.gif');} #pageframe #header #navigatie #designsbut a:hover{display:block; background-image: url('images/designs_on.gif');} #pageframe #header #navigatie #designsbut span {display:none;} #pageframe #header #navigatie #designsbuton{float:left; margin-top:32px;} #pageframe #header #navigatie #designsbuton a{display:block; width:86px; height:47px; background-image: url('images/designs_on.gif');} #pageframe #header #navigatie #designsbuton a:hover{display:block; background-image: url('images/designs_on.gif');} #pageframe #header #navigatie #designsbuton span {display:none;} #pageframe #header #navigatie #productsbut{float:left; margin-top:32px;} #pageframe #header #navigatie #productsbut a{display:block; width:90px; height:47px; background-image: url('images/products_off.gif');} #pageframe #header #navigatie #productsbut a:hover{display:block; background-image: url('images/products_on.gif');} #pageframe #header #navigatie #productsbut span {display:none;} #pageframe #header #navigatie #productsbuton{float:left; margin-top:32px;} #pageframe #header #navigatie #productsbuton a{display:block; width:90px; height:47px; background-image: url('images/products_on.gif');} #pageframe #header #navigatie #productsbuton a:hover{display:block; background-image: url('images/products_on.gif');} #pageframe #header #navigatie #productsbuton span {display:none;} #pageframe #header #navigatie #advertizebut{float:left; margin-top:32px;} #pageframe #header #navigatie #advertizebut a{display:block; width:82px; height:47px; background-image: url('images/advertized_off.gif');} #pageframe #header #navigatie #advertizebut a:hover{display:block; background-image: url('images/advertized_on.gif');} #pageframe #header #navigatie #advertizebut span {display:none;} #pageframe #header #navigatie #advertizebuton{float:left; margin-top:32px;} #pageframe #header #navigatie #advertizebuton a{display:block; width:82px; height:47px; background-image: url('images/advertized_on.gif');} #pageframe #header #navigatie #advertizebuton a:hover{display:block; background-image: url('images/advertized_on.gif');} #pageframe #header #navigatie #advertizebuton span {display:none;} #pageframe #header #navigatie #linksbut{float:left; margin-top:32px;} #pageframe #header #navigatie #linksbut a{display:block; width:53px; height:47px; background-image: url('images/links_off.gif');} #pageframe #header #navigatie #linksbut a:hover{display:block; background-image: url('images/links_on.gif');} #pageframe #header #navigatie #linksbut span {display:none;} #pageframe #header #navigatie #linksbuton{float:left; margin-top:32px;} #pageframe #header #navigatie #linksbuton a{display:block; width:53px; height:47px; background-image: url('images/links_on.gif');} #pageframe #header #navigatie #linksbuton a:hover{display:block; background-image: url('images/links_on.gif');} #pageframe #header #navigatie #linksbuton span {display:none;} #pageframe #header #logo{ position:absolute; top:0px; z-index:9; width:91px; height:79px; } #pageframe #header #logo, #pageframe #header #logo a, #pageframe #header #logo a img{border:0px;} #pageframe #content{ position:absolute; top:75px; background-color:transparent; padding-bottom:20px; width:100%; height:100%; z-index:2; /*ILLEGALE AANPADDING IVM HEADER*/ top:38px; padding-bottom:0px; } #pageframe #image{ background-color:transparent; height:100%; width:100%; vertical-align:middle; text-align:center; } #pageframe #image tr {height:100%;} #pageframe #content #image #img{background-color:transparent; vertical-align:middle;} #pageframe #content #image #txt{ background-color:transparent; width:374px; display:none !important; } #pageframe #text{ position:absolute; width:374px; background-color:#FFFFFF; height:100%; z-index:20; top:0; right:0; filter: alpha(opacity=75); -moz-opacity: .75; border-left:1px solid #ECF3F4; display:none !important; } #katydidje{ position:absolute; z-index:10; width:214px; height:174px; float:left; background-color:transparent; left:0px; top:90px; } #textcontent{ background-color:transparent; position:absolute; z-index:8; top:79; right:0; color:#606C73; width:374px; height:100%; display:none !important; } #textcontent #txt{ line-height:16px; font-size:12px; text-align:justify; } #textcontent #txt iframe{ border:0px; width:100%; height:100%; margin-bottom:20px; background-color:transparent; } #footer { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 20px; background-color:transparent; /*background-image:url('images/whitecopybar.gif'); background-position:top right; background-repeat: repeat-y;*/ text-align: center; z-index:999; } #footer #footer-nav { position: relative; margin-right:auto; margin-left:auto; left: 0px; bottom: 0px; color: #FFFFFF; height: 20px; line-height:20px; width:570px; font-size:8px; background-color:transparent; z-index:999; } #footer-nav span{display:none;} #pageframe #content #image #img #material{ background-image:url('images/materials.png'); width:635px; height:500px; } *html #pageframe #content #image #img #material{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/materials.png', sizingMethod='scale') } #pageframe #content #image #img #vandriel{ background-image:url('images/vandriellogo.png'); width:493px; height:550px; } *html #pageframe #content #image #img #vandriel{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/vandriellogo.png', sizingMethod='scale') } #pageframe #content #image #img #blueprint{ background-image:url('images/blueprint.png'); width:800px; height:500px; } *html #pageframe #content #image #img #blueprint{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blueprint.png', sizingMethod='scale') } #pageframe #content #image #img #certifs{ background-image:url('images/certification.png'); width:635px; height:500px; } *html #pageframe #content #image #img #certifs{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/certification.png', sizingMethod='scale') } #pageframe #content #image #img #crane{ background-image:url('images/crane2.png'); width:493px; height:550px; } *html #pageframe #content #image #img #crane{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/crane2.png', sizingMethod='scale') } #pageframe #content #image #img #testing{ background-image:url('images/testing.png'); width:635px; height:500px; } *html #pageframe #content #image #img #testing{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/testing.png', sizingMethod='scale') } #footer #footer-nav #copy{ background-image:url('images/copyright.png'); width:570px; height:20px; } *html #footer #footer-nav #copy{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/copyright.png', sizingMethod='scale') } #katydidje #katydid{ background-image:url('images/katydid.png'); width:262px; height:200px; } *html #katydidje #katydid{ background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/katydid.png', sizingMethod='scale') } a{color:#409399; text-decoration:none;} a:hover{color:#409399; text-decoration:underline;} #spectit{display:block; width:354px; height:36px; background:transparent url('images/spectit.gif') top left no-repeat;} #spectit span{display:none;} #contacttit{display:block; width:354px; height:36px; background:transparent url('images/contacttit.gif') top left no-repeat;} #contacttit span{display:none;} #linkstit{display:block; width:354px; height:36px; background:transparent url('images/linkstit.gif') top left no-repeat;} #linkstit span{display:none;} #abouttit{display:block; width:354px; height:36px; background:transparent url('images/aboutustit.gif') top left no-repeat;} #abouttit span{display:none;} #advertizedtit{display:block; width:354px; height:36px; background:transparent url('images/advertizedtit.gif') top left no-repeat;} #advertizedtit span{display:none;} #tit21{display:block; width:354px; height:36px; background:transparent url('images/21tit.gif') top left no-repeat;} #tit21 span{display:none;} #tit22{display:block; width:354px; height:36px; background:transparent url('images/22tit.gif') top left no-repeat;} #tit22 span{display:none;} #tit23{display:block; width:354px; height:36px; background:transparent url('images/23tit.gif') top left no-repeat;} #tit23 span{display:none;} #titcrane{display:block; width:354px; height:36px; background:transparent url('images/cranetit.jpg') top left no-repeat;} #titcrane span{display:none;} #tit24{display:block; width:354px; height:36px; background:transparent url('images/24tit.gif') top left no-repeat;} #tit24 span{display:none;} #tit26{display:block; width:354px; height:36px; background:transparent url('images/26tit.gif') top left no-repeat;} #tit26 span{display:none;} #tit27{display:block; width:354px; height:36px; background:transparent url('images/27tit.gif') top left no-repeat;} #tit27 span{display:none;} #tit28{display:block; width:354px; height:36px; background:transparent url('images/28tit.gif') top left no-repeat;} #tit28 span{display:none;} #tit29{display:block; width:354px; height:36px; background:transparent url('images/29tit.gif') top left no-repeat;} #tit29 span{display:none;} #tit30{display:block; width:354px; height:36px; background:transparent url('images/telearctit.gif') top left no-repeat;} #tit30 span{display:none;} #tit32{display:block; width:354px; height:36px; background:transparent url('images/32tit.gif') top left no-repeat;} #tit32 span{display:none;} #tit35{display:block; width:354px; height:36px; background:transparent url('images/35tit.gif') top left no-repeat;} #tit35 span{display:none;} #tit11{display:block; width:354px; height:36px; background:transparent url('images/11tit.gif') top left no-repeat;} #tit11 span{display:none;} #tit12{display:block; width:354px; height:36px; background:transparent url('images/12tit.gif') top left no-repeat;} #tit12 span{display:none;} #adstit{display:block; width:354px; height:36px; background:transparent url('images/advertizedtit.gif') top left no-repeat;} #adstit span{display:none;} #pageframe #content #image #img #textarea{ margin-left:auto; margin-right:auto; } #pageframe #content #image #img #designbuttons{ width:603px; height:465px; border:0px; padding:0px; margin:0px; margin-left:auto; margin-right:auto; } #pageframe #content #image #img #designbuttons td{ width:201px; height:155px; border:0px; padding:0px; margin:0px; vertical-align:top; } #pageframe #content #image #img #designbuttons #knop1{ background-image:url('images/knop1.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designbuttons #knop2{ background-image:url('images/knop2.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designbuttons #knop3{ background-image:url('images/knop3.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designbuttons #knop4{ background-image:url('images/knop4.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designbuttons #knop5{ background-image:url('images/knop5.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designbuttons #knop6{ background-image:url('images/knop6.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designbuttons #knop7{ background-image:url('images/knop7.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designbuttons #knop8{ background-image:url('images/knop291.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designbuttons #knop9{ background-image:url('images/knop9.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designbuttons #knop10{ background-image:url('images/knop10.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designbuttons #knop11{ background-image:url('images/knop11.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designbuttons #knop12{ background-image:url('images/knop12.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #knop1{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop1.png', sizingMethod='scale')} *html #pageframe #content #image #img #designbuttons #knop2{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop2.png', sizingMethod='scale')} *html #pageframe #content #image #img #designbuttons #knop3{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop3.png', sizingMethod='scale')} *html #pageframe #content #image #img #designbuttons #knop4{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop4.png', sizingMethod='scale')} *html #pageframe #content #image #img #designbuttons #knop5{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop5.png', sizingMethod='scale')} *html #pageframe #content #image #img #designbuttons #knop6{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop6.png', sizingMethod='scale')} *html #pageframe #content #image #img #designbuttons #knop7{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop7.png', sizingMethod='scale')} *html #pageframe #content #image #img #designbuttons #knop8{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop291.png', sizingMethod='scale')} *html #pageframe #content #image #img #designbuttons #knop9{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop9.png', sizingMethod='scale')} *html #pageframe #content #image #img #designbuttons #knop10{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop10.png', sizingMethod='scale')} *html #pageframe #content #image #img #designbuttons #knop11{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop11.png', sizingMethod='scale')} *html #pageframe #content #image #img #designbuttons #knop12{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop12.png', sizingMethod='scale')} #pageframe #content #image #img #designbuttons #tknop1 a:hover img{background-image:url('images/knop1_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop1 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop1_on.png', sizingMethod='scale') } #pageframe #content #image #img #designbuttons #tknop2 a:hover img{background-image:url('images/knop2_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop2 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop2_on.png', sizingMethod='scale') } #pageframe #content #image #img #designbuttons #tknop3 a:hover img{background-image:url('images/knop3_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop3 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop3_on.png', sizingMethod='scale') } #pageframe #content #image #img #designbuttons #tknop4 a:hover img{background-image:url('images/knop4_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop4 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop4_on.png', sizingMethod='scale') } #pageframe #content #image #img #designbuttons #tknop5 a:hover img{background-image:url('images/knop5_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop5 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop5_on.png', sizingMethod='scale') } #pageframe #content #image #img #designbuttons #tknop6 a:hover img{background-image:url('images/knop6_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop6 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop6_on.png', sizingMethod='scale') } #pageframe #content #image #img #designbuttons #tknop7 a:hover img{background-image:url('images/knop7_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop7 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop7_on.png', sizingMethod='scale') } #pageframe #content #image #img #designbuttons #tknop8 a:hover img{background-image:url('images/knop291_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop8 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop291_on.png', sizingMethod='scale') } #pageframe #content #image #img #designbuttons #tknop9 a:hover img{background-image:url('images/knop9_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop9 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop9_on.png', sizingMethod='scale') } #pageframe #content #image #img #designbuttons #tknop10 a:hover img{background-image:url('images/knop10_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop10 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop10_on.png', sizingMethod='scale') } #pageframe #content #image #img #designbuttons #tknop11 a:hover img{background-image:url('images/knop11_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop11 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop11_on.png', sizingMethod='scale') } #pageframe #content #image #img #designbuttons #tknop12 a:hover img{background-image:url('images/knop12_on.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designbuttons #tknop12 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop12_on.png', sizingMethod='scale') } /*TABLE VOOR OMARMING*/ #wrapper {background-color:transparent; margin:0px; padding:0px; border:0px; border-spacing:0px; margin-left:auto; margin-right:auto;} #wrapper #lt { background-color:#transparent; background-image:url('images/circle.gif'); background-position:0 0; background-repeat: no-repeat; margin:0px; padding:0px; border:0px; border-spacing:0px; width:8px; height:8px;} #wrapper #mt {background-color:#ffffff; margin:0px; padding:0px; border:0px; border-spacing:0px; height:8px;} #wrapper #rt { background-color:#transparent; background-image:url('images/circle.gif'); background-position:-8 0; background-repeat: no-repeat; margin:0px; padding:0px; border:0px; border-spacing:0px; width:8px; height:8px;} #wrapper #lm {background-color:#ffffff; margin:0px; padding:0px; border:0px; border-spacing:0px; width:8px;} #wrapper #mm {background-color:#ffffff; margin:0px; padding:0px; border:0px; border-spacing:0px;} #wrapper #rm {background-color:#ffffff; margin:0px; padding:0px; border:0px; border-spacing:0px; width:8px;} #wrapper #lb{ background-color:#transparent; background-image:url('images/circle.gif'); background-position:0 -8; background-repeat: no-repeat; margin:0px; padding:0px; border:0px; border-spacing:0px; width:8px; height:8px;} #wrapper #mb {background-color:#ffffff; margin:0px; padding:0px; border:0px; border-spacing:0px; height:8px;} #wrapper #rb { background-color:#transparent; background-image:url('images/circle.gif'); background-position:-8 -8; background-repeat: no-repeat; margin:0px; padding:0px; border:0px; border-spacing:0px; width:8px; height:8px;} #pageframe #content #image #img #designstagebuttons{ width:603px; height:155px; border:0px; padding:0px; margin:0px; margin-left:auto; margin-right:auto; } #pageframe #content #image #img #designstagebuttons td{ width:201px; height:155px; border:0px; padding:0px; margin:0px; vertical-align:top; } #pageframe #content #image #img #designstagebuttons #knop1{background-image:url('images/knop291.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designstagebuttons #knop2{background-image:url('images/knop292.png'); width:201px; height:155px; border:0px;} #pageframe #content #image #img #designstagebuttons #knop3{background-image:url('images/knop293.png'); width:201px; height:155px; border:0px;} *html #pageframe #content #image #img #designstagebuttons #knop1{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop291.png', sizingMethod='scale') } *html #pageframe #content #image #img #designstagebuttons #knop2{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop292.png', sizingMethod='scale') } *html #pageframe #content #image #img #designstagebuttons #knop3{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop293.png', sizingMethod='scale') } #pageframe #content #image #img #designstagebuttons #tknop1 a:hover img{ background-image:url('images/knop291_on.png'); width:201px; height:155px; border:0px; } *html #pageframe #content #image #img #designstagebuttons #tknop1 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop291_on.png', sizingMethod='scale') } #pageframe #content #image #img #designstagebuttons #tknop2 a:hover img{ background-image:url('images/knop292_on.png'); width:201px; height:155px; border:0px; } *html #pageframe #content #image #img #designstagebuttons #tknop2 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop292_on.png', sizingMethod='scale') } #pageframe #content #image #img #designstagebuttons #tknop3 a:hover img{ background-image:url('images/knop293_on.png'); width:201px; height:155px; border:0px; } *html #pageframe #content #image #img #designstagebuttons #tknop3 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knop293_on.png', sizingMethod='scale') } /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------BACKBUTTON----------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #back{background-color:transparent; width:628px; margin-top:5px; margin-right:auto; margin-left:auto; display:block; border:0px transparent solid;} *html #back{background-color:#transparent; width:590px; margin-right:0; margin-left:0;} #back a{display:block; float:left; background-image:url('images/back.gif'); height:21px; width:44px;} #back a:hover{display:block; float:left; background-image:url('images/back_on.gif'); height:21px; width:44px;} #back span{display:none;} #back2{background-color:transparent; width:658px; margin-top:5px; margin-right:auto; margin-left:auto; display:block; border:0px transparent solid;} *html #back2{background-color:#transparent; width:666px;} #back2 a{display:block; float:left; background-image:url('images/back.gif'); height:21px; width:44px;} #back2 a:hover{display:block; float:left; background-image:url('images/back_on.gif'); height:21px; width:44px;} #back2 span{display:none;} #back3{background-color:transparent; width:465px; margin-top:5px; margin-right:auto; margin-left:auto; display:block; border:0px transparent solid;} *html #back3{background-color:#transparent; width:427px;} #back3 a{display:block; float:left; background-image:url('images/back.gif'); height:21px; width:44px;} #back3 a:hover{display:block; float:left; background-image:url('images/back_on.gif'); height:21px; width:44px;} #back3 span{display:none;} #back4{background-color:transparent; width:465px; margin-top:5px; margin-right:auto; margin-left:auto; display:block; border:0px transparent solid;} *html #back4{background-color:#transparent; width:427px;} #back4 a{display:block; float:left; background-image:url('images/back.gif'); height:21px; width:44px;} #back4 a:hover{display:block; float:left; background-image:url('images/back_on.gif'); height:21px; width:44px;} #back4 span{display:none;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------TELEARC-----------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #telearctit{display:block; width:354px; height:36px; background:transparent url('images/telearctit.gif') top left no-repeat;} #telearctit span{display:none;} #pageframe #content #image #img #telearcbuttons{ width:402px; height:201px; border:0px; padding:0px; margin:0px; margin-left:auto; margin-right:auto; } #pageframe #content #image #img #telearcbuttons td{ width:144px; height:201px; border:0px; padding:0px; margin:0px; vertical-align:top; } #pageframe #content #image #img #telearcbuttons #knop1{background-image:url('images/knopadd1.png'); width:144px; height:201px; border:0px;} #pageframe #content #image #img #telearcbuttons #knop2{background-image:url('images/knopadd2.png'); width:144px; height:201px; border:0px;} #pageframe #content #image #img #telearcbuttons #knop3{background-image:url('images/knopadd3.png'); width:144px; height:201px; border:0px;} *html #pageframe #content #image #img #telearcbuttons #knop1{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knopadd1.png', sizingMethod='scale') } *html #pageframe #content #image #img #telearcbuttons #knop2{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knopadd2.png', sizingMethod='scale') } *html #pageframe #content #image #img #telearcbuttons #knop3{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knopadd3.png', sizingMethod='scale') } #pageframe #content #image #img #telearcbuttons #tknop1 a:hover img{ background-image:url('images/knopadd1_on.png'); width:144px; height:201px; border:0px; } *html #pageframe #content #image #img #telearcbuttons #tknop1 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knopadd1_on.png', sizingMethod='scale') } #pageframe #content #image #img #telearcbuttons #tknop2 a:hover img{ background-image:url('images/knopadd2_on.png'); width:144px; height:201px; border:0px; } *html #pageframe #content #image #img #telearcbuttons #tknop2 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knopadd2_on.png', sizingMethod='scale') } #pageframe #content #image #img #telearcbuttons #tknop3 a:hover img{ background-image:url('images/knopadd3_on.png'); width:144px; height:201px; border:0px; } *html #pageframe #content #image #img #telearcbuttons #tknop3 a:hover img{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/knopadd3_on.png', sizingMethod='scale') } #onptit{display:block; width:354px; height:36px; background:transparent url('images/onptit.gif') top left no-repeat;} #onptit span{display:none;} #imagewrapper{float:right; width:302px; height:296px; background-color:transparent; margin-left:10px;} #imageframe{width:302px; height:296px; border:0px; background-color:transparent; margin-bottom:0px; overflow:hidden;} #imageframeimages{width:302px; height:275px; border:0px; background-color:transparent; margin-bottom:0px; overflow:hidden;} /*NEW ADITIONS UPDATE 26-05-08*/ #pageframe #content #image #img h1{margin-top:0px; margin-bottom:0px;}