/********************************
ALGEMEEN
********************************/
*							{
							margin: 0;
							padding: 0;
							}
html						{
							font: normal 62.5%/1.4 Verdana, Arial, sans-serif;
							color: #7a7979;
							}
body						{
							padding: 80px 40px;
							background: #f4f7eb url(../images/banner.png) repeat-x 0 80px;
							}
h1							{
							font-size: 1.2em;
							font-family: Helvetica, Verdana, Arial, sans-serif;
							color: #526611;
							margin-top: -70px;
							width: 700px;
							}
h1 a						{
							color: #526611;
							text-decoration: none;
							padding-top: 80px;
							}
h1 a img					{
							display: block;
							border: 0;
							margin-bottom: 20px;
							}
h1 a:hover					{
							text-decoration: underline;
							}
#main						{
							max-width: 1000px;
							clear: both;
							padding-top: 20px;
							}
h2							{
							font-size: 1.6em;
							color: #726c2d;
							margin-bottom: 0.2em;
							font-weight: normal;
							}
h4							{
							font-size: 1em;
							margin-top: 0.5em;
							}
p							{
							margin-bottom: 1em;
							font-size: 1.2em;
							text-align: justify;
							}
a							{
							color: #009cff;
							}
a:hover						{
							text-decoration: none;
							}
/********************************
MENU
********************************/
#nav						{
							margin-top: 25px;
							list-style: none;
							}
#nav li						{
							float: left;
							margin-right: 0.7em;
							text-indent: -9999px;
							height: 60px;
							background: transparent no-repeat left top;
							}
#nav li:hover				{
							background-position: left bottom;
							}
#nav li a:after				{
							content: "";
							display: block;
							height: 70px;
							margin-top: -25px;
							padding-left: 0.5em;
							background: transparent url(../images/menu_scheiding.png) no-repeat right center;
							}
#nav li:last-child a:after	{
							display: none;
							}
#nav li a					{
							display: block;
							height: 100%;
							}
#nav #info					{
							background-image: url(../images/info.png);
							width: 79px;
							}
#nav #actueel				{
							background-image: url(../images/actueel.png);
							width: 114px;
							}
#nav #overzicht				{
							background-image: url(../images/overzicht.png);
							width: 134px;
							}
#nav #zoeken				{
							background-image: url(../images/zoeken.png);
							width: 123px;
							}
#nav #aanmelden				{
							background-image: url(../images/aanmelden.png);
							width: 156px;
							}
#nav #afmelden				{
							background-image: url(../images/afmelden.png);
							width: 139px;
							}
#nav #registreren			{
							background-image: url(../images/registreren.png);
							width: 155px;
							}
#nav #mijn_machines			{
							background-image: url(../images/mijn_machines.png);
							width: 183px;
							}
#nav #wachtrij				{
							background-image: url(../images/wachtrij.png);
							width: 212px;
							}
#nav #actueel_en_links		{
							background-image: url(../images/actueel_en_links.png);
							width: 183px;
							}
#nav #andere_beheren		{
							background-image: url(../images/andere_beheren.png);
							width: 193px;
							}
#nav #profiel_wijzigen		{
							background-image: url(../images/profiel_wijzigen.png);
							width: 197px;
							}
/********************************
FOOTER
********************************/
#footer						{
							border-top: 1px solid #d9e0c3;
							background: #fff;
							height: 5em;
							position: absolute;
							margin: 1em 0;
							width: 100%;
							list-style: none inside;
							left: 0;
							padding: 1em 0;
							}
#footer li					{
							float: left;
							margin-right: 1em;
							color: #b3b3b3;
							}
#footer li a				{
							color: #b3b3b3;
							}
#footer li#eerste_footer	{
							margin-left: 40px;
							}
#footer li:before			{
							content: "/";
							margin-right: 1em;
							}
#footer li:first-child:before
							{
							content: "";
							}
/********************************
INFO
********************************/
p em						{
							font-size: 0.8em;
							}
img							{
							margin-right: 0.5em;
							}
/********************************
FORMULIEREN
********************************/
form						{
							font-size: 1.2em;
							}
form input, form textarea, form select
							{
							font-size: 1.1em;
							font-family: Verdana, Arial, sans-serif;
							}
form p						{
							font-size: 1em;
							}
fieldset					{
							border: 0;
							margin-top: 20px;
							line-height: 1;
							}
legend						{
							color: #799f00;
							margin-bottom: 15px;
							line-height: 1.2;
							}
label.verplicht, legend.verplicht, p.verplicht
							{
							font-weight: bold;
							}
.textfields label			{
							float: left;
							clear: left;
							width: 16em;
							margin: 0.3em 0;
							line-height: 1.2;
							}
.textfields input, .textfields select
							{
							float: left;
							width: 12.5em;
							margin: 0.3em 0;
							}
.textfields.klein label		{
							width: 6em;
							}
.textfields.klein input, .textfields.klein select
							{
							width: 35em;
							}
.textfields textarea, .textfields .mceEditorContainer
							{
							width: 27em;
							margin: 1em 0;
							clear: both;
							display: block;
							}
.textfields.klein textarea, .textfields.klein .mceEditorContainer
							{
							width: 40em;
							}
.textfields p.clear			{
							padding-top: 0.3em;
							line-height: 1.2;
							width: 29em;
							}
.radiobuttons, .checkboxes	{
							line-height: 1.4;
							}
.radiobuttons .submit		{
							margin-top: 1em;
							}
.checkboxes #chkDeel1		{
							width: 45%;
							float: left;
							}
.checkboxes #chkDeel2		{
							width: 45%;
							float: right;
							}
form #kolom1				{
							float: left;
							width: 48%;
							}
form #kolom2				{
							float: left;
							width: 47%;
							padding-left: 40px;
							background: transparent url(../images/scheiding_staand.png) no-repeat left center;
							}
form .submit				{
							clear: both;
							padding-top: 2em;
							}
form .submit input			{
							color: #000;
							width: auto !important;
							}
input.submit				{
							clear: both;
							padding: 0;
							width: auto !important;
							}
input.verwijderknop			{
							width: auto;
							margin-left: 0.5em;
							}
option.kiezen				{
							font-style: italic;
							}
/********************************
FOUTEN
********************************/
#fouten						{
							margin: 1em 0;
							background: #fffac6;
							color: #4f4e4d;
							border: 1px solid #edd38e;
							padding: 0.5em;
							}
#fouten h3					{
							color: #ff8a00;
							font-weight: normal;
							}
#fouten ul 					{
							list-style-position: inside;
							margin: 0.5em 0;
							}
/********************************
SUCCES
********************************/
#succes 					{
							margin: 1em 0;
							background: #fffac6;
							color: #ff8a00;
							border: 1px solid #edd38e;
							padding: 0.5em;
							padding-bottom: 0;
							}
#succes p 					{
							margin-bottom: 0.5em;
							}
/********************************
TABELLEN
********************************/
table						{
							width: 100%;
							border: 1px solid #9ead6f;
							background-color: #fff;
							margin-bottom: 1em;
							border-collapse: collapse;
							font-size: 1.2em;
							color: #565952;
							}
form table					{
							font-size: 1em;
							}
thead tr					{
							height: 28px;
							background: #f4f7eb url(../images/tabelhoofd.png) repeat-x;
							position: relative; /* IE bug */
							border-bottom: 2px solid #9ead6f !important;
							}
th							{
							white-space: nowrap;
							vertical-align: top;
							height: 24px;
							color: #4e650a;
							font-weight: normal;
							line-height: 1.1;
							background: transparent url(../images/transparent.gif) no-repeat; /* keep safari & konqueror happy */
							}
th, td						{
							text-align: left;
							padding: 0.5em;
							}
td							{
							border-top: 1px solid #c2c8ab; /* anders zie je geen borders in IE */
							border-bottom: 1px solid #c2c8ab; /* anders zie je geen borders in IE */
							}
td ul						{
							list-style: none;
							}
tr							{
							border: 1px solid #c2c8ab;
							}
tr.oneven					{
							background-color: #edf2db;
							}
tr.even						{
							background-color: #fff;
							}
td.sorted					{
							border: 1px solid #c2c8ab;
							}
tr.oneven td.sorted			{
							background-color: #fafade;
							}
tr.even td.sorted			{
							background-color: #ffffeb;
							}
col.sorted					{
							background-color: #fafade;
							}
th.sortable					{
							background: transparent url(../images/arrow_down.gif) no-repeat 90% 12px;
							padding-right: 2.5em;
							}
th.sortable:hover			{
							cursor: pointer;
							}
th.sorted_ascending			{
							background: transparent url(../images/tabelhoofd_oplopend.png) no-repeat right 3px;
							color: #fff;
							}
th.sorted_descending		{
							background: transparent url(../images/tabelhoofd_aflopend.png) no-repeat right 3px;
							color: #fff;
							}
div.filterable				{
							text-align: right;
							margin-top: -2em;
							margin-bottom: 1em;
							font-size: 1.2em;
							}
div.filterable input, div.filterable select
							{
							margin-left: 1em;
							}
form div.filterable			{
							font-size: 1em;
							}
/********************************
DETAILS
********************************/
div.details					{
							background-color: #fff;
							border: 1px solid #afb1a9;
							border-top-color: #e2e6d5;
							border-left-color: #e2e6d5;
							margin-bottom: 2em;
							margin-top: 1em;
							width: 40em;
							padding: 1em;
							}
div#flash_kaartje			{
							position: absolute;
							top: 235px;
							left: 50em;
							width: 44em;
							}
form div#flash_kaartje		{
							font-size: 0.84em; /* 1 / 1.2 == 0.8333 */
							position: static;
							}
h3							{
							color: #799f00;
							font-size: 1.4em;
							font-weight: normal;
							clear: both;
							margin-bottom: 0.5em;
							}
dl							{
							font-size: 1.2em;
							line-height: 1.6;
							}
dt							{
							float: left;
							clear: left;
							width: 16em;
							font-weight: bold;
							color: #000;
							}
dd							{
							float: left;
							width: 16em;
							}
dl ul						{
							list-style-type: none;
							}
.clear						{
							clear: both;
							}
/********************************
ZOEKEN
********************************/
.hor_scheiding				{
							margin: 2em 0 3em 0;
							background: transparent url(../images/scheiding_liggend.png) no-repeat center center;
							height: 1em;
							}
#zoekformulier input, #zoekformulier select
							{
							width: 15em;
							}
/********************************
ACTUEEL
********************************/
#actueel					{
							max-width: 800px;
							}
#actueel ul, #actueel ol	{
							list-style-position: inside;
							font-size: 1.2em;
							}
h3 .actueel_datum			{
							color: #526611;
							}
#actueel h3					{
							height: 1.4em;
							}
.actueel_hor_scheiding		{
							margin: 2em 0;
							background: transparent url(../images/actueel_scheiding_liggend.gif) repeat-x;
							height: 1px;
							}
#actueel img				{
							padding: 5px;
							background: #fff;
							margin: 0.5em;
							border: 1px solid #afb1a9;
							border-top-color: #e2e6d5;
							border-left-color: #e2e6d5;
							}
/********************************
ANDERE
********************************/
#disclaimer	ul				{
							list-style-position: outside;
							font-size: 1.2em;
							margin-left: 2em;
							margin-bottom: 1.5em;
							}
#contact					{
							font-size: 1.2em;
							}
#contact .org, #contact .adr, #contact .tel
							{
							margin-bottom: 0.5em;
							}
dl#nuttige_links dt, dl#nuttige_links dd
							{
							float: none;
							width: auto;
							font-weight: normal;
							}
dl#nuttige_links dd			{
							margin-bottom: 1em;
							}
h3.hoofding_interne_links	{
							display: inline;
							margin-right: 0.2em;
							}
h3.hoofding_interne_links:after
							{
							content: ":";
							}
ul.interne_links			{
							list-style: none;
							display: inline;
							}
ul.interne_links li			{
							display: inline;
							}