@charset "utf-8";
/* CSS Document */

body	{
	margin:0px;
	padding:0px;
	background-image:url(/client/estivant/images/portal/back_body.gif);
	background-repeat:repeat-x;
	background-color:#70B7CA;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
}

img, a img	{
	border:0px;	
}

#portalContainer	{
	position:relative;
	left:50%;
	margin-left:-500px;
	width:1000px;
}

	#portalContainer img.logo	{
		position:absolute;
		display:block;
		top:0px;
		left:50%;
		margin-left:-88px;
		width:176px;
		height:231px;
		text-align:center;
		z-index:10000;
	}
	
	#portalContainer .postitEenouder	{
		left:557px;
		position:absolute;
		top:508px;
		width:108px;
		z-index:50;
	}


	#portalContainer .postitSingle	{
		left:45px;
		position:absolute;
		top:508px;
		width:108px;
		z-index:50;
	}

	#portalContainer .postitSingleWinter{
		left:292px;
		position:absolute;
		top:505px;
		width:108px;
		z-index:50;
	}

	#portalContainer .postitEenouderWinter{
		right:95px;
		position:absolute;
		top:505px;
		width:108px;
		z-index:50;
	}
	
	#portalContainer div.left,
	#portalContainer div.right	{
		float:left;
		position:relative;
		width:500px;
		height:auto;
		padding-top:155px;
		z-index:10;
		
	}
	
	#portalContainer .shadow	{
		float:left;
		background-position: 0px 0px;
		height:27px;
		width:500px;
		margin-top:-15px;
		background-image:url(/client/estivant/images/blokShadow.png);
		background-repeat:no-repeat;
	}

	#portalContainer div.right .shadow	{
		background-position: -500px 0px;
	}
	
	#portalContainer div.left h2,
	#portalContainer div.left p{
		text-align:right;
		padding-right:10px;
		float:right;
	}
		
	#portalContainer div.right h2,
	#portalContainer div.right p{
		text-align:left;
		padding-left:10px;
		float:left;
	}
	
	#portalContainer div.right h2,
	#portalContainer div.right p,
	#portalContainer div.left h2,
	#portalContainer div.left p {
		width:350px;
		color:#fff;
	}
	
	#portalContainer div.left h2,
	#portalContainer div.right h2{
		color:#0384C5;
		font-size:13px;
		margin:12px 0 0;
	}
	
	#portalContainer div.left img.title,
	#portalContainer div.right img.title	{
		position:relative;
		width:500px;
		height:63px;
		z-index:1000;
	}
	
	#portalContainer div.left div.product,
	#portalContainer div.right div.product	{
		float:left;
		margin-top:-63px;
		position:relative;
		z-index:10;
	}
	
	#portalContainer div.left div.product:hover img ,
	#portalContainer div.right div.product:hover img,
	#portalContainer div.right div.product:hover .postIt,
	#portalContainer div.right div.product:hover .postitEenouder,
	#portalContainer div.right div.product:hover .postitSingle {
		opacity:0.8;
	}
	
	#portalContainer div.right div.product	{
		float:right;	
	}
	
	#portalContainer div.left div.product img,
	#portalContainer div.right div.product img	{
		display:block;
	}
	
	#portalContainer div.footer	{
		float:left;
		position:relative;
		width:100%;
		text-align:center;
	}
	
		#portalContainer div.footer img	{
			display:inline;
			padding:8px 5px 5px;
		}

#portalContainer div.right a.banner_vierdaagse	{
	display:block;
	position:absolute;
	border:0px;
    z-index:100;
	left:90px;
	top:450px;
}
#portalContainer div.right a.banner_vierdaagse:hover	{ opacity:0.9; }
