/*Style sheet for simulating frames
 *using only Cascading Style Sheets
*/

body{ margin: 0px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}

p {
color: #0066CC;
font-size: 0.9em; 
font-weight: normal; 
margin-right:0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
line-height:1.0em;
text-align:left;
		padding: 0px 10px 0px 10px;

}



h1 {
color:#FF9A00;
font-size: 1.1em; 
font-weight: bold; 
margin-bottom: 10px;
margin-top: 10px;
text-align:right;
}

h2 {
color: #003366;
font-size: 1.0em; 
font-weight: bold; 
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
text-align:center;
}


h3 {
color: #FF9A00;
font-size: 0.7em; 
font-weight: normal; 
margin-top: 0px;
margin-bottom: 0px;
text-align:center;
}

h4 {
color:#003366;
font-size: 1.0em; 
font-weight: bold; 
margin-top: 10px;
margin-bottom: 0px;
margin-left: 20px;
text-align:left;
line-height: 0.5em;
}

h5 {
color:#0066CC;
font-size: 1.0em; 
font-weight: bold; 
font-style:italic;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
vertical-align:middle;
text-align:center;

		padding: 0px 0px 0px 5px;
}


h6 {
color:#003366;
font-size: 0.8em; 
font-weight: normal; 
font-style:italic;
margin-top: 0px;
margin-right: 0px;
margin-left: 15px;
margin-bottom: 0px;
}






/* Mast head is simulation of top frame */

#mastHead{ height: 16.0em;
width:100%; 
position: fixed; 
border-bottom: 0px solid orange; 
text-align:right;

}






/* Link Index is the simulation of left index/browsing frame */
#linkIndex{ position: fixed;
            top: 16.5em;
            width: 11.5em;
            height: 24em;
            bottom: 0;
            padding-left: 0px;
            z-index:40;
            background-color:}







/* Contents Box is the simulation of the main content frame
   whose content changes according to the link clicked in the
   left linkIndex frame */


#contentsBox{ position: fixed; 
top: 16.2em; 
bottom: 0; 
width: 100%; 
border-top: orange solid 0px; 
background: #FFFFF9;
              }



div#rechts {position: absolute; top:0; right:0px; bottom: 0; left: 11.6em; padding:0; overflow: auto;

            background-image: url("http://www.zwkozijnen.nl/images/p604.gif");
            background-repeat: no-repeat;
            background-position: 30% 10%;}
            background-attachment: fixed;
            

div#rechts p {text-indent: 0px;}




#footer { position: relative; 
background-color: 
color: #000;
padding: 2em;
border-top: orange solid 2px;
background-image: url("http://www.zwkozijnen.nl/images/bustransp.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}


li  {color: #0033CC; 
list-style-type: disc; 
margin-top: 0px;
margin-right: 0px;
margin-left: 45px;
margin-bottom: 0px;
line-height: 2px
}




TABLE   { float: right; margin-right: 5px; }
TD      { border: 0px ; text-align: left;
}

#foot{ 
position: fixed; 
top:50em; right: 0; 
bottom: 10em; 
left: 0em; 
padding: 0 20px; 
overflow: auto;                    
font-family: monospace;
color: #2277DD;
       }
