body {
color: #000000;
background-color: #FFFFFF;
width: 100%;
margin: auto;
}
.totaal_div
{
    max-width: 1200px;
    margin: auto;
    background: white;
    padding: 10px;
}
.midden_div
{
padding: 20px;
min-height:500px;
}

.rood { color: #FF0000; }
.rood_licht { color: #FF0000; }
.oranje { color: #FF8C00; }
.groen { color: #008000; }
.licht_groen { color: #bdecb6; }
.lime { color: #00ff00; }
.blauw { color: #0000FF; }
.dodgerblue { color: #1e90ff; }
.geel { color: #FFFF00; }
.licht_geel { color: #ffec8b; }
.zwart { color: #OOOOOO; }
.wit { color: #FFFFFF; }

.bgcolor_licht_groen  { background: #bdecb6; }
.bgcolor_licht_geel   { background: #ffec8b; }
.bgcolor_licht_oranje { background: #ffc6b3; }

.no_border
{
border: none;
}

.td_error
{
background:#FF0000;
}

.href
{ 
text-decoration:none;
}
.href_kleur
{ 
text-decoration:none;
color: #0000FF;
}
.href_oranje
{ 
text-decoration:none;
color: #FF8C00;
}
.href_groen
{ 
text-decoration:none;
color: #008000;
}
.href_resultaat_database_1
{ 
text-decoration:none;
padding: 2px 10px 2px 2px;
color: #008000;
}
.href_resultaat_database_2
{ 
text-decoration:none;
padding: 2px 10px 2px 2px;
color: #0000FF;
}
.header_form_1
{
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
.header_form_2
{
font-size: 16px;
font-weight: 600;
text-decoration: none;
}
.header-top-left
{
width: 200px;
height: 100px;
padding: 10px;
background: #00ff00;
}
.header-top-midden
{
width: 100%;
height: 100px;
padding: 10px 0px 10px 0px;
text-align: center;
background: #00ff00;
}
.header-top-right
{
width: 200px;
height: 100px;
color: #FFFFFF;
font-size: 20px;
font-weight: 600;
padding: 10px;
background: #00ff00;
}

.opmaak-hadder-titel-1
{
color: #FFFFFF;
font-size: 48;
font-weight:800;
}

.header-navi-left
{
width: 200px;
height: 20px;
padding: 10px;
color: #FFFFFF;
background: #006000;
}
.header-navi-midden
{
width: 100%;
height: 40px;
padding: 0px;
text-align: center;
color: #FFFFFF;
background: #006000;
}
.header-navi-right
{
width: 200px;
height: 20px;
padding: 0px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
background: #006000;
}
.header-navi-right:hover 
{
background-color: #FF0000;
}

.button_navi_header
{
width:120px;
height: 30px;
background-color:#006000;
border: none;
color: white;
text-align: left;
padding: 10px 1px 0px 10px;
margin: 0px;
font-size: 20px;
text-decoration:none;
cursor: pointer;
float:left;
}
.button_navi_header:hover 
{
background-color: #FF0000;
}
.button_navi_header_focus
{
width:120px;
height: 30px;
background-color:#FFFFFF;
border-style: inset;
border-color: #006000;
color: #000000;
text-align: left;
padding: 4px 1px 0px 10px;
margin: 0px;
font-size: 20px;
text-decoration:none;
cursor: pointer;
float:left;
}
.button_navi_header_focus:hover 
{
background-color: #FF0000;
color: white;
}
.button_navi_header_right
{
width:210px;
height: 30px;
background-color:#006000;
border: none;
color: white;
text-align: left;
padding: 10px 1px 0px 10px;
margin: 0px;
font-size: 20px;
text-align: center;
text-decoration:none;
cursor: pointer;
float:left;
}
.button_navi_header_right:hover 
{
background-color: #FF0000;
}

.button
{
width:180px;
background-color:#1e90ff;
border: none;
color: white;
text-align: left;
padding: 12px 16px;
margin: 1px;
font-size: 20px;
text-decoration:none;
cursor: pointer;
}
.button:hover 
{
background-color: #FF0000;
}
.button_focus
{
width:180px;
background-color:#FFFFFF;
border: none;
color: #000000;
text-align: left;
padding: 12px 16px;
margin: 1px;
font-size: 20px;
text-decoration:none;
cursor: pointer;
}
.button_focus:hover 
{
background-color: #FF0000;
color: white;
}
.button_line
{
width:212px;
background-color:#1e90ff;
border: none;
color: white;
text-align: left;
padding: 4px 0px 0px 0px;
margin: 0px;
text-decoration:none;
cursor: pointer;
}


.bottom-left
{
min-height:60px;
padding: 10px;
background: #00ff00;
}
.bottom-midden
{
min-height:60px;
padding: 10px;
text-align: center;
vertical-align: middle;
background: #00ff00;
}
.opmaak-bottom-left-1
{
color: #FFFFFF;
}
.bottom-right
{
min-height:60px;
padding: 10px;
background: #00ff00;
}

.textarea-grow-by-enter
{
resize: none;
overflow: hidden;
}

.div-textarea-grow-border
{
min-height:60px;
width:99%;
padding: 5px;
border-style: solid;
border-width: 1px;
}

.textarea-copy-tekst
{
border: none;
}
.textarea-copy-tekst:active
{
border: none; 
}