/* stylesheet for www.atwee.nl */

/*
content:
	GLOBAL PARAMETERS
	PAGE
	INTRO
	MENU
	MAIN
		HOME
		WORK
		CONTACT
	TAIL
*/

/* GLOBAL PARAMETERS */

	body {
		padding: 0px;
		margin: 0px;
		background: #fff;
		color: #000;
		text-align: center;
	}
		
	table, td, div {
		padding: 0px;
		margin: 0px;
		border-collapse: collapse;
		border: none;
	}
	
	table {
		padding: 0px;
		margin: 0px;
		border-collapse: collapse;
		text-align: center;
	}
	
	div {
		position: absolute;
		padding: 0px;
		margin: 0px;
	}
	
	img {
	   behavior: url("./img/pngbehavior.htc");
	   border-style:none;
	}
	input {
	   behavior: url("./img/pngbehavior.htc");
	   border-style:none;
	}
	
	/* TRICK */

	img#trick {
		width: 1px;
		height: 1px;
		display: none;
	}

	
/* PAGE */

	div#page {
		position:relative;
		margin-top: 0px;
	}

/* INTRO */


	table#page {
		position: relative;	
		width: 800px;
		height: 550px;
	}
	
	div#intropage {
		 position: relative;
		 widht: 800px;
		 height: 550px;
		 top: 0px;
		 left: 0px;
      }
	
	div#left {
		background-color: rgb(0,59,142);
		width: 400px;
		height: 550px;
		top: 0px;
		left: 0px;
	}
	
	div#right {
		background-color: rgb(0,119,76);
		width: 400px;
		height: 550px;
		top: 0px;
		left:400px;
	}

	div#logo {
		/*background-image: url('../img/ATWEE.png');
		width: 200px;
		height: 200px;*/
		top:200px;
		left:300px;			
		z-index: 100;
	}
	
	div#logo, div#logo img{
		width: 200px;
		height: 180px;
	}	

	div#logotext {
		/*background-image: url('../img/VG-GP.png');
		width: 400px;
		height: 70px;*/
		top: 380px;
		left: 150px;
		z-index: 100;
	}
	
	div#logotext, div#logotext img{
		width: 500px;
		height: 51px;
	}
	
	div#intro {
		width: 38px;
		height: 38px;
		top: 500px;
		left: 750px;			
		/*text-indent: -1000em;*/
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */
		z-index: 100;
	}

	div#intro img {
		width: 38px;
		height: 38px;	
	}	
	
/* MENU */
	div#home, div#photo, div#contact {
		width: 50px;
		height: 50px;
		top: 460px;
		/*text-indent: -1000em;*/
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */
		z-index: 100;
	}

	div#home img, div#photo img, div#contact img{
		width: 50px;
		height: 50px;	
	}	

	div#home {
		left: 175px;
	}	
	
	div#photo {
		left: 375px;
	}	

	div#contact {
		left: 575px;
	}

/* MAIN */
/* HOME */

/* MAIN */
/* WORK */
	div#logoklein {
		top:17px;
		left:350px;			
		z-index: 100;
	}
	
	div#logoklein, div#logoklein img{
		width: 100px;
		height: 90px;
	}	

	div#logotextklein {
		top: 110px;
		left: 250px;
		z-index: 100;
	}
	
	div#logotextklein, div#logotextklein img{
		width: 300px;
		height: 30px;
	}
	
	div#album1, div#album2, div#album3, div#album4, div#album5, div#album6{
		top:40px;
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */		
		z-index: 100;
	}
	
	div#foto1, div#foto2, div#foto3, div#foto4, div#foto5, div#foto6, div#foto7, div#foto8, div#foto9{
		cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */		
		z-index: 100;
	}
	
	div#album1, div#foto1, div#foto4, div#foto7{
		left:75px;			
	}
	div#album2, div#foto2, div#foto5, div#foto8{
		left:175px;			
	}
	div#album3, div#foto3, div#foto6, div#foto9{
		left:275px;			
	}
	div#album4, div#grotefoto{
		left:475px;			
	}
	div#album5{
		left:575px;			
	}
	div#album6{
		left:675px;			
	}
	
	div#foto1, div#foto2, div#foto3, div#grotefoto{
		top:160px;
	}
	div#foto4, div#foto5, div#foto6{
		top:260px;
	}
	div#foto7, div#foto8, div#foto9{
		top:360px;
	}	
	
	div#album1, div#album1 img, div#album2, div#album2 img, div#album3, div#album3 img, div#album4, div#album4 img, div#album5, div#album5 img, div#album6, div#album6 img, div#foto1, div#foto1 img, div#foto2, div#foto2 img, div#foto3, div#foto3 img, div#foto4, div#foto4 img, div#foto5, div#foto5 img, div#foto6, div#foto6 img, div#foto7, div#foto7 img, div#foto8, div#foto8 img, div#foto9, div#foto9 img{
		width: 50px;
		height: 50px;
	}	
	
	div#grotefoto {
		z-index: 100;
	}
	
	div#grotefoto, div#grotefoto img{
		width: 250px;
		height: 269px;
	}	
	
/* MAIN */
/* CONTACT */
	div#logocontactVG {
		top: 60px;
		left: 142px;
		z-index: 100;
	}
	
	div#logocontactVG, div#logocontactVG img{
		width: 115px;
		height: 182px;
	}
	
	div#logocontactGP {
		top: 60px;
		left: 517px;
		z-index: 100;
	}
	
	div#logocontactGP, div#logocontactGP img{
		width: 165px;
		height: 182px;
	}
		
	div#logomailVG, div#logomailGP {
		top: 298px;
		z-index: 100;
	}
	
	div#logomailVG{
		left: 175px;
	}
	
	div#logomailGP{
		left: 575px;
	}
	
	div#logomailVG, div#logomailVG img, div#logomailGP, div#logomailGP img{
		width: 50px;
		height: 50px;
	}
/* TAIL */

	div#tail, div#tail a {
		position: relative;
		color: #999999;
		height: 0px;
		top: 0px;		
		font-size: 11px;
	}

/* END OF CSS */