body
{
 margin: 10px;
 font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body.frame{
	margin:0px;
}

th{
  text-align: left;
 font-size: 12px;
padding-right: 10px;  	
}

td{
 vertical-align:top; 
 font-size: 12px;
}

h1{
 font-size: 14px;
 color: #170;
 margin-top:12px;
 margin-bottom:4px;
}

h2{
 font-size: 12px;
 color: #170;
 margin-top:4px;
 margin-bottom:2px;
}

p{
 color: #333;
 margin-top:4px;
 margin-bottom:4px;
 font-size: 12px;
}

ul{
  color: #333;
  list-style:square;
  font-size: 12px;
  margin-top:4px;
  margin-left:15px;
}

li{
  margin-top:4px;
  margin-bottom:4px;
}

a{
  color: #882222;
  text-decoration: underline;	
}

a:hover{
  color: #f00;
  text-decoration: underline;	
}

.iframe img{
 border-style:solid; 
 border-width: 1px ; 
 border-color:#aaa;
}

/* -- hoofdindeling: frame  -- */

#frame
{
margin-left:1px;
height:90%;
}

#frame-left{
width:25%;
height:90%;
background-image: url(kantlijn.gif);
background-repeat: repeat-x;
}

#frame-center{
 width: 800px;
 border-style:solid; 
 border-width: 0px 2px 0px 2px; 
 border-color:#fff;
}

#frame-right{
width:25%;
height:90%;
background-image: url(kantlijn.gif);
background-repeat: repeat-x;
}

#frame-top
{
 width: 800px;
 height: 60px;
 vertical-align: bottom;
}

#frame-top-right{
 vertical-align: bottom;
}

#landen-menu{
 padding-left:200px;
}

#landen-menu a{
 padding:8px;
 display: block;
 text-decoration: none;	
}

#landen-menu a:hover{
 text-decoration: none;	
}

#frame-header-top
{
 height: 8px;
 background-color: 390;
 border-style:solid; 
 border-width: 3px 0px 0px 0px; 
 border-color:#bbb;
}

#frame-header
{
 height: 10px;
 border-style:solid; 
 border-width: 1px 0px 1px 0px; 
 border-color:#fff;
}

#frame-header-bottom
{
 font-size: 11px;
 padding: 0px;
 padding-left:500px;
 color:fff;
 background-color: 390;
 border-style:solid; 
 border-width: 0px 0px 4px 0px; 
 border-color:#bbb;
 vertical-align: middle;
}

#header-menu td{
 vertical-align: middle;
 color:#fff;	
}

#header-menu a{
 padding:4px;
 padding-left:10px;
 padding-right:10px;
 display: block;
 text-decoration: none;	
 font-size: 11px;
 font-weight: bold;
 letter-spacing: 1px;
 color: #fff;
}

#header-menu a:hover{
  color: #fff;
  background-color: 8c3;
 text-decoration: none;	
}

td.frame-witruimte
{
 height: 12px;
}


#body{
 padding-top:10px;
 padding-left:20px;
 padding-right:10px;
}

#frame-footer{
 width: 780px;
 text-align: center;
}

#footer{
 width: 780px;
 padding:6px;
 border-style:solid; 
 border-width: 1px 0px 0px 0px; 
 border-color:#bbb;
 text-align: center;
 font-size: 11px;
}


/* -- verticaal menu assortiment  -- */

#body-menu{
 padding:20px;
 padding-top:20px;
 border-style:solid; 
 border-width: 0px 1px 0px 0px; 
 border-color:#bbb;
}

#body-menu-tabel{
 background-color: #cfa; 
 background-image: url(menu-achtergrond.gif);
 background-repeat: repeat-x;
}

#menu-top{
 background-color: 390;
 height: 6px;  
}

#menu-header{
 padding:6px;
 letter-spacing: 3px;
 background-color: 6c3;
 color:#fff;
 }

#menu-body{
 padding-top:6px;
 padding-right:6px;
} 
 
td.menu-groep{
 font-size: 11px;
 font-weight: bold;
 border-style: groove; 
 border-width: 0px 0px 1px 0px; 
 border-color:#ccc;
}

td.menu-item{
 font-size: 11px;
 border-style: groove; 
 border-width: 0px 0px 1px 0px; 
 border-color:#ccc;
}

#menu-bottom{
 background-color: 390;
 height: 6px;  
}

td.menu-item a{
 width:150px;
 display: block;
 padding-top:2px;
 padding-left:12px;
 padding-right:12px;
 padding-bottom:1px;
 text-decoration: none;	
 color:#666;
}

td.menu-item a:hover{
 color:#666;
 text-decoration: underline;	
}

td.menu-groep a{
 display: block;
 padding-top:4px;
 padding-left:4px;
 padding-bottom:2px;
 text-decoration: none;	
 color:#666;
}

td.menu-groep a:hover{
 color:#666;
 text-decoration: underline;	
}


/* 
The <dl> tag defines a definition list.
The <dd> tag defines the description of a term in a definition list.
*/

#menu dl, dt, dd, ul, li {
list-style-type: none;
 font-size: 11px;
}

#menu {
 width: 220px;
 background-image: url(menu-achtergrond.gif);
 background-repeat: repeat-x;
}

#menu dt {
 cursor: pointer;
 height: 18px;
 line-height: 18px;
 text-align: left;
 font-weight: bold;
 border-style: groove; 
 border-width: 0px 0px 1px 0px; 
 border-color:#ccc;
 padding-left:8px;
}

#menu dd {
margin-left:0px;
}

#menu li {
 height: 14px;
 text-align: left;
 border-style: groove; 
 border-width: 0px 0px 1px 0px; 
 border-color:#ccc;
}

#menu li a, #menu dt a {
 color: #000;
 color:#666;
 text-decoration: none;
 display: block;
 height: 100%;
}

#menu li a:hover, #menu dt a:hover {

}