/*reset.css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body
{
	line-height: 1.5;
}
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	text-align: left;
	font-weight: normal;
}
table, td, th
{
	vertical-align: middle;
}
img.preLoad
{
	display: none;
}
a img
{
	border: none;
}
body, html, td, div, ol, ul, li, a
{
	padding: 0;
	border: 0;
	color: #33334F;
	background-color: transparent;
	font-size: 13px;
	line-height: 16px;
	font-family: "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
}
body
{
	background-color: #f7f7f7;
}
p
{
	margin: 0px 8px 0px 16px;
}
h1
{
	font-weight: normal;
	color: #161c82;
	margin: 0;
	font-size: 30px;
	line-height: 46px;
}

ul
{
	margin: 0 0 0 32px;
}
#container
{
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	height: 670px;
	margin-top: 50px;
}
#top-bar
{
	width: 972px;
	height: 46px;
	padding: 0;
	background-color: transparent;
	border-bottom: 3px solid #FFC000;
	margin-bottom: 4px;
}
.col, div#fallbackWrapper
{
	float: left;
	height: 560px;
	width: 240px;
	margin-right: 4px;
	background-color: #F0F0F0;
  overflow: hidden;
  border:0;
  padding-bottom:4px;
  border-bottom: 30px solid #FFC000;
}
div#fallbackWrapper{
width: 728px;text-align:center;
}



DIV#col-1
{
	background-color: #D0D0D0;
}
DIV#col-1 IMG
{
	float: left;
	margin: 16px 0 0 16px;
	border: 0;
}
DIV#col-1 P.hint
{
	font-size: 85%;
	color: #505050;
	margin-top: 4px;
	float: left;
}


h2 img {
  display: inline;
}



/*div.item a,*/ h2.collectie, h2

{
  font-weight: bold;
	font-size: 12px;
	line-height: 30px;
  height: 30px;
	margin: 0px 0px 12px 0px;
  padding: 0 4px 0 16px;
  background-image: url(images/ui-bg_highlight-hard_90_d0d0d0_1x100.png);
  background-repeat: repeat-x;
  background-position: 50% 50%;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	margin: 13px 4px 12px 16px;
}

/*
div.item a {
  display:block;
  text-decoration: none;
}

div.item a:hover {
background-image: url(images/ui-bg_highlight-hard_100_ffffff_1x100.png);
}

*/
A.menu
{
	display: block;
	/*float: right;  */
	padding: 0;
	border-bottom: 4px solid #f0f0f0;
	color: #33334F;
	text-decoration: none;
	width: 240px;
	height: 30px;
	line-height: 30px;
	text-align: right;
  background-image: url(images/ui-bg_highlight-hard_90_d0d0d0_1x100.png);
  background-repeat: repeat-x;
  background-position: 50% 50%;
}
A.menu:hover
{
	background-color: #F0F0F0;
  background-image: url(images/ui-bg_highlight-hard_100_ffffff_1x100.png);
}

div.item a span.arrow,
a.menu span.arrow {
  display:block;
  height:16px;
  width:16px;
  background-image: url(images/ui-icons_ffc000_256x240.png);
  background-position: -32px -16px;
  margin: 7px 0 0 0;
}
div.item a span.text,
a.menu span.text {
  display: block;
}
a.menu span.text, a.menu span.arrow {
  float:right;
}
div.item a span.text,
div.item a span.arrow {
  float:left;
}


div.item
{
	padding-bottom: 8px;
}
div.item li
{
	font-size: 100%;
}

div.item img
{
	margin: -8px 0 12px 16px;
}
div.item a {
  border-bottom:1px dotted silver;
  font-style: italic;
  display:inline;
  color:#808080;

}
div.item a:hover {
  color:black;
}

a.collectie
{
	display: block;
	text-decoration: none;
	margin: 0 0 0 16px;
	width: 200px;
}
a.collectie:hover
{
	background-color: #fafafa;
}

div#poWrapper
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #d0d0d0;
	overflow: hidden;
	display: none;
	width: 485px;
  border:0;
	border-bottom: 30px solid #ffc000;
	margin: 0;
	padding: 0;
}
div#poMenu
{

	border: 0;
	height: 30px;
  background-image: url(images/ui-bg_highlight-hard_90_ffc000_1x100.png);
  background-repeat: repeat-x;
  background-position: 50% 50%;
}
div#poMenu a
{
	color: #000000;
	background-color: #F0F0F0;
	font-weight: bold;
	text-decoration: none;
	margin: 4px 6px 0 0;
	display: block;
	float: right;
	border: 1px solid #808080;
	padding: 2px 6px;
}
div#poMenu a:hover
{
	color: #FF0000;
}
div#poBody {
  height: 534px;
  margin:0;
  padding:0;
  text-align: center;
}


div.poImg p.naam
{
	font-weight: bold;
	font-size: 90%;
}
div.poImg img
{
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-bottom: 2px solid #F0F0F0;
	border-right: 2px solid #F0F0F0;
	margin: 16px;
}

span.more {
	border-bottom: 1px dotted silver;
	font-style: italic;
	text-decoration: none;
}
span.more:hover {
	color:  black;
	cursor:pointer;
}

div.dialogContainer {
	display: none;
}

.dialogContainer p,
.dialogContainer h3	{
	margin-left:0px;
}