﻿body, input, .input, table
{
	font-family: verdana;
	
}
body
{
	margin: 0px;
	color: #202020;
	font-size: 12px;
	line-height: 13pt;
}
/*#214aa6; rood-oranje -> blauw
#0197B5; lichtblauw
#BF6900; bruin
#D0D0FF; roze1
#F0F0FF; roze2
#5050FF; rood ?
#202020; grijs ?*/
div.bdpFooter input 
{
    width: 70px !important;
}
table
{
	vertical-align :top;
}
th
{
	padding: 4px;
	font-weight: bold;
	text-align: left;
}
td
{
	padding: 4px;
}
td.header 
{
    padding: 0;
}
.container
{
	text-align: center;
}
div.header
{
	background: url(img/header-bg.gif) repeat-x;
	height: 55px;
	text-align: left;
}
    div.logo 
    {
        float: left;
    }
    div.login-info 
    {
        float: right;
        margin: 17px 10px 0px 0px;
        color: #949494;
        font-size: 11px;
    }
.left
{
	width: 230px;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: top;
	color: #202020;
}
.content
{
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
	border-left: solid 1px #D0D0D0;
}
.right
{
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: top;
	color: #606060;
}
.copyright
{
	text-align: center;
}
h1
{
	color: #214aa6;
	font-size: 14pt;
}
h1.nomargin 
{
    margin: 0;
}
h2.nomargin 
{
    margin: 0;
    color: #94c912;
}
h2
{
	color: #0197B5;
	font-size: small;
	font-weight: bold;
}
img
{
	border-style: none;
}
img.h1-image 
{
    margin-top: 0px;
}
a
{
	color: #214aa6;
}
/*----LOGIN-----*/
div.loginContainer 
{
    width: 615px;
    height: 312px;
    background: url(img/bg-login.gif) no-repeat;
    padding: 15px;
    margin: auto;
    text-align: left;
    margin-top: 20px;
}
td.loginContent 
{
    text-align: center;
    height: 100%;
}
/*----EINDE-----*/
/*Formulieren Input velden*/
input[type="text"], input[type="password"], textarea
{
    border: 1px solid #c8c6c6;
    font-size: 12px;
}
/*--EINDE---*/
.bigLinks
{
	font-size: 11pt;
}
.inleiding
{
	font-weight: bold;
}
.advertentie
{
	background: #f0f0f0;
	border: solid 1px #214aa6;
	padding: 0px 10px 10px 10px;
	text-align: center;
	font-size: 9pt;
	margin-bottom: 20px;
	padding-top: 10px;
}
/*Menu*/
table.menu
{
	margin-top: 5px;
	margin-bottom: 15px;
	color: #505050;
	font-weight: normal;
	font-size: 12pt;
	margin-left: 15px;
	float: left;
}
td.bg-menu-topleft 
{
    background: url(img/bg-menu-topleft.gif) no-repeat;
    width: 8px;
    height: 67px;
    border-bottom: 1px solid #d9d9d9;
    padding: 0;
}
td.bg-menu-topright 
{
    background: url(img/bg-menu-topright.gif) no-repeat;
    width: 8px;
    height: 67px;
    border-bottom: 1px solid #d9d9d9;
    padding: 0;
}
td.bg-menu-bottomleft 
{
    background: url(img/bg-menu-bottomleft.gif) no-repeat;
    width: 8px;
    height: 28px;
    padding: 0;
}
td.bg-menu-bottomright 
{
    background: url(img/bg-menu-bottomright.gif) no-repeat;
    width: 8px;
    height: 28px;
    padding: 0;
}
td.topmenu
{
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding:0px;
    text-align: center;
}
td.bottom-menu
{
    background: url(img/bg-menu-bottomcenter.gif) repeat-x 0px 0px;
    height: 25px;
    width: 85px;
    padding: 0px 2px 0px 2px;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
}
td.bottom-menu-selected
{
    background: url(img/menuitem-selected.gif) no-repeat 0px 5px;
    height: 25px;
    width: 85px;
    padding: 0px;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
}
a.menuitem-selected
{
    color: white;
    font-size: 11px;
    margin-top: 3px;
    text-decoration: none;
}
/*Left Container*/
table.info
{
    width: 220px;
    margin-bottom: 20px; 
}
    td.info-top 
    {
        background: url(secure/app_img/info-top.gif) no-repeat;
        height: 6px;
        width: 220px;
        padding: 0px;
    }
    td.info-center 
    {
        border-left: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        padding: 0px 10px 10px 10px;
    }
    td.info-bottom 
    {
        background: url(secure/app_img/info-bottom.gif) no-repeat;
        height: 6px;
        width: 220px;
        padding: 0px;
    }
    input.displayEdit 
    {
        height: 15px;
        font-size: 11px;
    }
/*menulinks*/
a.menuitem
{
    color: #214aa6;
    font-size: 11px;
    text-decoration: none;
}
.menuLeft
{
	text-align: left;
}
.menuRight
{
	text-align: right;
}
.menuRight A
{
	color: #505050;
	text-decoration: none;
}
.extraMenuLeft
{
	text-align: left;
	background: #E0E0E0;
	margin-bottom: 10px;
	padding: 5px;
}
.extraMenuLeft th
{
	color: #0197B5;
	font-size: small;
	font-weight: bold;
	padding: 5px;
}
.extraMenuLeft td
{
	padding: 5px;
}
.beheerHeader
{
	background: #f6f6f6;
	margin-bottom: 10px;
	font-size: x-small;
	border: 1px solid #e4e4e4;
}
.dataTable
{
	vertical-align :top;
	width: 100%;
	background: #C4C4C4;
}
.dataTable A
{
	text-decoration: none;
}
.dataTable th
{
	font-weight: normal;
	color: #202020;
	background: #F6F6F6;
	padding: 4px 10px 4px 6px;
	border: none;
}
.dataTable td
{
	padding: 3px 3px 3px 8px;
	background: white;
	border: none;
	border-collapse:separate;
}
.dataTable .first
{
	background: pink;
}
.editTable
{
	vertical-align: middle;
	margin-bottom: 10px;
	background: #e3e3e3;
}
.editTable th
{
	font-weight: normal;
	color: #202020;
	background: #f1f1f1;
	padding: 3px;
	width: 150px;
	vertical-align: top;
	text-align: left;
}
.editTable td
{
	padding: 2px 6px 2px 6px;
	background: #FFFFFF;
	vertical-align: top;
}
.groupHeader
{
	padding: 2px 6px 2px 6px;
}
.editFooter
{
	width: 100%;
	background: #f6f6f6;
	border: 1px solid #e4e4e4;
	margin-bottom: 10px;
}
.button
{
    height: 22px;
	font-size: 8pt;
	width: 100px;
	background: url(app_img/btn-bg.gif);
	border: none;
	margin-right: 5px;
	line-height: normal;
	margin-bottom: 0px;
}
.smallButton
{
	height: 22px;
	font-size: 8pt;
	width: 100px;
	background: url(app_img/btn-bg.gif);
	border: none;
	margin-right: 5px;
	line-height: 11px;
	margin-bottom: 0px;
	vertical-align: baseline;
}

.input
{
	height: 18px;
	background-color: White;
	elevation: level;
}
#priveTr 
{
    display: table-row;
}
.displayEdit
{
	height: 18px;
	background-color: #F0F0F0;
	border-style: solid;
	border-width: 1px;
	border-color: #9090FF;
	elevation: level;
	text-align: left;
}
.mandatoryInput
{
	height: 18px;
	background-color: #E6FFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #9090FF;
	elevation: level;
}
.readonlyInput
{
	height: 18px;
	background-color: #F0F0FF;
	border-style: none;
	elevation: level;
	padding: 1px;
}
.innerTable
{
	margin: 0px;
	background: #e3e3e3;	
}
.innerTable td
{
	margin: 0px;
	padding: 2px;
}
.markedCell
{
	background-color: #5050FF;
}
.selectList
{
	background-color: #F0F0FF;
	border-style: none;
	border-width: 0px;
	elevation: level;
}
.tip
{
	width: 100%;
	background-color: #bbffbb;
	margin-top: 10px;
	margin-bottom: 10px;
	font-style: italic;
}
.tip TD
{
	padding: 5px;
	vertical-align: top;
}
.tabMenuItem
{
	text-align:center;
	font-weight: normal;
	font-size: 12pt;
	margin: -4px;
}
.tabMenuItemSelected
{
	background: #D0D0FF;
	text-align: center;
	font-weight: bold;
	font-size: 14pt;
}
th.checkbox 
{
    padding: 3px 3px 3px 8px !important;
}
/*-----AJAX TABS-----*/
/* IE theme – Backgrounds */
.custom-ajax 
{
    font-size: 11px;
}
/*------Einde------*/
.pdfviewer 
{
    position: relative;
}
/*-----Slider-----*/
.ajax__slider_h_rail 
{
    float: left;
    margin-left: 10px;
}