/*Menerga Klimaattechnologie */ * { margin: 0 auto } /* General */ body { background: #ffffff; margin-top: 10px; margin-bottom: 10px; width: 960px; border-width: 0; border-color: transparent } #side { width: 960px; height: auto } /*NAVIGATIE*****************/ dl, dt, dd, ul, li { color: #0d2b88; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0 } #menu { margin: 10px 0 0 685px; position: absolute; z-index: 4; width: 200px } #menu dt { font-weight: bold; line-height: 23px; background-image: none; background-repeat: repeat; background-position: 0 0; text-align: left; cursor: pointer; padding-left: 0; height: 22px; border-style: solid; border-width: 1px 1px 0; border-color: #fff } #menu dt a:hover { color: #ffffff; text-decoration: none; background-image: url("../images/nav-blokje2.png"); padding-left: 25px } #menu dd { margin-top: -1.9em; position: absolute; z-index: 100; left: -200px; width: 200px; height: 23px; line-height: 23px } #WTA { position: relative; z-index: 10; top: 0; left: 0; float: left } #menu ul { } #menu li { color: #0d2b88; font-size: 12px; font-weight: bold; line-height: 23px; background-position: 0 0; text-align: left; height: 23px; border-top: 0 #fff; border-right: 0 #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff } #menu li a, #menu dt a { color: #0d2b88; line-height: 23px; text-decoration: none; background-image: url("../images/nav-blokje.png"); background-position: 0 0; display: block; padding-left: 25px; height: 23px; border-width: 1px 0 0 1px } #menu li a:hover { color: #ffffff; text-decoration: none; background-image: url("../images/nav-blokje2.png") } #mentions { color: #0d2b88; font-family: Verdana, arial, sans-serif; position: absolute; bottom: 200px; left: 10px } #mentions a { color: #0d2b88; text-decoration: none; background-image: url("../images/nav-blokje.png") } #mentions a:hover { text-decoration: none } /*HOEKJES TRANSPARANT****************/ linksboven { margin: -10px 0 0; position: relative; z-index: -1 } rechtsboven { margin: 0 0 20px; position: relative; z-index: 2 } inksonder { margin: 0 0 20px; position: relative; z-index: 2 } rechtsonder { margin: 0 0 20px; position: relative; z-index: 2 } boven { background-image: url("../images/zijkantboven.png"); margin: 0 0 0 30px; padding-left: 0; position: absolute; z-index: 6; top: 0; left: 30px; width: 900px; float: left } onder { margin: 0 0 20px; position: relative; z-index: 2 } linkerkant { margin: 0 0 20px; position: relative; z-index: 2 } rechts { margin: 0 0 20px; position: relative; z-index: 2 } /*GROTE FOTO****************/ img.groot { margin: 0; position: relative; z-index: -1; top: -20px } /*TRANSPARENTE ZIJKANTEN****************/ #trans1 { margin-top: 12px; position: absolute; z-index: 3 } #transtop { margin-top: -3px; position: absolute; z-index: 5 } /*INTROOTJE*****************/ #introotje { position: absolute; z-index: 8 } /*Titelbalk*************************************************************************/ #titelbalk { background-image: url("../images/menerga-titelbalk.png"); background-repeat: repeat-y; margin-top: -53px; margin-bottom: 15px; position: relative; z-index: 1; width: 960px; float: left; border-top: 1px solid white } #titelbalkblauw { background-image: url("../images/menerga-titelbalkblauw.png"); background-repeat: no-repeat; margin-top: -53px; margin-bottom: 15px; position: relative; z-index: 1; width: 960px; float: left; border-top: 1px solid white } h1 { color: #0d2b88; font-size: 22px; font-family: Verdana; font-weight: bold; padding-top: 10px; padding-bottom: 10px; padding-left: 40px } /*Navigatie Productgroepen*************************************************************************/ #tjenester_innhold { background-image: url(image/bg.png); background-repeat: repeat-y; margin-bottom: 20px; width: 219px; float: left } ul#tjenester { list-style-type: none; margin: 0 0 0 21px; padding: 0 0 0; width: 177px; float: left } #tjenester li { color: #0d2b88; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; list-style-type: none; margin-bottom: 4px; padding-bottom: 4px; width: 177px; float: left; border-bottom: 1px dotted #cccccc } #tjenester_top { background-image: url(image/top2.png); background-repeat: no-repeat; width: 219px; height: 8px; float: left } #tjenester_bunn { background-image: url(image/bunn.png); background-repeat: no-repeat; width: 219px; height: 8px; float: left } /**********lichtblauwe-balk********************************************************/ #lichtblauwe-balk { margin-bottom: 25px; margin-left: 0; padding-left: 0; width: 960px; border-top: 9px solid #018ab4 } /*Topmenu ***************************************************************************/ #meny { background-image: url("image/menu.png"); background-repeat: no-repeat; margin: 0 0 23px; width: 960px; height: 31px } #meny ul { float: right; list-style-type: none; height: 31px; } #meny li { color: #ffffff; font-size: 10px; font-family: Tahoma; padding: 10px 28px 0 27px; height: 21px; float: right; border-right: 1px solid #95c019; border-left: 1px solid #b3d634 } /**************** VENSTRE ********************************************************/ img.m { margin: 0 0 20px 0; } #venstre { width: 219px; float: left } #quote { margin: 0 0 10px; padding: 10px; width: 199px; height: 139px; border-left: 1px solid #6ca70d } #quote h2 { color: #0d2b88; font-size: 16px; font-family: "Trebuchet MS" } #quote p { color: #018ab4; font-size: 10px; font-family: Verdana; font-weight: bold; line-height: 18px; margin-bottom: 0; padding-bottom: 0; outline-style: solid; outline-width: 0 } #quote h5 { color: #0d2b88; font-size: 10px; font-family: Verdana; font-style: normal; font-weight: bold; float: left } /****** Inhoud PRODUCT *****************************************************************/ #productgroottabel { padding: 20px 20px 20px 40px; width: 691px; float: left } #producttabel { color: #0d2b88; font-size: 13px; font-family: Verdana; padding: 20px 20px 0 0 } #producttabel ul { list-style: none; margin: 20px 0 20px 20px; padding: 0 0 0 0 } #producttabel p { line-height: 16px; } #producttabel h3 { color: #0d2b88; font-size: 13px; font-family: Verdana; margin: 0 0 15px } #producttabel h2 { color: #0d2b88; font-size: 15px; font-family: Verdana; font-style: italic } /****** Inhoud TABEL***************************************************************/ #hoyretabel { padding: 20px 20px 20px 40px; width: 691px; float: left } #holdertabel { color: #0d2b88; font-size: 13px; font-family: Verdana; padding: 20px 20px 0 0 } #hoyretabel ul { list-style: none; margin: 20px 0 20px 20px; padding: 0 0 0 0 } #holdertabel p { line-height: 16px; } #hoyretabel h3 { color: #0d2b88; font-size: 13px; font-family: Verdana; margin: 0 0 15px } #holdertabel h2 { color: #0d2b88; font-size: 13px; font-family: Verdana } /****** Inhoud****************************************/ #hoyre { padding: 20px 20px 20px 40px; width: 691px; float: left } #holder { color: #0d2b88; font-size: 13px; font-family: Verdana; padding: 20px 20px 0 40px } #hoyre ul { list-style: none; margin: 20px 0 20px 20px; padding: 0 0 0 40px } #holder p { line-height: 16px; } #hoyre h3 { color: #0d2b88; font-size: 13px; font-family: Verdana; margin: 0 0 15px } #holder h2 { color: #0d2b88; font-size: 13px; font-family: Verdana } #bokser { margin: 5px 0 10px; padding: 0 0 10px 10px; width: 691px; height: auto; float: left } #bv { margin: 0 0 0 0; padding-top: 0; padding-bottom: 0; width: 611px; float: left } #bh { width: 245px; float: left } #bokser a { color: #0d2b88; font-size: 11px; font-family: Tahoma; margin: 5px 0 0 } #bokser p { color: #0d2b88; font-size: 11px; font-family: Verdana; line-height: 18px; border-bottom: 1px solid #6ca70d } #bokser h3 { color: #0d2b88; font-size: 18px; font-family: "Trebuchet MS"; margin: 5px 0 2px; padding-bottom: 20px } #bokser h4 { color: #0d2b88; font-size: 11px; font-family: "Trebuchet MS"; font-weight: bold } /******** LINKTOPPER *********************************************************************/ #linktopper { margin: 0 0; width: 691px; height: auto; float: left } #ltopper { margin: 0; padding-bottom: 10px; width: 611px; float: left } #ltopper a { color: #018ab4; font-size: 10px; font-family: Tahoma; margin: 0 } #ltopper h2 { color: #018ab4; font-size: 14px; font-family: "Trebuchet MS"; margin: 5px 0 2px } /******** ADRESGEGEVENS *********************************************************************/ #adres { background-repeat: repeat-y; margin-top: -45px; margin-bottom: 15px; position: relative; z-index: 1; width: 960px; float: left } #adrestekst { color: #0d2b88; font-size: 12px; font-family: Arial; text-align: center; padding-top: 10px; padding-bottom: 10px; padding-left: 40px } #adrestekst a { color: #018ab4; font-size: 12px; font-family: Arial; text-decoration: none; text-align: inherit; padding-top: 10px; padding-bottom: 10px; padding-left: 40px } #adrestekst a:hover { color: #0d2b88; font-size: 12px; font-family: Arial } /********** LOGO*************************************************************************/ #logo { margin-top: -5px; margin-bottom: 15px; position: relative; z-index: 0; width: 960px; float: left } #logoplaatje { color: #0d2b88; font-size: 22px; font-family: Verdana; font-weight: bold; padding-top: 10px; padding-bottom: 10px; padding-left: 640px } /******** NIEUWSPAGINA *********************************************************************/ #nieuwslinkjes { background-repeat: repeat-y; margin-top: 0; margin-bottom: 15px; padding-top: 5px; position: relative; z-index: 1; width: 960px; float: left } #nieuwslinkjeskop { color: #0d2b88; font-size: 16px; font-family: Arial; font-weight: bold; padding-top: 7px; padding-bottom: 0; padding-left: 40px } #nieuwslinkjesinhoud { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; background-color: #6e80b8; padding-top: 4px; padding-bottom: 4px; padding-left: 0 } #nieuwslinkjesinhoud a { color: #fff; font-size: 12px; font-family: Verdana; font-weight: bold; background-color: #6e80b8; padding-top: 4px; padding-bottom: 4px; padding-left: 40px } #nieuwslinkjesinhoud a:hover { color: #fff; } #nieuwslinkjesdatum { color: #0d2b88; font-size: 11px; font-family: Arial; margin-top: 2px; padding-bottom: 0; padding-left: 40px; position: absolute; z-index: 1 } /*******************LINKPAGINA****************************/ #linklinkjes { margin-top: 0; margin-bottom: 10px; margin-left: 40px; padding-top: 0; padding-left: 0; position: relative; z-index: 1; width: 960px; float: left } #linklinkjeskop a { color: #0d2b88; font-size: 14px; font-family: Arial; font-weight: bold; text-decoration: underline; margin-top: 10px; padding-top: 0; padding-bottom: 0; padding-left: 0 } #linklinkjeskop a:hover { color: #018ab4 } /******** FOTO intro *********************************************************************/ #foto_intro { padding: 0 20px 10px 10px; width: 700px; float: left } /******** Meer INFO *********************************************************************/ #meer { font-weight: 500; margin: 0 0 0 200px; padding: 0; width: 240px !important } #meer a { color: #0d2b88; text-decoration: none; padding: 5px 10px; float: right; border: solid 1px } #meer a:hover { color: #018ab4; text-decoration: none; float: right; border: solid 1px #6ca70d } #meer li { color: #0d2b88; font-size: 10px; font-family: Tahoma; font-weight: bold; padding: 5px 10px 0; height: 21px; float: right; border: solid 1px } /******** FORMULIER *************************************************/ #div_main_form { margin-top: 20px; margin-left: 10px; left: 50%; width: 420px; height: 321px; float: left; border-top: 0 #4a8618; border-right: 0 #4a8618; border-bottom: 1px solid #6ca70d; border-left: 0 #4a8618 } input.verzendbutton { color: #0d2b88; font-weight: bold; text-decoration: none; background-color: white; cursor: pointer; border: solid 1px #004c00 } input.txt { width: 270px } textarea.txt { width: 270px } form { margin-top: 10px; margin-left: 15px; } /******** BOTTOM *************************************************************************/ #bottom { background-image: url(image/bottom.png); margin: 0 0 20px; width: 960px; height: 31px; clear: both } p.l { font-family: Tahoma; font-size: 10px; color: #ffffff; float: left; margin: 10px 0 0 10px; } p.h { font-family: Tahoma; font-size: 10px; color: #ffffff; float: right; margin: 10px 10px 0 0; } /****** Linken ***********************************************************/ #meny a { color: #ffffff;text-decoration: none; } #meny a:hover { color: #018ab4 } #tjenester a { color: #0d2b88; text-decoration: none } #tjenester a:hover { color: #018ab4; text-decoration: none } #machine_holder a { color: #0d2b88; text-decoration: none } #machine_holder a:hover { color: #018ab4; text-decoration: none } #holder a { color: #018ab4; text-decoration: underline } #holder a:hover { color: #0d2b88; text-decoration: none } #quote h2 a { color: #0d2b88; font-size: 16px; font-family: "Trebuchet MS" } #quote h2 a:hover { color: #018ab4; font-size: 16px; font-family: "Trebuchet MS" } #quote a:hover { color: #018ab4; font-size: 10px; font-family: Verdana; font-weight: bold } a { color: #018ab4 } a:hover { color: #0d2b88 } /*** SLIDESHOW *********/ #slideshow { color: #fff; list-style: none } #slideshow span {display:none} #wrapper { display: none; margin: -90px auto 20px; width: 506px } #wrapper * {margin:0; padding:0} #fullsize { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 2px; position: relative; width: 500px; height: 300px; border: solid 1px #ccc } #information { color: #fff; position: absolute; z-index: 200; bottom: 0; width: 500px; height: 0; overflow: hidden; filter: alpha(opacity=0); opacity: .0 } #information h3 {padding:4px 8px 3px; font-size:14px} #information p {padding:0 8px 8px} #image {width:500px} #image img {position:absolute; z-index:25; width:auto} .imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150} #imgprev {left:0; background:url(../images/left.gif) left center no-repeat} #imgnext {right:0; background:url(../images/right.gif) right center no-repeat} #imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.0; filter:alpha(opacity=0)} .linkhover {background:url(../images/link.gif) center center no-repeat} #thumbnails {margin-top:15px} #slideleft { background-image: url("../images/scroll-left.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 20px; height: 81px; float: left } #slideleft:hover { } #slideright { background-image: url("../images/scroll-right.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 20px; height: 81px; float: right } #slideright:hover { } #slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden} #slider {position:absolute; left:0; height:81px} #slider img { cursor: pointer; padding: 2px; border: solid 1px #0d2b88 } /*** ZOEKEN HOMEPAGINA ***/ #zoeken { color: #0d2b88; font-size: 12px; font-family: Verdana; font-weight: bold; text-align: left; margin-right: 12px; margin-left: 12px; position: relative; z-index: 10; top: 0; left: 100px; height: 23px; float: right } #zoeken a { color: #0d2b88; font-size: 12px; font-family: Verdana; font-weight: bold; text-align: left; margin-right: 10px; margin-left: 10px; position: relative; z-index: 10; top: -50px; left: 700px; height: 23px } #zoeken a:hover { color: #ffffff; text-decoration: none; background-image: url("../images/nav-blokje2.png") }