@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/groepsaccomodaties.jpg); }
#holder #portal ul li.node2 { background: url(../pictures/portal/groepskamperen.jpg); }
#holder #portal ul li.node3 { background: url(../pictures/portal/natuurkampeerterrein.jpg); }
#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 #middle { padding-top: 10px; min-height: 10px; }
#holder #middle #rail { position: relative; float: left; width: 233px; padding: 40px 0px 0px 0px; }
#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; } 

