@charset "utf-8";
/*
	***
	Styles Document De Plooi
	***

	***
	Author Information
	***

	Author: 	Mark Ernst, DreamCreek, Evidenter
	Website:	http://www.markernst.eu - http://www.dreamcreek.nl - http://www.evidenter.nl
	Email:		markernstproductions@gmail.com - dreamcreek@dreamcreek.nl - janhoff@dreamcreek.nl
	
	***
	Customer Information
	***
	
	Customer: 	Ronald Lubach
	Website:	http://www.babykado.com/
	Email:		beheer@babykado.com
*/

/*
	***
	Global Styling & Parameters
	***
*/

	* {
	
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
	
	}

	body {
	
		margin: 0px;
		padding: 0px;
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		width: 100%;
		height: 100%;
		background-color: #FFFFFF;
		
	}
	
	img {
	
		margin: 0px;
		padding: 0px;
	
	}
	
	form {
	
		margin: 0px;
		padding: 0px;
		
	}
	
	p {
	
		margin: 0px;
		padding: 0px;
		width: auto;
		height: auto;
	
	}
	
	h1, h2, h3, h4, h5 {
	
		margin: 0px;
		padding: 0px;
		text-decoration: none;
	
	}
	
	a, a:link, a:active, a:visited {
	
		color: #800000;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		
	}
	
	a:hover {
	
		color: #8d2c2c;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
	
	}
	
	hr {
	
		margin: 0px;
		margin-top: 3px;
		margin-bottom: 3px;
		padding: 0px;
		border: none;
		border-bottom: 1px #CCCCCC solid;
		
	}
	
/*
	***
	Master Styles
	***
*/

	.container {
	
		display: block;
		position: absolute;
		width: 750px;
		height: 684px;
		margin: 0px;
	}
	
		.leftContainer {
		
			display: block;
			position: absolute; 
			width: 180px;
			height: 534px;
			background-color: #800000;
			
		}
		
			.onsDoel {
				
				display: block;
				position: absolute;
				width: 100px;
				height: 25px;
				right: 0px;
				top: 445px;
				font-size: 16px;
				font-weight: bold;
				color: white;
				padding-left: 10px;
			
			}
		
			.infoContainer {
			
				display: block;
				position: absolute;
				width: 180px;
				height: 500px;
				padding: 5px;
				top: 0px;
				left: 0px;
				
			}
			
				.infoContainer h1 {
				
					display: inline;
					font-size: 14px;
					font-weight: normal;
					color: white;
					text-decoration: none;
					padding: 0px;
					margin: 0px;
								
				}
			
				.infoContainer p {
				
					color: white;
					text-decoration: none;
					font-size: 11px;
				
				}
			
			.kvkBTWblock {
				
				display: block;
				position: absolute;
				width: 180px;
				height: 55px;
				bottom: 0px;
				left: 0px;
				padding: 5px;
			
			}
				
				.kvkBTWblock p {
				
					color: white;
					text-decoration: none;
					font-size: 11px;
				
				}
			
			.rightContainer {

				display: block;
				position: absolute;
				width: 570px;
				height: 534px;
				left: 180px;
				top: 0px;
			
			}
			
				.headerContainer {
				
					display: block;
					position: absolute;
					width: 562px;
					height: 211px;
					left: 0px;
					top: 0px;
					background-image: url(../images/dePlooiLogo.png);
					background-repeat: no-repeat;
				
				}
				
				.content1 {

					display: block;
					position: absolute;
					width: 570px;
					height: 115px;
					left: 0px;
					top: 210px;
					padding: 10px;
					border-bottom: 3px #404040 solid;
				
				}
				
					.content1 h1 {
					
						display: inline;
						padding: 0px;
						margin: 0px;
						color: black;
						font-size: 17px;
						font-weight: bold;
					
					}
					
					.content1 p {
					
						padding-top: 5px;
						font-size: 16px;
					
					}
				
				.adBanner {
					
					display: block;
					position: absolute;
					width: 516px;
					height: 161px;
					left: 0px;
					top: 350px;
					background-image: url(../images/DePlooiBanner.png);
					background-repeat: no-repeat;
				
				}
				
				.content2 {
				
					border-top: 3px #404040 solid;
					border-bottom: 3px #404040 solid;
					display: block;
					position: absolute;
					top: 534px;
					left: 0px;
					width: 750px;
					height: 75px;
					color: black;
					font-size: 14px;
					padding: 10px;
					
				}