@font-face {
    font-family: 'MDLZBITETYPE';
    font-style: normal; font-weight: normal;
    src: local('MDLZBITETYPE'), url('Fonts/MDLZBITETYPE-Regular.otf') format('opentype');
}


body
{
	background: url('') #fff;
	background-repeat: no-repeat;
	background-position:center;
	color:  rgb(91,73,136);
	font-family: calibri; font-size:14px
}

body.headnavpresent
{
	padding:100px 0px 0px 0px;
	
}

#logon_logos {
    height: 100px;
    background: url(img/LogoMDLZ.jpg) 50% 10px no-repeat;
    background-size: contain;
}


.masterheader {
    height: 145px;
    /* background: transparent url(img/LU_BE_Header.jpg) 7px 0px no-repeat;  */
    background: rgb(91,73,136);
    background: linear-gradient(#E18719,white);
    overflow: hidden;
    margin: 0px auto 0px auto;
    text-align: left;
}

/* .masterheaderleft
{
    width: 200px;
} */

.masterheaderleft
{
    width: 200px;
    height : 145px;
    background: url(img/LogoMDLZ.png) #FFFFFF no-repeat left padding-box;
    background-color: transparent;
    margin-right: 5px;
    margin-left: 6px;
    background-size: contain;
}

/* .masterheaderright
{
} */

.masterheaderright
{
   /*  width: 625px; */
   height: 112px;
   /*  left: 201px; */
   background: url(img/banner3.png) #FFFFFF no-repeat;
   background-color: transparent;
   margin-top: 16px;
   margin-right: 5px;
   margin-left: 5px;
   background-size: %;
    background-position-x: 50%;
   background-size: contain;
}

.main_header_logo {
    display:block;
    background: url('') 5px 5px no-repeat;
    width: 200px;
    height:145px;
    
} 

.mastercontent {
top: 146px;
bottom: 60px;
background-color:transparent;
}

.mastercontentleft
{
width: 200px;
background-color: transparent ;
padding-right:3px;
}
.mastercontentright
{
left: 201px;
}


.masterfooter {
}


.headerbox
{
    width: 100%;
    height: 145px;
    TOP: -0px; 
    background: url('img/milka_header.png') 7px 0 no-repeat; 
    background-color: transparent;
    overflow: hidden; 
    margin:0px auto 0px auto; 
    text-align: left;
    position:fixed;
    
    } 

.contentbox
{
position: fixed;
width: 100%;
top: 145px;
bottom: 60px;
overflow:hidden; 
background: transparent url('')  center no-repeat;
background-position:top center ;
    
    }

.contentboxleft
{
position:relative;
width: 200px;
height: 100%;
bottom:0px;
background-color:transparent;
float:left ;
padding-right:3px;
    }
.contentboxright
{
position:relative;
height: 100%;
width:auto ;
background-color:transparent;
left : 0px;
margin-right: 10px;
padding-bottom: 10px;
  
}

.contentboxrightfiller
{
height: 16px;
display:block;  
}

.footerbox {
position:fixed ;
bottom:30px;
background: transparent url('') repeat-x; 
    }

body.framed .contentbox
{
position: fixed;
bottom: 30px;
    }

body.framed .footerbox
{
padding-left:0px; 
background:transparent url('');
    
    }
body.framed .contentboxleft
{
background-color:transparent;
    
    }
body.framed .contentboxright
{
background-color:transparent;
    
    }


.navigation_header_button { display:none ; }
.navigation_header_button:hover { visibility:hidden ; }
.navigation_header_1button { visibility:hidden ; }
.navigation_header_1button:hover {visibility:hidden ; }
.main_header_label {display:none }

/* .panelleft .navigation_header_language {background-color: #EA8028;} */

/*
.navigation_header	
{
    visibility:hidden; 
        display:none
}
*/

.main_header {LEFT: 0px; POSITION: absolute; } 


.contentjavatable .tableheader {height: 25px; color: rgb(255,255,255); font-weight:bold ; font-size:larger !important;background: rgb(91,73,136) url('img/menuhover.gif') 0 0 repeat-x;}
.tableheader th { border-bottom:0px white solid; border-top:2px white solid }
.contentjavatable .tableheader a {color: rgb(255,255,225);}
.contentjavatablelist .tableheader th {
    border-bottom: 5px solid white;
    border-right: 2px solid white;
    font-weight: normal;
    text-align:left;
}
.contentjavatable .tableheader span {font-size:1.1em;font-weight:bold; color: rgb(255,255,255);}
.contentjavatable .H0 .tableheader span {font-size:1em;font-weight:bold;}
.contentjavatable .H1 .tableheader span {font-size:1em;font-weight:bold;}
.contentjavatable .H2 .tableheader span {font-size:1em;font-weight:bold;}
.contentjavatable .H3 .tableheader span {font-size:1em;font-weight:bold;}
.contentjavatable .H4 .tableheader span {font-size:1em;font-weight:bold;}
.contentjavatable .H5 .tableheader span {font-size:1em;font-weight:bold;}

.evenrow { background:transparent; }
.oddrow { background:transparent; }
.evenrow2 {  background:transparent;}
.oddrow2 {  background:transparent;}

/*JavaContentTables */
.contentjavatable { /*border:solid 1px #0000cc; margin-bottom:30px;*/ width:100%; border:0 solid white; border-collapse:collapse; margin-top: 0px; float: right; margin-right: 2px;}
.contentjavatable .contentjavatable {margin-top:0px; margin-right: 0px;}
.contentjavatableseparator {/*height : 30px*/}
.contenttableseparator {/*height : 60px*/}
.contentjavatablelist {padding:0px; table-layout:fixed;border:0;}  
.contentjavatablelist a {color: rgb(91,73,136);}
.contentjavatablelist H4 {margin-top:5px; margin-bottom:0px; font-size:1em; font-weight:normal;  }  

.contentjavatablelist .oddrow td {border-top : 3px solid transparent;border-right : 3px solid transparent; font-style:italic;}
.contentjavatablelist .evenrow td {border-top : 3px solid transparent;border-right : 3px solid transparent;font-style:italic;}
.contentjavatablelist .evenrow2 td{vertical-align:middle ; margin-left:50px;height:35px; border-bottom:3px solid white;border-right : 3px solid white;padding-left:0px}
.contentjavatablelist .oddrow2 td{ vertical-align: middle;margin-left:50px;height:35px; border-bottom:3px solid white;border-right : 3px solid white;padding-left:0px}
.contentjavatablelist .evenrow2 .button_go { background:url('img/ffwd.gif')  0% 50% no-repeat; color: rgb(91,73,136) ; height:20px; border:none;  margin:5px;padding-right:20px;}
.contentjavatablelist .oddrow2 .button_go {background:url('img/ffwd.gif')  0% 50% no-repeat ; color:  rgb(91,73,136); height:20px; border:none; margin:5px;padding-right:20px;} 
.contentjavatablelist .evenrow2 .button_go:hover { background:url('img/ffwd.gif')  0% 50% no-repeat; color: rgb(179,168,204) ; height:20px; border:none;  margin:5px;}
.contentjavatablelist .oddrow2 .button_go:hover { background:url('img/ffwd.gif')  0% 50% no-repeat; color: rgb(179,168,204) ; height:20px; border:none;  margin:5px;}

/*JavaContentTables op tweede niveau*/
.contentjavatable .H0 .tableheader {border-bottom:0px solid #bbb;text-align:left; color: rgb(255,255,255); background: rgb(179,168,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
.contentjavatable .H0 .tableheader .tablename  {font-weight:bold ; /*font-size:0.9em ;*/ color: rgb(255,255,255);/*margin-left:10px; padding-right:10px; */}
.contentjavatable .H0 .contentcell {/* padding-left:7px;*/ padding-bottom:20px;color:rgb(91,73,136));/*border-left:dotted 1px white*/border:solid 0px rgb(255,255,255); border-top:0px; }
.contentjavatable .H0 .tableheader a {color: rgb(255,255,255);}

.contentjavatable .H1 .tableheader {border-bottom:0px solid rgb(91,73,136);text-align:left;color: rgb(255,255,255); background:rgb(179,168,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
/*.contentjavatable .H1 .contentcell { padding-left:7; border-left:dotted 1px white}*/
.contentjavatable .H1 .tableheader a {color: rgb(255,255,255);}

.contentjavatable .H2 .tableheader {border-bottom:0px solid rgb(91,73,136);text-align:left;color: rgb(255,255,255); background: rgb(179,168,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
/*.contentjavatable .H2 .contentcell { padding-left:7; border-left:dotted 1px white}*/
.contentjavatable .H2 .tableheader a {color: rgb(255,255,255);}

.contentjavatable .H3 .tableheader {border-bottom:0px solid rgb(91,73,136);text-align:left;color: rgb(255,255,255); background: rgb(179,168,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
/*.contentjavatable .H3 .contentcell { padding-left:7; border-left:dotted 1px white}*/
.contentjavatable .H3 .tableheader a {color: rgb(255,255,255);}

.contentjavatable .H4 .tableheader {border-bottom:0px solid rgb(91,73,136);text-align:left;color: rgb(255,255,255); background: rgb(179,168,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
/*.contentjavatable .H4 .contentcell { padding-left:7; border-left:dotted 1px white}*/
.contentjavatable .H4 .tableheader a {color: rgb(255,255,255);}

.contentjavatable .H5 .tableheader {border-bottom:0px solid rgb(91,73,136);text-align:left;color: rgb(255,255,255); background: rgb(179,168,204) url(' ') 0% -15px repeat-x; /*padding:2px 10px; */ }
/*.contentjavatable .H5 .contentcell { padding-left:7; border-left:dotted 1px white}*/
.contentjavatable .H5 .tableheader a {color: rgb(255,255,255);}



.button_go {  background:url('img/ffwd.gif')  0% 50% no-repeat;white-space:pre} 
.button_go_after {  padding-right:20px; background:url('img/ffwd.gif')   100% 50% no-repeat;white-space:pre} 
.button_go_back { background:url('img/back.gif') 0% 50% no-repeat; color:#466791; }
.general_button { white-space:nowrap; overflow:hidden;text-decoration:none; color: rgb(91,73,136); font-weight:700; border:0; cursor: pointer } 
.general_button:hover { color: rgb(179,168,204)); }


.panelleft
	{z-index:1;width:200px;left:5px;overflow:scroll;float: none; }
.panelleft .top 
	{height:0px;background:#7b7f85 url('img/menuhover.gif') 0px 0px repeat-x;  } 
.panelleft .mid 
	{background:#fff url('') 0px 100% repeat-y; padding-left:0px; vertical-align:top;overflow:auto; } 
.panelleft .mid .all
	{background:#fff  url('') 0px 100% repeat-y; padding-left:0px; vertical-align:top;height:40% ; margin-bottom:5px; border: 1px rgb(91,73,136) solid; }  
.panelleft .mid .resp
	{background:#fff  url('') 0px 100% repeat-y; padding-left:0px; vertical-align:top;height:40% ;margin-bottom:5px ; border: 1px rgb(91,73,136) solid;} 
.panelleft .mid .general
	{background:#fff  url('') 0px 100% repeat-y; padding-left:0px; /height:20% ;  vertical-align:text-bottom; border: 1px rgb(91,73,136) solid; } 
	
.panelleft .bottom
	{display:none } 

.leftpanellink 
{ 
	text-decoration:none;
	color: rgb(179,168,204);
 ;
}

.leftpanellink a
{
    color: rgb(91,73,136);
    font-weight:bold 
}

.leftpanellink:hover
{
	background:url('img/linkbol_a.gif') -10px 0  no-repeat;
	text-decoration:none;
	color : rgb(255,255,255);
	
}

.leftpanellink a:hover
{
    background: url('img/linkbol_a.gif') -10px 0 no-repeat;
    text-decoration:none;
    color: rgb(255,255,255);
}

.mid .leftpanellink 
{ 
	text-decoration:none;
	color: rgb(179,168,204);
 ;
}

.mid .leftpanellink a
{
    color: rgb(91,73,136);
    font-weight:bold 
}

.mid .leftpanellink:hover
{
	background:url('img/linkbol_a.gif') -10px 0  no-repeat;
	text-decoration:none;
	color : rgb(255,255,255);
	
}

.mid .leftpanellink a:hover
{
    background: url('img/linkbol_a.gif') -10px 0 no-repeat;
    text-decoration:none;
    color: rgb(255,255,255);
}

.leftpanelbutton 
{
	Width :95%;
	margin-bottom:5px;
	border-width :1px;
	border-bottom:1px dashed  rgb(91,73,136)
}            

.resp .leftpanelbutton:last-child {
	margin-bottom:0px;
	border-width :1px;
	border-bottom:0px dashed  rgb(91,73,136)
}

.all .leftpanelbutton:last-child {
	margin-bottom:0px;
	border-width :1px;
	border-bottom:0px dashed  rgb(91,73,136)
}
.general .leftpanelbutton:last-child {
	margin-bottom:0px;
	border-width :1px;
	border-bottom:0px dashed  rgb(91,73,136)
}

.leftpanelbutton .image
{
	width:0px;
	display:none 
}

.menuitem
{
	height:10px;
}

.menuitem .logo
{
	display:none 
}
	
.menuitem .tekst
{
	height:10px;
	color: rgb(91,73,136);
}

.canapp td:first-child  {padding-left:190px}
.framed .canapp td:first-child  {padding-left:10px}
.canapp a {font-size:1em; margin-left:10px}
.tccalendarnavigator {width:80%;text-align:center 
}
.calendarnavigator {top:-5px}
.calendarnavigatorleft {padding-left:0px!important;}


.scrolllinks
{
background-color:transparent; border: rgb(91,73,136) 1px solid;
}

.scrollrechts
{
background-color:transparent; border: rgb(91,73,136) 1px solid;
}

.scrollrechtsonder
{
background-color:transparent; border: rgb(91,73,136) 1px solid;
}

.selectwarning
{
background-color:transparent; border: rgb(91,73,136) 1px solid;
}

#logon_form ul {
    background: #E18719;
}

#logon_form ul a {color: #FFF;}

#logon_form ul a:hover {color: rgb(179,168,204);}

#logon_header {
    background: #E18719;
}


#logon_form h1 {
    background: #E18719;
    color: #fff;
    border-color: #E18719;
}


#logon_form span {
    color: #4F2170;
}


#logon_form h1 span{color: #fff10:29 23/02/2023;
}


#logon_form .general_button {
    color: #4F2170;
}


#logon_form .messageerror {
    color: #A52323;
}

.navigation_header_language {
    border: 1px solid transparent;
    width: 50px;
    padding-left: 23px;
    height: 26px;
}

.panelleft .navigation_header_language {
    background: url('img/navigation_background.gif') 0px 0% repeat-x; 
    border:1px solid transparent;  
    width:50px;
    padding-left:5px;
    height:26px; 
} 

.languagebar a:hover {color: rgb(179,168,204);}

.leftpanelbutton tr:hover {
    background-color: rgb(179,168,204);
}

.resp .leftpanellink:hover {
    background-color: rgb(179,168,204);
}
.general .leftpanellink:hover {
    background-color: rgb(179,168,204);
}

.leftpanelindication:hover {
    background-color: rgb(179,168,204);
}


.textinput
 {background: white; color: rgb(91,73,136); border: 1px solid rgb(91,73,136);}

.alfabet {border: rgb(91,73,136) 1px solid;}

body.framed {background-color:white;}

body.framed a {color: rgb(91,73,136);}

.emptycell {background-color: white;}

.loggedinname {
    color: #4F2170;
    font-size: 20px;
  font-style:normal;  font-family: MDLZBITETYPE;
}

.leftpanelselected, .leftpanellinkselected a {
    background-color: rgb(179,168,204);
    color: white !important;
}

#logon_content {
    border: 1px solid rgb(91,73,136);
}

#logon_form {
    border: 1px solid rgb(91,73,136);
}

#logon_form li {display:inline;text-align:center;margin:0px;margin-left:10px;padding:0px;padding-left:10px;background: url() no-repeat;white-space:nowrap;}

.titlerow {background: rgb(179,168,204) url('') repeat-x;color : rgb(255,255,255);}


.peoplelevel1 .imgplus {
    visibility: visible;
    background-image: url(img/pluscolor.png);
    background-size: 10px;
}

.peoplelevel1 .imgmin {
    visibility: visible;
    background-image: url(img/mincolor.png);
    background-size: 10px;
    background-position: 25% 25%;
}


.contentjpanel {
    background-color: #FFF;
    color: dimgray;
    border: 0px
}

    .contentjpanel .contentjpanel {
        background-color: #FFF;
        color: dimgray;
    }

    .contentjpanel .contentjpanelhead {
        height: 25px;
        color: #FFFFFF !important;
        font-weight: bold;
        font-size: larger !important;
        background: #4F2170;
        border-bottom: 0px;
    }
    .contentjpanel .contentjpanelhead  span {
        color: #FFFFFF !important;
    }

    .contentjpanel .contentjpanel .contentjpanelhead {
        background: #E18719;
        color: #FFF;
    }

    .contentjpanel .contentjpanel .contentjpanelpanel {
        border: 0px;
        padding-left: 5px;
    }



.peoplelevel0 > .responsable {
    background: #4F2170;
    color: #fff
}

.peoplelevel0 > .responsable label {
    color: #fff
}

.filterheader {
    color: #fff;
    background: #4F2170;
}
.contentjpanelhead .button_min {
    background: url(img/min.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.contentjpanelhead .button_plus {
    background: url(img/plus.png);
    background-size: 10px;
    /* height: 17px; */
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.dataheaderdiv {
    background: rgb(179,168,204) ;
    margin-top: 2px;
    border: 0px;
    color: #FFF;
    font-weight: bold;
}

.datacontentdiv > div {
}

.datarowdiv {
    display: block;
    line-height: 16px;
    font-style: italic;
    border: 0px;
    color: rgb(91, 73, 136);
}

.datafield {
    line-height: inherit;
}


.datacontentdiv > div:nth-child(2n+1) {
    background-color: transparent;
    border-bottom: 0px solid transparent;
}

.datacontentdiv > div:nth-child(2n) {
    background-color: transparent;
    border-bottom: 0px solid transparent;
}

.datadiv {
    margin-left: 0px;
}

.menulanguage {
    background: url('img/navigation_background.gif') 0px 0% repeat-x;
    background-color: transparent;
    border: 1px solid transparent;
    padding-left: 5px;
    height: 26px;
    line-height: 26px;
    font-size: larger;
    font-weight: bold;
}

    .menulanguage a {
        font-size: 1.1em;
        font-style: italic;
        color: #f0f5ff
    }

    .menulanguage:hover {
        border: 1px solid transparent;
    }

.fullmenu {
    background-color: transparent;
}

.menusection {
    border: 1px solid rgb(91,73,136);
}

.menusection.menusection {
    border: 0px;
}

.menulink a {
    color: rgb(91,73,136);
}

.menuoption:hover, .menuoptioncurrent {
    background: rgb(91,73,136);
}

.menulink a:hover, .menuoptioncurrent .menulink a {
    background-color: rgb(179,168,204) ;
}

.menuoption {
    border-bottom: 1px dashed rgb(91,73,136);
}

.mastercontentright .menuoption {
    border-bottom: 0px;
}

.menuoption:last-of-type {
    border-bottom: 0px;
}

.filterblock a {
    margin-right: 10px;
}
/*
.filter .infobody {
    background-color: rgb(179,168,204) ;
    color: #FFF;
}
*/

.infobody {
    background-color: rgb(179,168,204) ;
    color: rgb(0, 0, 0);
    display: block;
    border: 1px solid black;
    padding: 5px;
    margin-bottom: 7px;
    margin-top: 3px;
}

.filter .inputpanel, .filter .filterlabels {
    background-color: transparent;
}