/* ********************************************************
General styles 
******************************************************** */
html,body, form
{
 margin:0px;
 padding:0px;
 height:100%;
 min-height: 100%;
 width:100%;
 border:none;
 font-family :Verdana;
 font-size :8pt;
}

img
{
 border-width:0px;
}

th
{
 font-size:8pt;
}
td
{
 font-size:8pt;
}

a
{
 color:rgb(80,80,80);
}

a:visited
{
 color:rgb(80,80,80);
}

h1
{
 font-size:12pt;
}

#breadcrumb
{
 margin-bottom:5px;
}

/* ********************************************************
Navigation styles
******************************************************** */
div.menu ul, div.menu ul ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
width:100%;
}

div.menu ul a {
  display: block;
  text-decoration: none;	
}

div.menu ul span {
  display: block;
  text-decoration: none;
  cursor:hand;
}

div.menu ul li {
  margin-top: 1px;
}

div.menu ul li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

div.menu ul li span {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

div.menu ul li a:hover {
  background: #000;
}

div.menu ul li span:hover {
  background: #000;
}

div.menu ul li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

div.menu ul li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

.CMSListMenuLinkHighlighted
{
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

/* ********************************************************
Master page styles
******************************************************** */
.maincontainer
{
 height:100%;
 min-height: 100%;
 width:100%;
}

.borderline
{
 position:absolute;
 top:88px;left:0px;
 background-color:#000;
 height:1px;
 width:50%;
 margin:0px;
 border:0px;
}

.subcontainer
{
 width:980px;
 height:100%;
 min-height: 100%;
 text-align:left;
 margin:auto;
}

.leftarea
{
 width:200px;
 height:100%;
 min-height: 100%;
 background-color:#404040;
 float:left;
 border-right:1px solid black;
 padding:0px;
}

.leftareaspacer
{
 margin-top:0px;
 background-color:#fff;
 height:22px;
}

.leftareanavigationcontainer
{
 margin-top:150px;
 padding:0px;
 width:100%;
 height:100%;
 min-height: 100%;
}

.mainarea
{
 width:770px;
 height:100%;
 min-height: 100%;
 margin-left:200px;
}

#headerimage
{
 width:656px;
 height:97px;
 background-image: url("/App_Themes/werkplek2009/images/header_grijs.gif");
 cursor:hand;
 position:relative;
 left:-200px
}

.spacer
{
 background-color:#404040;
 width:771px;
 height:20px;
 position:relative;
 left:-1px;
 border-bottom:1px solid black;
}

.contentareacontainer
{
 position:relative;
 left:1px;
 height:100%;
 min-height: 100%;
}

.zonemain
{
 padding-left:5px;
 height: 100%;
 min-height: 100%;
}

.zoneContent
{
 padding-right:5px;
 height: 100%;
 min-height: 100%;
}

.copyright
{
 font-style:italic;
 font-size:8px;
 text-align:center;
 position:absolute;
 bottom:0px;
 left:0px;
 text-align:center;
 width:100%;
}