html { font-size: 76%; } BODY { padding: 0px; border: 0px; margin: 0px; background-color: #F6F4D7; } DIV { padding: 0px; border: 0px; margin: 0px; } .editable { border: 1px dotted #999999; } .editable TD { } .editable TABLE { } .editable TH { } .editable input, input.editable { background-color: transparent; } #full { padding: 0px; border: 0px; margin: 0px; height: 100%; width: 100%; text-align: center; } #t0 { height: 100%; width: 795px; padding: 0px; border: 0px; margin: 0px auto; empty-cells: show; } #col1 { width: 577px; } #col2 { width: 218px; } #col3 { width: 375px; } #row1 { height: 275px; } #row2 { height: 100%; } #row3 { height: 24px; } #row4 { height: 275px; } #row5 { height: 100%; } #row6 { height: 24px; } #row7 { height: 165px; } #t0 td { vertical-align: top; } #cell1 { } #cell2 { height: 100%; } #cell3 { height: 100%; } #cell3produkt { width: 375px; } #cell4 { height: 24px; width: 218px; } #cell5 { background-color: #17471D; } #cell6{ background-color: #85B04D; } #header { position: relative; width: 100%; height: 100%; } #top { position: absolute; left: 0px; top: 0px; width: 795px; height: 165px; background-repeat: no-repeat; z-index: 10; } * html #top { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.twentefoods.nl/graphics/top3.png'); } #header > #top { background-image: url(http://www.twentefoods.nl/graphics/top3.png); } #top2 { position: absolute; left: 0px; top: 0px; width: 795px; height: 165px; background-repeat: no-repeat; z-index: 10; } * html #top2 { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.twentefoods.nl/graphics/top2.png'); } #header > #top2 { background-image: url(http://www.twentefoods.nl/graphics/top2.png); } #dairyconcepts { position: absolute; top: 40px; left: 0px; height: 40px; z-index: 10; filter: alpha(opacity=0); -moz-opacity: 0%; } #mainmenu { position: absolute; top: 0px; left: 0px; z-index: 100; } #mainmenu ul li { display: inline; padding: 0px 3px; } #mainmenu ul li a { color: #374B2F; text-decoration: none; font-size: 13px; font-weight: bold; } #mainmenu ul li a:hover { color: #BD002B; } #banner { position: relative; width: 795px; height: 165px; top: 110px; } #banner2 { position: relative; width: 795px; height: 78px; top: 40px; } #produkten { position: relative; top: 38px; width: 100%; height: 40px; z-index: 300; } #produkten #static { width: 795px; height: 18px; overflow: hidden; margin: 0px; padding: 0px; } * html #produkten #static { height: 15px; } #produkten #static li { display: block; width: 265px; height: 18px; float: left; margin: 0px; padding: 0px; margin-top: -2px; } * html #produkten #static li { height: 15px; } #produkten #static li a { text-decoration: none; font-weight: bold; font-size: 10px; width: auto; margin: 0px; padding: 0px; padding-left: 25px; } #produkten #static li.link_industrie { background-color: #FECF02; } #produkten #static li.link_industrie a { color: #BF1D3E; } #produkten #static li.link_grootverbruik { background-color: #90541A; } #produkten #static li.link_grootverbruik a { color: #FFFFFF; } #produkten #static li.link_consumenten { background-color: #B6D433; } #produkten #static li.link_consumenten a { color: #023A09; } #produkten #dynamic { margin: -2px 0px 0px 0px; padding: 0px; } * html #produkten #dynamic { margin-top: 3px; } #produkten #dynamic li { margin: 0px; padding: 4px 8px 4px 8px; display: inline; } #produkten #dynamic li#industrie1 { background-color: #FED628; } #produkten #dynamic li#industrie2 { background-color: #FEE267; } #produkten #dynamic li#industrie3 { background-color: #FFEC9A; } #produkten #dynamic li.industrie a { color: #000000; text-decoration: none; } #produkten #dynamic li.industrie a.current { color: #BE432A; } #produkten #dynamic li#grootverbruik1 { background-color: #8A5D2A; } #produkten #dynamic li#grootverbruik2 { background-color: #A27B4B; } #produkten #dynamic li#grootverbruik3 { background-color: #B6956A; } #produkten #dynamic li.grootverbruik a { color: #000000; text-decoration: none; } #produkten #dynamic li.grootverbruik a.current { color: #52381F; } #produkten #dynamic li#consumenten1 { background-color: #8DB25C; } #produkten #dynamic li#consumenten2 { background-color: #A5C280; } #produkten #dynamic li#consumenten3 { background-color: #BAD09D; } #produkten #dynamic li.consumenten a { color: #000000; text-decoration: none; } #produkten #dynamic li.consumenten a.current { color: #FFFFFF; } #productmenu { } #productmenu a { top: 0px; display: block; width: 265px; position: absolute; background-repeat: no-repeat; cursor: hand; } #productmenutop { position: relative; margin-bottom: 30px; width: 100%; height: 181px; } #productmenutop div { position: absolute; height: 181px; width: 265px; overflow: hidden; } #productmenubottom { position: relative; background-repeat: no-repeat; width: 100%; height: 169px; } #productmenubottom div{ position: absolute; height: 169px; width: 265; overflow: hidden; } #productmenutop a { display: block; height: 181px; width: 265; background: none; } #productmenubottom a { height: 169px; display: block; height: 181px; width: 265; background: none; } #productmenutop div > a:hover { background-image: url(http://www.twentefoods.nl/graphics/mouseover.png); } #productmenubottom div > a:hover { background-image: url(http://www.twentefoods.nl/graphics/mouseover2.png); } * html #productmenutop a:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.twentefoods.nl/graphics/mouseover.png'); } * html #productmenubottom a:hover { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.twentefoods.nl/graphics/mouseover2.png'); } #productmenu #industrie { left: 0px; background-image: url("http://www.twentefoods.nl/images/produkt1.jpg"); } #productmenu #grootverbruik { left: 265px; background-image: url("http://www.twentefoods.nl/images/produkt2.jpg"); } #productmenu #consumenten { left: 530px; background-image: url("http://www.twentefoods.nl/images/produkt3.jpg"); } #productmenu #koe { left: 0px; background-image: url("http://www.twentefoods.nl/images/produkt4.jpg"); } #productmenu #koetwee { left: 265px; background-image: url("http://www.twentefoods.nl/images/produkt5.jpg"); } #productmenu #koedrie { left: 530px; background-image: url("http://www.twentefoods.nl/images/produkt6.jpg"); } #content { position: relative; width: auto; height: 100%; z-index: 0; } #contentProdukt { position: relative; width: 335px; height: 100%; z-index: 0; } #titel_industrie { color: #A21C2B; font-size: 18px; font-weight: bold; margin: 10px 0px 0px 50px; } #titel_grootverbruik { color: #3B240F; font-size: 18px; font-weight: bold; margin: 10px 0px 0px 50px; } #titel_consumenten { color: #173919; font-size: 18px; font-weight: bold; margin: 10px 0px 0px 50px; } #page { awidth: auto; amargin: 20px 30px 30px 50px; } #right { position: relative; width: 100%; height: 100%; background-color: #E7C323; } #laatstenieuws { width: auto; } #right #laatstenieuws #nieuwsheader { width: auto; height: 20px; padding-left: 7px; background-color: #BD002B; color: #FFFFFF; font-weight: bold; } .article_even { width: 218px; min-height: 50px; width: auto; padding: 5px 15px 5px 15px; background-color: #E7C323; padding: 10px 8px 15px 8px; } * html article_even { height: 50px; } .article_uneven { width: 218px; min-height: 50px; width: auto; padding: 5px 15px 5px 15px; background-color: #F8EA96; padding: 10px 8px 15px 8px; } * html article_uneven { height: 50px; } #produktheader_industrie { width: 360px; padding-left: 15px; background-color: #B41E29; color: #FFFFFF; font-weight: bold; } * html #produktheader_industrie { width: 375px; } #produktheader_grootverbruik { width: 360px; padding-left: 15px; background-color: #76461C; color: #FFFFFF; font-weight: bold; } * html #produktheader_grootverbruik { width: 375px; } #produktheader_consumenten { width: 360px; padding-left: 15px; background-color: #173919; color: #FFFFFF; font-weight: bold; } * html #produktheader_consumenten { width: 375px; } #rightprodukten p { line-height: 15px; } .produkt_uneven { background-color: #F7DF78; min-height: 50px; width: auto; padding: 5px 15px 5px 15px; border-bottom: 2px solid #FFFFFF; } * html .produkt_uneven { height: 50px; } .produkt_even { background-color: #F5D757; min-height: 50px; width: auto; padding: 5px 15px 5px 15px; border-bottom: 2px solid #FFFFFF; } * html .produkt_even { height: 50px; } #footer { position: relative; height: 24px; width: 795px; background-image: url(http://www.twentefoods.nl/graphics/rightbg.jpg); background-repeat: no-repeat; background-position: top right; } #footerprodukt { display: block; position: absolute; right: 0px; top: 0px; width: 375px; height: 100%; background-color: #E6C223; } * html #footerprodukt { width: 374px; } #footer #footerbg { position: absolute; right: 0px; bottom: 0px; height: 24px; width: 471px; background-repeat: no-repeat; } #footer_produkten { position: relative; height: 24px; background-color: #85B04D; } #footer_produkten #footerbg { position: absolute; right: 0px; bottom: 0px; height: 24px; width: 471px; background-repeat: no-repeat; } * html #footerbg { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.twentefoods.nl/graphics/boog.png'); } #footer > #footerbg { background-image: url(http://www.twentefoods.nl/graphics/boog.png); } #footer_produkten > #footerbg { background-image: url(http://www.twentefoods.nl/graphics/boog.png); } #vedor { position: absolute; right: 440px; } #extramenu { position: absolute; right: 15px; top: 5px; } #extramenu ul li { display: inline; } #extramenu ul li a { color: #FFFFFF; text-decoration: none; font-size: 10px; } #extramenu ul li input.editable { color: #FFFFFF; width: 65px; font-size: 10px; } #lang { } #lang img { height: 10px; width: 15px; vertical-align: middle; } #flash { position: absolute; top: 1px; left: 0px; height: 130px; width: 220px; overflow: hidden; } #flash embed { margin-top: -39px; height: 165px; width: 220px; }