/* File SPR-Layout.css */
/* Layout Stylesheet for SPR_Pages version 3 */ 
/* Header - Static left column - Scrollable body of two columns - Footer */


/* ========== HTML - BODY - PAGE container ======== */
html {
           height:100%; 
           max-height:100%;  
           padding:0; 
           margin:0; 
           border:0; 
           font: 12px verdana, garamond, palatino, times roman, serif;
           background:#fff -18px 0 no-repeat;
           /* hide overflow:hidden from IE5/Mac */ 
           /* \*/ 
           overflow: hidden; 
           /* */ }

body {      
            height:100%; 
            max-height:100%; 
            overflow:hidden; 
            padding:0; 
            margin:0;
            border:0;
            background: #99CC66;}

#container {
            height:100%; 
            max-height:100%; 
            margin: 0 auto;
            width: 1020px; 
            border-style: solid;
            border-width: 0px 2px 0px 0px;
            border-color: #3333CC; }

/* ============Left column CSS ===============*/
#leftcolumn {
         display: block;
         position:absolute; 
         padding: 3px;	
         height:100%; 
         width:110px; 
         border-style: solid;
         border-width: 0px 2px 0px 2px;
         border-color: #3333CC; 
         z-index:4;}

#leftlogo {
            position:relative;
            top: -3px; 
            left: -3px;
            height: 80px;
            width: 116px;
            padding: 0px;
            background: #99CC66 url(Headerbar.png) repeat-x;
            border-style: solid;
            border-width: 0px 0px 2px 0px;
            border-color: #008000;
            z-index:4;  }

img#leftlogo{
          position: relative;
          top: 15px;
          left: 3px;
          height: 50px;
          width: 110px;
          border-style: none;
          background: transparent;
          padding: 0}

#printlogo {
                   float: right;
                   display: none;}

/* =================Header CSS =============== */
#header {
            display:block;             
            position: relative; 
            margin:0; 
            padding: 0px 0px 0px 5px;
            top: 0px; 
            height:80px; 
            background: #99CC66 url(Headerbar.png) repeat-x; 
            color: #3333CC; 
            font-size: 3em; 
            border: solid green;
            border-width: 0px 0px 2px 0px;
            z-index:2; }

#headertext{
            display: block;
            position: relative;
            margin: 0;
            padding: 0;
            width: 550px;  /* maximum */
            left: 10px;
            bottom: -25px; }

#headertextsmall{
            display: block;
            position: relative;
            margin: 0;
            padding: 0;
            width: 550px;  /* maximum */
            left: 10px;
            bottom: -25px;
            font-size: 70%; }

img#header {
          display: block;
          position: relative;
          top: 0px;
          left: 0px;
          border-style: none;
          background: transparent;
          margin: 0;
          padding: 0;
          float: right;  }

/* ===== CSS definition for reference header ======*/
#refheader {
            display:block;             
            position: relative; 
            margin: 10px -5px 5px 0; 
            padding: 0px 0px 0px 5px;
            top: 0px; 
            height:40px; 
            background: #99CC66 url(Headerbar.png) repeat-x;
            color: #3333CC; 	
            font-size: 2em; 
            border: solid green;
            border-width: 2px 0px 2px 0px;
            z-index:2; }

#refheadertext{
            display: block;
            position: relative;
            margin: 0;
            padding: 0;
            width: 500px;
            left: 10px;
            bottom: -10px; }

/* ============= footer CSS ============== */
#footer {		
            display:block;             
            position: relative; 
            margin: 0; 
            padding: 3px 0 0 0;
            bottom: 0px; 
            height:20px; 
            background:rgb(214,100,50); 
            color: #FFFFFF; 	
            font-size:1em; 
            text-align: right; 
            border: solid green;
            border-width: 2px 0px 0px 0px;
            z-index:2; }

#footerb { 
            display:block;             
            position: relative; 
            margin:0; 
            padding: 0px 0px 0px 10px;
            bottom: 0px; 
            height:20px; 
            background:rgb(214,100,50); 
            color: #FFFFFF;
            font-size:1em; 
            border: solid green;
            border-width: 0px 0px 2px 0px;
            z-index:2; }

#footerb a {
            color: #FFF;
            text-decoration: none; }

/*  ======== Content CSS============== */
#contentcontainer {
            display:block; 
            position:relative;
            height:100%; 
            max-height:100%; 
            overflow:auto;                   	/* for scrolbarr on contents */
            padding-left: 120px; 
            border-style: solid;
            border-width: 0px 0px 0px 0px;
            border-color: #3333CC; 
            }	

#content{
          display: block;
          position: relative;
          width: 600px;
          overflow: hidden;
          margin: 0 0 0 2px;  
          color: navy;
          padding: 0 5px 0 0;          /* space between H1 and border */
          border-style: solid;
          border-width: 0px 2px 0px 2px;
          border-color: #008000;  }

#c-right{
            display: block;
            position: relative;
            width: 250px;
            overflow: hidden;
            float: right;
            margin: 0 10px 0 0;
            padding: 0px 0px 0px 3px;
            z-index: 4;  }

#content p {
          margin: 0;
          border: 0;
          padding: 5px; }	 

#content h1 {
          display: block;
          margin: 3px -5px 0 0;     /* -5 compensate space to border in #content */
          border-style: solid;
          border-color: #008000; 
          border-width: 2px 0 0 0;
          /* border-top: 2px;  		/* werkt niet in FF ??  */
          padding: 3px 5px 2px 5px;
          color: blue;
          background-color: #FFFFCC;
          font-weight: normal;
          font-size: 100%; }

#content p B {
          color: #FFFFCC;
          background-color: ##008000;  }          

#content IMG {
          display: block;
          margin-left: auto;
          margin-right: auto;
          margin-top: 10px;
          margin-bottom: 15px; }

#content  IMG.center {
          display: block;
          margin-left: auto;
          margin-right: auto;
          margin-top: 0px;
          margin-bottom: 0px;
          padding: 0px;  }

#content IMG.leftfree {
          display: block;
          padding: 6px;
          margin: 0;
          border: 0;
          float: left; }

#content IMG.right  {
          display: block;
          padding: 6px;
          margin: 0;
          border: 0px;
          float: right; }

#content a {
          color: blue;
          text-decoration: none; }

#content a img {
          border: 0; }
          

/* =========== TABLE CSS ============= */

    TD, TH {
                   padding: 2px 2px 2px 6px; }

    TABLE.geel  {
                   background-color: #FFFFCC;
                   border-collapse: collapse;
                   padding: 0px;
                   margin: 0px 5px;
                   border-color: green;
                   border-style: solid;
                   border-width: 2px; }

    TD.geel, TH.geel{
                   background-color: #FFFFCC;
                   padding: 4px;
                   border-color: #99CC66;
                   border-style: solid;
                   border-width: 1px;
                   text-align: left;
                   vertical-align: middle; }

     TD.ref {
                   padding: 0 0 5px 3px;
                   width: 30px;
                   vertical-align: top;} 

     CAPTION {
                   background-color: #FFFFCC;
                   border-collapse: collapse;
                   padding: 3px;
                   margin: 0;
                   text-align: left;
                   font-size: 115%;
                   font-weight: bold;
                   border: 2px solid green; }


/*========== UL =======================*/

UL { margin-top: 0;
         margin-bottom: 3px;}

UL B {  color: #FFFFCC; }