/***********************************************************/
/* Layout Cascading Style Sheet                             			       */
/***********************************************************/

body {
	margin			: 0px;
    padding			: 0px;
}

p {
	padding-top		: 0;
}	

ul {	

}

ul li {
	padding			: 0;
}

ul li a {
	padding				: 0;
	margin				: 0;
}

ul li a:hover {
	padding				: 0;
	margin				: 0;
}

ol {

}

table {
	border-color	: #EEE;
	border-collapse	: collapse;
	empty-cells		: show;
}

img {
	border			: 0px;
	display			: block;
}

img#print-logo {
	display			: none;
}
/* /////////////////////////////////////////////////////// */

div#container {
	width			: 802px;
	margin			: 0 auto;
	background		: url(../images/basis/bg_container.gif) repeat-y top left;
	position        : relative;
}

div#container  #logo{
	position		: absolute;
	top				: 68px;
	left            : 0px;
	z-index			: 98;
}

.userstatus
{
   position:absolute;
   z-index:99;
   top:90px;
   right:15px;
   color:#FB7800;
}
.userstatus a
{
   /* padding:0px 0px 0px 20px;*/
    color:#FB7800;
}

/****MENU****/
div#container #menu {
	/*position		: absolute;
	top				: 203px;
	z-index			: 98;*/
	/*overflow:hidden;
	width:100px;*/
}
div#container #menu ul {
	margin			: 0;
	padding			: 0;
	list-style-type	: none;	
}
div#container #menu ul li{
	margin			: 0 0 2px 0;
	padding			: 0;
	width			: 173px;
	height          : auto !important;
	height          : 40px;
	min-height		: 40px;
}
div#container #menu ul li a{
	margin			: 0 0 2px 0;
	padding			: 0;
	background		: url(../images/bullets/menuitem.gif) no-repeat top left;
	width			: 173px;
	height			: 40px;
	display			: block;
	cursor			: pointer;
	text-decoration	: none;
	color			: #002d0b;
}

div#container #menu ul li a#homemenuitem
{
    background		: url(../images/bullets/homemenuitem.gif) no-repeat top left;
}

div#container #menu ul li a#homemenuitem.active
{
    background		: url(../images/bullets/menuitem-hover.gif) no-repeat top left;
    color			: #002d0b;
}

div#container #menu ul li a#homemenuitem span
{
    margin-left:    45px;
}
div#container #menu ul li a.active{
	background		: url(../images/bullets/menuitem-hover.gif) no-repeat top left;
	color			: #002d0b;	
}
div#container #menu ul li a span,
div#container #menu ul li a.active span{
	margin			: 8px 0 0 20px;
	padding			: 0;
	height			: 25px;
	display			: block;
	float			: left;
	width			: 120px;
	line-height		: 12px;
}
div#container #menu ul li a b{
	padding			: 0 0 0 10px;
	margin			: 10px 0 0 0px;
	display			: block;
	float			: left;
	font-size		: 25px;
	color			: #b0d20d;
}
div#container #menu ul li.hoofdmenu a.active b{
	color			: white;
}

/*** NEW SUBMENU ***/
div#container #menu ul li ul li a,
div#container #menu ul li ul li a.active
{
    background-image:none;
    margin-left:50px;
    height: 15px;   
    width: 120px;
}

div#container #menu ul li ul li a.active
{
    font-weight: bold;
}

div#container #menu ul li ul li
{
    min-height: 20px;
    height:     20px !important;  
}

/*ul#submenu li a
{
    margin			: 8px 0 0 20px;
	padding			: 0;     
	height			: 25px;
	display			: block;
	float			: left;
	width			: 120px;
	line-height		: 12px;
}*/

/****SUBMENU****/
div#container ul#submenu {
	width			: 467px;
	height			: 28px;
	padding			: 0;
	margin			: 0 11px 0 0;
	float			: right;
	border-bottom	: 1px solid #b0d20d;
	list-style-type	: none;
}
div#container ul#submenu li {
	margin			: 0;
	padding			: 5px;
	float			: left;
}
div#container ul#submenu li a{
	margin			: 0;
	font-weight		: bold;
	font-size		: 0.9em;
	color			: #002d0b;
	text-decoration	: none;
}
div#container ul#submenu li a.active {
	margin			: 0;
	font-weight		: bold;
	font-size		: 0.9em;
	color			: #b0d10e;
}


/* TOP */
div#container #top {
	width			: 802px;
	height			: 111px;
	margin			: 0;
	padding			: 0;
	float			: left;
	background		: white url(../images/basis/bg_top.gif) no-repeat right top;
}
div#container #top ul {
	width			: 180px;
	padding			: 0;
	margin			: 0;
	float			: right;
	position		: relative;
	top				: 27px;
}
div#container #top ul li {
	padding			: 0;
	margin			: 0 0 0 13px;
	float			: left;
	display			: block;
}
div#container #top ul li a{
	padding			: 0 0 0 10px;
	margin			: 0;
	display			: block;
	background		: url(../images/bullets/bullettop.gif) no-repeat top left;
	color			: white;
}
div#container #top-bar {
	float			: right;
	width			: 595px;
	min-height		: 141px;
	background		: url(../images/basis/bg.gif) repeat-y top left;
}
div#container #top-left {
	width			: 350px;
	padding			: 0 0 10px 0;
	margin			: 0;
	float			: left;
	background		: #b0d10e;
}
div#container #top-balti {
	width			: 595px;
	padding			: 0;
	margin			: 0;
	float			: right;
	background		: #b0d10e;
}

div#container #top-spacer {
	width			: 595px;
	padding			: 0;
	margin			: 0;
	float			: right;
	height: 0px;
	/*border: 1px solid red;	*/
}

div#container #top-balti .prop,
div#container #top-left .prop {
    height			: 141px;
    float			: right;
    width			: 1px;
}
div#container #top-balti .clear,
div#container #top-left .clear {
    clear			: both;
    height			: 1px;
    overflow		: hidden;
}
div#container #top-balti h1,
div#container #top-left h1 {
	padding			: 16px 0 0 121px;
	margin			: 0;
	color			: white;
}
div#container #top-balti p,
div#container #top-left p {
	padding			: 10px 10px 0 121px;
	margin			: 0;
}
div#container #top-balti img,
div#container #top-left img {
	position		: absolute;
	top				: 89px;
	padding			: 0;
}
div#container #top-right {

	padding			: 20px 10px 0 19px;
	float			: right;
	margin			: 0;
	background		: #fb7800;
	color			: white;
	width			: 245px;
	voice-family	: "\"}\""; 
	voice-family	: inherit;
	width			: 216px;
}
div#container #top-right span#status-link {
	padding			: 0 0 0 17px;
	margin			: 5px 0 0 0;
	float			: left;
	text-decoration	: none;
	color			: white;
}
div#container #top-right a.pijl {
	padding			: 0 0 0 10px;
	margin			: 0 10px 0 0;
	float			: left;
	text-decoration	: none;
	background		: url(../images/bullets/bullettop.gif) no-repeat top left;
	color			: white;
}
div#container #top-right a {
	color			: white;
	margin			: 0;
}
div#container #top-right b {
	padding			: 0;
	margin			: 0;
}
div#container #top-right p {
	padding			: 0;
	margin			: 0;
	color			: white;
}
/* Main */
div#container #content {
	float			: right;
	min-height		: 500px;
	margin			: 0;
	width			: 475px;
	voice-family	: "\"}\""; 
	voice-family	: inherit;
	width			: 465px;
	padding			: 10px 10px 0 0;
	/*position:relative;*/

}
div#container #content div#helpbanner{
	width			: 100%;
	height			: 30px;
	color			: #b0d10e;
	/*padding-left	: 200px;*/
}
div#container #content div#helpbanner div#help{
	float			: right;
	padding-right	: 10px;
	height			: 26px;
	text-transform	: uppercase;
	font-size		: 15px;
	font-family		: verdana;
	font-weight		: bold;
	line-height		: 14px;
}
div#container #content div#helpbanner div#helptelefoon{
	float			: right;
	padding-right	: 10px;
	text-transform	: uppercase;
	line-height		: 7px;
	font-size		: 7px;
	font-family		: verdana;
	font-weight		: bold;
}
div#container #content div#helpbanner div#helpemail{
	float			: right;
	text-transform	: uppercase;
	font-size		: 7px;
	line-height		: 7px;
	font-family		: verdana;
	font-weight		: bold;
}
div#container #content div#helpbanner div#helpemail a:link,
div#container #content div#helpbanner div#helpemail a:hover,
div#container #content div#helpbanner div#helpemail a:visited,
div#container #content div#helpbanner div#helpemail a:active{
	text-decoration	: none;
	color			: #b0d10e;
}
div#container #content div#helpbanner span.hulpnummer{
	font-size		: 15px;
	text-transform	: uppercase;
	font-family		: verdana;
	font-weight		: bold;
	line-height		: 14px;
	letter-spacing	: 0px;
}
div#container #content h1 {
	color			: #b0d10e;
	margin			: 49px 0 0 0;
}
div#container #content .stap,
div#container #content .stap-niet-afgerond {
	width			: 465px;
	padding			: 0;
	margin			: 10px 0 0 0;
	float			: right;
	border-top		: 1px solid #b0d10e;
	border-left		: 1px solid #b0d10e;
	border-right	: 1px solid #b0d10e;
	border-bottom	: 0;
}
div#container #content .stap .legend,
div#container #content .stap-niet-afgerond .legend {
	color			: #b0d10e;
	font-weight		: bold;
	margin			: 0 0 0 10px;
}
div#container #content .stap-niet-afgerond {
	border-top		: 1px solid #e01611;
	border-left		: 1px solid #e01611;
	border-right	: 1px solid #e01611;
}
div#container #content .stap-niet-afgerond .legend {
	color			: #e01611;
}
div#container #content .stap img,
div#container #content .stap-niet-afgerond img{
	margin			: 0;
	display			: block;
	float			: left;
}
div#container #content .stap p,
div#container #content .stap-niet-afgerond p{
	color			: #005600;
	width			: 335px;
	margin			: 0 5px 0 0;
	display			: block;
	float			: right;
}
div#container #content .stap p a{
	color			: #002d0b;
}
div#container #content .stap-niet-afgerond p{
	color			: #e01611;
}
div#container #content .stap p b,
div#container #content .stap-niet-afgerond p b{
	padding			: 7px 0 0 0;
	display			: block;
}
div#container #content .stap-niet-afgerond p a{
	color			: #a40b08;
}
div#container #content #klaar{
	width			: 467px;
	height			: 60px;
	margin			: 5px 0 0 0;
	padding			: 0;
	float			: right;
	background		: url(../images/basis/footnoot.gif) no-repeat top left;
}
div#container #content #klaar p {
	color			: #002d0b;
	margin			: 25px 0 0 125px;
}
/* Rightbar */
div#container #rightbar{
	width			: 117px;
	float			: right;
	background-color : #FFF;
	padding-top:5px;
}

div#container #rightbar img{
	clear:left;
	float:left;
	display:block;
}


/* Footer */

div#container #footer {
	width			: 802px;
	height			: 81px;
	margin			: 0;
	padding			: 0;
	float			: left;
	background		: url(../images/basis/footer.gif) no-repeat top;
	text-align		:right;
	padding-top		:35px;
}
div#container #footer a{
	font-size		:0.9em;
	color			:#5f7308;
	text-decoration	:none;
	margin			:0 7px 0 7px;	
}

div#container #footer a:hover{
	color			: #b0d20d;
	text-decoration	: none;
}


/* Overig */

br {
	clear			: both;
}
a.button {
	background		: #FFF url('../images/basis/button0.gif') no-repeat;
	width			: 182px;
	height			: 30px;
	margin			: 0;
	display			: block;
	padding			: 8px 5px 0 35px;
	color			: #005600;
	font-weight		: bold;
	line-height		: 13px;
	text-decoration	: none;
}
a.button:visited{
	text-decoration	: none;
	color			: #005600;
}
a.button:visited:hover{
	text-decoration	: none;
	color			: #fb7800;
}
a.button:hover {
	text-decoration	: none;
	color			: #fb7800;
	background		: #FFF url('../images/basis/button1.gif') no-repeat;
}


div.nextpage a {
	background		: #FFF url('../images/basis/volgende0.gif') no-repeat;
	background-position:	right;
	height			: 23px;
	margin			: 0;
	display			: block;
	padding			: 8px 30px 0 0px;
	color			: #005600;
	font-weight		: normal;
	line-height		: 13px;
	text-decoration	: none;
	text-align		: right;
}
div.nextpage a:visited{
	text-decoration	: none;
	color			: #005600;
}
div.nextpage  a:hover {
	text-decoration	: none;
	color			: #fb7800;
	background		: #FFF url('../images/basis/volgende1.gif') no-repeat;
	background-position:	right;
	padding			: 8px 30px 0 0px;
}




/* BUMPERPAGE */

div#bumperpage {
	margin-left		: auto;
	margin-right	: auto;
	margin-top		: 0;
	background-color: #FFF;
	padding			: 0;
	width			: 332px;
}

div#bumperpage div.input {
	float			: left;
	text-align 		: center;
	width			: 332px;
}

div#bumperpage div.input input {
	margin-left		: 15px;
	margin-top		: 20px;
	width			: 15px;
	height			: 15px;
}

div#bumperpage div#logo {
	text-align		: center;
	width			: 340px;
	padding			: 0px;
	float			: left;
	background-color	: #FFF;
	margin			: 0px;
	margin-bottom		: 10px;
}

div#bumperpage span.bumpertitel {
	font-size		: 13px;
	color			: #FFF;
	font-weight		: bold;
	text-align		: left;
	margin-left		: 15px;
	margin-top 		: 10px;
	float			: left;
}

div#bumperpage div#wholesale {
	width			: 162px;
	height			: 312px;
	background		: #F97D02 url("../images/basis/bumper_wholesale.gif") no-repeat left bottom;
	float			: left;
	margin			: 0px;
}

div#bumperpage div#wholesale ul#whole {
	margin			: 0px;
	margin-top		: 10px;
	padding			: 0px;
	padding-left	: 15px;
	text-align		: left;
	float 			: left;
	list-style-type	: none;
}

div#bumperpage div#wholesale ul#whole li {
	padding-left	: 14px;
	background		: url("../images/bullets/bumper_wholesale.gif") no-repeat left center;	
}

div#bumperpage div#wholesale ul#whole li a {
	color			: #000;
	text-decoration	: none;  
}

div#bumperpage div#wholesale ul#whole li a:hover {
	color			: #FFF;
	text-decoration	: none;  
}

div#bumperpage div#fundraising {
	width			: 162px;
	height			: 312px;
	background		: #6EA0DF url("../images/basis/bumper_fundraising.gif") no-repeat left bottom;
	float			: left;
	margin			: 0px;
	margin-left		: 8px;
}

div#bumperpage div#fundraising ul#fund {
	margin			: 0px;
	margin-top		: 10px;
	padding			: 0px;
	padding-left	: 15px;
	text-align		: left;
	float 			: left;
	list-style-type	: none;
}

div#bumperpage div#fundraising ul#fund li {
	padding-left		: 14px;
	background		: url("../images/bullets/bumper_fundraising.gif") no-repeat left center;	
}

div#bumperpage div#fundraising ul#fund li a {
	color			: #000;
	text-decoration	: none;  
}

div#bumperpage div#fundraising ul#fund li a:hover {
	color			: #FFF;
	text-decoration		: none;  
}

/* SITEMAP MENU */
/*ul#sitemapsubmenu{
	margin-left		: 0px;
	margin-top		: 1px;
	padding			: 0px;
}
ul#sitemapsubmenu li{
	line-height		: 16px;
	font-size		: 13px;
	clear			: left;
	list-style-type	: none;
}

ul#sitemapsubmenu ul#sitemapsubsubmenu li{
	line-height		: 16px;
	font-size		: 11px;
	clear			: left;
	list-style-type	: none;
}
ul#sitemapsubmenu li a{
	color			: #005600;
}

h2.sitemap,
h2.sitemap a,
h2.sitemap a:link,
h2.sitemap a:hover,
h2.sitemap a:active,
h2.sitemap a:visited {
	text-decoration		: none;
	color				: #002D0B;
	clear				: left;
	line-height			: 10px;
	font-size			: 15px;
	margin				: 5px 0px;
	padding				: 0px;
}

li.nostyle{
	list-style-type		: none;
	line-height			: 0px;
	margin				: 0px;
	padding				: 0px;
	float				: left;
	
}*/

/* Kees 14 2007 */
ul.sitemapsubmenu{
	margin-left		: 27px;	
	margin-top		: 1px;
	padding			: 0px;
}

ul.sitemapsubmenu ul{
	margin-left		: 20px;
	margin-top		: 1px;
	padding			: 0px;
}

ul.sitemapsubmenu li{
	line-height		: 16px;	
	clear			: left;
	list-style-type	: none;	
}

ul.sitemapsubmenu ul.sitemapsubsubmenu li{
	line-height		: 16px;
	clear			: left;
	list-style-type	: none;	
}
ul.sitemapsubmenu li a{
	color			: #005600;
	text-decoration : none;
}
ul.sitemapsubmenu li a:hover{
	color			: #005600;
	text-decoration : underline;
}

h2.sitemap,
h2.sitemap a,
h2.sitemap a:link,
h2.sitemap a:active,
h2.sitemap a:visited {
	text-decoration		: none;
	color				: #002D0B;	
	line-height			: 30px;
	font-size			: 13px;
	vertical-align		: baseline;	
	padding				: 0px;
}
h2.sitemap a:hover {
	text-decoration		: underline;
}

li.nostyle{
	list-style-type		: none;
	line-height			: 0px;
	margin				: 0px;
	padding				: 0px;
	float				: left;
	
}


tr.overzicht-total td
{	
	border-top: solid 1px #FFFFFF;
}

/* */

div.orderoption
{
	/*width:216px;	*/
	width:100%;
	cursor:pointer;
	float:left;
	margin:0px 15px 20px 0px;
	position: relative;
	color:#000;
}

div.orderoption img
{
	/*float:left;*/
	position: absolute;
	bottom: 5px;
	left: 5px;
}
div.orderoption div.orderheading
{
	padding:5px 5px 5px 5px;
	background-color: #d0e46e; 	
	height:20px;
	color: #000;
	position: relative;
	border-bottom: 1px solid #FFF;
	
}

div.orderoption a
{
	position: absolute;
	bottom: 10px;
	left: 5px;
	color: #111;
	/*text-decoration:none;
	border-bottom:1px #d0e46e solid;*/
}
div.orderoption a:hover
{
/*border-bottom:1px #000 solid;*/
	color:#000;
}

/*div.orderoption div.orderheading p
{
	position: absolute;
	left: 5px;
	bottom: 5px;	
	padding:0px;
	margin:0px;
}*/

div.orderoption div.ordersubtext
{
	background-color: #e7f1b6; 	
	padding:6px;
	height: 60px;
}
/*div.orderoption span
{
	color:#F00;
}*/
/*div#printreceipts div.ordersubtext
{
	height: 130px;
}*/

/* agentpanel */

div.adminpanel
{
    background-color: #B0D10E;	
    padding			: 5px;
}
div.adminpanel a
{
    display         : block;
    float           : left;
}
div.adminpanel a,
div.adminpanel
{
    color			: white;
}

div#agentenpanel,
div#adminpanel
{	
	margin			: 20px 0px 0px 35px;
	width			: 150px;
	overflow		: hidden;
	text-align      : left;	
}

div#adminpanel input
{
    display: block;
    float: left;
    clear: both;
}

div#adminnav
{
	padding			: 5px;		
	width			: 98%;
	height          : 56px;	
}
div#adminnav a
{
    padding: 0px 0px 0px 10px;
}

div#agentenpanel a.emailaddress
{
	text-decoration	: none;
}
div#agentenpanel a.emailaddress:hover
{
	text-decoration	: underline;
}

div#agentenpanel input.agentfield
{
	width			: 45px;	
	height:18px;
}
div#agentenpanel label
{
	text-align		: left;
	width			: 45px;
	margin			: 0px;
	padding			: 0px;
}

div#agentenpanel input
{
  font-size			: 10px;
}

div.assorti-selection11
{
    background-color:#000000;
    height:100%;
    left:0pt;
    top:0pt;
    opacity:0.8;
    position:absolute;
    width:100%;
    z-index:110;
}