/*kleuroverzicht:
  oranje = ff9900
*/

/*AANPASSING VAN DE DIV ZODAT MOZILLA DIV'S OP ZELFDE MANIER BEHANDELD ALS IE*/
UL{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
P{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

html {
  height:100%; /* fix height to 100% for IE */
  max-height:100%; /* fix height for other browsers */
  padding:0; /*remove padding */
  margin:0; /* remove margins */
  border:0; /* remove borders */
  background:#fff; /*color background - only works in IE */
  font-family: Arial, Helvetica, Helv, Verdana, DejaVu Sans condensed, sans;
  font-size: 75%;
}

body
{  
  background-color: #FFF;
  margin: 0px;
  padding: 0px;
}

#centerwrapper
{
  position: relative;
  width: 1000px;
  margin:0 auto;
}

#topbar
{
  position: relative;
  padding: 5px;
  height: 100px;
  background: url('interface/topbar.gif');
}

#searchbar
{
  position: absolute;
  left: 230px;
  bottom: 19px;
  font-size: 90%;
  color: #000;
  font-weight: bolder;
}

#searchbar select
{
  border: 1px solid #695d54;
  font-size: 90%;
  color: #695d54;
  width: 120px;
}

input.toolkit
{
  border: 1px solid #695d54;
  font-size: 90%;
  color: #695d54;
}

input.topbutton
{
  border: 1px solid  #fff;
  font-size: 90%;
  background-color: #e6e6e6;
  color: #000000;
  margin-top: 3px;
}

div.topmenu
{
  position: absolute;
  top: 5px;
  padding: 5px 0px 5px 0px;
  left: 225px;
  /*border-left: 1px solid #695d54;*/
  height: 54px;
  overflow: hidden;
  font-size: 90%;
  font-family: Verdana, Helvetica, Helv, Arial, DejaVu Sans condensed, sans;
}

div.topmenu ul
{
  margin-left: 20px;
  list-style-type: disc;
  color: #dfdbd8;
}

div.topmenu ul.bis
{
  margin-left: 20px;
  list-style-type: disc;
  color: #000;
}

div.topmenu ul.bis a, div.topmenu ul.bis a:visited
{
  color: #000;
}

div.topmenu a, div.topmenu a:visited, #contact a, #contact a:visited
{
  text-decoration: none;
  color: #fff;
}

div.topmenu a:hover, #contact a:hover, div.topmenu ul.bis a:hover
{
  text-decoration: none;
  color: #ff9900;
  font-weight: bolder;
}

p.alert, b.alert
{
  color: #ff9900;
  font-weight: bold;
}

/* The header and footer */
.headfoot {display:block; height:70px; background:#08a; color:#fff; text-align:center; padding:5px;font-size:30px;}

/* This bit does all the work */
#container
{
  position:relative;
  display:block;
  background: transparent;
  border-left:214px solid #aaa19a;
  margin-left: 6px;
  overflow:visible;
}

#content /*voor admin paginas*/
{
  position:relative;
  display:block;
  background: transparent;
  overflow:visible;
  margin-left: 10px;
}

#left
{
  float:left;
  position:relative;
  width:219px;
  margin-left:-219px;
  display:inline;
}

#leftDis
{
  float:left;
  position:relative;
  width:219px;
  margin-left:-219px;
  display:inline;
  filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;
  cursor: default;
}

.clear {clear:both;height:1px;overflow:hidden;}

#left h3, #leftDis h3
{
  margin: 0px;
  padding: 10px 5px 10px 22px;
  font-size: 120%;
  font-weight: normal;
  color: #fff;
}

#veiSelect
{
  margin: 10px 5px 10px 22px;
}

div.category
{
  font-weight: bold;
  color: #000;
  padding-left: 10px;
  border-top: 1px solid #695d54;
  border-bottom: 1px solid #695d54;
}

#left ul, #leftDis ul
{
  min-height: 56px;
  _height: 56px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 15px;
  list-style-type: none;
  color: #dfdbd8;
}

#leftDis a, #leftDis a:visited
{
  text-decoration: none;
  color: #fff;
  cursor: default;
}

#left a, #left a:visited
{
  text-decoration: none;
  color: #fff;
}

#left a:hover
{
  text-decoration: none;
  color: #ff9900;
  font-weight: bolder;
}

#workspace
{
  position: relative;
  border-top: 1px solid #695d54;
  margin-left: 5px;
  overflow: visible;
  min-height: 450px; /*dit herkent IE niet*/
  _height: 450px; /*Enkel voor IE door _ hack*/
}

#workspace h2
{
  color: #695d54;
  font-size: 130%;
  margin: 5px 0px 5px 0px;
}

#workspace h3
{
  color: #695d54;
  font-size: 110%;
  margin: 15px 0px 5px 0px;
}

#watermerk
{
  position: absolute;
  top: 50px;
  right: 0px;
  filter:alpha(opacity=80);
  -moz-opacity:.80;
  opacity:.80
}

div.legende
{
  position: relative;
  height: 1.3em;
  border: 1px solid #000;
  padding: 3px;
  font-weight: bold;
  background-image: url('interface/topbar_backET_gray.gif');
}

div.TableRow
{
  cursor: pointer;
  border-bottom: 1px solid #d9d9d9;
  padding: 3px 0px 3px 3px;
  height: 1.25em;
  /*font-size: 80%;*/
}

div.TableRow em
{
  color: #0080C0;
  font-style: normal;
}

div.legende div, div.TableRow div
{
  float: left;
  /*border: 1px solid red;*/
}

div.col1
{
  width: 130px;
}

div.col2
{
  width: 225px;
}

div.col3
{
  width: 35px;
}

div.col4
{
  width: 70px;
}

div.col5
{
  width: 75px;
}

div.col6
{
  width: 15px;
}

div.col7
{
  width: 50px;
}

div.col8
{
  width: 20px;
}

div.col9
{
  width: 100px;
}

div.col10
{
  width: 45px;
}

div.roller
{
  position: relative;
  border-bottom: 2px solid gray;
  padding-bottom: 5px;
  padding-top: 5px;
  background-color: #F7F7F7;
  min-height: 80px;
  _height: 80px;
}

div.thumbContainer
{
  width: 272px;
  float: right;
  margin-bottom: 5px;
}

div.thumb
{
  float: right;
  margin:auto 0px auto 0px;
  _height: 100%;
  width: 150px;
  background-color: #CFCFCF;
  padding: 5px;
  text-align: center;
  border: 1px solid gray;
}

div.datablock
{
  position: relative;
  width: 490px;
  top: 0px;
  left: 0px;
  margin-left: 5px;
}

#footer
{
  position: relative;
  padding-top: 5px;
  width: 1000;
  height: 70px;
  overflow: visible;
}

#footerLeft
{
  width: 220px;
  height: 63px;
  background-image: url('interface/backdrop_footerLeft.gif');
  padding: 5px 0px 5px 0px;
  text-align: left;
  color: #695d54;
  font-weight: bold;
  overflow: hidden;
}

#footerLeft a, #footerLeft a:visited
{
  text-decoration: none;
  color: #fff;
  font-weight: normal;
}

#footerLeft a:hover
{
  text-decoration: none;
  color: #ff9900;
  font-weight: bolder;
}

#footerLeft ul
{
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 20px;
  list-style-type: none;
  color: #fff;
}

#footerRight
{
  position: relative;
  float: right;
  clear: left;
  margin:auto 0px auto 0px;
  height: 70px;
  width: 774px;
  background-color: #dfdbd8;
  padding-top: 3px;
  z-index: 0;
  text-align: right;
}

#counter
{
  background-color: #fff;
  position: absolute;
  right: 2px;
  bottom: 2px;
  color: #000;
  font-weight: bold;
  padding: 2px;
  border: 1px solid #6699cc;
  filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
}

#contactPop
{
  position: absolute;
  top: 92px;
  right: 5px;
  border: 1px solid black;
  background-color: #fff;
  padding: 4px;
  z-index: 40;
}

p.listknop
{
  cursor: pointer;
  text-align: center;
  padding: 3px;
  border: 1px solid white;
  width: 100px;
  font-size: 90%;
  background-color: #e6e6e6;
  color: #695d54;
  margin-top: 3px;
}

p.listknopAcc
{
  cursor: pointer;
  text-align: center;
  padding: 3px;
  border: 1px solid white;
  width: 100px;
  font-size: 90%;
  color: #fff;
  margin-top: 3px;
  background-color: #f26522;
  display: inline;
}

div.page_name_auto_complete {
	width: 100px;
	background: #EDEFFC;
	display: inline;
}

div.page_name_auto_complete ul {
	border: 1px solid #888;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

div.page_name_auto_complete ul li {
	margin: 0;
	padding: 3px;
}

div.page_name_auto_complete ul li.selected { 
	background-color: #ffb; 
}

div.page_name_auto_complete ul strong.highlight { 
	color: #800; 
	margin: 0;
	padding: 0;
}

div.lijntjerechts
{
  position: absolute;
  top: -5px;
  right: 0px;
  height: 150px;
  width: 1px;
  background-color: #695d54;
}

#linkerlijn
{
  background: url('interface/linkerlijn.gif') repeat-y;
}



#buyform
{
  border: 1px solid black;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #01209f;
  color: #fff;
}

#buyform h2
{
  color: #fff;
  margin-top: 0px;
  margin-bottom: 10px;
}

#buyform h3
{
  color: #000;
  font-size: 110%;
  margin: 0px;
}

#buyform form
{
  margin: 0px;
}

#buyform ul
{
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 50px;
  list-style-type: disc;
  color: #fff;
}

#buyform a, #buyform a:visited
{
  text-decoration: none;
  color: #fff;
}

#buyform a:hover
{
  text-decoration: none;
  color: #ff9900;
  font-weight: bolder;
}

#loginform
{
  border: 1px solid black;
  padding: 10px;
  margin-bottom: 10px;
  width: auto;
  overflow: visible;
}

#loginform h2
{
  color: #000;
  margin-top: 0px;
  margin-bottom: 10px;
}

#loginform form
{
  margin: 0px;
}

div.biedLegende
{
  float: left;
  position: relative;
  width: 210px;
}

div.biedData
{
  font-weight: bold;
  float: left;
  position: relative;
  width: 70px;
}

div.biedvrij, div.biedDataRight
{
  font-weight: bold;
}

div.biedmetBTW
{
  font-style: italic;
}

div.biedDataRight
{
  font-weight: bold;
}

div.bidRight
{
  float: right;
  text-align: right;
  position: relative;
}

div.bidRemaining
{
  border: 1px solid #ff9900;
  padding: 3px;
  text-align: center;
}

/*voor registratie form*/
div.regLeft
{
  float: left;
  width: 155px;
}

#regform i
{
  font-size: 90%;
}

/*algemene voorwaarden tabel*/
#opsomming
{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px 0px 5px 0px;
  border-collapse: collapse;
}

#opsomming th
{
  width: 180px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px dotted #ccc;
}

#opsomming td
{
  border-bottom: 1px dotted #ccc;
}

div.voorwaarden
{
  height: 150px;
  border: 1px solid gray;
  padding: 4px;
  overflow: auto;
  margin: 5px 0px 5px 0px;
  font-size: 88%;
}

/*presentatie schermen*/
#presentatie
{
  background-color: #fffeee;
  padding-left: 10px;
  height: 455px;
}

#presentatie h1
{
  margin: 0px;
  color: #f68e56;
  font-size: 220%
}

#presentatie h2
{
  color: #f68e56;
}

#presentatie ul
{
  margin-left: 20px;
  list-style-type: disc;
}

#presentatie a
{
  color: #2a2ab6;
  text-decoration: none;
  font-weight: bold;
  font-size: 100%;
}

#presentatie a:hover
{
  color: #f68e56;
}

#inbeeld
{
  color: #4040fb;
  text-decoration: none;
  font-weight: bold;
  font-size: 100%;
}

#linkbar
{
  height: 20px;
  padding: 10px 0px 10px 0px;
}

#linkbar div.link
{
  width: 127px;
  float: left;
}

#textfield
{
  height: 390px;
  width: 390px;
  float: left;
  margin-right: 10px;
}

#arrowfield
{
  height: 25px;
  text-align: center;
  color: #2a2ab6;
  font-size: 140%;
  font-weight: bold;
}

#imagefield
{
  height: 360px;
}

#videofield{
  float: left;
	height: 390px;
  width: 640px;
  margin-right: 10px;
}

/*ophalingsverslag*/
#ophalingsverslag
{

}

#ophalingsverslag h3
{
  border-bottom: 1px solid gray;
  padding-bottom: 3px;
  margin-bottom: 5px;
}

#ophalingsverslag label
{
  float: left;
  width: 170px;
  height: 18px;
  padding-top: 2px;
}

#ophalingsverslag span.rem
{
  margin-left: 5px;
  font-style: italic;
  font-size: 90%;
}

#ophalingsverslag p.JaNeeRij
{
  height: 23px;
}

/*ophalingsverslag weergave tabel*/
table.detailweergave
{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-collapse: collapse;
}

table.detailweergave th
{
  width: 180px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px dotted #ccc;
  font-weight: normal;
  color: #808080;
}

table.detailweergave td
{
  border-bottom: 1px dotted #ccc;
}

/*car check tabel*/
table.carcheck
{
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
  border-collapse: collapse;
}

table.carcheck tbody th
{
  text-align: left;
  border-bottom: 1px dotted #ccc;
  font-weight: normal;
  color: #000;
  width: 170px;
}

table.carcheck tbody td
{
  border: 1px dotted #ccc;
  text-align: center;
}

table.carcheck tbody.schade td
{
  width: 60px;
}

table.carcheck thead th
{
  background-color: #a3a3a3;
  width: 180px;
  text-align: left;
  border-bottom: 1px solid #000;
  font-weight: normal;
  color: #fff;
  width: 170px;
}

table.carcheck thead td
{
  background-color: #a3a3a3;
  font-weight: bold;
  border-bottom: 1px solid #000;
  color: #fff;
  width: 70px;
  text-align: center;
}

/*controle icoontjes popup*/
div.sluiten
{
  cursor: pointer;
  background-color: #fff;
  height: 20px;
  overflow: hidden;
  position: absolute;
  right: 2px;
  top: 2px;
}

div.volgende
{
  cursor: pointer;
  background-color: #fff;
  position: absolute;
  right: 24px;
  top: 2px;
  height: 20px;
  overflow: hidden;
}

div.vorige
{
  cursor: pointer;
  background-color: #fff;
  position: absolute;
  right: 46px;
  top: 2px;
  height: 20px;
  overflow: hidden;
}

/*car check popup*/
#carcheck
{
  border: 2px solid #000;
  z-index: 49;
  width: 625px;
  background-color: #F7F7F7;
}

#carcheck h3
{
  margin: 0px;
}

#xTable
{
  margin: 0px 0px 0px 0px;
}

/*car check tabel kleine versie voor in char check popup*/
table.carcheckSmall
{
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
  border-collapse: collapse;
  font-size: 80%;
}

table.carcheckSmall tbody th
{
  text-align: left;
  border-bottom: 1px dotted #ccc;
  font-weight: normal;
  color: #000;
  width: 110px;
}

table.carcheckSmall tbody td
{
  border: 1px dotted #ccc;
  text-align: center;
  height: 10px;
}

table.carcheckSmall tbody.schade td
{
  width: 40px;
}

table.carcheckSmall thead th
{
  background-color: #a3a3a3;
  text-align: left;
  border-bottom: 1px solid #000;
  font-weight: normal;
  color: #fff;
  width: 110px;
}

table.carcheckSmall thead td
{
  background-color: #a3a3a3;
  border-bottom: 1px solid #000;
  color: #fff;
  width: 40px;
  text-align: center;
}

#geenFoto
{
  border: 1px solid black;
  padding: 10px;
  margin: auto;
}

#iconLegend
{
  position: absolute;
  top: 4px;
  right: -1px;
  font-size: 90%;
  color: #aaa19a; 
  border: 1px solid #aaa19a;
  background: #f2f1ef;
  padding: 3px;
  z-index: 0;
}

#NewAuctionlegend
{
  position: absolute;
  top: 2px;
  right: -1px;
  font-size: 90%;
  color: #000; 
  border: 1px solid #000;
  background: #FF9900;
  padding: 5px;
  z-index: 0;
}

#NewAuctionlegend h2
{
  display: inline;
  color: #000
}

#NewAuctionlegend a
{
  display: inline;
  color: #fff
}

/*Communicator style sheet */
div.comHead
{
  border-bottom: 1px solid #d9d9d9;
  font-size: 150%;
  position: relative;
  margin-top: 10px;
  width: 100%;
  color: #000;
}

div.comThumb
{
  position: absolute;
  top: 0px;
  right: 0px;
}

div.comThumb img
{
  border: 1px solid #d9d9d9;
}

div.comImg
{
  float: right;
  margin-left: 10px;
}

div.comImg img
{
  border: 1px dotted #3399cc;
  cursor: pointer;
}

div.comContent
{
  position: relative;
  border-bottom: 2px solid gray;
  padding-bottom: 5px;
  padding-top: 5px;
  background-color: #F7F7F7;
  min-height: 80px;
  _height: 80px;
}

div.comContent div
{
  margin-left: 5px
}

div.comContent img
{
  margin-right: 5px
}


div.comContent ul
{
  margin-left: 20px;
  list-style-type: disc; 
}

div.comLink
{
  margin-top: 10px;
}

/*Admin pagina Communicatie items*/
#comInput
{
  border: 1px solid gray;
  padding: 4px;
}

div.comEdit
{
  padding: 5px;
  margin-top: 10px;
  border: 1px dotted gray;
  background-color: #e3e3e3;
}

#comInputRight
{
  width: 290px;
  display: block;
  float: right;
  padding: 5px;
  border: 1px dotted olive;
}

div.thinLegend
{
  width: 50px;
  height: 1.3em;
  display: block;
  float: left;
  padding-top: 5px;
}

div.fatLegend
{
  width: 150px;
  height: 1.3em;
  display: block;
  float: left;
  padding-top: 5px;
}

div.boldLegend
{
  width: 243px;
  height: 1.3em;
  display: block;
  float: left;
  padding-top: 5px;
  font-weight: bold;
}

/*Com Edit popup*/
#comEditPop
{
  border: 2px solid #000;
  z-index: 39;
  width: 725px;
  background-color: #F7F7F7;
}

#comEditPop h3
{
  margin: 0px;
}

#comEditImg
{
  position: relative;
  padding: 5px;
  border: 1px dotted olive;
  margin: 10px;
}

body.comEditUploader
{
  background-color: #F7F7F7;
  margin: 0px;
}

#comEditDetails
{
  position: relative;
  padding: 5px;
  border: 1px dotted olive;
  margin: 10px;
}

#comEditImg h3, body.comEditUploader h3, #comEditDetails h3
{
  font-size: 120%;
  margin: 0px;
  color: olive; 
}

#comEditDetails div.leftLeg
{
  float: left;
  width: 150px;
}

#comEditDetails input
{
  border: 1px solid #695d54;
  font-size: 90%;
  color: #695d54;
}

form.statusForm
{
  margin: 0px;
  font-size: 80%;
}

form.statusForm input, form.statusForm select
{
  border: 1px solid #695d54;
  font-size: 90%;
  color: #695d54;
}

/* voor deurwaarders admin*/
#beschikbaar
{
  background-color: #fff;
  padding: 5px;
  float: left;
  height: 200px;
  width: 250px;
  overflow: auto;
  border: 1px solid gray;
  margin-right: 20px;
}

#gekozen
{
  background-color: #fff;
  padding: 5px;
  height: 200px;
  width: 250px;
  overflow: auto;
  border: 1px solid gray;
}

#toegang
{
  background-color: #fff;
  padding: 5px;
  height: 100px;
  width: 400px;
  overflow: auto;
  border: 1px solid gray;
}

#gekozen div, #beschikbaar div, #toegang div
{
  color: blue;
  cursor: pointer;
}

/*deurwaarder tabel*/
table.deur
{
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
  border-collapse: collapse;
}

table.deur tbody th
{
  text-align: left;
  border-bottom: 1px dotted #ccc;
  border-left:  1px dotted #ccc;
  font-weight: normal;
  color: #000;
  width: 180px;
  vertical-align: top;
  padding: 4px;
}

table.deur tbody td
{
  border: 1px dotted #ccc;
  text-align: left;
  width: 250px;
  padding: 4px;
  font-size: 90%;
}

table.deur tbody.schade td
{
  width: 60px;
  padding: 4px;
}

table.deur thead th
{
  background-color: #a3a3a3;
  width: 180px;
  border-bottom: 1px solid #000;
  color: #fff;
  width: 170px;
  padding: 4px;
}

table.deur thead td
{
  background-color: #a3a3a3;
  font-weight: bold;
  border-bottom: 1px solid #000;
  color: #fff;
  width: 250px;
  text-align: center;
}

table.deur thead td.knop, table.deur tbody td.knop
{
  width: 65px;
}

#contact
{
  position: relative;
  float: right;
}

/*SPECIALE MELDINGEN POPUP*/
#specpopper
{
  position: absolute;
  top: 165px;
  left: 225px;
  width: 761px;
  background-color: #fffeee;
  border: 2px solid #FF9900;
  overflow: auto;
  padding: 5px;
}

#specpopper h3
{
  color: #FF9900;
  padding: 0px;
  margin: 0px;
  font-size: 160%;
}

#spectitel
{
  border-bottom: 1px solid #FF9900;
  height: 1.25em;
  color: #FF9900;
  font-size: 160%;
}

#specinhoud
{
  position: relative;
  padding-bottom: 5px;
  padding-top: 5px;
}

#searchbar a, #searchbar a:visited
{
	color: red;
}

#searchbar a:hover
{
  text-decoration: none;
  color: #ff9900;
  font-weight: bolder;
}

#letop
{
	color: #ff9900;
	border: 1px solid #ff9900;
	padding: 2px;
	background-color: #fff;
	margin-left: 4px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

#buyform #letop
{
	color: #ff9900;
	border: 1px solid #ff9900;
	padding: 2px;
	background-color: #01209f;
	margin-right: -2px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	float: right;
}