body {
	font-size: 62.5%;
	font-family: "courier new", courier, futura, arial, Verdana, sans-serif;
	overflow:hidden;
	background-position: top center;
	color: #231f20;
}
	
	#container {	
        position: absolute;
        overflow: hidden;
		width: 100%;
		height: 100% !important;
		background: url(../gfx/dot.gif) repeat top left;
	}
	
		#content {
			
		}
				
			#items {		
			}
		
			.box {				
				position: absolute !important;
				top: 0;
				left: 0;
				cursor: move;
				background-image: url(../gfx/shadow.png);
				background-position: 4px 4px;
				background-repeat: no-repeat;
				padding: 0 4px 4px 0;
			}
				.boxHover {
					background-position: 8px 8px !important;
					padding: 0 8px 8px 0 !important;
				}
				
				.open_shadow {
				    display: none;   
				    padding: 5px 5px 5px 5px;
					background-image: url(../gfx/shadow.png);
					background-position: 10px 10px;
					background-repeat: no-repeat;
					position: absolute !important;	
					top: -13px;
					left: -13px;
				}
    
    			.open {
				    font-size: 120%;
					background-color: #ffffff;   
					padding: 5px;
                }
                
                    .open .close {
                        position: absolute !important;
                        top: 5px;
                        right: 5px;
                        background: url(../gfx/close.gif);
                        height: 24px;
                        width: 24px;
                        cursor:pointer;
                    }                    
                   
                    
                    .open h2, .open p {
                        padding-left: 15px;
                        padding-right: 15px;                        
                    }

					#player {
					    position: relative;
                        margin-left: -5px;
                        margin-right: -5px;
                        height: 54px;
                        background-color: #231f20;
                        margin-bottom: 10px;
                    }

                    .movie_bar {
                        position: absolute;
                        top: 23px;
                        right: 20px;
                        background-color: #FFF;
                        width: 190px;
                        height: 5px;

                    }
			
					.magnify {
                    	position: relative;
					    height: 54px;
					    background-color: #231f20;
					    margin-left: -5px;
					    margin-right: -5px;
					    margin-bottom: 10px;
					    margin-top: 2px;
					    color: #FFF;
					    font-size: 120%;
					}

/*
					.magnify .small {
					    position: absolute;
					    top: 18px;
					    left: 20px;
					    display: block;
					}

					.magnify .large {
					    position: absolute;
					    top: 18px;
					    right: 20px;
					    display: block;
					}
*/



					.magnify .small {
					    position: absolute;
					    top: 15px;
					    left: 20px;
			            display: block;
			            height: 25px;
			            width: 75px;
			            background-image: url('../gfx/kleiner.gif');
					}
					
					.magnify .small_en {
					    position: absolute;
					    top: 15px;
					    left: 20px;
			            display: block;
			            height: 25px;
			            width: 81px;
			            background-image: url('../gfx/smaller.gif');
					}
					

					.magnify .small:hover {					
					    background-position: 0 -25px !important;
					}
					
					.magnify .small_en:hover {					
					    background-position: 0 -25px !important;
					}
					
					.magnify .large {
					    position: absolute;
					    top: 15px;
					    right: 20px;
			            display: block;
			            height: 25px;
			            width: 73px;
			            background-image: url('../gfx/groter.gif');
					}
					
					.magnify .large_en {
					    position: absolute;
					    top: 15px;
					    right: 20px;
			            display: block;
			            height: 25px;
			            width: 69px;
			            background-image: url('../gfx/bigger.gif');
					}
					
					
					.magnify .large:hover {					
					    background-position: 0 -25px !important;
					}

					.magnify .large_en:hover {					
					    background-position: 0 -25px !important;
					}

					.magnify .bar {
					    position: absolute;
					    top: 26px;
					    right: 110px;
					    background-color: #FFF;
					    width: 180px;
					    height: 5px;
					}

			
				#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;
						position: relative;
						top: 0;
						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;
					}
			
				.box div.image {
					padding: 5px 5px 2px 5px;
					background-color: #ffffff;
				}
        .open_book {
            cursor: pointer !important;
        }
      #book {
        display: none;
        width: 512px;
        height: 414px;
      }
      
      #flash_book {
        /* Mozilla */
        outline:none;
     
        /* IE */
        -moz-outline-style: none;            
      }
      
      .nohover {
        background-color: #fff !important;
      }
      
      .nohover {
         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;
      }