/* Created: August 18th, 2008 */


/* #################################

	Default page settings

################################# */

body { 
	font: 9pt/13pt georgia, sans-serif;   /* Default text font for normal type */
	color: #555;   /* Default text color */
	margin: 0px; 
	background-color: #f4edf1;
	width: 100%;
	height: 100%;
	}

#container { 
	top:0;
	position: absolute;
	padding: 0px;  
	left: 50%;
	margin-left: -277px;
	width: 595px;
	}

p {
	margin:10px 0 0 0;
	}
	
.small { font-size: 7pt; }

.image-left { float:left; margin: 0 8px 8px 0; }

.image-right { float:right; margin: 0 0 8px 8px; }

.frame { padding: 5px; border: 1px solid #aaa; }

.clear { clear: both; }

/* #################################

	Link style

################################# */

a:link { 
	text-decoration: none; 
	color: #812c58;
	}

a:visited { 
	/*font-weight: normal; */
	text-decoration: none;
	color: #812c58;
	}

a:hover, a:active { 
	text-decoration: underline; 
	color: #bc8ea6;
	}


/* #################################

	Page Header

################################# */

#pageHeader h1 { 
	background: transparent url(../images/page_header.jpg) no-repeat; 
	margin:0 0 0 90px;
	position:absolute;
	width: 332px; 
	height: 154px; 
	top:60px;
	}

#pageHeader h1 span {
	display:none
	}

#pageHeader h2 { 
	position: absolute;
	background: transparent url(../images/page_title.gif) no-repeat; 
	margin: 0 0 0 250px;
	width: 345px; 
	height: 48px; 
	top:185px;
	}

#pageHeader h2 span {
	display: none
	}

h3	{
	margin: 0 0 0 30px;
	font-weight: bold;
	font: 13pt Georgia, sans-serif;
	font-style:italic;
	padding: 0;
	}

h4	{
	margin: 0 0 0 30px;
	font-weight: bold;
	font: 12px Georgia, sans-serif;
	font-style:italic;
	padding: 0;
	color: #812c58;
	}
	
#advert
{
	width: 167px;
	height: 232px;
	position: absolute;
	z-index: 15;
	/*background: url('../images/advert.png') top left no-repeat;*/
	top: 50px;
	right: 5px;
	border: none;
}

#advert a img
{
	border: 0px;
}


/* #################################

	Photo shoots

################################# */

#linkList {
	position:absolute;
	top: 250px;
	left: 395px;
	height:500px;
	font: 8pt/11pt "Trebuchet MS", sans-serif; 
	}

#linkList ul {
	list-style-type: none;
	margin-top:5px;
	}

#linkList h3 {
	color:#812c58;
	}

#linkList2 {
	margin-top:55px;
	}
	
#linklist2 a:visited {
	font-weight: normal;
	}

#lshoots a:link.c, #lshoots a:visited.c {
 	display: inline;
	}

#lshoots a {
 	display: block;
	}

#lcontact {
	background: transparent url(../images/makeup.jpg) no-repeat; 
	height:400px;
	width:241px;
	}







/* #################################

	Default page content

################################# */



.p1	{
	margin-top:1px;
	padding-top:10px;
	}

.p5	{
	text-align:center;
	color:#FFE1A4;
	font: 8pt/12pt "Trebuchet MS", sans-serif; 
	margin:47px 0 0 0;
	width:215px;
	}



#inleiding {
	font: 10pt/15pt "Trebuchet MS", sans-serif; 
	margin:250px 0 0 135px;
	padding-bottom:8px;
	width: 250px;
	text-align: left;
	}

#inleiding :first-letter {
	font: 1.5em/15pt Georgia, sans-serif;
	}



/*	This little guy here ensures that if you want to make the text 100% in mozilla, you will still see the design &*/

#supportingText { 
	width:314px;
	margin-left:100px;
	}

.textblock {
	margin: 20px 0 0 47px;
	width: 230px;
	}

.textblock h3 {
	position:absolute;
	margin: 0 0 0 -12px;
	width: 250px; 
	height: 41px; 
	}

.textblock h3 span {
	display:none;
	}
	
.shootblock {
	border: solid 1px Transparent;
	}

.shootblock p{
	margin: 0 0 0 47px;
	width: 230px;
	}

.shootblock table{
	margin: 10px 0 10px 47px;
	width: 250px;
	}

.shootblock hr {
	margin: 13px 20px 0 37px;
	/margin-top: 6px;
	height: 1px;
	color: #812c58;
	}

.shootblock h4 {
	position:absolute;
	margin: 0 0 0 47px;
	width: 250px; 
	height: 20px;
	font-weight: bold;
	}
	
.shootblock ul {
	width: 230px;
	margin-left: 20px;
	}
	
.shootblock ol {
	width: 230px;
	margin-left: 20px;
	}

table {
	margin: 0px;
	}

tr {
	margin: 0px;
	}
 
td.underline {
	margin: 0px;
	vertical-align: top;
	border-bottom: 1px solid #777;
	}


/* #################################

	Footer

################################# */



#footer	{
	color:#555;
	height:60px;
	position:absolute;
	width:345px;
	padding:40px 0 30px 45px;
	font-size: 8pt;
	}



#footer a:link, #footer a:active{
	color:#333;
	}



#footer a:hover {
	text-decoration:underline;
	}







/* #################################

	lightBox

################################# */

#lightBoxOverlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}

#lightBoxWindow {
	position: fixed;
	z-index: 102;
	display:none;
	top:50%;
	left:50%;
}
#lightBoxWindow img 
{
	display: block;
	border: 3px solid #ccc;
}

#lightBoxClose {
	position: absolute;
	float: right;
	background: url(../images/close.gif) right no-repeat;
	width: 100%;
	height: 26px;
}

#lightBoxArg {
	position: absolute;
	float: left;
	background: #ffffff;
	color: #888888;
	bottom: 8px;
	left: 8px;
	font-size: 12px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 3px;
	border: solid 2px #888888;
}

#lightBoxLoad{
    position: fixed;
    height:13px;
    width:208px;
    background: url(../images/loading.gif) no-repeat;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #lightBoxOverlay { /* ie6 hack */
    position: absolute;
    height: expression(document.body.scrollHeight > 
            document.body.offsetHeight ? 
            document.body.scrollHeight : 
            document.body.offsetHeight   'px');
}
* html #lightBoxWindow,
* html #lightBoxLoad { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2)
    (TBWindowMargin = document.documentElement && 
    document.documentElement.scrollTop || document.body.scrollTop) 'px');
}