.DNNEmptyPane { display: none; visibility: hidden;}
.ControlPanel { position: absolute; top:0; left: 0; width: 100%; z-index: 4;}
.normal, .normaldisabled { font-family: Arial, sans-serif; font-size: 13px; line-height: 16px; color: #575757; }

body { font-family: Arial, sans-serif; font-size: 13px; line-height: 16px; color: #575757; background: white url(../images/BodyBG.png) repeat-x top left; margin: 0; padding: 0;}
img { border: 0;}
h1, h2, h3, h1 .Head, h2 .Head, h3 .Head { font-family: Garamond, Times New Roman, Times, serif; } /* Book Antiqua, Georgia, */
h1, h1 .Head { color: #226087; font-weight: bold; font-size: 22px; margin: 0 0 20px 0;}
h2, h2 .Head { color: #333333; font-weight: bold; font-size: 18px; margin: 0 0 15px 0;}
h3, h3 .Head { color: #226087; font-weight: bold; font-size: 15px; margin: 0 0 10px 0;}
h4, h4 .Head { color: #333333; font-weight: bold; font-size: 13px; margin: 0 0 5px 0;}

#header { background: transparent url(../images/HeaderBG.png) no-repeat top left;  height: 220px; width: 1000px; position: relative;}
#header #topNavigation { position: absolute; top: 0px; right: 0px; width: 200px}
#header #topNavigation .left { float:left; width: 13px; height: 40px;background: url(../images/TopNavigationLeft.png) no-repeat top right; margin:0px; padding: 0px; margin-right: 30px}
#header #topNavigation .content { margin-left: 13px; font-size: 12px; padding: 12px 5px; color: #9e9e9e;  background: url(../images/TopNavigationBG.png) repeat-x top left; margin-left: 13px;} /* height: 16px; */
#header #topNavigation a { color: #9e9e9e; text-decoration:none;  } /* border-bottom: solid 1px #666; */ 
#header #mainNavigation { list-style-type:none; position: absolute; right: 0; bottom: 40px;}
#header #mainNavigation li { list-style-type:none; display: block; float:left; margin: 0 0 0 30px;}
#header #mainNavigation li a { font-size: 20px; font-family: Garamond, Times New Roman, Times, serif; text-decoration: none; color: white; display:block; float: left; padding: 5px;}
#header #mainNavigation li a:hover { color: #b09e6e; }
#header #mainNavigation li.currentItem a { color: #b09e6e; border-bottom: solid 1px #b09e6e; }

#wrapper { width: 1000px; }

#leftSide { width: 200px; float:left;}
#leftSide #search { background: #c9c9c9 url(../images/SearchBG.png) repeat-x top left; border-bottom: solid 1px #a0a0a0; padding: 0 15px 15px 10px;}
#leftSide #search #dnn_srch_pnlSearchbox { display:block; background: url(../images/SearchFieldBG.png) no-repeat top left; width: 100%; height: 17px; padding: 3px 0 0 20px;}
#leftSide #search #dnn_srch_pnlSearchbox input { background:transparent; border: none; color: #7a7a7a; font-size: 12px; float:left; width: 100px; margin: 0; padding:0; }
#leftSide #search #dnn_srch_pnlSearchbox a { color: #999; text-decoration: none;}
#leftSide { margin-top: -10px;}
#leftSide ul,
#leftSide ul li ul { background: white url(../images/LeftBG.png) repeat-y top left; padding: 0; margin: 0; list-style-type: none;}
#leftSide ul li { padding: 0; border-bottom: solid 1px #d7d7d7; border-top: solid 1px white;}
#leftSide ul li a { display: block; padding: 10px 15px;  color: #4a4a4a; text-decoration: none; background: url(../images/LeftNavigationArrow.png) no-repeat 175px 15px ;}
/*
#leftSide ul li.first { border-top: solid 0px white;}
#leftSide ul li.first a { padding: 0 15px 10px 15px; background: url(../images/LeftNavigationArrow.png) no-repeat 175px 5px ;}
*/
#leftSide ul li a:hover { color: #226087;}
#leftSide ul li ul li { border-bottom: 0; border-top: 0; padding: 0 0 5px 25px; }
#leftSide ul li ul li a { display:inline; padding: 0; color: #8b8b8b; text-decoration: none; border-bottom: solid 1px #ccc; background: none;}
#leftSide ul li ul li.last { padding: 0 0 15px 25px;}
#leftSide ul li ul li.ParentCurrentItem a,
#leftSide ul li ul li.CurrentItem a { color: #000; }
#leftSide ul#loginNavigation { background: #E6E6E6 url(../images/LeftBG.png) repeat-y top left; }
#leftSide ul#loginNavigation li { border-bottom: solid 1px #C7C7C7; border-top: solid 1px #F1F1F1;}

#main { float:left; padding: 0 0 0 25px; width: 775px; min-height: 600px; background: url(../images/ContentShadow.png) no-repeat left top;}
#main a, #footer a { text-decoration:none; color: #226087; border-bottom: solid 1px #145279;}
#main a:hover, #footer a:hover { color: #575757;}
.pane { margin-bottom: 15px;}

#main .p3_cols_1,
#main .p3_cols_2 { width: 245px; float:left; margin-right: 20px;}
#main .p3_cols_3 { width: 245px; float:left; }
#main .p2_cols_1 { width: 510px; float:left; margin-right: 20px;}
#main .p2_cols_2 { width: 245px; float:left; }
#main .pFull { }

.black_container {  text-shadow: 0px -1px 0px #333; font-size: 12px; color: #afafaf; background: #555 url(../images/BlackContainerBG.png) no-repeat left bottom; padding: 15px 10px 10px 90px; margin: 0 0 15px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.black_container h1, .black_container h1 .Head { color: white;  margin: 0 0 10px 0; text-shadow: 0px -1px 0px #000;}
.black_container strong { font-weight: normal; color: white; }
.black_container .normal, .black_container .normaldisabled { font-size: 12px; color: #afafaf; }

#pagerTop, #pagerBottom { display:block; clear: left; margin-bottom: 10px;}
#pagerTop span a, #pagerBottom span a { text-decoration:none; border: none; border: solid 2px #fff; color: #575757;}
#pagerTop span a:hover, #pagerBottom a:hover { color: white; border: solid 2px #226087; background-color: #226087;}
#pagerTop span span, #pagerBottom span span { color: #226087; border-bottom: solid 2px #226087; font-weight: bold;}

ul.introProducts { list-style-type: none; margin: 0; padding: 0; width: 245px; position: relative;}
ul.introProducts li {list-style-type: none; float:left; width: 245px; position: absolute; top: 0; left: 0;}
ul.introProducts li .lotnumber {background: #716547 url(../images/GoldButtonBG.png) top repeat-x; color: white; font-weight: bold; padding: 4px 10px 0px 10px; text-shadow: rgba(0,0,0, .5) 0px -1px 0px;}
ul.introProducts li .img { display:block; border: solid 1px #716547; margin-bottom: 10px;}
ul.introProducts li .title { font-weight: bold;}
ul.introProducts li .price,
ul.introProducts li .quality,
ul.introProducts li .yourbid { font-style: italic; font-size: 12px; color: #888;}
ul.introProducts li .info a { margin: 5px 0; background: #1b4363 url(../images/BlueButtonBG.png) top repeat-x; padding: 3px 10px 1px 10px; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none; -webkit-border-radius: 3px; width: auto; -moz-border-radius: 3px;  -khtml-border-radius: 3px;  border-radius: 3px; text-shadow: rgba(0,0,0, .5) 0px -1px 0px; }
ul.introProducts li .info a:hover { background: #716547 url(../images/GoldButtonBG.png) top repeat-x; }

ul.hammerlist { list-style-type: none; margin: 0; padding: 0;} 
ul.hammerlist li {list-style-type: none; clear:left; width: 100%; padding: 4px 0 2px 0;}
ul.hammerlist li.title { font-weight: bold; border-bottom: solid 1px #575757; height: 20px;}
ul.hammerlist li span { display:block; float:left;}
ul.hammerlist li span.lotnumber { width: 15%; }
ul.hammerlist li span.title { width: 55%; }
ul.hammerlist li span.startprice { width: 15%; }
ul.hammerlist li span.hammerprice { width: 15%; }
ul.hammerlist li.item { border-top: solid 1px #aaa;}

/* Top 20 lijst */
ul.top20 { list-style-type: none; margin: 0; padding: 0;} 
ul.top20 li {list-style-type: none; clear:left; padding: 4px 0 2px 0; position:relative;}
ul.top20 li.header { font-weight: bold; border-bottom: solid 1px #575757; height: 20px;}
ul.top20 li span { display:block; float:left;}
ul.top20 li span.img { width: 20%; text-align:right; margin-bottom: 5px;}
ul.top20 li span.ranking { width: 10%;}
ul.top20 li span.auction { width: 25%;}
ul.top20 li span.country { width: 15%;}
ul.top20 li span.startprice { width: 15%;}
ul.top20 li span.hammerprice { width: 15%;}
ul.top20 li span.description { position:absolute; top: 30px; left: 0px; font-style: italic;}
ul.top20 li.item { border-top: solid 1px #aaa;}

#main .BooneSharesContent ul.productList { list-style-type: none; margin: 0; padding: 0;} 
#main .BooneSharesContent ul.productList li { display:block; width: 175px; height: 270px; float:left; padding-right: 25px; margin: 0 0 10px 0; clear:none; position:relative; border-bottom: solid 1px #DDD;}
#main .BooneSharesContent ul.productList li.first { clear:left; }
#main .BooneSharesContent ul.productList li.last { margin: 0; padding: 0;}
#main .BooneSharesContent ul.productList li .lotnumber {background: #716547 url(../images/GoldButtonBG.png) top repeat-x; color: white; font-weight: bold; padding: 4px 10px 0px 10px; text-shadow: rgba(0,0,0, .5) 0px -1px 0px;}
#main .BooneSharesContent ul.productList li .img { display:block; border: solid 1px #716547; text-align:center; background-color: #e8e0cc;}
#main .BooneSharesContent ul.productList li .title { font-weight: bold;}
#main .BooneSharesContent ul.productList li .price,
#main .BooneSharesContent ul.productList li .quality,
#main .BooneSharesContent ul.productList li .yourbid { font-style: italic; font-size: 12px; color: #888;}
#main .BooneSharesContent ul.productList li .info { display:block; position:absolute; bottom: 10px; left: 0px; right: 25px;}
#main .BooneSharesContent ul.productList li .info a { display: block; background: #1b4363 url(../images/BlueButtonBG.png) top repeat-x; padding: 3px 0 1px 0; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none; -webkit-border-radius: 3px; width: auto; -moz-border-radius: 3px;  -khtml-border-radius: 3px;  border-radius: 3px; text-shadow: rgba(0,0,0, .5) 0px -1px 0px; }
#main .BooneSharesContent ul.productList li .info a:hover { background: #716547 url(../images/GoldButtonBG.png) top repeat-x; }
#main .BooneSharesContent ul.productList li.last .info { display:block; position:absolute; bottom: 10px; left: 0px; right: 0px;}

.BooneSharesContent .productDetail .img { float:right; margin: 0 0 0 15px;}
.BooneSharesContent .productDetail .description,
.BooneSharesContent .productDetail .value { font-weight: bold;}	
.BooneSharesContent .productDetail .lotnumber,
.BooneSharesContent .productDetail .description { margin: 0 0 15px 0;}

#footer { color: #999; margin-top: 15px; padding: 15px 0; background: #eeeeee url(../images/FooterBorderTop.png) repeat-x left top; }
#footer .col_1 { float:left; width: 170px; margin-right: 25px; padding: 0 15px;}
#footer .col_2,
#footer .col_3 { float:left; width: 245px; margin-right: 20px;}
#footer .col_4 { float:left; width: 245px; }

#footer .col_2 ul, #footer .col_3 ul { margin: 0 0 0 15px; padding: 0;}
#footer .col_2 li, #footer .col_3 li { list-style-image: url(../images/LeftNavigationArrow.png); margin-bottom: 3px; }

#footer a { color: #999; text-decoration:none; border-bottom: solid 1px #ccc; }
#footer a:hover { color: #666; text-decoration:none; border-bottom: solid 1px #999; }

/* IMAGE PREVIEW */
#preview{
	position:absolute;
	background:#333;
	padding:10px;
	display:none;
	color:#fff;
	}

/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


.Eloket .intro { margin-bottom: 10px;}
.Eloket input{ width: 350px; margin: 2px; }
.Eloket textarea { width: 350px; margin: 2px; }
.Eloket .checkbox input { margin-left: 130px; width: 20px; border: solid 1px black;}
.Eloket fieldset{border:1px solid #cecece; padding:10px; margin-bottom: 10px; background: transparent url(../images/ContentGradientReverse.png) repeat-x bottom left;}
.Eloket legend{ padding: 0 10px; font-size:14px; }
.Eloket label, .Eloket .person .fieldName { float: left; width:80px;  margin-right:10px; display:block;  text-align:left; }
.Eloket label.checkbox { float: none; display: inline;}
.Eloket .person input { width: 150px; margin-right: 8px;}
.Eloket p {clear:both; margin: 10px 0;}
.Eloket .labelHeader { margin-left: 132px;}
.Eloket .radiobuttonList input { width: 20px;}
.Eloket .radiobuttonList label { float: none; display: inline;}
#main .Eloket a.button { margin: 5px 0; margin-left: 92px; background: #1b4363 url(../images/BlueButtonBG.png) top repeat-x; padding: 3px 10px 1px 10px; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none; -webkit-border-radius: 3px; width: auto; -moz-border-radius: 3px;  -khtml-border-radius: 3px;  border-radius: 3px; text-shadow: rgba(0,0,0, .5) 0px -1px 0px; }
#main .Eloket a.button:hover { background: #716547 url(../images/GoldButtonBG.png) top repeat-x; }