/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
	background: #ffffff;
	color: #000000;
	margin: 0px;
	/*background-image : url("http://www.marcermensfietsen.nl/fietsenwinkel/images/marcerachtergr.jpg");*/
	background-repeat : no-repeat;
}

A {
  color: #b75b00;
  text-decoration: none;
}

A:hover {
  color: #0000cc;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffc891;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ff8000;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation {
	color: Blue;
}

A.headerNavigation:hover {
  color: #0000cc;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ff8000;
  color: #ffffff;
  font-weight: bold;
}
/*randje boxen*/ 
.infoBox {
	background: none/*#1963AA*/;
}
/*achtergrond boxen*/
.infoBoxContents {
	background:none /*#F0F0F0*/;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.infoBoxNotice {
	background: #FF8E90;
	background-color : Fuchsia;
}

.infoBoxNoticeContents {
	background: Blue;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

TD.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background:url(http://www.marcermensfietsen.nl/fietsenwinkel/fotos/knopmarcboven.png) no-repeat center;
	color: White;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #F0F0F0;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #F0F0F0;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #1963AA;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: url(http://www.marcermensfietsen.nl/fietsenwinkel/fotos/knopmarcboven.png) no-repeat center;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #0000cc;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #0000cc;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}


SPAN.markProductOutOfStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 20px;
 color: red;
 font-weight: bold;
}


SPAN.markProductInStock {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 20px;
 color: #00CC00;
 font-weight: bold;
}






SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: Black;
}
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* menu */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:2;”> z-index 2;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
left:5;/*afstand menu vanaf linkerzijde*/ 
display: inline;
float: left;
top:0px; /*hoogte verschuiving vanaf bovenkant*/
z-index:2;”> z-index 2;



}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 128px; /*Width of top level menu link items*/
padding: 13px 8px;/*hoogte menu*/
border: 0px solid #ccc;
border-left-width: 0;
text-decoration: none;
color: white;
font-size: 12px;
z-index:2;”> z-index 2;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: -10%;/*submenu afstand vanaf linkerzijde vanaf hoofdmenu*/ 
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
z-index:2;”> z-index 2;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
top:0px;/*hoogte submenu vanaf hoofdmenu*/
z-index:2;”> z-index 2;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: white;
text-decoration: none;
padding: 3px 5px;
border: 1px solid #ccc;
background: #F3F3F3 url(fotos/menu3.png)  ;
z-index:2;”> z-index 2;
}



.suckertreemenu ul li a:hover{
background-color: black;
color: navy;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(fotos/menu3.png)  ;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(fotos/menu3.png)  ;/*#F3F3F3 url(media/arrow-right.gif) no-repeat center right;*/
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */








/*Catagorieen linkermenu */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 125px; /* Width of Menu Items */
border-bottom: 1px solid black;
font-family: arial;
font-size: 11px;
z-index:1;”> z-index 1
}
	
.suckerdiv ul li{
position: relative;
background-color: #eee;
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 125px; /* Parent menu width - 1*/
position: absolute;
width: 125px; /*sub menu width*/
top: 0;
display: none;
z-index:1;”> z-index 1
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
left: 125px; /* Parent menu width - 1*/
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li a{ 
left: 125px; /* Parent menu width - 1*/
background-color: #ddd;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li a{ 
background-color: #bbb;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li ul li a{ 
background-color: #aaa;
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: black;
text-decoration: none;
background-color: #eee;
padding: 1px 5px;
border: 1px solid black;
border-bottom: 0;
line-height: 2em;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: #ff9900;
color: black;
text-decoration: none;
}

.suckerdiv ul li ul li a:hover{
background-color: #ff9900;
color: black;
text-decoration: none;
}

.suckerdiv ul li ul li ul li a:hover{
background-color: #ff9900;
color: black;
text-decoration: none;
}

/* The main categories with sub-categories */
.suckerdiv .subfolderstyle{
background: url(images/arrow-list.gif) no-repeat center right;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul .subfolderstyle {
background-color: #ddd;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul .subfolderstyle {
background-color: #bbb;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul li ul .subfolderstyle {
background-color: #aaa;
}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

/*linkermenu*/

.linkerkolom {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.linkerkolom a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.linkerkolom a:hover{
	text-decoration:none;
color:white;
}



/*linkermenuonder*/

.linkerkolomonder {
	margin-top: 0px;
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.linkerkolomonder a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 35px;
	font-weight:bold;
	color:red;
	text-decoration:none;
}
.linkerkolomonder a:hover{
	text-decoration:none;
color:white;
}

/*afstand tussen de links in extra pages box*/
.linkerkolomonder td.infoBoxContents a{
 display:block;
margin-bottom:9px;
}








/*rechtermenu*/

.rechterkolom {
	margin-top: 80px;
	font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color:#999999;
}
.rechterkolom a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.rechterkolom a:hover{
	text-decoration:none;
color:white;
}
/*#leftpanel{ padding:10px; margin:10px; width:170px;  background-color:#F0F0F0; }*/

/*tabmenu op pagina*/

ol#toc {
    height: 0em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc li {
    float: left;
    margin: 0 2px 0 0;
}

ol#toc a {
	
    
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
	border-bottom : 1px white;
}
 

ol#toc a:hover {
	color : #f00;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li.current a {
	background : #cecece;
	border-bottom : 1px white;
	color : #000;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(tab.png) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

div.content {
    border: #b0b0b0 solid 1px;
    clear: left;
    padding: 20em;
}