.logo-img{
	width: 145px;
}
.nav-block {
    width: 100%;
    background-color: #243d30 !important;
}
#section-inbox #folder.inbox-left .message-block h2 {
    background-color: #243d30 !important;
}
.link{
	height:45px;
}

.hide{
	display:none;
}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}

.menu { overflow-y: auto; padding: 30px 25px 0 37px; width: 392px; height: 100%; position: fixed; right: -392px; top: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; z-index: 9999; background: #243d30; }
.menu ul { width: 100%; float: left; list-style: none; }
.menue li { width: 100%; float: left; border-bottom: 2px solid #fff }
.menu li  a { font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 38px; color: #fff; display: block; text-decoration: none; }
.menu li  a:hover { color: #ccc; }
.menu a.cross { width: 24px; height: 24px; display: block; position: absolute; right: 54px; top: 28px; background: url(../../images/cross.png) no-repeat; } 

/* page wrap */
#page-wrap { margin: 0 auto; }

/* header */
#header-wrap { position: relative; width: 100%; z-index: 999; background: #fff; }

/* nav block */
.nav-block { width: 100%; min-height: 45px; background-color: #fff; }
.nav-block .centering { position: relative; }
.nav-block a.mobile { width: 28px; display: block; position: absolute; right: 20px; top: 11px; }
.nav-block a.mobile.active { display: none; }
.nav-block a.mobile em { margin-bottom: 6px; display: block; height: 2px; background-color: #ffffff; }
.nav-block .logo { margin: 7px 0 7px 20px; float: left; }
.nav-block .logo a { display: block; }
.nav-block .link { margin-right: 70px; float: right;  }
.nav-block .link ul { float: left; list-style: none; }
.nav-block .link li { float: left; position: relative; }
.nav-block .link li small { width: 17px; height: 17px; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 17px; color: #fff; display: block; text-align: center; position: absolute; right: 16px; top: 19px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #3f3f3f; }
.nav-block .link li a { padding: 14px 21px 0; float: left; font-size: 15px; color: #ffffff; text-decoration: none; border-bottom: 2px solid rgba(255,255,255,0); }
.nav-block .link li.man img  { margin-right: 8px; float: left; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.nav-block .link li.bell img { float:left; margin-top: 5px; }
.nav-block .link li ul { padding: 18px 0 5px; width: 360px; display: none; position: absolute; right: 0; top: 72px; background-color: rgba(255,255,255,0.9); }
.nav-block .link li li { padding: 0 14px; width: 100%; border-right: 0; }
.nav-block .link li li.icon1 a { background: url(../../images/message_icon_1.png) left 0 no-repeat; } /* Agenda item  */
.nav-block .link li li.icon2 a { background: url(../../images/message_icon_2.png) left 0 no-repeat; } /* Verjaardag  */
.nav-block .link li li.icon3 a { background: url(../../images/message_icon_3.png) left 0 no-repeat; } /* Nieuwsbericht  */
.nav-block .link li li.icon4 a { background: url(../../images/message_icon_4.png) left 0 no-repeat; } /* Blog item  */
.nav-block .link li li.icon5 a { background: url(../../images/message_icon_5.png) left 0 no-repeat; } /* Planning  */
.icon1 a { padding: unset !important; height: 22px !important; padding-left: 30px !important; }
.icon2 a { padding: unset !important; height: 22px !important; padding-left: 30px !important; }
.icon3 a { padding: unset !important; height: 22px !important; padding-left: 30px !important; }
.icon4 a { padding: unset !important; height: 22px !important; padding-left: 30px !important; }
.icon5 a { padding: unset !important; height: 22px !important; padding-left: 30px !important; }
.nav-block .link li li a { padding: 0 0 16px 33px; height: auto; font-size: 14px; line-height: 19px; border-bottom: 0; }
.nav-block .link li li:hover a { color: #003772; }
.nav-block .link li li img { float: left; }
.nav-block .link li.bell a.active { border-bottom: 2px solid #003772; }
.nav-block .menu-woord{float: right; margin-right: 36px; color: #fff; margin-top: -2px;}

/* banner */
#banner-wrap { width: 100%; overflow: hidden; }
		
/* banner block */
.banner-block { width: 100%; overflow: hidden;  -webkit-background-size: cover; -moz-background-size: cover; margin-top:20px; }
.banner-block.bg { width: 100%; height: 197px;  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
.banner-block .centering { position: relative; }
.banner-block h1 { position: absolute; left: 19px; bottom: 112px; }
.banner-block-img{width: 100%; max-height: 350px; overflow: hidden;}

/* left wrap */
#left-wrap {  margin-top: 20px; float: left; width: 24.9%; }
#left-wrap-2 {  margin-top: 20px; float: left; width: 29.9%; }

/* right wrap */
#right-wrap { margin-top: 20px; float: right; width: 75%; }
#right-wrap-2 { margin-top: 20px; float: right; width: 70%; }



/* account_menu */
.account_menu { width: 100%; background-color: #fff; height: 60px;}




@media all and (max-width: 650px){
    .account_menu { height: 10px;}
}



.account_menu .centering { position: relative; }
.account_menu a.mobile { width: 28px; display: block; position: absolute; right: 20px; top: 17px; }
.account_menu a.mobile.active { display: none; }
.account_menu a.mobile em { margin-bottom: 6px; display: block; height: 2px; background-color: #ffffff; }
.account_menu .logo { margin: 10px 0 5px 20px; float: left; }
.account_menu .logo a { display: block; }
.account_menu .link { float: right; direction: rtl;}
.account_menu .link ul { float: left; list-style: none; position:absolute; z-index: 99999; display: contents;}
.account_menu ul li a{border-right: 1px solid #F6F5F4;}
.account_menu .link li { float: left; margin-right: 220px; }
.account_menu .link li small { width: 17px; height: 17px; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 17px; color: #fff; display: block; text-align: center; position: absolute; right: 16px; top: 19px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #243d30; }
.account_menu .link li a { padding: 20px 21px 0; float: left; font-size: 15px; color: #000; text-decoration: none; border-bottom: 2px solid rgba(255,255,255,0); }
.account_menu .link li.man img  { margin-right: 8px; float: left; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin-top: -10px;}
.account_menu .link li.bell img { float:left; margin-top: 5px; }
.account_menu .link li ul { padding: 18px 0 5px; width: 360px; display: none; position: absolute; right: 0; top: 60px; background-color: rgba(255,255,255,0.9); }
.account_menu .link li li { padding: 0 14px; width: 100%; border-right: 0; background-color:#fff;}
.account_menu .link li li.icon1 a { background: url(../../images/message_icon_1.png) left 0 no-repeat; } /* Agenda item  */
.account_menu .link li li.icon2 a { background: url(../../images/message_icon_2.png) left 0 no-repeat; } /* Verjaardag  */
.account_menu .link li li.icon3 a { background: url(../../images/message_icon_3.png) left 0 no-repeat; } /* Nieuwsbericht  */
.account_menu .link li li.icon4 a { background: url(../../images/message_icon_4.png) left 0 no-repeat; } /* Blog item  */
.account_menu .link li li.icon5 a { background: url(../../images/message_icon_5.png) left 0 no-repeat; } /* Planning  */
.account_menu .link li li a { padding: 0 0 16px 33px; height: auto; font-size: 14px; line-height: 19px; border-bottom: 0; }
.account_menu .link li li:hover a { color: #003772; }
.account_menu .link li li img { float: left; }
.account_menu .link li.envelop { position:absolute;margin-right: 0px;border-right: 1px solid #F6F5F4;}
.account_menu .link li.bell { position:absolute; margin-right: 70px;}
.account_menu .link li.ritbericht { position:absolute; margin-right: 140px;}
.account_menu .link li.ritbericht a { padding-top: 9px; }
.account_menu .link li.bell a { padding-top: 8px; }
.account_menu .link li.bell a.active {  }
.account_menu .company-logo{ height: 150px; width: 150px; border: 1px solid #000; position: absolute; background-color: #fff; margin-left: 25px; margin-top: -115px;}
.account_menu .company-name{ height: 26px; width: 150px; position: absolute; margin-left: 185px; margin-top: 15px; font-weight: 600; font-size: 20px;}
.account_menu .home-btn{display: inline; float: left; height: 60px; width: 70px; padding: 16px; padding-top: 20px; border: 1px solid #f6f6f4 ; 
    background-color: white;}
    
.account_menu .home-btn-accent{border-bottom: 2px solid #243d30;}
.account_menu .account-btn-accent{border-bottom: 2px solid #243d30;}
.account_menu .bell-btn-accent{border-bottom: 2px solid #243d30;}
.account_menu .envelop-btn-accent{border-bottom: 2px solid #243d30;}

.account_menu .btn:hover{ background-color: #f6f6f4;border-bottom: 2px solid #243d30;}
   
.account_menu .bedrijfslogo {height:148px; width:148px;}

.login_top{width:100%;height:200px; background-color:#243d30;text-align: -webkit-center;}
.login_top_div{width:350px;text-align: -webkit-center; padding-top:90px;}
.login_top_div img{width:350px;}
/* homepage */
.news_slider_img{height: 100%; overflow: hidden;}
.content-block{padding: 15px;}
.content-block .photo{text-align: -webkit-center; margin-top:10px; margin-bottom:20px;}
.content-block img{border-radius:80px;}
.content-block .name h3,span{display:block;}
.content-block .collegas{text-align: -webkit-center; margin-top:10px; margin-bottom:10px;}
.content-block .collegas .collega_nr{position: absolute; font-size: 30px; font-weight: bold; top: 110px; left: 0px; text-align: -webkit-center; width: 100%;}
.tegel_1{float:left;}
.tegel_2{float:left;}
.tegel_3{float:left;}
.tegel_size{ width: 33.33%; height:149.16px; border:2px solid #f6f6f4;}
.tegelnaam{width: 100%; text-align: center; text-transform: inherit; font-weight: 600; height: 20px; margin-top:15px;line-height: 18px;}
.tegelnaam_2rows{ width: 100%; text-align: center; text-transform: inherit; font-weight: 600; height: 20px; margin-top: 7px; line-height: 18px; }
.tegel_icon{font-size: 60px; text-align: -webkit-center; margin-top:20px !important;}

/* footer */
.footer-block{ height: 50px; width: 100%; background-color: #243d30 !important; margin-bottom: 50px;}
.footer-logo-img{ width: 185px; padding: 8px }

/* post block */
.post-block { padding-bottom: 12px; width: 100%; overflow: hidden; background: #fff; min-height: 400px; }
.post-block .top { padding: 18px 20px; width: 100%; overflow: hidden; position: relative; background-color: #f1f1f1; }
.post-block h2 { text-align: center; }
.post-block p { margin: 20px; text-align: center; }
.post-block a.pre { width: 9px; height: 16px; display: block; position: absolute; left: 25px; top: 24px; background: url('../../images/pre_img.png') left top no-repeat; }
.post-block a.next { width: 9px; height: 16px; display: block; position: absolute; right: 25px; top: 24px; background: url('../../images/next_img.png') left top no-repeat; }
.post-block ul { padding: 4px 21px 0; width: 100%; overflow: hidden; }
.post-block li { padding: 13px 0; width: 100%; overflow: hidden; border-bottom: 1px solid #eeeeee; font-size: 13px; line-height: 15px; color: #909090; display: block;; }
.post-block li:last-child { border-bottom: 0; }
.post-block li span { float: left; width:40px; font-size: 22px; line-height: 18px; color: #243d30; display: block; font-weight: 700; }
.post-block li span small { font-size: 14px; line-height: 14px; color: #909090; font-weight: 400; display: block; }
.post-block li em { display: inline-block; font-size: 14px; line-height: 17px; color: #323234; font-weight: 700; font-style: normal; vertical-align: top;}
.post-block li em  small { font-size: 14px; line-height: 20px; color: #909090; display: block; }
.post-block li em  .function { font-size: 12px; line-height: 20px; display: block; font-weight: 400; color: #909090;  }
.post-block li .image { display: inline-block; padding-right: 10px; }

.addLike {width: 45px;}

.calendar ul {height: 100%;}
.calendar ul li {height: 18%;padding: 5px 0px; overflow: hidden;}
.calendar ul li .icon {border-radius: 50%;border: 1px solid rgba(0, 0, 0, 0.05);padding: 7px 5px;height: 42px;width: 42px;text-align: center;margin: 0 auto;}
.calendar ul li .date {border-radius: 50%;background: rgba(0, 0, 0, 0.05);height: 42px;width: 42px;text-align: center;margin: 0 auto;padding: 3px 0px;}
.calendar ul li .date span {height: 16px;}
.calendar ul li .date .day {font-weight: 700;font-size: 18px;}
.calendar ul li .date .month {color: rgba(0, 0, 0, 0.5);font-size: 13px;}
.calendar ul li .icon span {font-size: 25px;color: #243d30;}
.calendar ul li.line {height: 1px;background: rgba(0, 0, 0, 0.05);width: 100%;padding: 0px;}
.calendar ul li .side {display: inline-block;width: 25%;}
.calendar ul li .text {width: 70%;text-align: left;float: right;padding-right: 5px;}

.evenementform textarea { padding: 10px; margin: 35px 0 10px; width: 100%; min-height: 165px; font-size: 14px; line-height: 22px; color: #000; border: 2px solid #f5f5f5; resize: none; }
.evenementform button { margin-bottom: 15px; margin-right: 20px; padding: 0 14px; float: left; height: 36px; font-size: 15px; line-height: 33px; color: #96a8b2; font-weight: 600; text-transform: uppercase; border: 1px solid #96a8b2; cursor: pointer;  text-decoration: none; }
.evenementform button:hover { color: #fff; background-color: #96a8b2;  }
.evenementform button.active { color: #243d30; border: 1px solid #243d30; }
.evenementform button.active:hover { color: #243d30; border: 1px solid #243d30; background-color: transparent; }
.evenementform p { color: #f00; margin: 20px 0;  }
button.evenement { margin-top: 20px; margin-bottom: 15px; margin-right: 20px; padding: 0 14px; height: 36px; font-size: 15px; line-height: 33px; color: #96a8b2; font-weight: 600; text-transform: uppercase; border: 1px solid #96a8b2; cursor: pointer;  text-decoration: none; }
button.evenement:hover { color: #fff; background-color: #96a8b2;  }
			
.verlof-table { width: 100%; }
.bgcolor_blok1{
    background-color:#243d30;
    color:#ffffff;
}blok2{
    background-color:#ffcd01;
    color:#07421f;
}
.bgcolor_blok3{
    background-color:#FFF;
    color:#07421f;
}
.titl{
    padding-left:10px;
    padding-top:10px;
}
.titlbalk{
    padding-top: 2px;
    width: 100%;
    height: 25px;
    padding-left: 10px;
    background-color: #243d30;
    color: #fff;
}
.vall{
    padding-left:10px;
}
.titl_toelichting{
    color: #07421f;
    font-weight:600;
    margin-top: 10px;
    margin-bottom: 5px;
}
.cont_toelichting{
    margin-bottom:5px;
}
.width100p{ 
    width:100% !important;	
}
.toelichting_div{
    display:none;	
}

.open_close_btn{
    cursor:pointer;
}
.sluiten_btn{
    background-color:#373737 !important;
    color: #fff !important;
    cursor:pointer;
}
.upl_div{
    border:1px solid #ccc;
    padding:5px;	
}
.upl_btn{
    background-color: #ffcd01;
    color: #07421f;	
}
.manage-block .klant span {
    font-size: 14px;
    line-height: 22px;
    color: #323234;
    font-weight: 700;
    display: block;
}
.klant{
    background-color: #f6f6f4;
    border: 15px solid #ffffff;
}
.bottom15pxwit{
    border-bottom: 15px solid #fff !important;
}
.bloktop{
    margin-top:10px;	
}
.bloktop p{
    text-align: left;
    margin: unset;	
}
.bloktop hr{
    border: 1px solid #eaeaea;
}
.bloktop textarea{
    width:100%;
    height: 80px;
    display:block;
    margin-bottom:5px;
}
.bloktop button{
    background-color: #243d30;
    color: #fff;
    padding: 6px;
    border: none;
}
.bloktop textarea {
    padding: 5px;
    color: #000;	
}
.blok{
    width:33%;
    height:70px;
    float:left;
}

.mobile-menu ul li small {
    background: #243d30;
}

.calendar ul li .icon span {
    color: #243d30;
}