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;
}