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

#holder { background: #FFFFFF; }
#holder #header { position: relative; float: left; width: 932px; height: 136px; border-bottom: 10px solid #aad037; }
#holder #header img { display: none; }

#holder #portal { position: relative; float: left; height: 563px; z-index: 1; }
#holder #portal ul { list-style: none; z-index: 2; }
#holder #portal ul li { position: relative; float: left; width: 233px; height: 563px; }
#holder #portal ul li a,
#holder #portal ul li a:hover,
#holder #portal ul li a:visited { position: relative; float: left; display: block; margin-top: 328px; width: 233px; height: 126px; text-decoration: none; cursor: pointer; z-index: 3; }
#holder #portal ul li a b,
#holder #portal ul li a:visited b { position: relative; float: left; display: block; z-index: 4; width: 233px; height: 126px; text-decoration: none; background: #FFFFFF; filter: alpha(opacity=60); opacity: 0.60; }
#holder #portal ul li a:hover b { position: relative; float: left; display: block; z-index: 4; width: 233px; height: 126px; text-decoration: none; background: #FFFFFF; filter: alpha(opacity=90); opacity: 0.90; }
#holder #portal ul li a span,
#holder #portal ul li a:visited span { position: relative; top: -88px; left: 0px; display: block; z-index: 5; width: 233px; height: 48px; font-size: 14px; color: #5d2577; line-height: 48px; }
#holder #portal ul li a span img,
#holder #portal ul li a:visited span img { float: left; border: 0; }
#holder #portal ul li.node4 a span { line-height: normal; }

#holder #portal ul li.node1 { background: url(../pictures/portal/home_groepskamperen.gif); }
#holder #portal ul li.node2 { background: url(../pictures/portal/home_groeparragementen.gif); }
#holder #portal ul li.node3 { background: url(../pictures/portal/home_arragementen.gif); }
#holder #portal ul li.node4 { background: url(../pictures/portal/bedrijfsuitjes.jpg); }

#holder #portal ul li.node2 a span img { float: left; margin-left: 14px; display: inline; border: 0; }
#holder #portal ul li.node4 a span img { float: left; margin-left: 20px; display: inline; border: 0; }

#holder #portal #open_dag_button { position: absolute; top: 20px; right: 0px; z-index: 2; }
#holder #portal #vacature_button { position: absolute; top: 20px; right: 20px; z-index: 2; }

#holder #middle { padding-top: 10px; min-height: 10px; }
#holder #middle #rail { position: relative; float: left; width: 233px; padding: 40px 0px 0px 0px; }

#holder #middle #rail address
{
	float: left;
	width: 225px;
	margin-left: 5px;
}

#holder #middle #rail address img
{
	float: left;
}

#holder #middle #rail address .details
{
	float: left;
	text-align: left;
	margin-left: 10px;
}

#holder #twitter
{
	position: absolute; 
	bottom: 25px; 
	left: 20px; 
	z-index: 2;
	width: 200px;
	height: 50px;
}

#holder #twitter img 
{ 
	border: 0px; 
}

#holder #facebook
{
	position: absolute; 
	bottom: 95px; 
	left: 10px; 
	z-index: 2;
	width: 203px;
	height: 50px;
}


#holder #middle #content { position: relative; margin: 0 auto; padding: 0; width: 466px; }
#holder #middle #content .font-sizer { position: absolute; top: 0; right: 0px; width: 70px; }
#holder #middle #content .font-sizer a,
#holder #middle #content .font-sizer a:visited { float: left; margin-left: 10px; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; }

#holder #middle #banner { position: relative; float: right; padding: 40px 00px 0px 0px; width: 233px; }

#holder #footer { position: relative; float: left; width: 932px; height: 82px; }
#holder #footer address { top: 0; }

#holder #footer ul.banners { position: relative; margin: 0 auto; width: auto; }
#holder #footer ul.banners li { margin: 0px 5px; display: inline; width: auto; }
#holder #footer ul.banners li a img { border: 0; }

#holder #footer .footmenu { position: absolute; right: 0px; top: 38px; width: auto; } 
#holder #footer .footmenu a { clear: right; }