/* algemeen: */

body,td,div   {font-family: Arial,sans-serif; font-size: 10pt; font-style: normal;}
body          {margin: 25px 35px; color: #000000; background-color: #FFFFFF; }
body.beheer     {margin-left: 50px; margin-top: 20px;}

a             {color: #3090f0; text-decoration: none; cursor: pointer;}
a:hover       {color: #3090f0; text-decoration: underline;} 
a.black_uit       {color: black; text-decoration: none;}
a.black_uit:hover {color: black; text-decoration: underline;} 
a.black       {color: black; }
a.black:hover {color: #3090f0; text-decoration: underline; } 
a.alert       {color: red; font-weight: bold; text-decoration: none;}
a.alert:hover {color: red; font-weight: bold; text-decoration: underline;} 
a.bewerk      {color: #aaa; font-style: normal;}
a.bewerk:hover  {color: #3090f0; text-decoration: none;}
a.kruimel      {color: #000; font-style: normal;}
a.kruimel:hover  {color: #888; text-decoration: none;}

.klein        {font-family: Arial,sans-serif; font-size: 8pt;}
.kleingrijs   {font-family: Arial,sans-serif; font-size: 8pt; color: #A0A0A0;}

/* pagina: */

#content      {overflow: hidden; width: 1250px; }
#content_max  {overflow: hidden; width: 1350px; }
#left         {float: left; width: 180px; min-height: 400px; overflow: hidden; }
#right_wide   {float: right; width: 1000px; }
#right_wider  {float: right; width: 1020px; }
#right_max    {float: right; width: 1120px; }
#right        {float: right; width: 750px; min-height: 600px; margin-right: 250px; overflow: hidden; border-bottom: 1px dotted #C0C0C0; }
#right_plus   {float: right; width: 820px; min-height: 600px; margin-right: 180px; overflow: hidden; border-bottom: 1px dotted #C0C0C0; }


.menukop      {width: 150px; border: 1px solid #C0C0C0;}
.menukop img  {margin: 5px 0px 5px 0px; border: 0px;}
.menublok     {width: 150px; border: 1px solid #C0C0C0; padding: 5px 8px; margin-bottom: 20px;}
.titel        {font-size: 13pt; font-weight: bold; }
.subtitel     {font-family: Arial; font-size: 10pt; font-weight: bold;}
.beheerder    {font-family: Arial,sans-serif; font-size: 11pt; font-style: italic; line-height: 1.3;}
.menu_item    {font-family: Arial,sans-serif; font-size: 11pt; line-height: 1.3; color: #aaa; }
.menu_data    {margin-left: 10px; font-family: Arial,sans-serif; font-size: 11pt; line-height: 1.3; color: #aaa; }
.kop          {font-size: 11pt; font-weight: bold;}
.paginakop    {padding: 5px 0px; margin-bottom: 14px; font-family: Arial; font-size: 11pt; font-weight: bold; color: black; border-bottom: 1px solid #000;}
.popupkop     {padding-bottom: 10px; font-family: Verdana; font-size: 10pt; font-weight: bold; color: black;}

.sub_menu     {display: none; padding: 5px; border: 1px solid #c0c0c0; height: auto; width: 140px; background-color: #fff; position: absolute; }

img.spinner   {position: fixed; left: 50%; top: 150px; width: 64px; height: 64px; z-index: 100; background-color: #fff; border-radius: 32px;}

td.status .status_left {float: left; width: 75%;}
td.status .status_right {float: left; width: 25%; text-align: right;}

a.item_uit        {color: #000000; text-decoration: none; }
a.item_uit:hover  {color: #000000; text-decoration: underline;} 
a.item_aan        {color: #000000; font-weight: bold; text-decoration: none; }
a.item_aan:hover  {color: #000000; font-weight: bold; text-decoration: underline;} 
a.item_alarm_uit        {color: #ff0000; text-decoration: none; }
a.item_alarm_uit:hover  {color: #ff0000; text-decoration: underline;} 
a.item_alarm_aan        {color: #ff0000; font-weight: bold; text-decoration: none; }
a.item_alarm_aan:hover  {color: #ff0000; font-weight: bold; text-decoration: underline;} 

a.actielink       {font-family: Arial,sans-serif; font-size: 10pt; font-weight: bold; color: #205080; line-height: 1.3;}
a.actielink:hover {font-family: Arial,sans-serif; font-size: 10pt; font-weight: bold; color: #306090; line-height: 1.3;} 

/* intro */
.intro_klanten      {margin-bottom: 30px; }
.intro_klanten .th1 {float: left; width: 140px; padding-right: 10px; font-style: italic; }
.intro_klanten .th2 {float: left; width: 230px; padding-right: 10px; font-style: italic; }
.intro_klanten .th3 {float: left; width: 180px; padding-right: 10px; font-style: italic; }
.intro_klanten .th4 {float: left; width: 220px; padding-right: 0px; font-style: italic; }
.intro_klanten .th5 {float: left; width: 410px; padding-right: 0px; font-style: italic; }
.intro_klanten .td1 {float: left; width: 140px; padding: 2px 10px 2px 0; }
.intro_klanten .td2 {float: left; width: 230px; padding: 2px 10px 2px 0; }
.intro_klanten .td3 {float: left; width: 180px; padding: 2px 10px 2px 0; }
.intro_klanten .td4 {float: left; width: 220px; padding: 2px 0 2px 0; }
.intro_klanten .td5 {float: left; width: 410px; padding: 2px 0 2px 0; }
.intro_klanten .td5a {float: left; width: 390px; padding: 2px 0 2px 0; }
.intro_klanten .td5b {float: left; width: 20px; padding: 2px 0 2px 0; }
.intro_klanten a    {color: #000;}
.intro_klanten .bg  {background-color: #f0f0f0; }

.intro_acties       {margin-bottom: 30px; }
.intro_acties .th1  {float: left; width: 140px; padding-right: 10px; font-style: italic; }
.intro_acties .th2  {float: left; width: 110px; padding-right: 10px; font-style: italic; }
.intro_acties .th3  {float: left; width: 230px; padding-right: 10px; font-style: italic; }
.intro_acties .th4  {float: left; width: 300px; padding-right: 0px; font-style: italic; }
.intro_acties .td1  {float: left; width: 140px; padding: 2px 10px 2px 0; }
.intro_acties .td2  {float: left; width: 110px; padding: 2px 10px 2px 0; }
.intro_acties .td3  {float: left; width: 230px; padding: 2px 10px 2px 0; }
.intro_acties .td4  {float: left; width: 300px; padding: 2px 0 2px 0; }
.intro_acties a     {color: #000;}
.intro_acties .bg   {background-color: #f0f0f0; }

.intro_response       {margin-bottom: 30px; }
.intro_response .th1  {float: left; width: 140px; padding-right: 10px; font-style: italic; }
.intro_response .th2  {float: left; width: 190px; padding-right: 10px; font-style: italic; }
.intro_response .th3  {float: left; width: 225px; padding-right: 10px; font-style: italic; }
.intro_response .th4  {float: left; width: 225px; padding-right: 0px; font-style: italic; }
.intro_response .td1  {float: left; width: 140px; padding: 2px 10px 2px 0; }
.intro_response .td2  {float: left; width: 190px; padding: 2px 10px 2px 0; }
.intro_response .td3  {float: left; width: 225px; padding: 2px 10px 2px 0; }
.intro_response .td4  {float: left; width: 225px; padding: 2px 0 2px 0; }
.intro_response a     {color: #000;}
.intro_response .bg   {background-color: #f0f0f0; }

/* overzicht tabel */

.overzicht    {width: 100%;}
.overzicht .k1  {width: 145px; padding-right: 10px; vertical-align: top;}
.overzicht .k2  {width: 460px; padding-right: 10px; vertical-align: top; word-break: break-word; overflow-x: hidden;}
.overzicht .k3  {width: 125px; padding-right: 0px; text-align: right; vertical-align: top;}

.k2 .notitie_kop {padding: 2px 5px; background-color: #ddd; color: #fff; margin-top: 5px;}
.k2 .notitie_body {border: 1px solid #ddd; padding: 5px;  font-size: 10px; margin-bottom: 10px;}

/* pagina indeling */

.actiebalk {background-color: #f3f8fb;}
.ab_label  {padding: 5px 5px; margin-bottom: 20px; width: 120px;  vertical-align: top; font-size: 11pt; font-weight: bold; font-style: normal; color: #3090f0; }
.ab_acties        {padding: 5px 0px; margin-bottom: 20px; font-size: 11pt; color: #3090f0; }
.ab_acties a      {color: #3090f0;  text-decoration: none; padding-right: 15px; }
.ab_acties a:hover {color: #3090f0;  text-decoration: underline;}
.ab_tekst       {font-family: Arial,sans-serif; font-size: 11pt; color: #3090f0; text-decoration: none; }

.status_label {width: 130px; padding: 0 0 20px 0; font-size: 10pt; font-style: italic; color: #000000;}
.status       {padding: 0 0 20px 0; font-size: 10pt; font-style: italic; color: #000000;}

.vraag        {font-size: 10pt; padding-bottom: 3px; border-bottom: 1px dotted #C0C0C0; margin-bottom: 10px; font-weight: bold; }
.vraag_ruim   {font-size: 10pt; padding: 0 0 3px; border-bottom: 1px dotted #C0C0C0; margin-bottom: 20px; font-weight: bold;}
.vraag_zonder {font-size: 10pt; padding-bottom: 10px; font-weight: normal; font-style: italic; }
.vraag_rechts {float: right; font-weight: normal;}
.vraag_intake {float: right; font-weight: normal; color: #888;}
.vraag_insr   {float: right; margin-top: 3px; font-weight: normal; font-size: 8pt; color: #888;}
.vraag_alarm  {float: right; font-weight: normal; color: orange;}

.ruler        {border-top: 1px dotted #C0C0C0;}

/* algemeen */

.w595 {width: 595px !important;}
.w545 {width: 545px !important;}
.w400 {width: 400px !important;}
.w300 {width: 300px !important;}
.w250 {width: 250px !important;}
.w200 {width: 200px !important;}
.w150 {width: 150px !important;}
.w140 {width: 140px !important;}
.w130 {width: 130px !important;}
.w120 {width: 120px !important;}
.w100 {width: 100px !important;}
.w60 {width: 60px !important;}

.h15 {height: 15px !important;}
.h20 {height: 20px !important;}
.h30 {height: 30px !important;}
.h35 {height: 35px !important;}
.h40 {height: 40px !important;}
.h45 {height: 45px !important;}
.h50 {height: 50px !important;}
.h60 {height: 60px !important;}

.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}

.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}

.normal {font-style: normal;}
.italic {font-style: italic;}
.normal-weight {font-weight: normal !important;}
.cursief      {font-style: italic}
.text-right {text-align: right; }

.oranje       {color: orange;}
.groen        {color: #00b000;}
.dgroen       {color: #008000;}
.grauw        {color: #80c080;}
.rood         {color: #ff0000;}
.roze         {color: #ff5555;}
.blauw        {color: #0000ff;}
.grijs        {color: #aaaaaa;}
.dgrijs       {color: #808080;}
.zwart        {color: #000000;}

.topalign {vertical-align: top;}

/* formulier */

input,select,textarea  {font-family: Arial,sans-serif; font-size: 10pt; color: #303030; }
select:disabled, input:disabled {color: #a0a0a0;}
button.groot, input[type=button].groot {font-size: 11pt; line-height: 100%; margin: 0; padding: 4px 15px 4px 15px;}

.fullwidth {width: 100%;}

.select, .textarea  {float: left; padding: 2px 5px; border: 1px solid #e0e0e0; box-sizing: border-box;}
input.text    {float: left; padding: 2px 5px; border: 1px solid #e0e0e0; box-sizing: border-box; }
input.text-float    {float: left; padding: 2px 5px; border: 1px solid #e0e0e0; text-align: right; box-sizing: border-box;}
.textarea.cms {height: 150px; overflow: visible;}
.overflow {overflow: visible;}

.label        {width: 120px; padding: 3px 10px 0 0; vertical-align: top; }
.label_toon   {width: 120px; vertical-align: top; }
.label_tijd   {width: 145px; vertical-align: top; }
.quest        {width: 25px; padding-top: 3px; vertical-align: top; }
.inhoud       {width: 595px; vertical-align: top; }
.inhoud.opm   {height: 50px;}
.open         {height: 20px;}
.alarm        {color: red; font-weight: bold;}
.alert        {color: orange;}
.easy         {color: #00b000;}
.preview      {color: #8080e0;}
.nieuw        {color: #a0a0a0;}
.veld         {color: #a0a0a0;}
.janee        {float: left; width: 100px; height: 22px; font-size: 10pt; }
.radioblok    {float: left; width: 300px; height: 22px; font-size: 10pt; }
.radioblok_plus    {float: left; width: 500px; height: 22px; font-size: 10pt; }
.extra        {float: left; width: 200px; height: 22px; padding: 3px 0 0 10px; font-size: 10pt; overflow: hidden; }
.extra_kort   {float: left; width: 80px; height: 22px; padding: 3px 0 0 10px; font-size: 10pt; overflow: hidden; }
.extra_open   {float: left; width: 10px; height: 22px; padding: 3px 0 0 10px; font-size: 10pt; overflow: hidden; box-sizing: border-box; }
.jn-tussen       {float: left; width: 80px; height: 22px; padding: 3px 10px 0 0; text-align: right; font-size: 10pt; box-sizing: border-box;}
.periode-tussen {float: left; width: 40px; height: 22px; text-align: center; font-size: 10pt;}
.gevonden      {background-color: #ffff00;}
.ww           {color: #aaa; font-style: italic; }
.hand         {cursor: pointer;}
.inhoud p     {margin: 0px; padding: 0 0 6px 0; font-size: 12px; color: #000000; }

.vervallen    {padding-top: 30px; color: red;}

.tinybutton   {font-size: 8pt;}
.indexbutton  {font-size: 9pt; width: 30px; height: 22px}
.varbutton    {font-size: 9pt; height: 22px}
.smallbutton  {font-size: 9pt; width: 75px; height: 22px}
.button       {font-size: 9pt; width: 100px; height: 22px;}
.longbutton   {font-size: 9pt; width: 150px; height: 22px;}
.bigbutton    {font-size: 10pt; width: 250px; height: 26px}
.up4          {margin-top: -4px;}
.inblok310    {display: inline-block; width: 310px;}

.questwindow  {position: absolute; display: none; border: 1px solid #e0e0e0; padding: 5px 7px 10px 7px;  width: 300px; min-height: 50px; height: auto; font-size: 10pt; color: #000; background-color: #f8f8f8; }
.im_quest     {width: 16px; height: 16px; margin-right: 9px;}

/* vergelijken */

.verg_top  {width: 100%; height: 50px;}
.verg_top_header {float: left; width: auto; height: auto; font-size: 12pt; font-style: normal; margin-top: -1px;}
.verg_top_navig {float: right; width: auto; height: auto;  font-size: 11pt; padding-top: 1px; color: #999;}
.verg_bottom {width: 100%; height: auto;}
.verg_bottom_navig {float: right; width: auto; height: auto;  font-size: 11pt; padding-top: 20px; color: #999;}

/* cms */

.cmsbalk      {float: left; padding-bottom: 3px; text-align: right;}
.cmsknop      {width: 23px; height: 23px; margin-left: 3px; border: 0px; cursor: pointer;}
.cmspreview   {float: left; padding: 2px 4px; min-height: 152px; height: auto; overflow: visible; border: 2px dotted #c0c0c0; box-sizing: border-box;}
.floatleft    {float: left; padding-right: 5px;}
.floatright   {float: right; padding-left: 5px;}
.img_left     {float: left; padding-right: 5px;}
.img_right    {float: right; padding-left: 5px;}
.img_left_clear   {display: block;}
.clear        {clear: both; height: 0px; overflow: hidden;}

#cms a        {color: #e53527; text-decoration: none;}
#cms a:hover  {color: #e53527; text-decoration: underline;}

/* agenda */

.agenda         { position: absolute; display: none; width: 230px; height: auto; border: 1px solid #e0e0e0;  background-color: #f0f0f0;  }
.agenda table   {width: 210px; margin: 10px 10px 5px 10px; font-size: 9pt;}
.agenda td.top  {font-weight: bold; margin-bottom: 15px; text-align: center;}
.agenda td.th   {width: 30px; font-style: bold; margin-bottom: 10px; text-align: center;}
.agenda td.datum {width: 26px; font-style: bold; margin-bottom: 5px; padding-right: 4px; text-align: right;}
.agenda td.datum.aan {background-color: #ffffff;}
.agenda td a        {font-weight: normal;}
.agenda td a:hover  {text-decoration: none; color: red; }
.agenda td.sluit {padding: 5px 5px 0 0; text-align: right; font-size: 8pt;}

/* diversen */

.mailbutton   {display: inline-block; text-decoration: none; font-size: 15px; color: #ffffff; background-color: #0c68b5; border-top: 12px solid #0c68b5; border-bottom: 12px solid #0c68b5; border-left: 18px solid #0c68b5; border-right: 18px solid #0c68b5; border-radius: 12px;}

#help         {position: absolute; visibility: hidden; top: 20px; left: 650px; width: 300px; height: 350px; overflow: auto; padding: 7px; border: 1px solid #D0D0D0; background-color: white;} 

.helpkop      {padding: 2px; background-color: #000000}

a.help        {font-family: Arial,sans-serif; font-size: 11pt; font-weight: bold; color: #000000; text-decoration: none;}
a.help:hover  {font-family: Arial,sans-serif; font-size: 11pt; font-weight: bold; color: #000000; text-decoration: underline;} 

/* navigatie: beoordelingen */

.navbalk:before,
.navbalk:after {content: " "; display: table; clear: both; }
.navbalk .fleft {float: left; width: 50%; text-align: left;}
.navbalk .fright {float: left; width: 50%; text-align: right;}

/* table */

.bm table { width: 100%; margin: 20px 0 40px; border: 1px solid #d4d4d4; border-collapse: collapse; }
.bm th { vertical-align: top; padding: 5px 3px 5px 3px; font-size: 13px; font-style: italic; font-weight: bold; border-bottom: 1px solid #d4d4d4; color: #000000; }
.bm td { vertical-align: top; padding: 3px 3px; font-size: 13px; border-bottom: 0px dotted #d4d4d4; color: #505050;}
.bm th.ek  { width: 20%; vertical-align: bottom; text-align: left; border-right: 1px solid #d4d4d4;}
.bm th.tk { width: 4.2%; vertical-align: bottom; text-align: right;  }
.bm th.lk { width: 4.2%; vertical-align: bottom; text-align: right;  border-left: 1px solid #d4d4d4;}
.bm th.bl  { border-left: 1px solid #d4d4d4; }
.bm td.ek  { width: 20%; text-align: left; border-right: 1px solid #d4d4d4; }
.bm td.tr  { padding-top: 0px; }
.bm td.bl  { border-left: 1px solid #d4d4d4;  }
.bm td.zw  { color: #000000; }
.bm td.gr  { color: #505050; }
.bm td.or  { padding-top: 0px; border-bottom: 1px dotted #d4d4d4; }
.bm td.lr  { border-top: 1px solid #d4d4d4; }
.bm td.tk { width: 4.2%; text-align: right;  }
.bm td.lk { width: 4.2%; text-align: right;  border-left: 1px solid #d4d4d4; }

.comment30 {margin-top: -30px; margin-bottom: 30px;}
.comment20 {margin-top: -20px; margin-bottom: 20px;}

.cv { margin-bottom: 20px;}
.cv.klantbij { margin-bottom: 30px;}
.cv.uitleg { float: left; width: 50%; margin-bottom: 20px;}
.cv.tabel { float: left; width: 45%; margin-left: 5%; margin-top: 0px; margin-bottom: 20px;}
.cv .titel { font-size: 13px; font-weight: bold;}
.cv table { width: 100%; margin: 10px 0 30px 0; border: 1px solid #d4d4d4; border-collapse: collapse; }
.cv.tabel table {margin: 0; }
.cv.klantbij table {width: 45%;}
.cv th { vertical-align: top; padding: 5px 3px 5px 3px; font-size: 13px; font-style: italic; font-weight: bold; border-bottom: 1px solid #d4d4d4; }
.cv th.sb { font-size: 11px; font-weight: normal; }
.cv td { vertical-align: top; padding: 3px 3px; font-size: 13px; border-bottom: 0px dotted #d4d4d4; }
.cv th.ek  { width: 10%; vertical-align: bottom; text-align: left; color: #000; border-right: 1px solid #d4d4d4;}
.cv th.tk { width: 7.5%; vertical-align: bottom; text-align: right;  border-right: 1px solid #d4d4d4;}
.cv th.tl  {text-align: left;}
.cv td.ek  { width: 10%; text-align: left; color: #000; border-right: 1px solid #d4d4d4; }
.cv td.tk { width: 7.5%; text-align: right;  border-right: 1px solid #d4d4d4;}
.cv td.lr  { border-top: 1px solid #d4d4d4; }
.cv td.tr  { border-top: 1px dotted #d4d4d4; }

.actieregel { float: right; text-align: right; width: 150px; margin-top: -45px;}
.commentcv { font-size: 12px; margin-top: -20px}

.rt .titel { font-size: 13px; font-weight: bold;}
.rt table { width: 100%; margin: 10px 0 30px 0; border: 1px solid #d4d4d4; border-collapse: collapse; }
.rt th { vertical-align: top; padding: 5px 3px 5px 3px; font-size: 13px; font-style: italic; font-weight: bold; border-bottom: 1px solid #d4d4d4; }
.rt td { vertical-align: top; padding: 3px 3px; font-size: 13px; border-bottom: 0px dotted #d4d4d4; }
.rt th.ek  { width: 12%; vertical-align: bottom; text-align: left; color: #000; border-right: 1px solid #d4d4d4;}
.rt th.tk { width: 8%; vertical-align: bottom; text-align: right;  border-right: 1px solid #d4d4d4;}
.rt th.tkp { width: 11%; vertical-align: bottom; text-align: right;  border-right: 1px solid #d4d4d4;}
.rt td.ek  { width: 12%; text-align: left; color: #000; border-right: 1px solid #d4d4d4; }
.rt td.tk { width: 8%; text-align: right;  border-right: 1px solid #d4d4d4;}
.rt td.tkp { width: 11%; text-align: right;  border-right: 1px solid #d4d4d4;}
.rt td.lr  { border-top: 1px solid #d4d4d4; }
.rt td.bo  { border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}
.rt td.tr  { border-top: 1px dotted #d4d4d4; }

.commentrt { margin-top: -25px; margin-bottom: 30px;} 

.la .titel, .lo .titel { font-size: 13px; font-weight: bold;}
.la table, .lo table { width: 100%; margin: 10px 0 30px 0; border: 1px solid #d4d4d4; border-collapse: collapse; }
.la th, .lo th { vertical-align: top; padding: 5px 3px 5px 3px; font-size: 13px; font-style: italic; font-weight: bold; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; }
.la td, .lo td { vertical-align: top; padding: 3px 3px; font-size: 13px; border-bottom: 1px dotted #d4d4d4; border-right: 1px solid #d4d4d4; }
.la th.ek  { width: 9%; text-align: left; color: #000;  }
.la th.tk { width: 24%; text-align: left; }
.la th.mk { width: 11%; text-align: center; }
.la th.lk { width: 7%; text-align: center; }
.la td.ek  { width: 9%; text-align: left; color: #000;  }
.la td.ek .dat  { padding-right: 5px; text-align: right; }
.la td.tk { width: 24%; text-align: left; }
.la td.mk { width: 11%; text-align: center; }
.la td.lk { width: 7%; text-align: center; }
.la td.lr  { border-top: 1px solid #d4d4d4; }

.lo th.tk { width: 20%; text-align: left; }
.lo th.mk { width: 15%; text-align: center; }
.lo th.lk { width: 15%; text-align: right; }
.lo td.tk { width: 20%; text-align: left; }
.lo td.mk { width: 15%; text-align: center; }
.lo td.lk { width: 15%; text-align: right; }
.lo td.lr  { border-top: 1px solid #d4d4d4; }

.fl .titel { font-size: 13px; font-weight: bold;}
.fl table { width: 100%; margin: 10px 0 30px 0; border: 1px solid #d4d4d4; border-collapse: collapse;}
.fl th { vertical-align: top; padding: 5px 3px 5px 3px; font-size: 13px; font-style: italic; font-weight: bold; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; box-sizing: content-box;}
.fl td { vertical-align: top; padding: 3px 3px; font-size: 13px; border-bottom: 1px dotted #d4d4d4; border-right: 1px solid #d4d4d4; box-sizing: content-box;}
.fl th.ek  { width: 10%; text-align: left; color: #000;  }
.fl th.tk { width: 20%; text-align: left; }
.fl th.mk { width: 15%; text-align: left; }
.fl th.lk { width: 10%; text-align: right; }
.fl td.ek  { width: 10%; text-align: right; padding-right: 6px; }
.fl td.tk { width: 20%; text-align: left; }
.fl td.mk { width: 15%; text-align: left; }
.fl td.lk { width: 10%; text-align: right; }
.fl td.lr  { border-top: 1px solid #d4d4d4; }

.bo table { width: 100%; margin: 20px 0 40px; border: 1px solid #d4d4d4; border-collapse: collapse; }
.bo th { vertical-align: top; padding: 5px 3px 5px 3px; font-size: 13px; font-style: italic; font-weight: bold; border-bottom: 1px solid #d4d4d4; }
.bo td { vertical-align: top; padding: 3px 3px; font-size: 13px; border-bottom: 0px dotted #d4d4d4; }
.bo th.ek  { width: 30%; vertical-align: bottom; text-align: left; color: #000; border-right: 1px solid #d4d4d4;}
.bo th.tk { width: 15%; vertical-align: bottom; text-align: right; padding-right: 10px; }
.bo th.lk { width: 55%; vertical-align: bottom; text-align: left;  border-left: 1px solid #d4d4d4;}
.bo td.ek  { width: 30%; padding-left: 10px; text-align: left; color: #000; border-right: 1px solid #d4d4d4; }
.bo td.tr  { padding-left: 3px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
.bo td.lr  { padding-left: 3px; border-top: 1px solid #d4d4d4; }
.bo td.tk { width: 15%; text-align: right; padding-right: 10px; }
.bo td.lk { width: 55%; text-align: left;  border-left: 1px solid #d4d4d4; }
.bo td.es  { padding-top: 8px; padding-bottom: 8px; font-size: 14px; }

.rv table { width: 100%; margin: 20px 0 40px; border: 1px solid #d4d4d4; border-collapse: collapse; }
.rv th { vertical-align: top; padding: 5px 3px 5px 3px; font-size: 13px; font-style: italic; font-weight: bold; border-bottom: 1px solid #d4d4d4; }
.rv td { vertical-align: top; padding: 3px 3px; font-size: 13px; border-bottom: 0px dotted #d4d4d4; }
.rv th.ek  { width: 28%; vertical-align: bottom; text-align: left; color: #000; border-right: 1px solid #d4d4d4;}
.rv th.tk { width: 7%; vertical-align: bottom; text-align: right; padding-right: 10px; }
.rv th.lk { width: 9%; vertical-align: bottom; text-align: right;  border-left: 1px solid #d4d4d4; padding-right: 10px;}
.rv td.ek  { width: 28%; padding-left: 10px; text-align: left; color: #000; border-right: 1px solid #d4d4d4; }
.rv td.ek2  { width: 28%; padding-left: 3px; text-align: left; color: #000; border-right: 1px solid #d4d4d4; }
.rv td.tr  { padding-left: 3px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding-right: 10px;}
.rv td.lr  { padding-left: 3px; border-top: 1px solid #d4d4d4; padding-right: 10px;}
.rv td.tk { width: 7%; text-align: right; padding-right: 10px; }
.rv td.lk { width: 9%; text-align: right; border-left: 1px solid #d4d4d4; padding-right: 10px;}
.rv td.es  { padding-top: 8px; padding-bottom: 8px; font-size: 14px; }

/* charts */

#chart_result_rel  { width: 80%; margin-bottom: 30px;}
#chart_result_abs  { width: 80%; margin-bottom: 30px;}
#chart_conversie   { width: 100%; margin-top: 30px; margin-bottom: 10px}