html, body { width:100%; height:100%; margin:0; padding:0; overflow-x:hidden; }
p, div { margin:0; padding:0; }
a { outline:0; }
body         { background:url("http://www.roessinkkantoormeubelen.nl/img/raster.jpg") top center repeat; font-family:"Trebuchet MS"; font-size:12px; }
#container   { width:100%; margin-top:5px; min-width:1004px; }
#header      { text-align: center; margin: 0px 5px 0px 5px; }
#top         { width:100%; height:4px; position:relative; margin-top:22px; }
#top         { background:url("http://www.roessinkkantoormeubelen.nl/img/shadow-top.jpg") top left no-repeat; }
#wrap        { width:99%; position:relative; margin-right:auto;margin-left:auto;}
#menu        { width:100%; height:33px; position:relative;  border-left: 1px solid white; border-right: 1px solid white; margin-top: -1px; }
#menu        { background:url("http://www.roessinkkantoormeubelen.nl/img/menu-bgkl.jpg") top left repeat-x; }
#content     { width:100%; height:446px; position:relative; border-left: 1px solid white; border-right: 1px solid white; }
#copyright   { width:100%; height:26px; position:absolute; top:456px; margin:0px 0 0 0px; }
#copyright   { width:100%; z-index: 1500; background:url("http://www.roessinkkantoormeubelen.nl/img/copyright-bgkl.jpg") 0px 1px repeat-x; }
#bottom      { height:4px; position:absolute; top:595px; margin-bottom:0px;}
#bottom      { background:url("http://www.roessinkkantoormeubelen.nl/img/shadow-bottom.jpg") top left no-repeat; }

#menu-main   { width:700px; height:15px; position:absolute; margin:7px 0 0 20px; } 
#menu-main   { font-size:12px; color:#ffffff; font-family:"Verdana"; letter-spacing: 0.05em; }
#menu-main a{ color:#ffffff; text-decoration:none; }
#menu-zoek   { width:213px; position:absolute; right:4px; top:4px; }
#menu-zoek   { color:#ffffff; font-size:12px; }
#zoek        { width:130px; height:14px; font-size:11px; color:#000000; font-weight:bold; }
#zoek        { border:1px solid #a1a1a1; border-top-color:#6b6b6b; border-bottom-color:#d3d4d4; }

#shadow-innertop       { line-height: 4px; height: 4px; position:absolute; width:100%; margin:0 0 0 3px; z-index:1000; }
#shadow-innerbottom { line-height: 4px; height: 4px; position:absolute;  width:100%; margin:-25px 0 0 0; z-index:1000; }


#c1_td       { width:228px; background:url("http://www.roessinkkantoormeubelen.nl/img/c1back.jpg") top left repeat-y;}
#c1_div      { }
#c1_icon     { width:32px; height:229px; float:left; margin:2px 0 0 10px; padding:0; }
#c1_menu     { width:109px; height:100px; z-index:2; margin:0px 0 0 48px; position:relative;}
.c1_menu-item-main { width:109px; height:26px; }
.arrow       { position:absolute; margin:1px 0 0 110px; } 
#c1_aanbod   { position:absolute; left:3px; top:256px; z-index:1; }


* #c2_td       { width:auto; max-width:60%; background-color:white; border-left:2px solid #FABB00; border-right:2px solid #FABB00; padding-left:-2px;  }
#c2_div      { height:425px; position:relative; width:100%; overflow-y:scroll; overflow-x:hidden;  }
.content-pos { width:80%; font-family:"Trebuchet MS"; font-size:12px;  color:#5f5f5f; margin:10px 0 30px 46px; position:relative;  overflow-y:auto;}
.product-description h1,
.content-pos h1 { font-size:16px; font-family:"Trebuchet MS";  font-weight:bold; margin:0 0 12px 0; padding:0; }
.content-pos a { color:#5f5f5f; }

* #c2_div_wrap { width:70%; display: inline-block; height:438px; position:relative; margin:0 0 0 20px;  }
#c2_div_wrap { width:100%; display: inline-block; height:100%; position:relative; margin:0 0 0 2px;  }
#c2_submenu { width:130px; position:relative; }
.product { width:auto; position:relative;  margin-top:16px; z-index:10;  }
.product-description { color:#5f5f5f; padding:10px;  z-index:10;}
.product-image { width:117px; border:1px solid #6c6c6c;  z-index:10;}


#c3_td       { width:190px; min-width:190px; text-align:left; background:url("http://www.roessinkkantoormeubelen.nl/img/c3back.jpg") top left repeat-y;}
#c3_div      { width:168px; position:relative;  margin:0 0 0 21px; height:400px; overflow-y:auto; overflow-x: hidden;}
#c3_title    { width:149px; position:relative; padding:3px 10px; margin-left:20px; color:#ffffff; font-size:11px; font-style:italic; }
#c3_title    { background-color:#ffcc00; border-bottom:1px solid #ffffff; }
#c3_body  { width:148px; position:relative; padding:3px 10px;  color:#ffffff; font-size:11px;  } 
#c3_body ul { list-style-type: square; padding:0; margin:10;}
#c3_body li { padding:11px 0 1px 0; margin:0 0 0 125px; }

.item_wrap .item1,
.item_wrap .item1:hover,
.item_wrap .item1-active,
.item_wrap .item1-active:hover { padding: 4px 0 4px 6px; display: block; position: relative; }
.item_wrap .item2,
.item_wrap .item2-active,
.item_wrap .item2-active:hover { padding: 2px 0 2px 8px; display: block; position: relative; z-index:500; }
.item_wrap .item2:hover        {  }
.item_wrap .item2 img,
.item_wrap .item2-active img   { position: absolute; top: 4px; right: 1px; }
.item_wrap .arrow              {  }
.item_wrap .section            { position: absolute; visibility: hidden; z-index: -1; margin:0px 0 0 1px; width:150px;  }
* html .item_wrap td           { position: relative; } /* ie 5.0 fix */

.item_wrap .item1,
.item_wrap .item1:hover,
.item_wrap .item1-active,
.item_wrap .item1-active:hover { background:url("http://www.roessinkkantoormeubelen.nl/img/menu-item-main-out.jpg") top left repeat-x;  }
.item_wrap .item1:hover,
.item_wrap .item1-active,
.item_wrap .item1-active:hover { background:url("http://www.roessinkkantoormeubelen.nl/img/menu-item-main-over.jpg") top left repeat-x; }
.item_wrap .item2,
.item_wrap .item2:hover,
.item_wrap .item2-active,
.item_wrap .item2-active:hover { background:url("http://www.roessinkkantoormeubelen.nl/img/menu-item-sub-out.jpg") top left repeat-x; }
.item_wrap .item2:hover,
.item_wrap .item2-active,
.item_wrap .item2-active:hover { background:url("http://www.roessinkkantoormeubelen.nl/img/menu-item-sub-over.jpg") top left repeat-x; }
.item_wrap .item2 img,
.item_wrap .item2-active img   { border: 0; }
.item_wrap .arrow:hover        {  }
.item_wrap .section            { background-color:#ffffff; }
.item_wrap .bottom,
.item_wrap .bottom:hover       { border-bottom: 1px solid ; }

.item_wrap .item1,
.item_wrap .item1:hover,
.item_wrap .item1-active,
.item_wrap .item1-active:hover { color:#ffffff; text-decoration:none; font-size:12px; }
.item_wrap .item1:hover,
.item_wrap .item1-active,
.item_wrap .item1-active:hover { color: #ffffff; }
.item_wrap .item2,
.item_wrap .item2-active,
.item_wrap .item2-active:hover { color: #ffffff; font-size:12px;  text-decoration: none; white-space: nowrap; text-transform:uppercase; }
.item_wrap .item2:hover        { color: #ffffff; }


#rood {
width:70px; 
position:absolute; 
top:0px; 
left:302px; 
height:100%; 
* height: 425px; 
margin-left:25px; 
background-color:#FFb3b3;
}

#lichtgroen {
width:70px; 
position:absolute; 
top:0px; 
left:302px; 
height:100%;
* height: 425px; 
margin-left:25px; 
background-color:#01FFc1;
}
#oranje {
width:70px; 
position:absolute; 
top:0px; 
left:302px; 
height:100%; 
* height: 425px; 
margin-left:25px; 
background-color:#FFB763;
}
#donkerblauw {
width:70px; 
position:absolute; 
top:0px; 
left:302px; 
height:100%; 
* height: 425px; 
margin-left:25px; 
background-color:#C8c2fe;
}
#yellow {
width:70px; 
position:absolute; 
top:0px; 
left:302px; 
height:100%; 
* height: 425px; 
margin-left:25px; 
background-color:#FDF668;
}
#donkergroen {
width:70px; 
position:absolute; 
top:0px; 
left:302px; 
height:100%; 
* height: 425px; 
margin-left:25px; 
background-color:#85C5B4;
}
#cyaan {
width:70px; 
position:absolute; 
top:0px; 
left:302px; 
height:100%; 
* height: 425px; 
margin-left:25px; 
background-color:#00C0FF;
}
#beige {
width:70px; 
position:absolute; 
top:0px; 
left:302px; 
height:100%; 
* height: 425px; 
margin-left:25px; 
background-color:#CECD71;
}

#grijs {
width:70px; 
position:absolute; 
top:0px; 
left:302px; 
height:100%; 
* height: 425px; 
margin-left:25px; 
background-color:#d3d3d3;
}