body {
	font-family: Verdana; 
	font-size: 9pt;
	color: #000000;
	margin:0;
	background-image: url('../img/mj/bg.gif');
	background-attachment: fixed;
	line-height: 14pt;
}
img {
	border: 0px;
}
a, a:visited {
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}

div.clear {
   clear:both;
}

th, td {
    text-align:left;
}

	#container {
		width: 884px;
		margin-left: auto;
		margin-right: auto;
	}
		#logo {
			margin-top: 15px;
			width: 456px;
			height: 176px;
			/*background: url('../img/logo.png') no-repeat;*/
			margin-left: auto;
			margin-right: auto;
			padding-right: 8px;
		}
		
		#menu {
			width: 876px;
			height: 31px;
			margin-top: 15px;			
		}
		
			#menu-border-left {
				width: 16px;
				height: 31px;
				/*background: url('../img/menu-border-left.png') no-repeat;*/
				/*background: url('../img/menu-sprite.png') no-repeat;
				background-position: 0px 0px;*/
				background: url('../img/mj/sprite.png') no-repeat;
				background-position: 0px 0px;				
				float:left;
			}
			
			#menu-content {
				width: 844px;
				height: 31px;
				/*background: url('../img/menu-bg.gif') repeat-x;*/
				background: url('../img/mj/menu-sprite.gif') repeat-x;
				background-position: 0px 0px;				
				float:left;								
			}
				#menu-items {
					float:right;
				}
				
				#menu-content a {
					height: 17px;
					padding-top: 7px;
					padding-bottom: 7px;
					padding-left: 9px;
					padding-right: 7px;
					display: block;
					float: left;
					color: #ffffff;
					text-decoration: none;
					background: url('../img/mj/menu-button-border-left.gif') no-repeat;
					background-position: left;	
					font-weight: bold;									
				}
				
				#menu-content a:hover {
					/*background-color: #cccccc;*/
					/*background-image: url('../img/menu-bg-highlight.gif');
					background-repeat: repeat-x;*/
					background: url('../img/mj/menu-sprite.gif') repeat-x;
					background-position: 0px -32px;
					/*color: #000000;*/
				}
						
			#menu-border-right {
				width: 16px;
				height: 31px;
				/*background: url('../img/menu-border-right.png') no-repeat;*/
				/*background: url('../img/menu-sprite.png') no-repeat;
				background-position: 0px -32px;*/
				background: url('../img/mj/sprite.png') no-repeat;
				background-position: 0px -32px;								
				float:left;				
			}
		
		#content {
			width: 100%;
			margin-top: 10px;
		}
		 
         .blok-groot-temp {
			/*width: 730px;  
            height: 450px;
            background-image: url('../img/mj/macbook.png');
            padding-left: 154px;
            padding-top: 32px;  
            */				
            
            width: 355px;  
            height: 225px;
            background-image: url('../img/mj/macbook-50.png');
            
            padding-left: 67px;
            padding-top: 16px;
            
            background-position: center;	   
            background-repeat:no-repeat;    
              margin-right:20px;
			}
       
			.blok-groot {
				width: 884px;                      																							
			}
				.blok-groot-top {
					width: 884px;
					height: 25px;
					/*background: url('../img/blok-groot-top.png') no-repeat;*/
					/*background: url('../img/blok-groot-sprite.png') no-repeat;	
					background-position: 0px 0px;*/
					background: url('../img/mj/sprite.png') no-repeat;	
					background-position: -17px 0px;				
				}
				
				.blok-groot-left-right {
					width: 884px;					
					/*background: url('../img/blok-groot-left-right.png') repeat-y;*/
					background: url('../img/mj/bg-y-sprite.png') repeat-y;	
					background-position: 0px 0px;
               text-align:center;									
				}
				
				.blok-groot-bottom {
					width: 884px;
					height: 33px;
					/*background: url('../img/blok-groot-bottom.png') no-repeat;*/
					/*background: url('../img/blok-groot-sprite.png') no-repeat;	
					background-position: 0px -26px;*/
					background: url('../img/mj/sprite.png') no-repeat;	
					background-position: -17px -26px;						
				}	
				
			.blok-klein {
				width: 293px;
				height: 244px;
				float:left;
				margin-right: 1px;				
			}	
				.blok-klein-top {
					width: 293px;
					height: 55px;
					/*background: url('../img/blok-klein-top-black.png') no-repeat;*/
					/*background: url('../img/blok-klein-sprite.png') no-repeat;	
					background-position: 0px 0px;*/
					background: url('../img/mj/sprite.png') no-repeat;	
					background-position: 0px -64px;										
					color: #ffffff;
					text-align: center;
					text-transform: uppercase;										
				}
					.blok-klein-top h2 {											
						color: #ffffff;
						text-align: center;
						text-transform: uppercase;	
						font-size: 8pt;	
						padding-top:22px;
						padding-right: 4px;	
						margin:0;													
					}
					
					.blok-klein-top a {
						color: #ffffff;
					}
				
				.blok-klein-bottom {
					width: 253px;
					height: 184px;
					/*background: url('../img/blok-klein-bottom.png') no-repeat;*/
					/*background: url('../img/blok-klein-sprite.png') no-repeat;	
					background-position: 0px -56px;*/
					background: url('../img/mj/sprite.png') no-repeat;	
					background-position: 0px -120px;					
					padding-top: 15px;
					padding-right: 24px;
                    padding-left: 20px;	
				}								
            
               .blok-klein-bottom table {
                  width: 100%;
               }		
               
                  .blok-klein-bottom td {
                     width: 50%;
                     text-align:left;
                  }		
								
				.blok-klein-breed {
					width: 439px;
					height: 242px;
					float:left;
					margin-right: 1px;				
				}	
					.blok-klein-breed-top {
						width: 439px;
						height: 55px;
						/*background: url('../img/klein-blok-breed-top.png') no-repeat;*/
						/*background: url('../img/klein-blok-breed-sprite.png') no-repeat;	
						background-position: 0px 0px;*/
						background: url('../img/mj/sprite.png') no-repeat;	
						background-position: -294px -64px;												
						color: #ffffff;
						text-align: center;
						text-transform: uppercase;										
					}
						.blok-klein-breed-top h2 {											
							color: #ffffff;
							text-align: center;
							text-transform: uppercase;	
							font-size: 8pt;	
							padding-top:22px;
							padding-right: 4px;	
							margin:0;													
						}
						
						.blok-klein-breed-top a {
							color: #ffffff;
						}
					
					.blok-klein-breed-bottom {
						width: 399px;
						height: 172px;
						/*background: url('../img/klein-blok-breed-bottom.png') no-repeat;*/
						/*background: url('../img/klein-blok-breed-sprite.png') no-repeat;	
						background-position: 0px -56px;*/
						background: url('../img/mj/sprite.png') no-repeat;	
						background-position: -294px -120px;										
						/*text-align: center;*/
						padding-top: 15px;
						padding-right: 24px;	
                        padding-left: 20px;
					}	
                    
                    .blok-klein-breed-bottom h2 {
                        padding-top:0;
                        margin-top:0;
                        color: #818181;
					    font-size: 10.5pt; 
                        padding-bottom: 3px;
                        border-bottom: 1px solid #000000;                       
                    }
                    
                    .blok-klein-breed-bottom h2 a {
                        text-decoration:none;
                        color: #818181;
                    }
					
			#content-left {
				width: 293px;
				float:left;							
			}	
				.blok-left {
					width: 293px;
					margin-bottom: 3px;
				}
					.blok-left-top {
						width: 293px;
						height: 22px;
						/*background: url('../img/blok-left-top.png') no-repeat;*/
						/*background: url('../img/blok-left-sprite.png') no-repeat;	
						background-position: 0px 0px;*/
						background: url('../img/mj/sprite.png') no-repeat;	
						background-position: -741px -64px;																	
						color: #d7d7d7;						
					}
					.blok-left-content {
						width: 293px;
						/*background: url('../img/blok-left-bg.png') repeat-y;*/
						background: url('../img/mj/bg-y-sprite.png') repeat-y;	
						background-position: -885px 0px;
						overflow:hidden;
					}
					
						.blok-left-content h2 {											
							color: #818181;
							font-size: 10.5pt;							
							padding-left: 20px;
							padding-right: 20px;	
							margin:0;			
							font-weight:bold;
							letter-spacing: 0.25pt;									
						}					
						
						.blok-left-content p {														
							padding-left: 20px;
							padding-right: 20px;							
							letter-spacing: 0.25pt;	
							margin: 0px;	
							padding-top: 10px;
							padding-bottom: 10px;							
						}
						
						.blok-left-content table {														
							padding-left: 19px;
							padding-right: 20px;						
						}
						.blok-left-content td {														
							text-align:left;						
						}
					
					.blok-left-bottom {
						width: 293px;
						height: 28px;
						/*background: url('../img/blok-left-bottom.png') no-repeat;*/
						/*background: url('../img/blok-left-sprite.png') no-repeat;													
						background-position: bottom;*/
						background: url('../img/mj/sprite.png') no-repeat;	
						background-position: -741px -107px;			
					}
			
			#content-right {
				width: 585px;
				float:right;
				margin-left: 4px;				
			}			
				.blok-right {
					width: 585px;
					margin-bottom: 3px;
				}
				
					.blok-right-top {
						width: 585px;
						height: 23px;
						background: url('../img/mj/blok-right-top.png') no-repeat;					
						color: #d7d7d7;	
						float:left;					
					}
					.blok-right-content {
						width: 540px;
						/*background: url('../img/blok-right-bg.png') repeat-y;*/
						background: url('../img/mj/bg-y-sprite.png') repeat-y;	
						background-position: -1179px 0px;
						float:left;
						overflow:hidden;		
                        padding-left: 20px;
						padding-right: 28px;				
					}
						.blok-right-image-left {
							float:left;
							width: 358px;
							height: 224px;							
							/*margin-left: 20px;*/
							overflow:hidden;
                     margin-bottom: 14px;
						}
						
						.blok-right-image-right {
							float:left;
							width: 167px;
							height: 104px;							
							margin-right: 10px;
							margin-bottom: 14px;
							overflow:hidden;
						}
										
						.blok-right-content h2 {											
							color: #818181;
							font-size: 10.5pt;							
							/*padding-left: 20px;
							padding-right: 20px;*/	
							margin:0;			
							font-weight:bold;
							letter-spacing: 0.25pt;									
						}
						
						.blok-right-content h3 {											
							color: #818181;
							font-size: 9pt;							
							/*padding-left: 20px;
							padding-right: 20px;*/	
							margin:0;			
							font-weight:bold;
							letter-spacing: 0.25pt;									
						}
						
						.blok-right-content h4 {											
							color: #939393;
							font-size: 8pt;							
							/*padding-left: 20px;
							padding-right: 20px;	*/
							margin:0;			
							font-weight:normal;
							letter-spacing: 0.25pt;									
						}
						
						.blok-right-content p {														
							/*padding-left: 20px;
							padding-right: 23px;*/							
							letter-spacing: 0.25pt;	
							margin: 0px;	
							padding-top: 10px;
							padding-bottom: 10px;							
						}
						
						.blok-right-content table {														
							/*padding-left: 19px;
							padding-right: 20px;*/												
						}
						
						.blok-right-content .website-specification td {
							vertical-align:top;
							padding-left: 10px;
							padding-right: 20px;
							text-align:left;
						}
						
						.blok-right-content .website-specification th {
							width: 90px;
							vertical-align:top;
							text-align:left;
						}
						
						.blok-right-content ul {														
							margin-top: 0px;
							padding-right: 20px;												
						}
					
					.blok-right-bottom {
						width: 585px;
						height: 27px;
						background: url('../img/mj/blok-right-bottom.png') no-repeat;
						background-position: bottom;
						float:left;
					}
					
					.to-top {
						text-align:right;
						padding-top:5px;
						padding-bottom:5px;
						padding-right:7px;
					}
					
					
					.jdGallery div.slideElement {
    					background-color: #ffffff;										 					
					}				
               
               #slider-temp {                  
                  /*width:576px;
                  height: 360px;*/
                  width:288px;
                  height: 180px;
                  overflow: hidden;             
               }
               
                  #slider-temp ul, #slider-temp li {
                  	margin:0;
                  	padding:0;
                  	list-style:none;                    
                 	}  
                    
               .remote {
                  width: 100px;
                  height: 247px;
                  background-image: url('../img/mj/remote.gif');
                  float:right;
                  margin-right: 10px;
               }  
               
               .remote-direction-button {
                  width: 14px;
                  height: 14px;                  
                  display: block;
                  margin-top: 62px;
               }
                  
                  .remote-direction-button img {
                     width: 14px;
                     height: 14px;
                  }
               
                  #remote-button-left {
                     margin-left: 12px;
                     float:left;                     
                  }
                  
                  #remote-button-right {
                     margin-left: 72px;                                        
                  }
               
               #slider {
                  margin-left: 5px;
                  margin-right: 10px;                  
               }
               
                  #slider ul, #slider li{
                  	margin:0;
                  	padding:0;
                  	list-style:none;
                 	}                 
                  
                  #prevBtn {
                     
                  }
                  
                  #nextBtn {
                     
                  }
                  
      #pagination {
         float:right;
         margin-right: 20px;
      }

p.small {
    margin:0;
    padding:0;
    font-size:10px;
    
}

.iphone {
    width: 176px;  
    height: 277px;
    background-image: url('../img/mj/iphone.png');    
    margin-left: 115px;
    
    padding-left: 9px;
    padding-top: 65px;
}

#slider-iphone {                  
  /*width:576px;
  height: 360px;*/
  width:171px;
  height: 224px;
  overflow: hidden;             
}

  #slider-iphone ul, #slider-iphone li {
  	margin:0;
  	padding:0;
  	list-style:none;                    
 	}  

p.leerdoel {
	font-weight:bold;padding-bottom: 0px;
}
 	
p.behaald {
	color: green;
}

p.niet-behaald {
	color: red;
}

p.bijna-behaald {
	color: orange;
}