* html body {
    height: 100%;
    overflow: auto;
}

body {
	font-size: 62.5%;
	font-family: "courier new", courier, futura, arial, Verdana, sans-serif;
	background-position: top center;
	color: #231f20;
	background-attachment: fixed;
	overflow-x: hidden;
}

	#container {	
        position: absolute;
        width: 100%; 
/*         min-height: 100% !important; */
/* 		background: url(../gfx/dot.gif) repeat top left;						 */
	}	

	#items {
		margin-top: 15px;
		margin-left: 15px;
	}

	/* box */
	
		.box {
			background-image: url(../gfx/shadow.png);
			background-position: 4px 4px;
			background-repeat: no-repeat;
			padding: 0 4px 4px 0;		
			width: 500px;	
			background-color: none;
			margin-bottom: 20px;
		}
	

			.head {
				background-color: #231f20;
				height: 44px;
				cursor: hand;
			}
			
				.title {
					float: left;
				}
			
				.switch {
					float: right;
					width: 46px;
					height: 40px;
				}
			
			.open_shadow {
				background-color: #ffffff;
				display: none;
			}

				.open {
				    font-size: 120%;
					background-color: #ffffff;   
					padding: 5px;
	            }
                
                .open h2, .open p {
                    padding: 0 15px;
                }	   
                
                .open h2 {
                	padding-top: 15px;
                }
                
                .open p {
                	padding-bottom: 15px;
                }

                
        /* option buttons */
        
        .button_nl1 {
        	position: absolute;
			background-position: 4px 4px;
			padding: 0 2px 2px 0;
        	width: 42px;
        }               
	        .button_nl1 img {
	        	padding: 5px 5px 5px 5px;
	        	background-color: #ffffff;
	        }
		.button_en1 {
			position: absolute;
			background-image: url(../gfx/shadow.png);
			background-position: 4px 4px;
			background-repeat: no-repeat;
			padding: 0 4px 4px 0;		
			width: 42px;	
			background-color: none;
		}
	        .button_en1 img {
	        	padding: 5px 5px 2px 5px;
	            background-color: #231f20;	            
	        }
	        
        .button_en2 {
        	position: absolute;
			background-position: 4px 4px;
			padding: 0 2px 2px 0;
        	width: 42px;
        }               
	        .button_en2 img {
	        	padding: 5px 5px 5px 5px;
	        	background-color: #231f20;
	        }
		.button_nl2 {
			position: absolute;
			background-image: url(../gfx/shadow.png);
			background-position: 4px 4px;
			background-repeat: no-repeat;
			padding: 0 4px 4px 0;		
			width: 42px;	
			background-color: none;
		}
	        .button_nl2 img {
	        	padding: 5px 5px 2px 5px;
	            background-color: #ffffff;	            
	        }	        

		.button_unsafe {
			position: absolute;
     		width: 78px;
		}		
	        .button_unsafe img {
	        	padding: 5px 5px 2px 5px;
	        }

		/* navigation */
	
			#nav {
	            background-color: #231f20;
	            color: #ffffff;
	            width: 500px;
	            height: 54px;
	            background-image: url(../gfx/stripe.gif);
	            background-position: right;
			    background-repeat: no-repeat;
			}				
				
				#logo {
					float: left;
					width: 86px;
					height: 42px;
					padding-left: 13px;
					padding-top: 8px;
				}
									
				#navigation {
					float: left;
					margin-top: 14px;
					margin-left: 30px;
				}					
					#navigation li {
						display: block;
						float: left;
						font-size: 145%;
						text-transform: uppercase;
						cursor:pointer;
					}					
					#navigation li a {
			            display: block;
			            height: 25px;
					}										
					#navigation li a:hover {
			            background-position: 0 -25px !important;
					}										
					#navigation .active a {
					   background-position: 0 -25px !important;
					}					
					#navigation span {
			            display: none;
					}
				
				.about a {
					background: url(../gfx/about_nl.gif) no-repeat;
		            background-position: 0 0;
		            width: 100px;
				}
				.showreel a {
					background: url(../gfx/showcases.gif) no-repeat;
		            background-position: 0 0;
		            width: 114px;
				}
				.contact a {
					background: url(../gfx/contact.gif) no-repeat;
		            background-position: 0 0;
		            width: 81px;
				}				
				
				.about_en a {
		            background: url(../gfx/about_en.gif) no-repeat !important;
		            width: 112px;
				}						
				
				.aboutContent,
				.showreelContent,
				.contactContent {
					background-color: #fff;
					font-size: 120%;
					padding: 20px 20px 5px 20px;
					width: 460px;
					display: none;
				}

				
		/* book */
		  #book {
		      display: none;
		  } 
		       
		/* dotted outline fix */
		  
		  #flash_book {
		      outline:none;
		      -moz-outline-style: none;            
		  }
		  
		
		
	/* manifesto */
  .nohover {
      background-color: #fff !important;
      background-position: 0 0;
      width: 160px;
      height: 150px;
      margin-top: 7px;
      margin-left: 7px;
      float: right;
      display: block;
  }
  
  .manifest_nl {
      background: url(../gfx/manifest160_NL.gif) no-repeat;	      
  }      
  .manifest_en {
       background: url(../gfx/manifest160_EN.gif) no-repeat;	      
  }
  
  .nohover span {
  	  display: none;
  }      
  .nohover:hover {
      background-position: 0 -160px !important;
  }