/* Algemeen */



/* Body */
body {
 background: #ffffff;
 height: 100%;		/* Anders werkt het niet met IE6 */
 width: 100%;
 font-family: Arial;
 font-size: small;
}


/* Hyperlinks */
A: {}
A:link {text-decoration: none; background: none; color: none;}
A:visited {text-decoration: none; background: none; color: none;}
A:hover {text-decoration: none; background: none;  color: none;}
A:active {text-decoration: none; background: none; color: none;}

.filler
{ width:100%;
  height:70px; 
}

.navigatie
{margin:auto; 
 width:700px;
 height:50px;
}

.navitem
{
 font-size:20px;
 margin-left:30px;
}


.mainbody {
 margin:auto;
 background-image: url(/images/test.gif);
 background-repeat: no-repeat;
 Background-position:center;
 text-align: center;
 border: 0px solid green;
}

#ContentBlock {
 margin:auto;
 width: 676px; 
 height: 600px;
 overflow-x: auto;
 overflow-y: auto;
 border: 0px solid purple;
}

#info {
 margin-top:5px;
 width: 630px; 
 height:590px;
 border: 0px solid purple;
 background-image: url("../images/contact.gif");
 background-repeat: no-repeat;
 background-position:top; 
}


#Intro {
 margin-top:5px;
 width: 630px; 
 height:590px;
 background-image: url(/images/intro.gif);
 border: 0px solid red; 
 background-repeat: no-repeat;
 background-position:top; 
}


#py1 {
 margin-top:5px;
 width: 630px; 
 height:590px;
 background-image: url(/images/wat-is-yoga.gif); 
 border: 0px solid red; 
 background-repeat: no-repeat;
 background-position:top; 

}

#dc1 {
 margin-top:5px;
 width: 630px; 
 height:590px;
 background-image: url(/images/docente.jpg); 
 background-repeat: no-repeat;
 background-position: top; 
 border: 0px solid red; 

}

#dc2 {
 margin-top:5px;
 width: 630px; 
 height:525px;
 background-image: url(/images/Logo.jpg);
 background-repeat:no-repeat;
 background-position:center bottom;
 background-color:white;
 border: 0px solid red; 
}



#inf1 {
 margin-top:5px;
 width: 630px; 
 height:590px;
 background-image: url(/images/info.gif); 
 background-repeat: no-repeat;
 background-position:top; 
 border: 0px solid red; 
}


#hidden {
 position: absolute; 
 color: #fff;
 visibility: hidden;
}

#dhtmlgoodies_slideshow
	{
	height: 536px; 
	border: 0px solid red;
	}
	
	#previewPane{
		border: 0px solid green;
		margin-top: 10px;
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
	}

	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}

	#galleryContainer{
        height: 102px;
	border: 1px solid white;
	overflow:hidden;
	
	/* CSS HACK */
	height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/102px;	/* Other browsers */
	height: /**/102px;
	}
	


	#arrow_left
	{
		left:0px;	
		display:inline;
		width:30px;
		background-color: #FFF;
		padding:1px;
	}

	#arrow_right
	{
		right:0px;
		display:inline;
		width:30px;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages
	{
		overflow:hidden;
		height: 100px;
		border:#FFF;
	}

	#theImages #slideEnd
	{
		//float:left;
	}
	#theImages img{
		
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px solid black;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:0px;
		top:0px;
		background-color:#000000;
		border:0px solid #000000;
		color:#000000;
		
		
	}
	
	#theImages .imageCaption{
		display:none;
	}

	#extra-top{
	position: absolute;
 	top: 50%;
 	left: 50%;
 	margin: -145px 0 0 272px;
 	width: 100px; min-width: 100px; max-width: 100px;
 	height: 75px; min-height: 75px; max-height: 75px;
 	z-index: 5;
	}

	#extra1{
	position: absolute;
 	top: 50%;
 	left: 50%;
 	margin: -35px 0 0 272px;
 	width: 100px; min-width: 100px; max-width: 100px;
 	height: 75px; min-height: 75px; max-height: 75px;
 	z-index: 5;
	}

	#extra-top img, #extra1 img{
	border: 1px solid white;
	}

	#clear{
	 //clear: both;
	}