body {
   background-color  : rgb(206,205,153);
   margin            : 0;
}

body, td {
   font-family       : "Trebuchet MS", sans-serif;
   font-size         : 12pt;
}

form {
   margin            : 0;
   padding           : 0;
}

a {
   text-decoration   : none;
}

a:hover {
   text-decoration   : underline;
}

.gray {
   background-color  : rgb(176,188,178);
}

.sand {
   background-color  : rgb(206,205,153);
}

.khaki {
   background-color  : rgb(153,153,102);
}

/* Headers */

h1, .h1 {
   font-size         : 16pt;
   font-weight       : bold;
   color             : rgb(153,153,102);
}

h2, .h2 {
   font-size         : 11pt;
   font-weight       : bold;
   color             : white;
   margin-left       : 50px;
   padding-bottom    : 1.5ex;
}

h3, .h3 {
   font-size         : 12pt;
   font-weight       : bold;
   background-color  : rgb(153,153,102);
   width             : 250px;
   margin-top        : 1.5ex;
   padding-left      : 50px;
}

/* Class for overall content cell */

.main {
   background-color  : rgb(206,205,153);

}

.page div {
   margin-bottom     : 1ex;
}

/* Properties for div containing actual content */

#content {
  position           : absolute;
  z-index            : 3;              /* On top of dots */
}

@media screen {
   #content {
      margin-top     : 2ex;
      padding-bottom : 2ex;
      width          : 100%;
      height         : 550px;          /* Updated by size() function */
      overflow-x     : hidden;
      overflow       : auto;
   }

   #projects_tpl {
      overflow-y     : hidden;
   }
}


/* Class for content on pages with image on top right */

.page {
   margin-left       : 75px;
   width             : 500px;
}

.project .widepage {
   margin-left       : -40px;
}

.widepage {
   margin-left       : 75px;
   margin-right      : 75px;
}

/* Optional element to be fixed in top right corner */

#fixme {
   left              : 580px;
   top               : 5px;
   position          : absolute;
   width             : 400px;
}

/* Optional element to be fixed in left column */

#fixme2 {
   width             : 300px;
   position          : relative;
   top               : 100px;
   left              : 5px;
}

/* Case pages */

.case {
   position          : absolute;
   top               : 0px;
   left              : 325px;
   background-color  : rgb(176,188,178);
   background-image  : url('images/case-bg.gif');
   background-repeat : repeat-y;
   padding-bottom    : 0.5cm;
}

.case div {
   padding-left      : 40px;
}

#cases {
   position          : absolute;
   top               : 120px;
   left              : 130px;
   filter            : alpha(opacity=30);
   -moz-opacity      : 0.3;
   display           : none;
}

/* Row containing main menu items */

.menubar {
   background-color  : rgb(206,205,153);
   height            : 35px;
}

/* Menu item in the main menu bar */

.mainitem {
   width             : 125px;
   cursor            : hand;
   float             : left;
}

/* Extra rows in menu for horizontal line at top and bottom */

.menuline {
   margin-left       : 14px;
   background-color  : rgb(176,188,178);
   height            : 1px;
}

/* Div containing menu items */

.menupanel {
   position          : absolute;
   display           : none;
   background-image  : url(http://www.frontier.nl/images/menuitem.gif);
   border-right      : 1px solid rgb(176,188,178);
   width             : 200px;
   z-index           : 5;              /* On top of content */
}

@media print {
   .xmenupanel {
      display        : none;
   }
}

/* Div containing a single menu item */

.menuitem {
   padding-left      : 25px;
   padding-top       : 5px;
   height            : 25px;
}

.revmenuitem {
   padding-left      : 25px;
   padding-right     : 5px;
   padding-top       : 5px;
   height            : 25px;
   background-color  : rgb(176,188,178);
}

.menuitem img {
   cursor            : hand;
}

.revmenuitem img {
   cursor            : hand;
}

#currentpage {
   position          : absolute;
   top               : 100px;
   left              : 30px;
   z-index           : 4;
   filter            : alpha(opacity=30);
   -moz-opacity      : 0.3;
}

/* White line in top row */

.underline {
   border-bottom     : 1px solid white;
}

/* Big Mini7 tag line in content pages */

.tag {
   position          : relative;
   left              : 75px;
   top               : -5px;
   margin-top        : 10px;
   margin-bottom     : 10px;
}

/* Faded dots */

#stippen {
   position          : absolute;
   height            : 0;
   z-index           : 2;
}

/* News page */

.newsbox {
   padding-left      : 100px;
   padding-right     : 100px;
   vertical-align    : bottom;
}

.newsdate {
   text-align        : right;
   font-size         : 20pt;
}

.newscontent {
   color             : white;
   font-size         : 14pt;
}

/* Login name */

.login {
   width             : 200px;
   font-size         : 8pt;
   font-weight       : bold;
   color             : white;
}

/* Project pages */

@media screen {
  .project {
      position          : absolute;
      top               : 10px;
      width             : 95%;
      margin-left       : 35px;
      background-color  : rgb(176,188,178);
      background-image  : url('images/case-bg.gif');
      background-repeat : repeat-y;
      padding-bottom    : 0.5cm;
   }
}

.project div {
   padding-left      : 40px;
}

.project table {
   margin-left       : 40px;
}

#projectlabel {
   position          : absolute;
   left              : 120px;
   top               : 85px;
   z-index           : 10;
   filter            : alpha(opacity=30);
   -moz-opacity      : 0.3;
}

.project h1 {
   font-size         : 12pt;
   font-weight       : bold;
   background-color  : rgb(153,153,102);
   width             : 250px;
   text-indent       : 50px;
   margin-top        : 1.5ex;
   color             : black;
}

.button {
   font-family       : "Trebuchet MS", sans-serif;
   font-size         : 11pt;
   font-weight       : bold;
   background-color  : rgb(153,153,102);
   border            : 1px solid rgb(176,188,178);
   padding-left      : 20px;
   padding-right     : 20px;

}