/* CSS Reset*/
body, document, html, table, tr, td, div, img {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body, document, html, a, div, tr, td, p {
    font-family: Verdana, Arial !important;
    color: #000;
}

/* Topbar section */
#topbar{
	background: url(../img/bg_menu.png);
	position: relative;
	z-index: 9998;
	height: 28px;
}#topbar *, #topbar div.right div.usermenu div.clickUsermenu div.menuitem{
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial;
	color: #e1e1e1;
}#topbar div.menupart{
	height: 30px;
	line-height: 28px !important;
}#topbar div.menupart.left{
	padding-left: 10px;
}#topbar div.menupart.left a.menuitem, #topbar div.menupart.left div.menuitem{
	border-right: 1px solid #B7B7B7;
	text-decoration: none;
	display: inline-block;
    float: left;
	color: #e1e1e1;
	height: 28px;
	padding: 0 10px;
}#topbar div.menupart.left a.menuitem.active{
	color: #424242 !important;
	background: url(../img/bg_topbar_tab.png);
	border: none;
}#topbar div.menupart.left a.menuitem:hover, #topbar div.menupart.left div:hover{
    cursor: pointer;
	color: #FF8040;
}
#topbar div.right{
	position: absolute;
	right: 10px;
	top: 0px;
	text-align: left;
}#topbar div.right div.loginlink{
	position: absolute;
	right: 10px;
}#topbar div.right div{
	float: right;
	width: auto;
}#popupMenuUserClickWrapper{
	min-width: 150px !important;
}#popupMenuUserClick{
	width: 30px !important;
	height: 28px;
	position: relative;
	z-index: 1111;
	background: url(../img/pijl.png) center center no-repeat;
	cursor: pointer;	
}#popupMenuUserClick:hover{
	background: url(../img/pijl_actief.png) center center no-repeat;
}#popupMenuUserClick.active div{
	background: url(../img/pijl_actief.png) center center no-repeat;
}#popupMenuUserClick.active{
	background: url(../img/bg_topbar_pulldown.png);
	
}#topbar div.right div.clickIqmenu{
	width: 30px;
	padding-right: 9px;
	height: 28px;
	border-left: 1px solid #B7B7B7;
	cursor: pointer;	
}#topbar div.right div.clickIqmenu div.icon_color{
	width: 30px;
	height: 28px;
	position: relative;
	z-index: 1111;
	background: url(../img/tandwiel.png) 3px center no-repeat;
}#topbar div.right div.clickIqmenu div.icon_color:hover{
	background: url(../img/tandwiel_actief.png) 3px center no-repeat;
}#topbar div.right div.clickIqmenu div.icon_color.active div{
	background: url(../img/tandwiel_actief.png) center center no-repeat;;
}#topbar div.right div.clickIqmenu div.icon_color.active{
	background: url(../img/bg_topbar_pulldown.png);
}#topbar div.right div.usermenu div.usermenuPopup{
	margin-right: 5px;
}
#topbar div.right div.usermenu {
	margin-right: 10px;
}

#popupMenuUser{
	right: -1px;
}#popupMenuUser.with-extra-options{
	right: 13px !important;
}#topbar div.right div.menu-with-popup{
	position: relative;
}#topbar div.right div.settings{
	width: 30px;
}#popupMenuIq{
	right: 8px;
}body.ie7 #popupMenuIq{
	right: -2px !important;
}#topbar div.right  div.popupMenu {
	float: none;
	display: none;
	padding: 10px 0;
	z-index: 1000;
	width: 148px;
	position: absolute;
	top: 28px;
	background: #f7f5f2;
	border: 1px solid #E1E1E1;
	-moz-box-shadow: 0 1px 13px #ccc;
	-webkit-box-shadow: 0 1px 13px #ccc;
	box-shadow: 0 1px 13px #ccc;
	border-top: none;
}#topbar div.right div.popupMenu div.item:hover{
	background: white !important;
	cursor: pointer;
	color: #eb5c00 !important;
	text-decoration: none !important;
}#topbar div.right div.popupMenu div.item:hover a{
	color: #eb5c00;
}#topbar div.right div.popupMenu div.item{
	float: none;

}#topbar div.right  div.popupMenu div.item a{
	display: block;
	padding: 0 15px;
	color: #838383;
	text-decoration: none !important;
}#topbar div.right  div.popupMenu div.spacer{
	border-top: 1px solid #E5E5E5;
	font-size: 0;
	float: none;
	margin: 10px 0;
}
#topbar.development {
	background-image: url(../img/bg_menu_development.png);
}

#topbar.test {
	background-image: url(../img/bg_menu_test.png);
}





div.popupMenu.product div.item{
    display: block !important;
}


div.popupMenu.product {
	float: none;
	padding: 10px 0;
	z-index: 12345;
    margin-left: -10px;
	position: absolute;
	top: 28px;
    display: none;
	background: #f7f5f2;
	border: 1px solid #E1E1E1;
	-moz-box-shadow: 0 1px 13px #ccc;
	-webkit-box-shadow: 0 1px 13px #ccc;
	box-shadow: 0 1px 13px #ccc;
	border-top: none;
}div.popupMenu.product div.item:hover{
	background: white;
	cursor: pointer;
	color: #eb5c00;
	text-decoration: none;
}div.popupMenu.product div.item{
	float: none;

}div.popupMenu.product div.item a{
	display: block;
	padding: 0 15px;
	color: #838383 !important;
    border: none !important;
    text-decoration: none !important;
}div.popupMenu.product div.item:hover a{
	color: #eb5c00 !important;
}