/*
de markt
*/

* {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;

}

body {
	color: #A60084;
	height:100%;
	font-size: 12pt;
/*
	background-image: url(../images/background.jpg);
	background-position: left;
	background-repeat: repeat-y;

*/
}

pre {
	font-family: consolas, lucida console, "courier new", monospace;
	font-size: 9pt;
	color: black;
}

#container {
	height:100%;
	border-left:1px solid gray;
	border-right:1px solid gray;
	margin-left: auto;
	margin-right: auto;
	width: 995px;
	text-align: left;
}

#head {
	width: 100%;
	height: 160px;
	background-image: url(../images/head.jpg);
	background-repeat: no-repeat;
}

#page {
	font-size:80%;
	width:600px;
	padding:0px;
	float:left;
}

#page #content {
	margin:20px;
}

ul { list-style: none; }

td { vertical-align: top; }

a {
	text-decoration: underline;
	color: #A60084;
}

a:hover {
	color:black;
}


/* menu */

#menu {
	width:220px;
	background-color: #A60084;
	color: White;
	padding:0px;
	text-align: right;
	float:left;
	font-size:80%;
}

#menu #menucontent {
	margin:20px;
}

#menuhead {
	width: 220px;
	height:30px;
	background-color: #FFCB00;
	text-align: right;
	padding:0 20px 0 0;
	float:left;
}

html>body #menuhead {
	width: 200px;
}

#menuhead a  {
	line-height: 30px;
	font-weight: lighter;
	font-size:100%;
	text-decoration: none;
}

#page h1 {
	font-weight:lighter;
	padding-bottom: 10px;
}

#menu li {
	padding-bottom:10px;
}

#menu a {
	text-decoration: underline;
	color: white;
}

#menu a:hover {
	color:#FFCB00;
}


/* Breadcrums */

#pagehead {
	height:30px;
	text-indent: 20px;
	background-color: #A60084;
	color:white;
	line-height: 30px;
	padding-right:20px;
	white-space: nowrap;
}

#pagehead a,
#pagehead span {
	color: white;
}

#pagehead a { text-decoration: none; }
#pagehead .last { font-weight:bold; }
#pagehead a:hover { text-decoration: underline; }

#breadcrums {
	white-space: nowrap;
	font-size:80%;
}

#breadcrums a:hover {
	color:#FFCB00;
}

#logininfo { float: right; }


/* page */


/* Yellow block width purple texts */

.selector {
	padding:0px;
	height:auto;
	margin-bottom:10px;
}


.labelblock div,
.labelblock_selected div,
.labelblock_hover div,
.labelblock_disabled div {
	width:160px;
	background-color: #FFCB00;
	color: #A60084;
	margin-right:10px;
	padding:5px;
	margin-bottom:10px;
	line-height: 20px;
	font-size:13px;
}

.labelblock_selected div,
.labelblock_hover div {
	width:160px;
	color: white;
	background-color: #A60084;
	cursor: pointer;
}



.labelblockNoWidth div,
.labelblockNoWidth_selected div,
.labelblockNoWidth_hover div,
.labelblockNoWidth_disabled div {
	background-color: #FFCB00;
	color: #A60084;
	margin-right:10px;
	padding:5px;
	margin-bottom:10px;
	line-height: 20px;
	font-size:13px;
}

.labelblockNoWidth_selected div,
.labelblockNoWidth_hover div {
	color: white;
	background-color: #A60084;
	cursor: pointer;
}

home>body .labelblock_selected div,
home>body .labelblock_hover div,
home>body .labelblock_disabled div  {
	width: 140px;
}

.labelblock .title,
.labelblock_selected .title,
.labelblock_hover .title,
.labelblock_disabled .title {
	font-weight: bold;
	font-size:13px;
}

.labelblock .subtitle {
	font-weight: normal;
	font-size:13px;
}

.labelblock a {
	text-decoration: none;
	color: #A60084;
}

.labelblock .link:hover,
.labelblock .link_selected {
	text-decoration: underline;
}

.selector img {
	border:0px solid black;
	margin-bottom:10px;
}


/* forms */

table.form td {
	white-space: nowrap;
	padding-right:20px;
	padding-bottom:10px;
}

input.button,
a.button {
	background-color: #FFCB00;
	color: #A60084;
	font-weight: bold;
	border:0;
	line-height:25px;
	height:25px;
	margin-right:10px;
	padding-left:5px;
	padding-right:5px;
	text-decoration: none;
	cursor:pointer;
}

input.text {
	border: 1px solid #A60084;
	width:200px;
	color: #A60084;
	height:22px;
}

select.select {
	width:200px;
	color: #A60084;
	height:22px;
	border: 1px solid #A60084;
}

textarea {
	width:400px;
	height:100px;
}

form img.submit:hover {
	cursor: pointer;
}

form label {
	font-size:13px;
}

/* Date input */

.calendarDateInput {
	font-size:larger;
	color: #A60084;
}

select#plaatsingsdatum_Day_ID {
	width:60px;
	line-height:20px;
}

select#plaatsingsdatum_Month_ID {
	width:80px;
}

input#plaatsingsdatum_Year_ID {
	width:40px;
	height:16px;
}

.required {
	color: red;
}

/* kiestabel */

.kiestabel {
	width:600px;
	border:none;
}

.kiestabel tr {
	height:25px;
}

.kiestabel .rij td {
	border-bottom:1px solid gray;
}

.kiestabel th {
	text-align: left;
	background-color: #DDDDDD;
	color:black;
}

.kiestabel tr.subkop td {
	color: #A60084;
	height:40px;
	vertical-align:bottom;
}

.kiestabel td,
.kiestabel th {
	padding-left:5px;
}

.error {
	margin-bottom: 10px;
	color:red;
	font-weight: bold;
}

.message {
	margin-bottom: 10px;
	color: darkgreen;
	font-weight: bold;
}

#footer-realisatie {
	margin-top:-15px;
	margin-right:5px;
	font-size:11px;
	float:right;
	clear:both;
}