div#main_bar{               margin: 0 auto; min-width: 960px; height: 39px; position: relative; top: 0; z-index: 200;}
    #main_bar img{          border: none; }
    
div#main_bar_lft{           float: left; padding-left: 5px; width: 35px; height: 39px; background: url(../images/top_bar/bg.png) -5px -39px no-repeat; }
div#main_bar_lft:hover{     background: url(../images/top_bar/bg.png) -5px -117px no-repeat;}

div#main_bar_cnt{           float: left; width: 880px; height: 39px; background: url(../images/top_bar/bg.png) left top repeat-x;}

div#main_bar_rgt{           float: left; padding-right: 5px; width: 35px; height: 39px; background: url(../images/top_bar/bg.png) 35px -117px no-repeat; }
div.pre_login:hover{        background-image: url(../images/top_bar/bg.png); background-position: 35px bottom; background-repeat:no-repeat; background-color: transparent !important;}
div#main_bar_rgt:hover{     background-image: url(../images/top_bar/bg.png); background-position: 35px bottom; background-repeat:no-repeat; background-color:#ff8214;}


/* Home link */
div#tbar_home_link{     float: left; width: 35px; height: 39px; background: url(../images/top_bar/bg.png) left top repeat-x;}
div#main_bar_lft:hover > div#tbar_home_link{ background: url(../images/top_bar/bg.png) left -78px repeat-x; height: 39px; }
    #tbar_home_link a{              display: block; padding: 10px 0 0 8px; width: 30px; height: 29px; }
    #tbar_home_link a span{         display: block; width: 16px; height: 16px; background: url(../images/top_bar/icons.png) left top no-repeat}
    #tbar_home_link a:hover span{   display: block; width: 16px; height: 16px; }


/* Registratie link */
div#tbar_reg_link{          float: left; width: 155px; height: 39px; border-left: 1px solid #FFFFFF; }
div#tbar_reg_link a:hover{    background: url(../images/top_bar/bg.png) left -156px repeat-x; color: #2F53A3;}
    #tbar_reg_link a{           display: block; padding: 11px 0 0 20px; width: 135px; height: 28px; color: #FFFFFF; font-size: 12px; font-weight: bold;  text-decoration: none; text-transform: uppercase; line-height: 17px;}
    #tbar_reg_link a span{      display: block; float: left; margin-right: 5px; width: 16px; height: 16px; background: url(../images/top_bar/icons.png) -16px top no-repeat;}
div#tbar_reg_link a:hover > span{background-position: -16px bottom;}


    
/* Login form */
div#tbar_login{             float: left; width: 252px; height: 39px;  }
    #tbar_login span.login_frm_input{           display: block; float: left; width: 125px; height: 39px; border-left: 1px solid #FFFFFF;}
    #tbar_login span input[type=text],
    #tbar_login span input[type=password]{      margin: 4px 0 0 4px; padding: 0 0 0 5px; width:112px; height: 30px; background: url(../images/top_bar/input.png) left top; border: none; color: #FF7B0A; font-size: 11px; line-height: 30px;}

    
/* login knop */    
div#tbar_login_link{                            float: left; width: 35px; height: 39px; background: url(../images/top_bar/bg.png) left -78px repeat-x; border-left: 1px solid #FFFFFF;}
div#main_bar_rgt:hover > div#tbar_login_link{   height: 39px; background-position: left -156px; border-bottom: 1px solid #FFFFFF;}
    #tbar_login_link a{                             display: block; padding: 12px 0 0 10px; width: 28px; height: 27px; }
    #tbar_login_link a span{                        display: block; width: 16px; height: 16px; background: url(../images/top_bar/icons.png) -224px top no-repeat}
    #tbar_login_submit{                             position: absolute; top: -1000px; height: 0; width:0; background: none; border: none;}

div#tbar_login_extra{           position: absolute; display: none; right: 45px; top: 39px; padding: 0 0 0 0 !important; width: 243px; height: 35px ; background: url(../images/top_bar/loginBoxBg.png) bottom center no-repeat; color:#cccccc; overflow: hidden !important;}
div.extra_cnt{                  display: block; padding: 8px 0 0 13px; width: 230px; height: 27px; overflow:hidden;}
div#fade{                       display: none;}
    #tbar_login_extra a  {          color:#132e7d; margin:0px 5px 0px 5px; padding:0px;}
    #tbar_login_extra label{        color:#ff7805; margin:0px 5px 0px 0px;}

/* account informatie */

#tbar_acount_link{          display: block; float: right; min-width: 10px; padding: 0 10px 0 10px; height: 39px; border-left: 1px solid #FFFFFF; text-decoration: none; cursor: pointer;}
#tbar_acount_link:hover{    background: url(../images/top_bar/bg.png) left -156px repeat-x #ff7805; height: 38px; border-bottom: 1px solid #FFFFFF; }
#tbar_acount_link:hover span#tbar_username{ color: #2e52a4;}

span#tbar_username{         display: block; float: left; padding: 12px 5px 0 0;  height: 27px; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: right; }

#acc_profile_img{           margin:5px 0 0 0; width: 30px; height: 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #FFFFFF; background:#f3f3f3;}

/* Beheer menu */
div.tbar_beheer{                    position: absolute; display: none; right: 0; top: 39px; padding: 5px 0 0 0; width: 143px; min-height: 27px; background: url(../images/top_bar/beheerBg.png) bottom center no-repeat; color:#cccccc;}
    .tbar_beheer ul{                    list-style: none; display: block; width: 143px; min-height: 10px; padding: 0 0 10px 0; margin: 0;}
    .tbar_beheer ul li {                padding: 0 3px 0 3px ; margin: 0; width: 137px; height: 25px; text-align: center; }
    .tbar_beheer ul li a{               display: block; padding: 5px 0 0 0 !important;  width: 137px !important; height: 20px  !important; margin: 0 !important; color: #FF7B0A; text-decoration: none; border-bottom: 1px solid #eeeeee;}
    .tbar_beheer ul li a:hover{         text-decoration: underline; background-color: #eeeeee;}
    .tbar_beheer ul li.beheer_last a{   border:  none !important;}

/* Custum checkbox */ 

#tbar_login_extra input[type=checkbox]
{
	display: block;
	float: left;
	height: 16px;
	width: 16px;
	background: url('../images/checkbox.gif') no-repeat;
	margin: 0 5px 0 0;
	cursor: pointer;
}
#tbar_login_extra input[type=checkbox].active
{
	background-position: 0 -16px;
}


/* knop iconen */
    a.function_link:hover{              background-position: left -156px;}
    a.function_link_on{                 background-position: left -156px !important;}
    a.function_link_right:hover{              background-position: left -156px;}
    a.function_link_on{                 background-position: left -156px !important;}
    
    span#t_msg{                 background-position: -48px top;}
    a:hover > span#t_msg{       background-position: -48px bottom;}
    span.t_msg_on{              background-position: -48px bottom !important;}
    
    span#t_react{               background-position: -32px top;}
    a:hover > span#t_react{     background-position: -32px bottom;}
    span.t_react_on{            background-position: -32px bottom !important;}
    
    span#t_p_react{             background-position: -144px top;}
    a:hover > span#t_p_react{   background-position: -144px bottom;}
    span.t_p_react_on{          background-position: -144px bottom !important;}
    
    span#t_f_react{             background-position: -160px top;}
    a:hover > span#t_f_react{   background-position: -160px bottom;}
    span.t_f_react_on{          background-position: -160px bottom !important;}
    
    span#twitter{             background-position: -240px top;}
    a:hover > span#twitter{   background-position: -240px bottom;}
    li#twitter_link{float: right;}    
    
    span#tdump{             background-position: -80px top;}
    a:hover > span#tdump{   background-position: -80px bottom;}
    
    
    span#nieuwstoevoegen{             background-position: -16px top;}
    a:hover > span#nieuwstoevoegen{   background-position: -16px bottom;}
   
    span#dumpkeuren{            background-position: -257px top;}
    a:hover > span#dumpkeuren{   background-position: -257px bottom;}
    
    
    span#t_search{              background-position: -96px top;}
    a:hover > span#t_search{    background-position: -96px bottom;}
    
    span#tbar_beheer{           background: url(../images/top_bar/icons.png) -208px top no-repeat !important;}
    div#main_bar_rgt:hover span#tbar_beheer { background-position: -208px bottom !important;}
    
    span#t_login{       background: url(../images/top_bar/icons.png) -224px top no-repeat}
    div#main_bar_rgt:hover span#t_login { background-position: -224px bottom;}



/* Knoppen voor de account functies */
div#tbar_functions{                 float: left; width: 471px; height: 39px; }
div#tbar_functions_container{       float: left; padding: 0 0 0 1px;   height: 39px; background-color: #FFFFFF;}
    ul#function_item_list             {float: left; min-width: 20px; list-style: none;  margin: 0; padding:0 0 0 0; height: 39px;}
    .functions_right{float: right!important;}
     li.function_item               {float: left; padding: 0 1px 0 0; width: 36px; height: 39px; position: relative;}
     .functions_right li.function_item               {float: left; padding: 0 1px 0 0!important; width: 36px; height: 39px; position: relative;}
     a.function_link             {display: block; padding: 11px 0 0 10px; width: 26px; height: 28px; background: url(../images/top_bar/bg.png) left -78px repeat-x ; text-decoration:  none;}
     a.function_link_right            {display: block; padding: 11px 0 0 10px; width: 26px; height: 28px; background: url(../images/top_bar/bg.png) left -78px repeat-x ; text-decoration:  none; border-left: 1px solid #FFFFFF; }
    .t_msg{                         display: block; width: 16px; height: 16px; background-image: url(../images/top_bar/icons.png); position: relative;}
    
    
.new_msg{           display: block; position: absolute; top: -10px; right:  -8px; padding: 2px 5px 0 0; width: 20px; height: 19px; background: url(../images/top_bar/notifications.png) 7px center  no-repeat; color: #FFFFFF; font-size: 12px; text-align: right;}
.new_msg_b{         display: block; position: absolute; top: -10px; right:  -8px; padding: 2px 5px 0 0; width: 20px; height: 19px; background: url(../images/top_bar/notifications.png) -18px center  no-repeat; color: #FFFFFF; font-size: 12px; text-align: right;}
    
/*** Berichten blok ***/
div.tbar_messageBox             {display: none; position: absolute; z-index: 999999; left: -1px; margin-top: 0px; width: 299px; min-height: 29px; border: 1px solid #FFFFFF; border-top: none;}
    .tbar_messageBox ul             {list-style: none; list-style-type:none; padding: 0; margin: 0; width: 299px; }
    .tbar_messageBox ul li          {float: left; width: 299px; height: 61px; background: url(../images/top_bar/subBg.png) top left repeat-x; }
    .tbar_messageBox span.login_req {display: block; list-style: none; padding: 10px 0 10px 5px; margin: 0; width: 294px; color: #0071B5; font-size: 12px; background: url(../images/top_bar/subBg.png) top left repeat-x; }

    a.message_item                  {display: block; padding-top: 8px; width: 299px; height: 53px; cursor: pointer; text-decoration: none;}
    a.message_item:hover            {background: url(../images/top_bar/subBg.png) bottom left repeat-x !important;}
    a.message_item img              {display: block; float: left; margin: 0 0 0 10px; width: 45px; height: 45px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #5C75B3 !important;}
    a.message_item span.text        {display: block; float: left; width: 244px; height: 61px; }
    a.message_item span.strong_m    {font-weight: bold;}
    
    .tbar_msg_img                   {position: relative; display: block; float: left; width: 45px !important; height: 61px; }
    .tbar_corners                   {position: absolute; display: block; top:0; left: 0; width: 45px !important; height: 61px;}
    
    span.msg_orange{        display: inline !important; color: #FF7B0A; font-weight: bold;}
    span.msg_blue{          display: inline !important; color: #0071B5; font-weight: bold;}
    .hoofdletter{           text-transform: capitalize;}
    .highlight{             background: url(../images/top_bar/subBg.png) bottom left repeat-x !important;}
    .no_strong{             font-weight: normal !important;}
    .msg_bold{              font-weight: bold;}
    
    span p.b_titel{         display: block; padding: 0 0 4px 20px; margin: 0; width: 224px; height: 12px; font-size: 11px; color: #535353; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    span p.b_text{          display: block; padding: 0 0 4px 20px; margin: 0; width: 224px; height: 12px; font-size: 11px; color: #535353; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    span p.b_bericht{       display: block; padding: 0 0 0 20px; margin: 0; width: 224px; height: 16px; font-size: 11px; overflow: hidden;  text-overflow: ellipsis; color: #535353;}    

div.m_box_bottom                {width: 299px; height: 30px;}
    .m_box_bottom .m_msg_b          {display: block; float: left; padding: 7px 0 0 7px; width: 23px; height: 23px; border-right: 1px solid #FFFFFF; background: url(../images/top_bar/subBg.png) left -61px repeat-x; text-decoration: none; }
    
    .m_box_bottom .m_link_b         {display: block; float: left; padding-left: 5px; width: 263px; height: 30px; background: url(../images/top_bar/subBg.png) left -91px repeat-x; text-decoration: none; color: #FFFFFF; font-size: 13px; line-height: 29px;}
    
    .m_box_bottom .cursor_default   {cursor: default;}
    
    .m_box_bottom .m_msg_b span#msg     {display: block; width: 16px; height: 16px; background: url(../images/top_bar/icons.png) -48px top no-repeat;}
    .m_box_bottom .m_msg_b span#rea     {display: block; width: 16px; height: 16px; background: url(../images/top_bar/icons.png) -32px top no-repeat;}
    .m_box_bottom .m_msg_b span#pro     {display: block; width: 16px; height: 16px; background: url(../images/top_bar/icons.png) -144px top no-repeat;}
    .m_box_bottom .m_msg_b span#for     {display: block; width: 16px; height: 16px; background: url(../images/top_bar/icons.png) -160px top no-repeat;}    
    
    
 #iosapplicatie{
    float:right;
    width:204px;
    height:58px;
    margin:23px 20px 0 0;
    padding:0px;    
}   
#androidapplicatie{
    float:right;
    width:204px;
    height:58px;
    margin:23px 10px 0 0;
    padding:0px;    
} 

#hsm_ad{
    float: right;
    margin: 23px 10px 0 0; 
}