form {
margin: 2pt 0pt;
}

body {
margin: 0pt;
font-family:Arial, helvetica, sans-serif;
font-size:10pt;
color:#000000;
background-color:#FFFFFF;
}

h1 {
font-size:20pt;
}

h2 {
font-size:16pt;
}

h3 {
font-size:13pt;
}

h4 {
font-size:11pt;
margin: 1em 0 .2em 0;
}

h5 {
font-size:10pt;
}

h6 {
font-size:8pt;
}

p,ul,ol {
margin-top: .5em;
margin-bottom: .5em;
}

td.box {
color: #FF3333;
font-size:11pt;
font-style: italic;
font-weight: bold;
text-align: center;
padding: 4pt 10pt;
border-left: 3px solid #FF3333;
}

td.notice {
border: 1px solid black;
padding: 3pt;
}

td.column {
border-left: 1px solid #0B60B0;
padding: 0 .5em;
}

th {
background-color:#0B60B0;
font-family:Arial, helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
text-align: left;
color:#FFFFFF;
}

th.menubar {
background-color: #0B60B0;
color:black;
border-bottom: 2px solid #0B60B0;
padding: 10px;
border-bottom: 0px;
}

table.menuball {
text-color: black;
border-radius: 15px;
border: 0px solid #eeeeee;
background-color: #eeeeee;
padding-top: 4px;
padding-bottom: 4px;
}

.EknipAdminPix {
padding-top: 0;
padding-right: 5px;
}

tr.odd,
.evenodd tr:nth-child(odd) {
background-color:#EEEEEE;
}

tr.even,
.evenodd tr:nth-child(even) {
background-color:#FFFFFF;
}

b.big {
color:#FFFFFF;
font-size: 11pt;
}

b.small {
color:#999999;
font-size: 9pt;
}

b.red {
color: #FF0000;
font-weight: bold;
}

b.green {
color: #00AA00;
font-weight: bold;
}

i.small {
color:#999999;
font-size: 9pt;
}

b.smalltitle {
color:#FFFFFF;
font-size: 7.5pt;
font-weight: normal;
}

A:link {color:#0000FF}
A:visited {color:#6600CC}
A:active {color:#00FF00}
A:hover {color:#3366FF}
A.header:link {color:#FFFFFF;}
A.header:visited {color:#FFFFFF;}
A.header:active {color:#00FF00}
A.header:hover {color:#FF0033;}
TH A:link {color:black;}
TH A:visited {color:black;}
TH A:active {color:#00FF00}
TH A:hover {color:black;}
A.high:link {color:#FFFFFF;}
A.high:visited {color:#FFFFFF;}
A.high:active {color:#00FF00}
A.high:hover {color:#FFFFFF;}
B.high {color:#FFFFFF; font-style: italic;}
B.high a {text-decoration:none;}
TH.highlight A:link {color:#FFFFFF;}
TH.highlight A:visited {color:#FFFFFF;}
TH.highlight A:active {color:#00FF00}
TH.highlight A:hover {color:#FFFFFF;}
A.selected:link {color:#FFFFFF; text-decoration:none; font-weight:bold;}
A.selected:visited {color:#FFFFFF; text-decoration:none; font-weight:bold;}
A.selected:active {color:#00FF00; text-decoration:none; font-weight:bold;}
A.selected:hover {color:#6699FF; text-decoration:underline; font-weight:bold;}
A.grayed:link {color:#999999;}
A.grayed:visited {color:#999999;}
A.grayed:active {color:#00FF00}
A.grayed:hover {color:#3366FF}

table {
font-family:Arial, helvetica, sans-serif;
font-size:10pt;
}

table.data {
font-family:Arial, helvetica, sans-serif;
font-size:10pt;
width: 100%;
}

th.layout {
border-bottom: 4px solid blacks;
padding-top: 10px;
}

th.search {
color:#000000;
background-color:#FFFFFF;
font-weight:normal;
}

td {
font-family:Arial, helvetica, sans-serif;
font-size:10pt;
}

td.layout {
border:0px;
}

td.mainlayout {
border:0px;
// border-left: 8px solid #0B60B0;
// border-right: 8px solid #0B60B0;
padding-left: 20px;
paddding-right: 20px;
}

.number {
font-size:9pt;
text-align:right;
}

td.edge {
border: 1px solid black;
background-color:#EEEEEE;
}

input {
font-family:Arial, helvetica, sans-serif;
font-size: 9pt;
margin: 0px 0px;
}

input.text {
border: 0px solid black;
background-color:#EEEEEE;
}

textarea.text2, input.text2 {
margin: 1px 0px;
border: 1px solid black;
background-color:#EEEEEE;
}

input.box, select.box {
border: 1px solid black;
background-color:#EEEEEE;
}

/* Add css for inputs in databoxes */
.boxed {
background-color: white;
border: 1px solid hsl(210, 10%, 70%);
}

.idd-prevent-enter-submit {
margin: 0px 0px; */
}

input.smallbutton {
font-size: 7pt;
height: 20px;
}

select {
font-family:Arial, helvetica, sans-serif;
font-size: 9pt;
margin: 0;
border: 0px solid black;
background-color:#EEEEEE;
}

textarea.box {
border: 1px solid black;
}

.indent {
margin-left:16px;
}

.small {
font-size: .8em;
}

.error {
color: #CC0000;
font-weight: bold;
}

hr {
height: 0px;
color: #0B60B0;
border: 0px;
border-bottom: 1px solid #0B60B0;
}

a.menuitem:hover {
color: #6829B4;
}

a.menuitem {
color: black;
text-decoration: none;
}

HR.submenu {
border: 0px;
height: 0px;
padding: 0px;
margin: 0px;
}

DIV.submenu {
margin-top: -10px;
font-size: 11px;
}

.form label {
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
width:100px;
}

#break {
clear:both;
}

#container {
width:100%;
float:left;
}

#invoerveld {
width:40%;
float:left;
border-right:1px solid #0B60B0;
}

#uitleg {
float:right;
position:relative;
width:140%;
margin-right:-145%;
}

fieldset.notes {
margin: 0;
padding: 0;
border: none;
} 

p.bigred {
color:red;
font-size:14pt;
}

p.bigred_comment {
color:#774444;
font-size:12pt;
margin:0px;
padding:0px;
}

/* TAGS */
.tags {
border-color: #EEEEEE;
border-style: inset;
border-width: 2px;
padding: 3px 3px 0 3px;
white-space: nowrap;
width: 400px;
}

.tags input {
border: none;
margin-bottom: 3px;
}

.tags div {
display: inline-block;
margin-bottom: 3px;
}

.tags div span.tag {
background-color: rgb(59,164,255);
color: #FFFFFF;
font-weight: lighter;
padding: 0px 3px;
margin: 0 0 3px 0;
border-radius: 15px;
border: 1px solid rgb(244, 244, 245);
}

.tags span.remove {
padding: 3px;
padding-left: 1px;
padding-right: 5px;
cursor: pointer;
border-radius: 15px;
color: #666666;
font-size: 0.8em;
top: -0.5em;
position: relative;
}

.tags span.remove:hover {
color: #000000;
font-weight: bold;
padding-right: 4px;
}

.acResults ul {
list-style-type: none;
background-color: #F6F6F6;
border: 1px solid #666666;
margin: 0;
}

.acResults ul li {
padding: 0px 5px;
margin: 0;
font-size: 14px;
}

.acSelect {
background-color: #BBBBBB;
}

.acMatch {
font-size: 14px;
}