/*
  $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
  
  Adapted and Modified by Eric and Annika

  Released under the GNU General Public License
*/

/* BeeldBouwers kleuren:

	donker-oranje: #F0B02F 
	licht-oranje:  #F2E5CA 
	donker-grijs:  #DADCDE
	lichter-grijs: #EFEFEF
	lichtst-grijs: #F8F8F9
*/ 

body {
	background: #5E5E5E;
	background-image: url(images/beeldbouwers-background.jpg);
	color: #000;
	margin: 0;
}

.hoofdtabel {
	background: #DADCDE; 
	width: 850px;
/*	background-image: url(images/backmain.jpg); 
	background-repeat: repeat-y; */
}

table.random {
	background: #EFEFEF;
}

table.centerTabel {
	background: #EFEFEF;
	border-style: solid;
	border-color: #DADCDE;
	border-width: 0 6px 0 6px;
    padding-left: 8px; padding-right: 8px;
    text-align: justify;
}

table.kolomLinks {
	background: #F2E5CA;
	background-image: url(images/backleft.jpg);
	background-repeat: repeat-y;
}

table.kolomRechts {
	background: #F2E5CA;
	background-image: url(images/backright.jpg);
	background-repeat: repeat-y;
}

#plaatje { 
	float: left;
	margin-right: 10px;
}

#tekst {
/*	clear: left, top; */
	text-align: justify; 
}

#flash_trans_overlay {
	height: 67px;
	width: 455px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -60px;
	margin-bottom: 0px;
}

hr	{height: 0px; border: solid #F2E5CA 0px; border-top-width: 1px;}

a,
a:link,
a.pageResults {
	color: #000;
	text-decoration: none;
}

a:hover,
a.pageResults:hover {
	color: #000;
	text-decoration: underline;
}

td.main, P.main, .main {
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 15px;
}

td.mainLink, .mainLink {
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 15px;
}

a.mainLink      { color: #000; text-decoration: underline; }
a.mainLink:link { color: #000; text-decoration: underline; }

td.mainBold, td.mainBoldSub {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}

.click_to_enlarge {
	font-family: Arial, Verdana, Tahoma;
/*	letter-spacing: -0.5px;*/
	line-height: 14px;
	font-size: 9px;
	color: #000;
	text-decoration: none;
}

a.click_to_enlarge:hover {
	color: #000;
	text-decoration: underline;
}

td.smallText, span.smallText {
	font-family: Arial, Verdana;
	font-size: 10px;
}

.breadcrump {
	background: #F0B02F;
	font-family: Tahoma, Arial, Verdana;
	font-size: 9px;
	color: #FFF;
	text-decoration: none;
	line-height: 12px;
}

a.breadcrump:link {
	color: #FFF;
	text-decoration: none;
}
a.breadcrump:hover {
	color: #FFF;
	text-decoration: underline;
}

tr.headerError {
	background: #FFB3B5;
}

tr.headerInfo {
	background: #CEFCE2;
}

td.headerError, td.headerInfo {
	font-family: Verdana, Arial;
	font-size: 11px;
}

.messageStackError, .messageStackWarning { 
	background: #FFB3B5;
	font-family: Verdana, Arial; 
	font-size: 11px; 
}

.messageStackSuccess { 
	background: #99FF00;
	font-family: Verdana, Arial; 
	font-size: 11px;  
}

.messageBox { 
	font-family: Verdana, Arial; 
	font-size: 10px;
}

tr.footer {
	background: #F0B02F;
}

td.footer {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
}

a.footer		{ color: #FFF; text-decoration: none; }
a.footer:link	{ color: #FFF; text-decoration: none; }
a.footer:hover	{ color: #FFF; text-decoration: underline; }

.boxText, a.boxText { 
	font-family: Verdana, Arial; 
	font-size: 11px; 
	line-height: 15px;
}

.textBox, .textBoxRed, .textBoxGreen {
	font-family: Verdana, Arial;
	font-size: 11px;
	border-color: #F2E5CA;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding: 5px 6px 5px 6px;
}
.textBox		{ background: #F8F8F9; }
.textBoxRed		{ background: #FFB3B5; }
.textBoxGreen	{ background: #CEFCE2; }

.infoBox {
	padding: 5px 8px 10px 8px; 
}

td.infoBox, span.infoBox {
	font-family: Verdana, Arial;
	font-size: 11px;
}

.infoBoxContents {
	font-family: Verdana, Arial;
	font-size: 11px; 
	line-height: 15px;
}

.contentBox {          
	background: #EFEFEF;
}

.contentBoxContents {
	background: #F8F8F9;
	font-family: Verdana, Arial;
	font-size: 11px;
	border-color: #F2E5CA;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}

.infoBoxNotice {
	background: #FF8E90;
}

.infoBoxNoticeContents {
	background: #FFE6E6;
	font-family: Verdana, Arial;
	font-size: 11px;
}

td.infoBoxHeading {
	background: #F0B02F;
	color: #FFF;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	vertical-align: top;
}

tr.productListing-odd, tr.upcomingProducts-odd {
	background: #EFEFEF;
}

tr.productListing-even, tr.upcomingProducts-even {
	background: #EFEFEF;
}

.productListing {
	border: 0;
	padding: 7px 0 5px 0;
}

td.productListing-heading {
	font-family: Verdana, Arial;
	font-size: 10px;
	line-height: 10px;
	background: #F2E5CA;
	border-color: #F0B02F;
	border-style: solid;
	border-width: 0 0 1px 0;
}

a.productListing-heading:hover {
	text-decoration: underline;
}

td.productListing-data {
	font-family: Verdana, Arial;
	font-size: 11px;
	border-style: solid;
	border-color: #F0B02F;
	border-width: 0 0 1px 0;
	padding: 5px 0 5px 0;             /*   toegevoegd t.b.v. FireFox   */
}

table.pageHeading {
	background: #F0B02F;
	border-style: solid;
	border-color: #DADCDE;
	border-width: 0 6px 0 6px;
}

td.pageHeading {
	background: #F0B02F;
	color: #FFF;
	font-family: Verdana, Arial; 
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	vertical-align: top;
	padding-left: 12px; padding-right: 12px;
}

tr.subBar {
	background: #F4F7Fd;
}

td.subBar {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #000;
}

td.fieldValue {
	font-family: Verdana, Arial;
	font-size: 12px;
}

span.newItemInCart {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #444;
}

form {
	display: inline;
}

checkbox, input, radio, select {
	font-family: Verdana, Arial;
	font-size: 11px;
}

/* toegevoegd n.a.v. functie clearForms in checkout_confirmation */
input.btn {   
	color:#444;   
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color:#fed;   
	border: 1px solid;   
	border-color: #F0B02F;   
	filter:progid:DXImageTransform.Microsoft.Gradient   
	(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
}  
/*
input.general {
	border: 1px solid;  
	border-color: #5E5E5E;  
}
input.required {
	border: 1px solid;  
	border-color: #C76170;  
}
*/
/* wordt o.a. gebruikt in ceate_account */
input.inactive {   
	color:#AAA;   
	background: #DADCDE; 
}  

/* wordt gebruikt in newsletters_forward */
input.fault {
	background: #FFB3B5;  
}

textarea {
	width: 100%; 
	font-family: Verdana, Arial;
	font-size: 11px;
	/* extra attributes */
	padding: 5px;
	border-color: #F2E5CA;
	border-style: solid;
	border-width: 1px;	
	scrollbar-face-color:       #F0B02F;
	scrollbar-arrow-color:      #F2E5CA; 
	scrollbar-track-color:      #F2E5CA;
	scrollbar-highlight-color:  #F0B02F;   /* linksboven binnen */
	scrollbar-shadow-color:     #F0B02F;   /* rechtsonder binnen */
	scrollbar-3dlight-color:    #F2E5CA;   /* linksboven buiten */
	scrollbar-darkshadow-color: #F2E5CA;   /* rechtsonder buiten */
}

span.markProductOutOfStock {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #C76170;
	font-weight: bold;
}

span.productSpecialPrice, .productEOL {
	font-family: Verdana, Arial;
	color: #AB0D14;
}

span.errorText {
	font-family: Verdana, Arial;
	color: #FF0000;
}

.moduleRow 			{ background: #F8F8F9; }
.moduleRowOver 		{ background: #F2E5CA; cursor: hand; }
.moduleRowSelected 	{ background: #F2E5CA; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial; font-size: 10px; color: #8C8C8C; }
.checkoutBarCurrent { font-family: Verdana, Arial; font-size: 10px; color: #000; }

.errorBox {
	font-family: Verdana, Arial; 
	font-size: 10px;
	background: #FFB3B5;
	font-weight: bold;
}

.stockWarning {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #C03;
}

.inputRequirement { 
	font-family: Verdana, Arial; 
	font-size: 10px; 
	color: #C76170;
	text-align: right;
    padding-right: 5px;
}

.orderEdit {
	font-family: Arial; 
	font-size : 10px; 
	color: #F0B02F; 
	text-decoration: none; 
}

a.orderEdit:link  { color: #F0B02F; text-decoration: none; }
a.orderEdit:hover {	color: #F0B02F;	text-decoration: underline; }


/* in index.php (tbv category buttons) */
td.buttonOff { background: #EFEFEF; }

td.buttonOn { background: #EFEFEF; }


/* toegevoegd t.b.v. kiezen2010 */
/* let op: ook in ADMIN */
table.kiezen2010TopLeft, td.kiezen2010BottomRight {
	font-family: Verdana, Arial;
	font-size: 11px;
    text-align: center;
}
table.kiezen2010TopLeft {
	border-top: solid 1px #bbb; 
	border-left: solid 1px #bbb;
}
td.kiezen2010StemRight {
	border-right: solid 1px #bbb; 
	border-bottom: solid 1px #efefef;
}
td.kiezen2010BottomRight {
	border-right: solid 1px #bbb; 
	border-bottom: solid 1px #bbb;
}
/* end */


/* toegevoegd t.b.v. HP montagesystemen */
/* let op: ook in ADMIN */
table.hp_sysTopLeft, td.hp_systemenBottomRight {
	font-family: Verdana, Arial;
	font-size: 11px;
    text-align: center;
}
table.hp_sysTopLeft {
	background: #e6e6e6;
	border-top: solid 1px #bbb; 
	border-left: solid 1px #bbb;
}
td.hp_sysBottomRight {
	border-right: solid 1px #bbb; 
	border-bottom: solid 1px #bbb;
	padding: 5px;
}
td.hp_sysBottomRightActie, td.hp_sysBottomRightActieEven, td.hp_sysBottomRightActieOdd {
	background: #CEFCE2;
	border-right: solid 1px #bbb; 
	border-bottom: solid 1px #bbb;
	padding: 5px;
}
td.hp_sysBottomRightActieEven {
	background-image: url(images/pixel_green-blink-even.gif);
}
td.hp_sysBottomRightActieOdd {
	background-image: url(images/pixel_green-blink-odd.gif);
}
/* end */

/* toegevoegd t.b.v. flash player */
table.flash {
	border-style: solid;
	border-color: #aaa;
	border-width: 1px 1px 0 1px;
}
/* end */
