/* $Id: 22Juli2005.css,v 1.27 2006/07/05 20:40:38 albert Exp $ */
/* Kleuren:
 *	licht geel:	#FFFFCC
 *	goud: 		#a58F56
*/

/************************************* DEBUG  ********************
img 		{ border: 3px double purple ; }
div#content 	{background: RED;}
/******************************************************************/

/* GENERAL */
html 		     { background: #a58f56;}
body,p		     { background: #ffffCC; color: black;
		       margin: 0; padding: 0; border:0;
                       font: 100% Arial, Helvetica, Verdana, sans-serif;}
p		     { text-indent:0em; margin: 1ex;}
h1		     { display: block;
                       background: #ffffcc; color:#a58f56;
		       font-size: 500%; font-weight: bold; font-variant: small-caps;
		       padding: 2px 0.5ex; margin:0;}
body		     { border-bottom: 12px solid #a58F56; }
h3		     { display: block;
                       font-weight: bold; 
		       padding: 0;  border: 0;
                       margin: 1ex 0 -1ex 0;}
/* PARTS */

/** THE MASTHEAD
   *************/

#masthead            { top: 0; width: 100%; text-align: left; padding:0; margin:0; border:0;}
#masthead a          { width: 279px;  position: absolute; background: #FFFFCC;}
#masthead h1         { left: 278px; height: 100px ;width: 100%;  position: absolute;}
#masthead *          { border: 0;}
/**doc: Fixed if possible; but absolute as fall-back !! */
div#masthead	     { position: absolute;  }
body>div#masthead    { position: fixed; }


/** THE LEFT-SIDE/BORDER (NAVIGATION BORDER)
   *****************************************/

div#navBorder { top: 183px; z-index:10; height: 100%;}
div#navBorder { background: #a58f56; left:0;  width:222px;}
/**doc: Fixed if possible; but absolute as fall-back !! */
div#navBorder      { position: absolute;  }
body>div#navBorder { position: fixed; }

a.menu { display: block; float: right; clear: both;
         width: 67%;
         text-decoration: none; text-align: left;
         background:transparent;  color: #FFFFCC;
         padding: 8px 6px 2px 5px; margin:0;
         border-left: 2px solid #FFFFCC;
         border-bottom: 1px solid #FFFFCC;
         border-right: 2px solid #cc3333; }
a.menu:hover { border-right: 4px solid #000066;
               padding-right: 4px;
               border-bottom: 1px solid #000066;}

#navBorder p { display: block; float: right; clear: both; 
               background: #a58f56;
               color: white;
               font-size: 75%;
              text-align: left; }

/** THE RIGHT-SIDE/BORDER (OPTIONAL MENU'S)
   ****************************************/
div.rightBorder { position: absolute; right:0;  width: 100%;
                  display: inline; background: #a58f56;}
.rightBorder *  { display: block; float: right;  }
div.rightBorder a.boxed { margin:3px;border:1px solid #FFFFCC; color: #FFFFCC; font:80%;}

/** CONTENT (main fraime) **/

div#content { padding: 100px 0 100px 56px;
              margin: 0px 5% 0  0;
              border-left: 222px solid #a58F56;}


/* SPECIAL formating */
hr.lijnuit { clear:both; visibility:hidden; }
div.img    { border:1px solid #a58F56;}
div.img p  {  margin:0 ;border:0; padding:0;
             text-align:right; }