/* common dialog screens*/
#confirmMailScreen{
/*display:none;*/
 position:absolute;left:0;top:0;z-index:9000; opacity:0.4;filter:alpha(opacity=40); background-color:#000;}

.dialogScreen .mask{position:absolute;z-index:9000; opacity:0.4;filter:alpha(opacity=40); background-color:#000;}

.dialogScreen .dialog{position:absolute;width:440px;height:200px;z-index:9999; display:none;}
.dialogScreen .dialog .titel{padding:7px; height: 22px; font-size:1.1em; font-weight:bold; color:#fbe000;}
.dialogScreen .dialog .tekst{width: 400px; height:110px; padding:10px; font-size:0.9em; color:#000000;}

.dialogScreen .dialog .button { 

/*background: url("../Images/btnBG.png") 0px -50px no-repeat; */
width:80px; height:30px; margin-left:10px; float:left; text-align:center; line-height:30px; vertical-align:middle}
.dialogScreen .dialog .button a{color: #f5f8fa; text-decoration:none; font-weight:bold}
.dialogScreen .dialog .button:hover { background: url("../Images/btnBG.png") 0px 0px no-repeat; width:80px; height:30px;float:left;text-align:center;line-height:30px; vertical-align:middle}
.dialogScreen .dialog .button:hover a{color: #fbe000; text-decoration:none;font-weight:bold}

/*login user bar*/
#isLoggedInBox
{clear:both;
 height:20px;
 width:350px;
 margin-left:auto;
 margin-right:auto;
 background:#FFFFFF;
 border: 1px solid #999999;
 border-top:0px;
 padding:5px  5px 5px 5px;
}
#isLoggedInBox .loggedInText{float:left; width:270px}
#isLoggedInBox .logoff{ float:right;
                        width:60px;
                        text-align:right;}

#isLoggedInBox .logoff a:link{color: #0073a6; text-decoration:none; height:20px;}
#isLoggedInBox .logoff a:hover{color: #0073a6;text-decoration:underline; height:20px;}
#isLoggedInBox .logoff a:visited{color: #0073a6;text-decoration:none;height:20px;}

/*login box en registreer box*/
.leftBox{margin: 10px 0px 0px 10px;}

/*input[type=button] {background: #616442;font-weight:normal; color:#fff; border:1px solid #fff; font-size:13pt;margin-top:20px;margin-bottom:20px;}*/
legend {
    color: #e2a31d !important;
    font-size: 1.1em;
    margin-bottom: 0px;
}
fieldset {border:1px solid rgba(226, 163, 29, 0.6) !important ;font-size:1.0em;padding:10px}
fieldset.main {margin-left:15px}
.clear{clear:both}
/*.editor-label {clear:both; float:left;width:150px; text-align:left; color:#822043; font-size:9pt;}
.editor-field {float:left; width:250px;  color:#822043; font-size:8pt;}
/*.editor-field > input {width:200px;}*/


.identityContainer {position:relative;}
.identityRow{display:table; height:30px}
.identity {
    font-size: 10pt;
    text-align: left;
    color: #33848c
} /*logon identity info na logon*/
    .identity table tr td {
        font-size: 9pt;
        text-align: left;
        color: #33848c
    }
.identity table tr td.cellButton {text-align:right;padding:0px;}
.identityMenu{position:absolute; right: 0px; /*left:150px;*/} /*logon identity info na logon*/
    .identityMenu > ul {
        background: #33848c;
        border: 1px solid #33848c;
        list-style: none;
        width: 150px;
        padding: 0px;
        margin: 0px
    }
.identityMenu > ul li {width:150px;border:none;margin-top:5px;margin-bottom:5px}
    .identityMenu > ul li a {
        font-size: 9pt;
        text-decoration: none;
        color: white;
        padding: 10px;
    }
    .identityMenu > ul li:hover {
        background: rgba(51, 132, 140, 0.7);
        color: white
    }
.identity .identityButton {
    border: none;
    color: #33848c;
    background: url("../../../Images/accountLogo.png") no-repeat;
    width: 40px;
    height: 27px;
    margin-left: 5px;
    padding: 0px;
    border-radius:4px;
}
/*einde login en registreer*/

/*mainMenu*/
.mainMenu{margin:10px 0px 10px 10px;}
.mainMenu > ul {background:#fff; border:none; list-style:none;padding:0px;margin:0px}
    .mainMenu > ul li {
        margin: 0px 0px 0px 5px;
        background: #33848c;
        padding: 5px;
        height: 20px;
        border: 1px solid #33848c;
        zoom: 1;
        display: inline;
        list-style: none;
    }
.mainMenu > ul li  a {color:#fff; text-decoration:none; font-size:11pt}
    .mainMenu > ul li:hover {
        background: rgba(51, 132, 140, 0.6);
        padding: 5px;
        height: 20px;
        border: 1px solid #33848c;
    }
/*einde mainmenu*/

/*formulieren*/
.formButtons{margin-left:15px;}
.editorLabel, .editorLabel label, .editor-label {
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    clear: left;
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    text-align: left;
    color: #368f74 !important; /* #e2a31d;*/
    border-radius: 4px;
    margin-top: 5px;
}
.editor-field {
    width: 300px;
    color: black; /*#e2a31d;*/
    font-size: 1em;
}

    .editor-field input {
        padding: 8px;
        width: 100%;
        border: 1px solid #ccc !important;
        border-radius: 4px;   
    }
    
    .editorInput{  text-align:left; font-size:1em;margin-top:5px;}
    .editorInput select, .editorInput input {
        font-weight: normal;
        width: 250px;
        padding:4px;
        color: black; /*#e2a31d;*/
       /* font-size: 1em; */
    }
.editorRadioInput {
    color: black; /*#e2a31d;*/
    width: 100%;
    clear: both;
    float: left;
    font-size: 1em;
}

h4 {
    font-size: 1.2em !important;
}
input[type=button] {
    color: #368f74 !important; /* #e2a31d;*/
    border-radius: 4px;
    color: #fff !important;
}

H1.titel {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #4CA0A7;
}
h4.sub-titel {
    font-size: 14px;
    
    text-decoration: none;
    color: #4CA0A7;
}
    /*einde formulieren*/
    /**/
    /*CCCDA5 /*bg */
    /*C0005A /*titels*/
    /*822043 /*veld titels*/
    /*CCCDA5 /*bg */
    /*C0005A /*titels*/
    /*822043 /*veld titels*/
    /*CCCDA5 /*bg */
    /*C0005A /*titels*/
    /*822043 /*veld titels*/