div.hold_detail { background: #b4c6d9; display: block; overflow: hidden; height: 1%;  font-size: .9em; }
  .hold_detail h2, .hold_detail p { clear: none; margin-left: 10px; }
  .hold_detail h2 { margin-top: 10px; }
	div.detail_left { width: 280px; float: right; padding: 10px; margin: 10px !important; margin:10px 5px 10px 10px; }

	/* Documenten */
	.docasx { background: url(../gfx/icons/asx.gif) no-repeat 3px 3px; }
	.docbmp { background: url(../gfx/icons/bmp.gif) no-repeat 3px 3px; }
	.docdoc { background: url(../gfx/icons/doc.gif) no-repeat 3px 3px; }
	.docgif { background: url(../gfx/icons/jpg.gif) no-repeat 3px 3px; }
	.docjpg { background: url(../gfx/icons/jpg.gif) no-repeat 3px 3px; }
	.docpng { background: url(../gfx/icons/jpg.gif) no-repeat 3px 3px; }
	.docpdf { background: url(../gfx/icons/pdf.gif) no-repeat 3px 3px; }
	.doctxt { background: url(../gfx/icons/txt.gif) no-repeat 3px 3px; }
	.docwmp { background: url(../gfx/icons/wmp.gif) no-repeat 3px 3px; }
	.docxls { background: url(../gfx/icons/xls.gif) no-repeat 3px 3px; }
	.doczip { background: url(../gfx/icons/zip.gif) no-repeat 3px 3px; }

	a.docgif, a.docjpg, a.docpng, a.docbmp, a.docpdf, a.docdoc, a.docxls, a.doczip, a.doctxt { padding: 0.25em 0 0.25em 2.08em; font-weight: normal; display: block; height: 1%; border: 1px solid #dfe9f4; border-width: 1px 0; margin: 15px 15px 15px 0; background-color: #b4c6d9; clear: both; }
	a.docgif:hover, a.docjpg:hover, a.docpng:hover, a.docbmp:hover, a.docpdf:hover, a.docdoc:hover, a.docxls:hover, a.doczip:hover, a.doctxt:hover { background-color: #fff; color: #54b817; height: 1%; padding: 0.25em 0 0.25em 2.08em; font-weight: normal; }

	/* Afbeeldingen detailpagina */
	div.img_detail { background: #fff; width: auto/*290px*/; overflow: hidden; position: relative; text-align: center; }
		.zoom { position: absolute; top: 0; right: 0; }
		div.img_detail img { cursor: pointer; }

		/* Thumbs */
		ul.thumbs_detail { display: block; overflow: hidden; list-style: none; padding-top: 10px; width: auto/* 280px*/; float: left; clear: both; }
			ul.thumbs_detail li { display: inline; }
				ul.thumbs_detail li a, ul.thumbs_detail li a:visited { float: left; margin-bottom: 10px; border: 1px solid #fff; width: 88px; overflow: hidden; }
				ul.thumbs_detail li a:hover, ul.thumbs_detail li a:visited:hover { border: 1px solid #153b63; }

				ul.thumbs_detail li.set_margin a, ul.thumbs_detail li.set_margin a:visited { margin: 0 10px; }

	/* Rechterkant */
	div.detail_right { width: 209px; float: left; padding: 10px; }
		div.detail_right h2 { color: #153b63; font-size: 1.4em; font-weight: bold; padding-bottom: 10px; }
		div.detail_right p { line-height: 140%; padding-bottom: 18px; }

		/* Detaillijst */
		dl.detail_list { display: block; height: 1%; padding-bottom: 18px; width: 520px; }
			dl.detail_list dt { width: 130px; float:left; padding-top: 4px; font-weight: bold; }
				dl.detail_list dt.amount { padding-top: 10px; }
			dl.detail_list dd { border-bottom: 1px solid #dfe9f4; padding: 4px 0; }
				dl.detail_list dd span.price { color: #f00; font-weight: bold; }
				dl.detail_list dd select { width: auto !important; margin-right: 15px; }
				dl.detail_list dd span.block { display: inline-block; }

      .detail_form { clear: both; margin-left: 10px; }
			form.detail_form label { display: block; padding-bottom: 3px; font-weight: bold; }
			form.detail_form textarea { overflow: auto; width: 510px; height: 120px; padding: 2px; }
			form.detail_form p { padding: 0 5px 0 0; }
			form.detail_form fieldset.detail_order { text-align: right; padding-top: 10px; }
			form.detail_form button { margin-right: 5px; color: #fff; cursor: pointer; background: #f30000; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; padding: 3px; font-size:1em; }
	 		form.detail_form button:hover { background: #990000; border-top: 1px solid #000; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #000; }
			form.detail_form fieldset.button_right { padding-top: 30px; }
			form.detail_form fieldset.button_right button { float: right; margin-right: 11px; }

	/* Related */
	div.detail_related, div.hold_address { display: block; overflow: hidden; height: 1%; padding-top: 10px; border-top: 1px solid #dfe9f4; margin-top: 20px; }
		div.detail_related h3, div.hold_address h2 { color: #153b63; font-size: 1.2em; font-weight: bold; padding-bottom: 10px; }

		/* Linkerkant related */
		div.related_left { width: 305px; float: left; padding: 0 10px; display: block; overflow: hidden; height: 1%; }
			div.detail_related dl { border: 1px solid #dfe9f4; float: left; padding: 10px; width: 118px; display: inline; margin-right: 10px; font-size: .9em; }
			div.detail_related dl.no_margin { margin-right: 0; }
			div.detail_related dt img { margin: 0 auto; }
			div.detail_related dd { padding: 3px 0; text-align: center; }

		/* Rechterkant related */
		div.related_right { width: 445px; float: left; padding: 0 10px; }

/* Beheer */
dl.def_list_beheer { font-size: .9em; margin-bottom: 10px; }
dl.def_list_beheer dt {background: #153b63; font-weight: bold; color: #fff; padding: 5px 10px; }
	dl.def_list_beheer dd { background: #dfe9f4; border-bottom: 1px solid #b4c6d9; padding: 5px 10px; }
	dl.def_list_beheer dd span { float: left; width: 200px; }
	dl.def_list_beheer dd input { float: left; margin: 0 10px 0 0; }

table.table_beheer, table.table_tools { width: 800px; background: #dfe9f4; font-size: .9em; margin-bottom: 10px; }
	table.table_beheer th, table.table_tools th { background: #153b63; text-align: left; color: #fff; font-weight: bold; padding: 5px 10px; }
	table.table_beheer td, table.table_tools td { padding: 5px 10px; vertical-align: top; border-bottom: 1px solid #b4c6d9; }
		table.table_beheer td.zebra { background: #b4c6d9; }
		table.table_tools td.zebra { background: #b4c6d9; font-weight: bold; }
		table.table_beheer td.set_width { width: 220px; }
		table.table_tools td.input_td { width: 20px; }
		table.table_beheer tfoot td { border: 0; text-align: right; background: #b4c6d9; }
		table.table_beheer td input.checks { float: left; margin-right: 10px; width: auto; }
			table.table_beheer td input { width: 209px; }
		table.table_beheer span.status_red { display: block; color: #f00; }
		table.table_beheer span.status_green { display: block; color: #36af00; }
		table.table_tools td.title strong { display: block; padding-bottom: 10px; }
			table.table_tools td.title strong span { float: right; margin-right: 180px; }
			table.table_tools td.zebra span { float: right; margin-right: 180px; }
			table.table_tools td.title img { float: right; margin: 0 10px 0 20px; }
			table.table_tools input.input_margin { margin: 0 10px 0 36px; float: left; }
			table.table_tools td.indent { padding-left: 48px; }

div.left_address, div.right_address { float: left; width: 375px; padding: 0 10px; }
	div.hold_address address { font-style: normal; font-size: .9em; padding-bottom: 10px; }
	div.hold_address address strong { display: block; }

h2.tools { background: #dfe9f4; color: #153b63; font-size: 1.4em; font-weight: bold; padding: 10px 10px 40px 10px; border-bottom: 1px solid #b4c6d9; margin-bottom: 10px; }

#supplier-container select{ margin-right: 0; width: 125px; }
#criteria-container select{ margin-right: 0; width: 125px; }

.buttons {
  text-align: right;
}

.green {
  margin-right: 10px;
  margin-bottom: 10px;
}