/**************************************************************************
	This is the css for the layout and styling of the main elements 
	inside the decorators. 

	A page has a header at the top, then (from left to right) : 
	- the left menu
	- the content area
	- a right bar (menu)
	The last two are surrounded by a border and are in their own container
	div element. 
	
	Underneath there is a footer.

***************************************************************************/



/* de page content */
#content {
	float: left;
	padding: 8px 0px 0px 10px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	width : 590px;
}

#content500 {
	float: left;
	padding: 8px 0px 0px 10px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	width : 740px;
}

/* the left menu bar */
#left {
	float: left;
	width: 155px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
}

/* the right menu bar */
#right {
	float: right;
	width: 144px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
}

#right500 {
	position : relative;
	float: right;
	width: 144px;
	height: 50px;
	top : -45px;
	left: 4px;
	display: none;
}


/* verborgen items aangeven met class=hidden */
.hidden {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

/* to clear space for the footer */
.clear {
	clear : both;
}

#footer {
	text-align : right;
}

h2 {
font-size : 14px;
color : #BE9E55;
margin-bottom : 10px;
font-weight : bold;
}

div#details th {
width: 170px;
}

div#details {
width: 260px;
clear: left;
float: left;
}

div#foto {
margin-top: 40px;
margin-left: 10px;
width: 300px;
float: left;
}

div#addthis
	{
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
div.floatleft
	{
	width: 100px;
	height: 30px;
	overflow: hidden;
	float: left;
	}

div#floatcontainer
	{
	clear: left;
	}

#PixxerBestelknop
	{
	margin-top: 0px;
	}