html{
    height: 100%;
}
body{ 	
	font-family: verdana, arial, helvetica, sans-serif; 
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
    height: 100%;
	background: url('http://www.interal.nl/img/bg.gif') center top repeat-y #DEE0DF;
}

/* BASIC */

.divider{ height: 0px; font-size: 0px; clear: both; }
form{ margin: 0px; padding: 0px; }
p{ margin: 0px 0px 1em 0px; padding: 0px; }

/* LAYOUT */

#site{
    width: 839px;
    text-align: left;
}

    /* HEADER */

    #header{
        position: absolute;
        margin-left: 10px;
        width: 819px;
        height: 159px;
        z-index: 5;
    }

        #topmenu{
            position: absolute;
            width: 819px;
            height: 38px;
            background-color: #006440;
            line-height: 38px;
        }
        
            #topmenucontainer a{
                color: #ffffff;
                font-size: 10px;
                text-decoration: none;
                padding-left: 1em;
            }
            
            #topmenucontainer a:hover{
                color: #9BC1AE;
            }
            
            #topmenucontainer a.active{
                text-decoration: underline;
            }
        
        #menu{
            position: absolute;
            margin-top: 50px;
            width: 819px;
            height: 40px;
            text-align: right;
            z-index: 5;
        }
            #menucontainer{
                clear: both;
                font-size: 0px;   
            }
            
            .mainmenu{
                display: inline;
                font-size: 0px;   
                margin-left: 2px;
            }
        
        .submenu{
            position: absolute;
            width: 144px;
            text-align: left;
            z-index: 10;
            font-family: arial, helvetica, sans-serif;
        }
            
            .sub_top{
                width: 144px;
                margin: 0px;
            }
            
            .sub_container{
                background: url('http://www.interal.nl/img/sub_bg.png') top left repeat-y;
                margin: 0px;
                padding: 0px 10px;
            }
            
            .sub_content{
                background: url('http://www.interal.nl/img/sub_bgc.gif') bottom left no-repeat #FFFFFF;
                padding: 0px 10px 10px 10px;
                font-size: 10px;
                color: #484c50;
            }
            
                .sub_content a{ color: #484c50; text-decoration: none; display: block; padding: 5px; }
                .sub_content a:hover, .sub_content a.sub:hover{ color: #006440; }
                .sub_content a.sub{ text-indent: 1em; color: #a2a7ad; }
                .sub_content a.main{  }
                .sub_content a.active{ color: #006440 !important; font-weight: bold; }
                
            .sub_divider{
                background: #006440;
                height: 2px;
            }
            
            .sub_footer{
                width: 144px;
                margin: 0px;
            }
        
                #sub_sales{
                    top: 40px;
                    left: 101px;
                    display: none;
                }
                
                #sub_rental{
                    top: 40px;
                    left: 218px;
                    display: none;
                }
        
        #search{
            position: absolute;
            margin-top: 110px;
            margin-left: 583px;
        }
        
            #searchbox{
                position: absolute;
                width: 139px;
                height: 26px;
                background: url('http://www.interal.nl/img/searchbox.gif') top left no-repeat;
            }
            
            #searchquery{
                border: 0px;
                margin-top: 5px;
                margin-left: 3px;
                width: 133px;
                background: transparent;
                font-family: verdana, arial, helvetica, sans-serif;
                color: #000000;
                font-size: 12px;
            }
            
            #searchbutton{
                position: absolute;
                margin-left: 140px;
            }
        
        #logo{
            position: absolute;
            margin-top: 100px;
        }
        
        #topbar{
            position: absolute;
            margin-top: 152px;
            background-color: #E8F3F0;
            height: 4px;
            width: 819px;
        }
        
    /* MEDIA */
    
    #media{
        position: absolute;
        margin-top: 159px;
        margin-left: 10px;
        width: 819px;
        height: 273px;
        overflow: hidden;
        z-index: 4;
    }
    
    /* FOOTER */    
        
    #footer{
        margin-top: -1000px;
        position: absolute;
        margin-left: 10px;
        width: 819px;
        padding-bottom: 8px;
        background-color: #ffffff;
        color: #ffffff;
        font-size: 11px;
    }    
    
    	#footer_logos{
    		float: right;
   		}
    
        #footer_container{
            padding: 20px;
            width: 779px;
            background-color: #448E74;
        }
    
            #footer h2{
                font-size: 15px;
                margin: 0px; padding: 0px;
                margin-bottom: 0.5em;
                font-weight: bold;
            }
            
            #footermenu{
                margin-bottom: 0.9em;
            }
            
            #footer a{
                color: #ffffff;
                text-decoration: none;
            }
            
            #footer a:hover{
                color: #9BC1AE;
            }
        
    /* CONTENT */
    
    #pricelist{
        width: 819px;
        font-size: 12px;
   	}
    
    #pricelistbody{
		background: #ffffff;
	}
    
    #container{
        position: absolute;
        margin-left: 10px;
        margin-top: 432px;
        width: 819px;
    }
    
        #breadcrumb{
            position: absolute;
            margin-top: 6px;
            width: 812px;
            text-align: right;
            color: #006440;
            font-weight: bold;
            font-size: 10px;  
        }
        
            #breadcrumb a{
                color: #006440;
                text-decoration: none;
            }
            
            #breadcrumb a:hover{
                text-decoration: underline;
            }
    
        .content{ padding: 25px 0px 20px 0px; }
        
            .content .title{ margin-bottom: 5px; }
            .content .articleimage{ float: right; margin: 0px 0px 1em 1em; }
            .content h4{ color: #000000; font-size: 12px; margin: 0px 0px 0.5em 0px; padding: 0px; }
        	.content a{ color: #006440; }
        	.content a:hover{ color: #448E74; }
        
        	.content .highlight{ color: #006440; }
        
        .attachment{ margin-bottom: 2px; }
        
        .listcontainer{
        	background-color: #F2F7F5;
			padding: 16px;
			color: #000000;	
			margin-bottom: 8px;
			border-top: 3px solid #448E74;
       	}
       	
       	.listcontainer_odd{
        	background-color: #D6E8E3;
			padding: 16px;
			color: #000000;	
			margin-bottom: 8px;
			border-top: 3px solid #448E74;
       	}
       	
       		.listimage{ float: right; margin: 0px 0px 0px 1em; border: 1px solid #AFB5B9; }
        	.listcategory{ background-color: #006440; color: #ffffff; padding: 6px; font-weight: bold; }
        
        .side{
            float: left;
            margin-top: 15px;
            background: #99C1B3;
            overflow: hidden;
        }
        
            .side a.side_menu{
                display: block;
                height: 27px;
                width: 172px;
                padding: 15px 0px 0px 20px;
                color: #484c50;
                text-decoration: none;
                font-size: 10px;
                background: url('http://www.interal.nl/img/side_bg.gif') top left no-repeat;
            }
            
            .side a.side_submenu{
                display: block;
                height: 17px;
                width: 172px;
                padding: 5px 0px 0px 30px;
                color: #484c50;
                text-decoration: none;
                font-size: 10px;
                background: url('http://www.interal.nl/img/side_bg.gif') bottom left no-repeat;
            }
            
            .side a.side_subsubmenu{
                display: block;
                height: 17px;
                width: 172px;
                padding: 5px 0px 0px 50px;
                color: #484c50;
                text-decoration: none;
                font-size: 10px;
                background: url('http://www.interal.nl/img/side_bg.gif') bottom left no-repeat;
            }
            
            .side a.side_menu:hover{ color: #006440; background: url('http://www.interal.nl/img/side_bg_over.gif') top left no-repeat; }
            .side a.side_submenu:hover{ color: #006440; background: url('http://www.interal.nl/img/side_bg_over.gif') bottom left no-repeat; }
            .side a.active{ color: #006440; font-weight: bold; }
            .side .side_btm{ width: 192px; height: 10px; background: url('http://www.interal.nl/img/side_btm.gif') top left; }
        
        /* news */
        .news{
            float: right;
            margin-top: 35px;
            background: #006440;
        }
        
            .news_container{
                margin: 7px 0px 7px 7px;
                color: #ffffff;
                font-size: 10px;
            }
            
            .news .news_title{ float: left; margin-left: 4px; margin-bottom: 3px; }
            .news .news_title a{ color: #ffffff; text-decoration: none; font-weight: bold; }
            .news .news_title a:hover{ text-decoration: underline; }
            .news .news_date{ float: right; margin-right: 11px; margin-bottom: 0px; width: 75px; text-align: right; font-size: 8px; margin-top: 2px; }
            .news .news_top{ width: 231px; height: 6px; background: url('http://www.interal.nl/img/news_top.gif') top left; margin-top: 3px; }
            
            .news .news_article{ color: #006440; padding: 1px 14px 7px 7px; background: url('http://www.interal.nl/img/news_bg.gif') top left repeat-y; }  
                .news .news_article p{ margin-bottom: 0.5em }
                .news a.news_more{ color: #006440; font-weight: bold; text-decoration: none; font-size: 9px; }
                .news a.news_more:hover{ text-decoration: underline; }
                
            .news .news_btm{ width: 231px; height: 9px; background: url('http://www.interal.nl/img/news_btm.gif') top left; }
        
        /* accordion */    
        .acc_toggler{
            height: 49px;
            padding-left: 22px;
            background: url('http://www.interal.nl/img/acc_bg.gif') top left repeat-x;
            cursor: pointer;
        }
        
        .acc_toggler .acc_title { position: absolute; margin-top: 13px; }
        .acc_toggler .acc_title_back { position: absolute; margin-top: 12px; margin-left: -1px; }
        
        .acc_toggler:hover{ background: url('http://www.interal.nl/img/acc_bg_active.gif') top left repeat-x; }
        .acc_active{ background: url('http://www.interal.nl/img/acc_bg_active.gif') top left repeat-x !important; }
        
        .acc_content{
            padding: 22px;
        }
        
        /* tabs */
        .tabset{ background: url('http://www.interal.nl/img/tab_content_bg.gif') left 32px  no-repeat; }
        
        .tabset ul{ margin: 0px; padding: 0px; height: 31px; border-bottom: 1px solid #C6CACD; width: 614px; }
        .tabset ul li{ cursor: pointer; margin: 0px; padding: 10px; display: block; float: left; background: url('http://www.interal.nl/img/tab_bg.gif') top left repeat-x; height: 12px; }
        .tabset ul li.tab_div{ cursor: default; width: 2px; height: 32px; margin: 0px; padding: 0px;  background: url('http://www.interal.nl/img/tab_div.gif') top left repeat-x !important; }
        .tabset ul li.tab_end{ cursor: default; width: 15px; height: 32px; margin: 0px; padding: 0px;  background: url('http://www.interal.nl/img/tab_end.gif') top left repeat-x !important; }
        .tab_toggler{ }
        .tab_active{ background: url('http://www.interal.nl/img/tab_active.gif') top left repeat-x !important; }
        .tab_title{ display: block; }
        .tab_title_active{ display: none; }
        
        .tab_element{ height: 0px; overflow: hidden; width: 585px; padding: 30px 15px; }
        
        .stocklist{ height: 500px; overflow: auto; }
        .stocklist .xmlmain{ background-color: #006440; padding: 3px; margin: 22px 0px 2px 0px; color: #ffffff; font-weight: bold; text-transform: uppercase; }
        .stocklist .xmlgroup{ background-color: #448E74; padding: 3px; margin: 2px 0px 2px 1em; color: #ffffff; font-weight: bold; }
        .stocklist .xmlarticle{ background-color: #ffffff; margin-left: 2em; color: #000000; width: 500px; }
        .stocklist .xmlarticleheader{ background-color: #ffffff; color: #565656; font-style: italic; }