Lightbox voor tekst en fotos

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="/home/ewan/domains/filmings.co.cc/public_html/facebox/src/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<script src="/home/ewan/domains/filmings.co.cc/public_html/facebox/lib/jquery.js" type="text/javascript"></script>
<script src="/home/ewan/domains/filmings.co.cc/public_html/facebox/src/facebox.js" type="text/javascript"></script>
<script type="text/javascript">
  jQuery(document).ready(function($) {
    $(a[rel*=facebox]).facebox({
      loadingImage : /home/ewan/domains/filmings.co.cc/public_html/facebox/src/loading.gif,
      closeImage   : /home/ewan/domains/filmings.co.cc/public_html/facebox/src/closelabel.png
    })
  })
</script>
    [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]includes/head.php[/COLOR][COLOR= #007700]);[/COLOR] ?>
</head>
<body>
<div id="wrapper">
    <div id="header">
        <div id="logo">
            [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]includes/logo.php[/COLOR][COLOR= #007700]);[/COLOR] ?>
        </div>
    </div>
    <!-- end #header -->
    <div id="menu">
        [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]includes/menu.php[/COLOR][COLOR= #007700]);[/COLOR] ?>
    </div>
    <!-- end #menu -->
    <div id="page">
    <div id="page-bgtop">
    <div id="page-bgbtm">
        <div id="content" align="center" >
            [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]includes/shop/menu.php[/COLOR][COLOR= #007700]);[/COLOR] ?><br /><br />
            <img src="img/shop/kleding.png" width="650px" />
            <p style="float: left; font-size: 20px;" >Pet "I Love The Film Factory" [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]includes/shop/speciaalbesteld.php[/COLOR][COLOR= #007700]);[/COLOR] ?></p><p style="float: right; font-size: 20px;" >&euro; 00,<sup><font style="font-size: 15px; " >00</font></sup></p><br /><br /><br /><br /><br />
            <p style="float: left; font-size: 15px;" ><img src="img/shop/producten/voorzijde/Pet_I_Love_TFF.png" width="300px" /><br />Voorzijde</p><p style="float: right; font-size: 15px;" ><img src="img/shop/producten/achterzijde/Pet_I_Love_TFF.png" width="300px" /><br />Achterzijde</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
            <p style="float: left;" >- Pet met tekst "I Love The Film Factory"</p><p style="float: right;" ><a href="index.php" rel="facebox"><img src="http://printshopsliedrecht.nl/kerst/images/button_bestel_large.gif" /></a></p>
        <div style="clear: both;">&nbsp;</div>
        </div>
        <!-- end #content -->
        <div id="sidebar">
            [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]includes/sidebar.php[/COLOR][COLOR= #007700]);[/COLOR] ?>
        </div>
        <!-- end #sidebar -->
        <div style="clear: both;">&nbsp;</div>
    </div>
    </div>
    </div>
    <!-- end #page -->
</div>
    <div id="footer">
        <p>[COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]includes/footer.php[/COLOR][COLOR= #007700]);[/COLOR] ?></p>
    </div>
    <!-- end #footer -->
</body>
</html>

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 350px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}