/* Libelia Photgraphy */
/* --- General Page settings --- */
body
{
	background-color: #2e2e2e;
	margin: 0 0 0 0;
	border: none;
	border-style: none none none none;
}

a
{
	background-repeat:no-repeat;
	position: absolute;
	outline: none;
}

/* --- Header --- */
#header_container
{
	background-color: #454545;
	height: 123px;
}

/* Libelia Photography Pic */
#header
{
	background-image: url(../images/header.jpg);
	height: 21px;
	top: 50px;
	margin: 0 auto 0 auto;
	width: 702px;
	position: relative;
}

/* Border */
#rborder
{
	background-image: url(../images/border.jpg);
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	height: 18px;
	top: 96px;
}

/* Main centering Container */
#main_container
{
	margin: 0 auto 0 auto;
	position: relative;
	width: 712px;
	top: -30px;
}

/* Menu - Buttons (no text) */
#menu
{
	background-image: url(../images/knop.jpg);
	background-repeat: repeat-x;
	width: 712px;
	height: 45px;
}

/* FX on menu */
/* Default Settings - Menu text */
a.menu
{
	top: 17px;
	height: 40px;
	width: 78px;
	clip: rect( auto auto 15px auto );
}

a.menu:hover
{
	background-position: 0px -15px;
}

/* Show active tab as active */
a.act, a.act:visited:hover:active:link 
{
	clip: rect( auto auto 20px auto );
	background-position: 0px -15px;
	top: 17px;
	height: 40px;
	width: 78px;
}

/* Place menu pics */
#we_do a
{
	left: 5px;
	background-image: url(../images/we_do.gif);
}

#faces a
{
	left: 94px;
	background-image: url(../images/faces.gif);
}

#live a
{
	left: 182px;
	background-image: url(../images/live.gif);
}

#outside a
{
	left: 272px;
	background-image: url(../images/outside.gif);
}

#animals a
{
	left: 361px;
	background-image: url(../images/animals.gif);
}

#various a
{
	left: 450px;
	background-image: url(../images/various.gif);
}

#published a
{
	left: 540px;
	background-image: url(../images/published.gif);
}

#contact a
{
	left: 630px;
	background-image: url(../images/contact.gif);
}

/* Place Thumb and Photo divs */
div.photo_thumb_container
{
	position: absolute;
	top: 53px;
	width: 702px;
	left: 5px;
}

div.thumbs_header
{
	margin: 0 0 0 0;
	height: 20px;
	width: 178px;
	background-color: #000000;
	position: absolute;
}

a.slide
{
	background-image:url(../images/knopslide.gif);
	position: absolute;
	top: 4px;
	left: 105px;
	height: 12px;
	width: 69px;
	background-position: right -14px;
	clip: rect( auto auto 12px auto );
}

a.slide:hover
{
	background-position: right 0px;
}

div.photo_header
{
	width: 508px;
	height: 20px;
	text-align: left;
	background-color: #000000;
	color: #FFFFFF;
	position: absolute;
	left: 0px;
}

/* ---------------- */

#thumb_container
{
	width: 178px;
	height: auto;
}

#photo_container
{
	width: 508px;
	height: auto;
	position: absolute;
	left: 198px;
}

/* ------------------ end of index.php en guestbook.php ----------------------------- */
/* --- photo.php ---*/
#phototable
{
	position: absolute;
	height: 508px;
	width: 508px;
	top: 40px;
	left: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* ------------------------------------------------------------------------------------- */
/* --- thumb.php --- */
a:link, a:visited
{
	opacity: 1.00;
	-moz-opacity: 1.00;
	filter: alpha(opacity=100);
}

/* ------------------------------------------------------------------------------------------- */
/* --- ajax.js --- */
.cellover
{
	/* this is the mouse over cell */
	opacity: 1.00;
	-moz-opacity: 1.00;
	filter: alpha(opacity=100);
	cursor: pointer;
}

.cellborder
{
	/* this is the passive cell */
	opacity: 0.45;
	-moz-opacity: 0.45;
	filter: alpha(opacity=45);
}

.pix
{
  /* size of the thumbs */
	width: 46px;
	height: 46px;
	cursor: pointer;
	float: left;
	border: 0px solid #2e2e2e;
}

.redcellborder
{
	/* this is the active cell*/
	border: 0px solid #FF0000;
}

#photo_description
{
	text-align: right;
	position: absolute;
	color: #cccccc;
	right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
}

/* -------------------------------------------------------------------------------------------- */
/* --- in gebruik voor de pijltjes in thumb en photo --- */
#link1
{
  cursor: crosshair;
}

/* --- needed? check! --- */
img
{
  border: 0;
}

div.thumb
{
	position: absolute;
	z-index: 1;
}

/* avoid "absolute" on a for arrows */
a.arrow
{
	position: relative;
}

/* thumbs (img) size */
img.cellborder
{
	width: 46px;
	height: 46px;
}

/* --- FX --- */
/* --- Dropshadow on thumbs --- */
#shadow
{
	position: absolute;
	height: 53px;
	width: 53px;
	left: 0px;
	top: 0px;
	opacity: 0.45;
	-moz-opacity: 0.45;
	filter: alpha(opacity=45);
	z-index: -1;
	border: none;
}

/* --- Contact Page --- */
/* --- Contact Page - Left Side --- */
#contactleft{
	height: 499px;
	position: absolute;
	top: 53px;
	width: 178px;
	background-color: #454545;
}

#contactlogo
{
	background-image: url(../images/guestbook-images/9%20handtekening.jpg);
	position: absolute;
	width: 178px;
	height: 95px;
	background-repeat: no-repeat;
	background-position: center;
	top:10px;
}

#contacttitlecontact
{
	background-image: url(../images/guestbook-images/10%20contact.gif);
	position: absolute;
	width: 178px;
	height: 16px;
	top: 112px;
	background-repeat: no-repeat;
	background-position: center;
}

#contacttitlewebdesign
{
	background-image: url(../images/guestbook-images/12%20webdesign.gif);
	position: absolute;
	width: 178px;
	height: 16px;
	top: 176px;
	background-repeat: no-repeat;
	background-position: center;
}

#contactedge
{
	background-image: url(../images/guestbook-images/17%20ronde%20hoekkopie.gif);
	position: absolute;
	top: 460px;
	width: 178px;
	height: 88px;
	background-repeat: no-repeat;
	left: 0px;
	background-color: #2e2e2e;
}

/* --- Contact Page - Image Links --- */ 
a.contact
{
	height: 15px;
	width: 165px;
	background-position: right -15px;
	clip: rect( auto auto 15px auto );
}

a.contact:hover
{
	background-position: right 0px;
}

#contactli a
{
	background-image: url(../images/guestbook-images/11%20info@libelia.gif);
	top: 132px;
}
#contactli2 a
{
	background-image: url(../images/guestbook-images/about%20me.gif);
	top: 148px;
}

#contactwebdesign a
{
	background-image: url(../images/guestbook-images/5cookies%20webdesign%20knop.gif);
	top: 196px;
}
#contactwooty a
{
	background-image: url(../images/guestbook-images/13%20wooty%20knop.gif);
	top: 214px;
}

#contactdude a
{
	background-image: url(../images/guestbook-images/14%20e-dude%20knop.gif);
	top: 232px;
}

#contactsteven a
{
	background-image: url(../images/guestbook-images/15%20steven%20knop.gif);
	top: 250px;
}

/* --- Contact Page - Text Links --- */
#contacttitlelinks
{
	background-image: url(../images/guestbook-images/16%20links.gif);
	position: absolute;
	width: 178px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	top: 281px;
}

div.contactlinks
{
	position: absolute;
	top: 301px;
	width: 178px;
	text-align: right;
	z-index: 1;
}

a.contactlinks
{
	color:#A0A09E;
	text-decoration: none;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	right: 14px;
	font-weight: bold;
	text-align: left;
}

a.contactlinks:hover
{
	color:#FFFFFF;
}
a.contactlinks:link {}
a.contactlinks:visited {}
a.contactlinks:active {}

/* --- Contact Page - Right Side --- */
#contactright
{
	height: 31px;
	position: absolute;
	top: 53px;
	width: 508px;
	left: 198px;
	background-image: url(../images/guestbook-images/18%20guestbook%20hoofding.gif);
}

/* --- Guestbook --- */
#gbook-iframe
{
	height: 508px;
	width: 508px;
	position: absolute;
	left: 198px;
	top: 93px;
}

#lefty
{
	right: auto;
	font-size: 12px;
	left: 22px;
	bottom: 73px;
}

#lefty2
{
	font-size: 12px;
	left: 458px;
	bottom: 15px;
}

#righty
{
	font-size: 12px;
	position: absolute;
}

#hold
{
	height: 550px;
}