/* @override http://www.johvdmeulen.nl/homepage.css */

/*************************************************************************************************/
/* Author:		Lively                                                                           */
/* Description:	Stylesheet Vervolg						                                             */
/*************************************************************************************************/



	/*************************************************************************************************/
	/* GENERAL SETTINGS                                                                              */
	/*************************************************************************************************/
	html {
		width:					100%;
		height:					100%;
	}
	
	body {
		width:					100%;
		height:					100%;
		
		margin:					0px 0px 16px 0px;
		padding:				0px 0px 0px 0px;
	
		font-family: 			Tahoma, Arial, Helvetica;
		font-size:				.7em;
		line-height:			150%;
		color:					#FFFFFF;
	
		background-position: 	top left;
		background-repeat: 		repeat-x;
		background-image: 		url('images/background.jpg'); 
		background-color:		#10559A;
	}

	h1 {
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Tahoma, Arial, Helvetica;
		font-size:				1.2em;
		font-weight:			bold;
	}

	h2 {
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		
		font-family: 			Tahoma, Arial, Helvetica;
		font-size:				1.1em;
		font-weight:			bold;
	}
	
	img {
		border: 				none;
	}
	
	form {
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
	}
	
	a {
		color:					#ffff00;
		font-weight:			normal;
		text-decoration:		underline;
	}
	
	a:hover {
		color:					#ffff8a;
		font-weight:			normal;
		text-decoration:		underline;
	}
	
	ul {
		list-style-type: 		square;
	}
	
	hr {
		height:					1px;
		color:					#6887B2;
		margin:					10px 0px 12px 0px;
	}
	
	.picturePadding {
	padding-bottom:				4px;
	}
	/*************************************************************************************************/
	/* CONTAINERS                                                                                    */
	/*************************************************************************************************/
	.containerInvisible {
		display:				none;
	}
	#containerShadow {
		position: 				relative;
		
		left: 					50%;
		width: 					786px;
		height:					100%;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px -393px;
		
		background-position: 	top left;
		background-repeat: 		no-repeat;
		
	}

	html>body #containerShadow {
	    background: url('images/fullshadow.png');
		background-repeat: 		no-repeat;
		height:					auto;
		min-height:				400px;
	}
	
	#containerTotal {
		position: 				relative;

		left:					0px;
		top:					0px;
		
		width: 					770px;
		height:					100%;
		
		padding:				0px 0px 0px 0px;
		margin:					0px 0px 0px 10px;
		
		
		background-repeat: 		no-repeat;
		background-image: 		url('images/totalcontainer_background_home.jpg'); 
		background-color:		#10559A;
	}

	*>#containerTotal {
		height:					auto;
		min-height:				100%;
	}
		
	#containerLeft {
		position:				relative;
		float:					left;
		
		left:					0px;
		top:					0px;
		width:					167px;
		padding:				10px 20px 0px 20px;
		margin:					0px 0px 0px 0px;
	}
	
	#containerMiddle {
		position:				relative;
		float:					left;
	
		left:					0px;
		top:					0px;
		width:					295px;
		
		padding:				10px 20px 0px 20px;
		margin:					0px 0px 0px 0px;
	}
	
	#containerRight {
		position:				relative;
		float:					left;
	
		left:					0px;
		top:					0px;
		width:					188px;
		
		padding:				0px 20px 0px 20px;
		margin:					0px 0px 0px 0px;
	}
	
	
	.pictureTitle {

		position: 				relative;
		
		width:					250px;
		
		margin:					10px 0px 10px 48px;
		padding:				8px 8px 8px 8px;
	
		background-color:		#1463B2;
		
		font-size:				0.9em;
		color:					#B0D7FF;
	}	
	.pictureTitle img {
		border:					1px solid #000000;
		margin:					0px 0px 0px 0px;
		padding:				0px 0px 0px 0px;
	}
	
	/*************************************************************************************************/
	/* HEADER                                                                                        */
	/*************************************************************************************************/
	
	#headerTop {
		position:				relative;
	
		width:					770px;
		height:					122px;
		
		
	}

	#headerBottom {
		position:				relative;
	
		width:					770px;
		height:					38px;
	
		
	}

	html>body #headerBottom {

	    background: url(images/header_bottom.png);
	}



.pano{
	border: 4px solid #fff;
	-moz-box-shadow: 0 1px 3px #000;
	-webkit-box-shadow: 0 1px 4px #000;

}