/* **************************************
*
*	DIV posities 23/10/2004
*	Con Ampère - www.conampere.be
*
*	by Michelangelo's Webdesign
*	www.michelangelo.be
*
*************************************** */








/* **************************************
*
*	Intro
*
*************************************** */

 .IntroGenCont
	{visibility: visible;
	 position: absolute;

	 width: 500px;
	 height: 350px;

	 left: 50%;
	 top: 50%;

	 margin-left: -250px;
	 margin-top: -175px;
	}


 .IntroRanden
	{position: absolute;
	 visiblity: visible;

	 width: 500px;
	 height: 261px;

	 left: 0px;
	 top: 0px;

	 background-image: url(../pic/intro_back.gif);
	}


 .IntroFoto
	{position: absolute;
	 visiblity: visible;

	 width: 474px;
	 height: 235px;

	 left: 13px;
	 top: 13px;

	 background-image: url(../pic/intro_foto.jpg);
	}


 .IntroNaviCont
	{position: absolute;
	 visiblity: visible;

	 width: 500px;
	 height: 20px;

	 left: 0px;
	 top: 270px;

	 text-align: right;
	}




/* **************************************
*
*	Main
*
*************************************** */


/* Algemene container */

.mainCont
	{position: absolute;
	 visiblity: visible;

	 width: 738px;
	 height: 450px;

	 left: 50%;
	 top: 50%;

	 margin-left: -369px;
	 margin-top: -225px;
	 
	 z-index: 0;
	}
	

/* Centraal kader met bruine rand */

.mainRanden
	{position: absolute;
	 visiblity: visible;

	 width: 738px;
	 height: 420px;

	 left: 0px;
	 top: 0px;

	 background-image: url(../pic/main_back.gif);
	 
	 z-index: 1;
	}
	


/* Wit middenkader met inhoud website */

.mainMiddenCont
	{visibility: visible;
	 position: absolute;
	 
	 width: 712px;
	 height: 396px;
	 
	 left: 13px;
	 top: 13px;
	
	 background-color: #ffffff;
	 
	 z-index: 2;
	}
	
	

/* Credits container */

.mainCredCont
	{position: absolute;
	 visiblity: visible;

	 width: 738px;
	 height: 16px;

	 left: 0px;
	 top: 422px;

	 text-align: center;
	 z-index: 15;
	}
	
	
	
	
	

/* 
// Achtergrond Foto's 
*/


/* Con Ampère */
.mainFotoStart
	{visibility: visible;
	 position: absolute;
	 
	 width: 421px;
	 height: 396px;
	 
	 left: 0px;
	 top: 0px;
	 
	 z-index: 3px;
	 
	 background-image: url(../pic/main_start.jpg);
	}

/* Informatie kamer */
.mainFotoKamer
	{visibility: visible;
	 position: absolute;
	 
	 width: 421px;
	 height: 396px;
	 
	 left: 0px;
	 top: 0px;
	 
	 z-index: 3px;
	 
	 background-image: url(../pic/main_kamers.jpg);
	}	


	/* Groene kamer */
	.mainFotoGroen
		{visibility: visible;
		 position: absolute;

		 width: 421px;
		 height: 396px;

		 left: 0px;
		 top: 0px;

		 z-index: 3px;

		 background-image: url(../pic/main_groen.jpg);
		}	
	/* Bruine kamer */
	.mainFotoBruin
		{visibility: visible;
		 position: absolute;

		 width: 421px;
		 height: 396px;

		 left: 0px;
		 top: 0px;

		 z-index: 3px;

		 background-image: url(../pic/main_bruin.jpg);
		}	
	/* Blauwe kamer */
	.mainFotoBlauw
		{visibility: visible;
		 position: absolute;

		 width: 421px;
		 height: 396px;

		 left: 0px;
		 top: 0px;

		 z-index: 3px;

		 background-image: url(../pic/main_blauw.jpg);
		}	
	/* Rode kamer */
	.mainFotoRood
		{visibility: visible;
		 position: absolute;

		 width: 421px;
		 height: 396px;

		 left: 0px;
		 top: 0px;

		 z-index: 3px;

		 background-image: url(../pic/main_rood.jpg);
		}	


/* Reservatie */
.mainFotoReserv			
	{visibility: visible;
	 position: absolute;
	 
	 width: 421px;
	 height: 396px;
	 
	 left: 0px;
	 top: 0px;
	 
	 z-index: 3px;
	 
	 background-image: url(../pic/main_reserv.jpg);
	}

/* Contact */
.mainFotoContact
	{visibility: visible;
	 position: absolute;
	 
	 width: 421px;
	 height: 396px;
	 
	 left: 0px;
	 top: 0px;
	 
	 z-index: 3px;
	 
	 background-image: url(../pic/main_contact.jpg);
	}	
	


	












/*
// Navigatie balk 
*/

.mainNavBalk
	{visibility: visible;
	 position: absolute;
	 
	 width: 450px;
	 height:73px;
	 
	 left: 262px;
	 top: 23px;
	 
	 z-index: 4px;
	 background-color: #231F20;	 
	}


	/* Con Ampere - link1 */
		.mainContLink1
			{visibility: visible;
			 position: absolute;

			 width: 108px;
			 height: 73px;

			 left: 18px;
			 top: 0px;

			 z-index: 5px;
			 border-left: 1px solid #43403B;
			 border-bottom: 5px solid #991759;

			 -moz-box-sizing: border-box; 
			 box-sizing: border-box;
			}
		.mainLink1
			{visibility: visible;
			 position: absolute;
			 
			 width: 108px;
			 height: 15px;
			 
			 left: 0px;
			 top: 30px;
			 
			 text-align: center;
			}



	/* Onze kamers - link2 */
		.mainContLink2
			{visibility: visible;
			 position: absolute;

			 width: 108px;
			 height: 73px;

			 left: 126px;
			 top: 0px;

			 z-index: 5px;
			 border-left: 1px solid #43403B;
			 border-bottom: 5px solid #991759;

			 -moz-box-sizing: border-box; 
			 box-sizing: border-box;
			}
		.mainLink2
			{visibility: visible;
			 position: absolute;
			 
			 width: 108px;
			 height: 15px;
			 
			 left: 0px;
			 top: 30px;
			 
			 text-align: center;
			}



	/* Reservaties - link3 */
		.mainContLink3
			{visibility: visible;
			 position: absolute;

			 width: 108px;
			 height: 73px;

			 left: 234px;
			 top: 0px;

			 z-index: 5px;
			 border-left: 1px solid #43403B;
			 border-bottom: 5px solid #991759;

			 -moz-box-sizing: border-box; 
			 box-sizing: border-box;
			}
		.mainLink3
			{visibility: visible;
			 position: absolute;
			 
			 width: 108px;
			 height: 15px;
			 
			 left: 0px;
			 top: 24px;
			 
			 text-align: center;
			}



	/* Contact - link4 */
		.mainContLink4
			{visibility: visible;
			 position: absolute;

			 width: 108px;
			 height: 73px;

			 left: 342px;
			 top: 0px;

			 z-index: 5px;
			 border-left: 1px solid #43403B;
			 border-bottom: 5px solid #991759;

			 -moz-box-sizing: border-box; 
			 box-sizing: border-box;
			}
		.mainLink4
			{visibility: visible;
			 position: absolute;
			 
			 width: 108px;
			 height: 15px;
			 
			 left: 0px;
			 top: 30px;
			 
			 text-align: center;
			}





/*
// Subnavigatie "Onze kamers"
*/

.subNav
	{visibility: visible;
	 position: absolute;
	 
	 width: 432px;
	 height: 16px;
	 
	 top: 91px;
	 left: 280px;
	 
	 /* background-color: #991759; */
	 background-image: url(../pic/navsub_bck.gif);
	 text-align: center;
	}






/*
// Tekst kader
*/

.mainTxtCont
	{visibility: visible;
	 position: absolute;
	 
	 width: 427px;
	 height: 285px;
	 
	 left: 285px;
	 top: 110px;

	 z-index: 10;
	 overflow: auto;
	 padding-right: 5px;

	 -moz-box-sizing: border-box;  // box model aanpassen naar IE model (eigenlijk niet goed);
	 box-sizing: border-box;	 


	 	/**
	 	 ** Aanpassen scrollbar - IE only 
	 	 */

		 scrollbar-face-color : #43403B;	// kleuren schuifstuk;
		 scrollbar-track-color : #ffffff;	// kleur achtergrond schuifstuk;
		 scrollbar-arrow-color : #ffffff; 	// kleur pijltjes;
		 scrollbar-highlight-color : #43403B; 	// highlight randen (buitenste rand);
		 scrollbar-3dlight-color : #43403B;	// 3d effect (linker buitenrand);	 
		 scrollbar-shadow-color : #43403B; 	// shaduw;
	 
	}