/* Algemeen */

html {
	overflow-y: scroll;
}

img.border
{
  border: #000 1px solid;
}

body {
	font-family: Arial, sans-serif;
	font-size: 11px;
	background: #ffffff;
}

#header {
	background:none repeat scroll 0 0 #FFFFFF;
	float:left;
	height:100px;
	padding:20px 0 0 15px;
	width:900px;
}

#container {
	background: #FFFFFF;
	margin:0 auto;
	padding:0 0 50px;
	width:915px;
	min-height: 585px;
}

#containerStart {
	margin: 30px 0 0 15px;
}

div.logo
{
  text-align: right;
}


/* Menu */

ul#kolmenu
{

}

ul#kolmenu li
{
  font-weight: bold;
}

ul#kolmenu li ul
{
  font-weight: normal;
  padding: 2px 0px 0px 10px;
}

ul#kolmenu li ul li
{
  font-weight: normal;
  padding: 2px 0px 5px 5px;
}


div.mainmenu {
	float: left;
	margin: 0 0 20px 0;
}

ul#mainmenu
{
	background:none repeat scroll 0 0 #FFFFFF;
	width:900px;
}


ul#mainmenu li
{
  display: block;
  float: left;
  height: 20px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 0 0 16px;
  padding: 0;
  background-color: #2466b2;

}

ul#mainmenu li a
{
  padding: 5px 2px 5px 10px;
  display: block;
  width: 150px;
  color: #fff;
  text-decoration: none;
}

ul#mainmenu li a:hover
{
  background: #efefef;
  color: #000;
  padding: 5px 2px 5px 10px;
}

ul#mainmenu li ul
{
  display: block;
  padding: 0;
  margin: -1px 0 0 0;
  position : absolute;
  left: inherit;
}

ul#mainmenu li ul li
{
  float: none;
  display: block;
  background-color: #2466B2;
  text-align: left;
  margin: -1px 0 0 0;
}

ul#mainmenu li ul
{
  display: none;
}

ul#mainmenu li:hover ul
{
  display: block;
}

div.menubalk {
	/*float: left;*/
	margin: 0 0 10px 0;
	width: 900px;
}

/* Login */

div#login
{
/* 	float: left;*/
 	margin: 20px;
 	background: #f9f9f9;
  border: 1px #2367B2 solid;
  position: absolute;
  top: 200px;
  left: 250px;
  padding: 10px;
}

/* Koppen en teksten */

h1
{
	font-family: Arial, sans-serif;
	font-size: 18px;
  color : #2466b2;
  margin : 10px 0 10px 0;
}

h1.noaccess
{
  background: url(/images/icon_notok_32.png) no-repeat;
  padding-left: 40px;
  height: 40px;
}

h2
{
	font-family: Arial, sans-serif; font-size: 14px;
  color : #2466b2;
  margin : 10px 0 5px 0;
}

h3 {
	color: #2466b2;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 5px 0;
}

p {
	margin: 0 0 10px 0;
}

/* Links */
a {
	color: #2666B0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Forms */

div.adminedit form
{
  margin-top: 10px;
  width: 450px;
}

div.adminedit form button
{
  margin-top: 5px;
  float: left;
  margin-left: 500px;
  width: 100px;
}

div.adminedit p {
	float: left;
	width: 405px;
	background-color:#EFF3F2;
}

div.adminedit label
{
  /* display:block;*/
  padding:10px 10px 0;
  padding-bottom: 10px;
  color: #6C6F75;
  float: left;
  font-size: 1em;
  min-width: 105px;
  overflow: none;
}

div.adminedit input, div.adminedit textarea, div.adminedit select, div.adminedit .checkboxgroup
{
	/* clear: right; */
	margin: 5px 0 0 0;
	width: 200px;
}

div.adminedit input#submit {
	background: url('/images/button.png') no-repeat;
	width: 121px;
	height: 23px;
	border: none;
	color: #fff;
	font-weight: bold;
	padding:  0 0 3px 0;
	margin: 5px 0 5px 8px;
	cursor: pointer;
}

div.adminedit input.image
{
  width: 32px;
  height: 32px;
}

div.checkboxgroup
{
  display: inline;
}

div.adminedit label .checkboxgroup
{
  margin-left: 200px;
  width: 250px;
}


div.adminedit label .checkboxgroup input[type=checkbox]
{
  width: 350px;
}

div.adminedit a, div.adminedit a span
{
	overflow: visible;
	width: 20px;
}

div.adminedit .fotos
{
  width: 500px;
  border: 1px #6c6f75 solid;
  padding: 5px;
}

div.form button
{
	margin-left: 450px;
}

input.submit, button.submit {
	background: url('/images/button.png') no-repeat;
	width: 121px;
	height: 23px;
	border: none;
	color: #fff;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 5px 0 5px 4px;
}

div.contentLeft {
	float: left;
	width: 450px;
}

div.contentRight {
	float: left;
	width: 430px;
	margin: 36px 0 0 20px;
}

div.quantity {
	margin: 0 0 20px 0;
	float: left;
}

/* Submenu */
ul.admin_submenu
{
  font-size: 12px;
  margin-left: 5px;
  padding: 5px;
  width: 200px;
}

ul.admin_submenu li
{
  display: inline;
}

div#debug
{
  margin-top: 100px;
  display: block;
  float: left;

}

/* Admin list */

div.adminlist, div.adminedit
{
	float:left;
	font-size:11px;
	padding: 0 0 40px 15px;
	text-align:left;
 /*width: 90%;*/
	background: #fff;
}


div.adminlist .icon
{
  width: 16px;
}

div.adminlist .icon16
{
  width: 16px;
}

div.adminlist .icon
{
  cursor: pointer;
}



/* Table overzichten */

table.standaard {
	width: 810px;
	margin: 20px 0 0 0;
	border-collapse: collapse;
}

table.standaard th, table.standaard thead td {
	background: #2466b2;
	height : 20px;
	font-size : 11px;
	font-weight: bold;
	padding-left: 10px;
	color: #fff;
	text-align: left;
	border-right: 1px solid #fff;
}

table.standaard th.number {
	width: 80px;
}


table.standaard th.editDelete {
	width: 100px;
}



table.standaard th.date ,
table.standaard th.datum
{
	width: 100px;
}

td.space20 {
  padding-left:  20px;
}

td.number {
  text-align: right;
}

table.standaard tr
{
  vertical-align: top;
}

table.standaard tr.odd{
	background: #f4f4f4;
}

table.standaard tr.even{
	background: #fff;
}

table.standaard tr:hover,
table.standaard tr:hover a {
	background: #2466b2;
	color: #fff;
}

table.standaard td {
	padding: 2px 10px 2px 10px;
	border-right: 1px solid #fff;
}

table.standaard td.small, table.standaard td.small input {
	width : 100px;
	text-align: center;
	padding : 0;
}

button {
cursor: pointer;
}

/* Orderfilters */

#ordersfilter {
	padding: 5px 0 5px 0;
}

#ordersfilter table tr {
	height: 20px;
}

#ordersfilter button {
	margin: 10px 0 0 0;
}

/* Content */

#content {
	background:none repeat scroll 0 0 #FFFFFF;
	float:left;
	padding:0 0 0 15px;
	/* width:900px; */
}

/* Orders bewerken */

ul.buttonList {
	margin: 10px 0 0 20px;
	float: left;
	width: 980px;
}

ul.buttonList li {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 10px 0 0;
}

input.error {
  border: 1px solid #f00;
  color: #f00;
}

.red
{
  color: #f00;
}

.right
{
 text-align: right;
}

.left
{
  text-align: left;
}

.hidden
{
  display: none;
}

.error_message_verplichtevelden,
.error
{
  color: #ff0000;

}

td.bedrag, td.getal,
table.standaard td.bedrag, table.standaard td.getal
{
  text-align: right;
  padding-right: 30px;
}


form#fieldset
{
  color: #000;
}

form#inboeken input
{
  float: none;
  height: 1.5em;
}

form#inboeken p
{
  background-color: #fff;
  float: none;
  width: 300px;
  font-weight: bold;

  margin-bottom: 0px;
  margin-top: 10px;
}

form#inboeken .icon
{
  cursor: pointer;
}

.nietbestaandwerknummer {
  color: #fff;
  background-color: #f00;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;

}



ul.dialog_ontkoppel input {
	margin-right: 5px;
}

ul.dialog_ontkoppel {
	margin-left: 20px;
}

input.number_small {
  width: 30px;
}