@CHARSET "ISO-8859-1";
* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%; 
}

a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

body 
{
	height: 100%;
	border: 0px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url('../images/bg.gif');
	background-repeat: repeat-x;
	font-family: Verdana, Arial;
	font-size: 11px;
	/*border: 1px solid #bbb; */
}

div.site {
	margin: auto;
	width: 932px;
	background-image: url('../images/mainbg.gif');
	background-repeat: repeat-y;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
}

div.SiteHeader {
	background-image: url('../images/header.jpg');
	width: 932px;
	height: 104px;
	padding: 0px;
	clear: both;
}

div.SiteMain {
	background-image: url('../images/mainbg.gif');
	background-repeat: repeat-y;
	width: 932px;
	clear: both;
}

div.SiteLeftContainer {
	background-image: url('../images/leftbg.gif');
	float: left;
	width: 560px;
}

div.SiteRightContainer {
	background-image: url('../images/rightbg.gif');
	float: right;
	width: 372px;
}

div.headerLeft {
	float: left;
	width: 560px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.headerRight {
	float: right;
	width: 335px;
	padding-top: 10px;
	padding-right: 32px;
}

div.LoginContainer {
	width: 315px;
	height: 67px;
	background-image: url('../images/logincontainer.gif');
	padding: 10px;
}

div.MenuContainer {
	margin-top: 82px;
	margin-left: 40px;
	padding-bottom: 0px;
}

ul.MenuButtons {
	margin: 0px;
	padding: 0px;
}

li.MenuButton {
	background-image: url('../images/btnmiddle.gif');
	display: table;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	vertical-align: middle;
}

li.MenuButton img {
	vertical-align: text-bottom;
}

div.LeftContent {
	padding-top: 5px;
}

div.RightContent {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 40px;
	color: #ffffff;
}

div.copyright {
	float: left;
	width: 560px;
	text-align: center;
}




div.TradeFilter, div.LeftContent {
	padding-left: 32px;
	padding-right: 20px;
}

div.TradeFilter {
	background-image: url('../images/leftfilterbg.gif');
	color: #ffffff;
	padding-bottom: 5px;
}

div.FloatLeft {
	float: left;
}

div.FloatRight {
	float: right;
}

div.TradeFilter a {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
}

div.contentSpacer { clear: both; }

img { border: 0px; }



/*
Begin site opmaak
*/

h1 {
	margin: 0px;
	font-size: 14px;
}

h2 {
	margin: 0px;
	font-weight: bold;
	font-size: 13px;
}




/*
Verkoop overzicht
*/
ul.auctionOverview, ul.auctionOverview li ul {
	list-style-type:none;
	display: block;
}

ul.auctionOverview li ul {
	clear: both;
}

ul.auctionOverview li ul li {
	margin: 0px;
	padding: 0px;
}

ul.auctionOverview li.auction {
	margin: 10px 0px 0px 0px;
	padding: 11px 6px 0px 6px;
	height: 74px;
	background-image: url(../images/auctionbg.gif);
	clear: both;
}

ul.auctionOverview li.details {
	padding: 0px 6px 0px 6px;
	display: none;
	margin: 0px;
	height: 240px;
	color: #000000;
	background-image: url(../images/auctionbg2.gif);
	clear: both;
}

ul.auctionOverview li.showhide {
	margin: 0px;
	height: 38px;
	clear: both;
}

ul.auctionOverview li.showhide button {
	width: 100%;
	height: 38px;
	background-image: url(../images/auctionbg.gif);
	background-position: 0px 38px;
	border: 0px;
	cursor: pointer;
}

ul.auctionOverview li.showhide button span {
	height: 38px;
	font-weight: bold;
	line-height: 31px;
	display: block;
}

ul.auctionOverview img {
	border: 1px solid black;
}

ul.auctionOverview li.title {
	font-weight: bold;
}

ul.auctionOverview li.column {
	padding: 5px;
	margin: 0px;
	display: block;
	width: 204px;
	float: left;
}

ul.auctionOverview li.info {
	padding: 5px;
	margin: 0px;
	display: block;
	width: 418px;
	float: left;
}

ul.auctionOverview li.info ul li {
	overflow: auto;
	height: 80px;
	margin: 4px -10px 0px 0px;
}

ul.auctionOverview li.picture {
	width: 48px;
	float: left;
}

ul.auctionOverview button.btnsmall {
	background-image: url(../images/btnsmall.gif);
	border: 0px;
	width: 184px;
	height: 26px;
	text-align: left;
	padding: 0px 15px 0px 15px;
	cursor: pointer;
}

ul.auctionOverview button.btnsmall span {
	height: 26px; 
	line-height: 19px; 
	vertical-align: top; 
	display: block; 
	font-weight: bold;
}

div.coverAll {
	display:none;
	position: absolute;
	top: 0px;
	margin: auto;
	width: 100%;
	height: 100%;
}

div.coverAll div.popup {
	background-color: #eeeeee;
	width: 50%;
	height: 80%;
	z-index: 9002;
	border: 1px solid black;
	padding: 10px;
	position: fixed;
	left: 24%;
	right: 26%;
	top: 10%;
	bottom: 10%;
}

div.coverAll div.popup button {
	margin: 10px auto 0px auto;
	background-image: url(../images/btnsmallpopup.gif);
	border: 0px;
	width: 184px;
	height: 26px;
	text-align: left;
	padding: 0px 15px 0px 15px;
	cursor: pointer;
	text-align: center;
	display: block;
}

div.coverAll div.popup button span {
	height: 26px; 
	line-height: 19px; 
	vertical-align: top; 
	display: block; 
	font-weight: bold;
}


div.coverAll div.popup div.popupContents {
	width: 100%;
}

div.coverAll div.popup div.popupContents img {
	border: 1px solid black;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.coverAll div.popup div.popupContents div.left {
	float: left;
	width: 50%;
}

div.coverAll div.popup div.popupContents div.right {
	float: right;
	width: 50%;
}
