html, body {
				margin: 0px;			/* Browsers have a standard margin;
										I set this value to 0 to make the layout stick to the top and bottom of the screen. */
				height: 100%; 			/* Needed for 100% height */
				background: url(http://www.straat-dichters.nl/black.gif) #3f3f3f;	
				font: 8pt Verdana;
				color: #555555;


			}

			.layout {
				position: relative;		/* Needed for footer positioning */
				margin: 0 auto; 
				width: 100%;			/* Set the width of your layout here */
				
				background: url(http://www.straat-dichters.nl/BG2.png) repeat-x;	/* Set the background of your content here */
				
				/* The next 3 different height CSS codes are needed for different browsers, don't edit :) */
				height: auto !important; 
				height: 100%; 
				min-height: 100%; 

			}

			.header {					/* CSS for the top div: the header */						
				width: auto;
				height: 77px;
			}

			.content {					/* CSS for the middle div: the content */	
				padding-bottom: 50px;	/* To avoid the footer from overlapping the content,
										set padding-bottom to the height of the footer */
				color: black;			
				width: auto;	
				font: 8pt Verdana;
				color: #555555;		
			}
			
			.footer {					/* CSS for the bottom div: the footer */
				color: white;		
				background: url(http://straat-dichters.nl/footer.jpg) repeat-x #191919;	
				bottom: 0px;			/* Make the footer stick to the bottom of the screen */
				width: 100%;
				padding-top: 15px;
				padding-bottom: 15px;
			}



/* CONTENT BASE */