html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Verdana, Arial, Sans serif;
        font-size: 11px;
	color: #07193b;
        text-align: center;
}
p, td {
        font-family: Helvetica, Verdana, Arial, Sans serif;
        font-size: 11px;
}
img {
    border: none;
}
#container {
	position: relative;
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
        text-align: left;
}
fieldset {
	border: none;
}
a {
	color: #07193b;
}
.invisible {
	display: none;
}
.standaard {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Verdana, Arial, Sans serif;
        font-size: 0.9em;
	color: #000000;
}
div#head {
	height: 115px;
	overflow: hidden;
}
img#logo {
	position: absolute;
	top: -7px;
	left: 5px;
}
div#banner {
	margin: 15px 230px 10px 230px;
	overflow: hidden:
}
div#topmenu {
	position: relative;
	margin: 0 0 10px 0px;
	background: url('../images/topmenu-back.png') top left repeat-x;
}
div#topmenu div {
	//background: url('../images/topmenu-left.png') top left no-repeat;
    overflow: visible;
}
div#topmenu div div {
	//background: url('../images/topmenu-right.png') top right no-repeat;
	height: 26px;
	padding: 1px 1px 1px 218px;
}
div#left {
	float: left;
	width: 215px;
	/*padding-left: 15px;*/
	font-size: 10px;
}
div#office-menu div {
	//background: url('../images/office-menu-top.png') top left no-repeat;
	margin-bottom: 10px;
}
div#office-menu div div {
	overflow: hidden;
	//background: url('../images/office-menu-bottom.png') bottom left no-repeat;
	padding-bottom: 13px
}
div#office-menu div div div {
        margin: 0 auto;
}
.office-menu-background {
	background: url('../images/OFFICECOLOR.jpg') top right no-repeat;
}
div#graphics-menu div {
	//background: url('../images/graphic-menu-top.png') top left no-repeat;
	margin-bottom: 10px;
}
div#graphics-menu div div{
	overflow: hidden;
	//background: url('../images/graphic-menu-bottom.png') bottom left no-repeat;
	padding-bottom: 13px
}
.graphics-menu-background {
	background: url('../images/boekje1.jpg') top right no-repeat;
}
div#display-menu div {
	//background: url('../images/display-menu-top.png') top left no-repeat;
	margin-bottom: 10px;
}
div#display-menu div div{
	overflow: hidden;
	//background: url('../images/display-menu-bottom.png') bottom left no-repeat;
	padding-bottom: 13px
}
.display-menu-background {
	background: url('../images/rollen2.jpg') top right no-repeat;
}
div#packaging-menu div {
	//background: url('../images/packaging-menu-top.png') top left no-repeat;
	margin-bottom: 10px;
}
div#packaging-menu div div{
	overflow: hidden;
	//background: url('../images/packaging-menu-bottom.png') bottom left no-repeat;
	padding-bottom: 13px
}
.packaging-menu-background {
	background: url('../images/packfolder.jpg') top right no-repeat;
}
div#envelopes-menu div {
	//background: url('../images/envelopes-menu-top.png') top left no-repeat;
	margin-bottom: 10px;
}
div#envelopes-menu div div{
	overflow: hidden;
	//background: url('../images/envelopes-menu-bottom.png') bottom left no-repeat;
	padding-bottom: 13px
}
.envelopes-menu-background {
	background: url('../images/envelopes.jpg') top right no-repeat;
}
#body {
   width: 735px;
}
div#content {
	/*margin-left: 230px;*/
	margin-right: 0px;
}
div.box {
	margin: 0px 0px 0px 0px; 
	background: url(../images/tl.png) 0 0 no-repeat;
}
.box div {
	background: url(../images/tr.png) 100% 0 no-repeat;
	padding: 0px;
	margin: 0px;
}
.box div div {
	background: url(../images/bl.png) 0 100% no-repeat;
	padding: 0px;
}
.box div div div {
	background: url(../images/br.png) 100% 100% no-repeat;
	padding: 15px;
}
.box div div div div, .display-box div div div div, .office-box div div div div, .packaging-box div div div div, .graphics-box div div div div, .envelopes-box div div div div {
	background: none;
	margin: 0px;
        padding: 0px;
        width: 690px;
        overflow: hidden;
}
.box div div div div div, .display-box div div div div div, .office-box div div div div div, .packaging-box div div div div div, .graphics-box div div div div div, .envelopes-box div div div div div {
	margin: 0px;
        padding: 0px;
        width: auto;
        border: none;
}
.office-box {
	margin: 0; 
	background: url(../images/office_tl.png) 0 0 no-repeat;
	overflow: hidden;
}
.office-box div {
	background: url(../images/office_tr.png) 100% 0 no-repeat;
}
.office-box div div {
	background: url(../images/office_bl.png) 0 100% no-repeat;
}
.office-box div div div {
	background: url(../images/office_br.png) 100% 100% no-repeat;
	padding: 15px;
}

.graphics-box {
	margin: 0; 
	background: url(../images/graphic_tl.png) 0 0 no-repeat;
}
.graphics-box div {
	background: url(../images/graphic_tr.png) 100% 0 no-repeat;
}
.graphics-box div div {
	background: url(../images/graphic_bl.png) 0 100% no-repeat;
}
.graphics-box div div div {
	background: url(../images/graphic_br.png) 100% 100% no-repeat;
	padding: 15px;
}

.box table, .graphics-box table, .office-box table, .display-box table, .packaging-box table, .envelopes-box table {
  margin-right: 15px;
}
.display-box {
	margin: 0; 
	background: url(../images/display_tl.png) 0 0 no-repeat;
	overflow: hidden;
}
.display-box div {
	background: url(../images/display_tr.png) 100% 0 no-repeat;
}
.display-box div div {
	background: url(../images/display_bl.png) 0 100% no-repeat;
}
.display-box div div div {
	background: url(../images/display_br.png) 100% 100% no-repeat;
	padding: 15px;
}

.packaging-box {
	margin: 0; 
	background: url(../images/packaging_tl.png) 0 0 no-repeat;
	overflow: hidden;
}
.packaging-box div {
	background: url(../images/packaging_tr.png) 100% 0 no-repeat;
}
.packaging-box div div {
	background: url(../images/packaging_bl.png) 0 100% no-repeat;
}
.packaging-box div div div {
	background: url(../images/packaging_br.png) 100% 100% no-repeat;
	padding: 15px;
}

.envelopes-box {
	margin: 0; 
	background: url(../images/envelopes_tl.png) 0 0 no-repeat;
	overflow: hidden;
}
.envelopes-box div {
	background: url(../images/envelopes_tr.png) 100% 0 no-repeat;
}
.envelopes-box div div {
	background: url(../images/envelopes_bl.png) 0 100% no-repeat;
}
.envelopes-box div div div {
	background: url(../images/envelopes_br.png) 100% 100% no-repeat;
	padding: 15px;
}

/**menu styles*/
#left ul li a {
	margin: 0px;
	display: block;
	width: 200px;
	padding: 12px 5px 2px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#left ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#left ul li {
	margin: 0px;
	padding: 0px;
	width: 175px;
	overflow: hidden;
}

#left ul li ul li a {
	margin: 0;
	display: block;
	width: 175px;
	padding: 8px 5px 4px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
}
#left ul li ul li a:hover {
	background: #eee;
	color: #333;
}
#left ul li ul li ul li a {
	padding-left: 20px;
}
#left #office-menu ul li ul li a {
	color: #199698;
	border-bottom: 1px solid #199698;
}
#left #office-menu ul li ul li a:hover {
	background: url(../images/office-menu-hover.png);
	color: #fff;
}
#graphics-menu ul li ul li a {
	color: #64b723;
	border-bottom: 1px solid #64b723;
}
#graphics-menu ul li ul li a:hover {
	background: url(../images/graphic-menu-hover.png);
	color: #fff;
}
#display-menu ul li ul li a {
	color: #f96611;
	border-bottom: 1px solid #f96611;
}
#display-menu ul li ul li a:hover {
	background: url(../images/display-menu-hover.png);
	color: #fff;
}
#packaging-menu ul li ul li a {
	color: #f01787;
	border-bottom: 1px solid #f01787;
}
#packaging-menu ul li ul li a:hover {
	background: url(../images/packaging-menu-hover.png);
	color: #fff;
}
#envelopes-menu ul li ul li a {
	color: #6633ff;
	border-bottom: 1px solid #6633ff;
}
#envelopes-menu ul li ul li a:hover {
	background: url(../images/envelopes-menu-hover.png);
	color: #fff;
}
#footer {
	text-align: right;
	font-size: 0.8em;
	margin: 15px;
}
/**Joomla styles **/
.contentheading {
	font-size: 1.2em;
	font-weight: bold;
}
.componentheading {
	font-size: 1.2em;
	font-weight: bold;
	color: #999;
}
.contentpaneopen {
  
}
/**language selection styles*/
div#language {
	position: absolute;
	top: 15px;
	right: 0px;
}
#language ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	float: left;
}
#language ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#language ul li a {
	margin: 0px;
	display: block;
	font-size: 10px;
	padding: 0px 5px;
}
#language ul li#active_language a {
	font-weight: bold;
}
/* search box styles */
div#search {
	position: absolute;
	top: 80px;
	right: 0px;
}
/* top dropdown menu styling */

/* =======================================
    Top Menu aka Main Menu
    ======================================= */
    ul#top_menu {
    	float:left;
       border-left: 1px solid #ffffff;
    }

    ul#top_menu li{
		margin: 0px;
		padding: 0px;
		float: left;
		height: 24px;
		border-right: 1px solid #ffffff;
    }
    ul#top_menu li ul {
       list-style: none;
       position: absolute;
       width: 135px;
       left: -999em;
       border-bottom: none;
       top: 25px;
    }
    #top_menu li:hover ul {
       left: auto;
    }
    #top_menu li ul li {
       width: 135px;
       padding: 0;
       height: auto;
       /*border-bottom: 1px solid #474748;*/
    }

    #top_menu li a, #top_menu li span.separator {
       display: block;
       padding: 7px 10px 5px 10px;
       color: #ffffff;
       font-weight: normal;
       text-decoration: none;
       font-size: 12px;
    }
    html>body ul#top_menu li a {
       width: auto;
    }

    ul#top_menu li ul li a {
       width: 10em;
       background: #07193b;
       color: #fff;
  	
       filter:alpha(opacity=90);
       -moz-opacity: 0.9;
       opacity: 0.9;
       
    }

    ul#top_menu li a:hover {
    	background: #CCC;
	color: #07193b;
       
       filter:alpha(opacity=100);
       -moz-opacity: 1.0;
       opacity: 1.0;
       
    }

    #top_menu li:hover ul, #top_menu li.sfhover ul {
       left: auto;
    }

    /** added for multi-level*/
    #top_menu li ul ul {
		margin: 0 0 0 135px;
		padding: 0;
	}
	#top_menu, #top_menu ul {
		padding: 0;
		margin: 0;
		list-style: none; 
		line-height: 1;
	}
    #top_menu li:hover ul ul, #top_menu li:hover ul ul ul, #top_menu li:hover ul ul ul ul, #top_menu li.sfhover ul ul, #top_menu li.sfhover ul ul ul, #top_menu li.sfhover ul ul ul ul {
	left: -999em;
}

    #top_menu li:hover ul, #top_menu li li:hover ul, #top_menu li li li:hover ul, #top_menu li li li li:hover ul, #top_menu li.sfhover ul, #top_menu li li.sfhover ul, #top_menu li li li.sfhover ul, #top_menu li li li li.sfhover ul {
	left: auto;
}
#advertentie {
	float: right;
	width: 200px;
	overflow: hidden;
	margin-left: 15px;
}
.left {
	float: left;
	margin: 0 15px 10px 0;
}