
body#defaultbody {
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: trebuchet ms, verdana, arial;
	font-size: 76%;
	color: #000;
}

#sitebox-wide, #sitebox-regular {
	margin: 20px 20px 20px 40px;
}

#header-left img {
	margin: 0 0 15px 0;
}

#header-right {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

#print-button {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

.printbutton {
	visiblity: hidden;
	display: none;
}


#topmenu-box {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

#tabs-box {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

#browsepanel {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

#browsepanel .selectbox {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}


#zoek-box {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

#logoff-box {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

#bottomshadow {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

#footer {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}	

/* H1 H2 H3 */


h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	margin: 0 0 15px 0;
}

h1.nomargin {
	margin: 0 0 5px 0;
}

h1 .numberofitems {
	color: #888;
	font-weight: normal;
	font-size: 0.8em;
	margin: 0 0 0 10px;
}

h1 a.basketname:link, h1 a.basketname:visited, h1 a.basketname:hover, h1 a.basketname:active {
	color: #ff9900;
	font-weight: bold;
}


h2 {
	color: #96a639;
	font-size: 1.5em;
	margin: 0 0 5px 0;
}

h3 {
	color: #000;
	margin: 0 0 5px 0;
	font-size: 1.2em;
}

h4 {
	color: #96a639;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
}

h5 {
	color: #0099cc;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}

h6 {
	font-size: 1.1em;
	color: #cc0000;
}

h5.nomargin {
	margin: 0 0 3px 0;
}

.mainheader {
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	margin: 0 0 5px 0;
}

.headerline {
	font-size: 1.5em;
	color: #aaa;
	margin: 0 5px 0 5px;
}

.subheader {
	color: #96a639;
	font-size: 1.5em;
	margin: 0 0 5px 0;
}

#payoff {
	font-size: 1.1em;
	line-height: 1.7em;
	margin: 0 0 30px 0;
}

h1 .h1subtext {
	color: #aaa;
	font-size: 0.8em;
	margin: 0 0 0 10px;
}

h1 .actie {
	color: red;
	text-transform: uppercase;
}


/* WINKELWAGEN */


div.snelbestellen  {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}


table.list-table {
	margin: 20px 0 0 0;
	padding: 10px;
	border: 1px solid #aaa;
	width: 600px;
}

table.list-table tr td {
	padding: 2px 4px 2px 4px;
	vertical-align: top;
}

table.list-table tr th {
	background: #000;
	color: #fff;
	padding: 2px 2px 2px 4px;
}

table.list-table tr th#prijs {
	text-align: right;

}

table.list-table tr th#aantal {
	text-align: right;
	
}

table.list-table tr th#totaal {
	text-align: right;
}

table.list-table tr td.price, table.list-table tr th.price	 {
	text-align: right;
}

table.list-table tr td.amount, table.list-table tr th.amount {
	text-align: right;
}

table.list-table tr td.total, table.list-table tr th.total {
	text-align: right;
}

table.list-table tr td.delete {
	width: 5px;
	padding: 0;
}



table#list-table tr th.empty {
	width: 1px;
	padding: 0;
	margin: 0;
}

table.list-table tr td.margin-row {
	font-size: 0.1em;
}

.productcode {
	color: #aaa;
}

table.list-table tr td.line-row {
	border-bottom: 1px solid #aaa;	
}

table.list-table tr th.fullname, table.list-table tr td.fullname {
	width: 300px;
}

.vanvoorprijs {
	text-decoration: line-through;
	color: #bbb;
}



/* BESTELLING GEPLAATST */

#bestellinggeplaatst-intro {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

div.schoolgegevens-box, div.contactpersoon-box {
	width: 400px;
	margin: 0 0 10px 0;
}

#school-en-contactpersoon {
	width: 696px;
	margin: 0 0 20px 0;
}

.aflever-box-margin {
	margin: 0px;
}

.aflever-box {
	width: 600px;
	background: #f1f3da url(../images/bg_form.gif) repeat-y top left;
	margin: 0 0 20px 0;
}

.aflever-view-row {
	margin: 0 0 10px 0;
}

.aflever-view-row .input-right {
	width: 400px;
}

.aflever-view-row label {
	float: left;
	width: 170px;
}

/* WINKELWAGEN totaal */



table#totaalbedragen {
	width: 580px;
	margin: 10px 0 0 0;
	padding: 20px;
}

table#totaalbedragen tr td.winkelwagen-totaal-titel {
	float: left;
	font-size: 1.0em;
	font-weight: bold;
	color: #777;
	padding: 0;
}

table#totaalbedragen tr td.winkelwagen-totaal-bedrag {
	float: left;
	text-align: right;
	font-size: 1.0em;
	font-weight: bold;
}

table#totaalbedragen tr td#subtotaal {
	color: #999;
	height: 23px;
	vertical-align: bottom;
}

table#totaalbedragen tr td#korting {
	color: #aaa;
}

table#totaalbedragen tr td#totaaltitel {
	font-size: 1.1em;
	color: #000;
}

table#totaalbedragen tr td#totaalbedrag {
	height: 23px;
	font-size: 1.1em;
	vertical-align: bottom;
}

table#totaalbedragen tr td#totaalbedrag-zonderkorting {
	font-size: 1.1em;
	vertical-align: bottom;
}


#winkelwagen-buttons {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}


/* ARTICLES TABLE BOX */


table#articles {
	margin: 0;
	padding: 0;
	border: none;
	width: 515px;
	border-collapse: collapse; 
	border-spacing: 0;
	border-top: 1px solid #ccc;
}

table#articles tr.uneven {
	background: #F1F7DC;
}

table#articles tr.even {
	background: #fff;
}

table#articles tr td.betweenline {
	font-size: 0.3em;
	border-bottom: 1px solid #ddd;
}

table#articles tr th {
	background: #E9F2CB;
	color: #98A177;
}


table#articles tr th a {
	color: #98A177;
	text-decoration: none;
}

table#articles tr td {
	vertical-align: top;
}


table#articles tr td.column1 {
	width: 220px;
	padding: 0 0 0 8px;
}

table#articles tr td.column2 {
	width: 140px;
}

table#articles tr td.column3 {
	bbbackground: #aaa;
	
}

table#articles tr td.column1 img {
	border: 1px solid #c6ce93;
	margin: 0;
}

.articlefullname {
	font-weight: bold;
	font-size: 1.0em;
}

.photo-and-number {
	margin: 5px 0 0 0;
}

.articlephoto {
	float: left;
	margin: 0 10px 0 0;
}

.articlenumber {
	float: left;
	color: #999;
	margin: 2px 0 0 0px;
}

.articleprice-and-unit {
	margin: 0 0 4px 0;
}

.articleprice {
	color: #0066cc;
	font-weight: bold;
}

.articleprice-striked {
	color: #aaa;
	font-weight: bold;
	xxxtext-decoration: line-through;
}

.unit {
	color: #666;
	font-weight: normal;
	text-transform: lowercase;
}

.staffel-row {
	width: 110px;
	margin: 0;	
}

table#articles tr th.foto-toggle {
	padding: 4px 0 0 0;
}

.staffel-price-1 { color: #aaa; font-weight: bold; float: left; width: 40px;}
.staffel-price-2 { color: #888; font-weight: bold; float: left; width: 40px;}
.staffel-price-3 { color: #555; font-weight: bold; float: left; width: 40px;}

.staffel-korting-1 { color: #aaa; font-weight: bold; float: left; width: 40px;}
.staffel-korting-2 { color: #888; font-weight: bold; float: left; width: 40px;}
.staffel-korting-3 { color: #555; font-weight: bold; float: left; width: 40px;}

.staffel-amount {
	float: left;
	color: #666;
	font-weight: normal;
}

.article-reductionmessage {
	color: #aaa;
}

.toegevoegd {
	float: left;
	margin: 1px 0 0 10px;
	color: #70BA02;
}

.aantal-en-bestel-box {
	width: 130px;
}

.verpakkingsinfo-box {
	margin: 14px 0 0 0;
	color: #aaa;
	text-transform: lowercase;
}

.aantal-box-catalogus {
	width: 60px;
	float: left;
}

.aantal-box-winkelwagen {
	float: right;
}

.aantal-text {
	margin: 0;
	color: #666;
}

.aantal-buttons {
	float: left;
	margin: 2px 0 0 0;
}

.aantal-input {
	float: left;
	width: 40px;
	padding: 0;
}

.aantal-box-winkelwagen aantal-input {
	margin: 0;
}

.aantal-input input {
	text-align: right;
	padding-right: 3px;
	width: 30px;
	height: 13px;
	margin: 0 5px 2px 0;
}

.bestelbutton-box {
	float: left;
	width: 60px;
}

.bestelbutton-box input {
	margin: 1px 0 0 0;
}

table#articles tr td.row-top {
	font-size: 0.5em;
}

table#articles tr td.row-bottom {
	font-size: 0.5em;
	border-bottom: 1px solid #e5e5e5;
}

table#articles tr td.row-reduction {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #e5e5e5;
}

.staffel-divider {
	color: #aaa;
}



/* BESTELLING GEPLAATST */

#referentiebox {
	width: 250px;
	border: 2px solid #99cc33;
	background: #fff;
	margin: 10px 0 10px 0;
}

#referentie-container {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	margin: 3px 5px 3px 5px;
}


img {
	border: none;
}


/* OVERIG */

#kopieernaarwinkelwagen-box {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

.aflever-box {
	background: none;
}

.aflever-form-row {
	margin: 0 0 10px 0;
}	

.plaatsbestelling-button-box {
	width: 400px;
}

form input#submitnoshow {
	border: none;
	width: 1px;
	height: 1px;		
}

/* STATUSBALK */

#statusbalk-box {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}


#evengeduld {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

/* KLANTENSERVICE */ 

.no_print {
	visiblity: hidden;
	display: none;
}

address { font-size: 20pt; font-style:normal; margin: 0 0 20px 0 }

table#ticket {
	margin: 0 0 10px 0;
	border-collapse: collapse;
}

table#ticket tr th {
	vertical-align: top;
	padding: 5px 10px 3px 0; 
}

table#ticket tr td {
	vertical-align: top;
	padding: 5px 10px 3px 0; 
}

table.facturen {
	border-collapse: collapse;
}

table.facturen tr th {
	border-bottom: 1px solid #ddd;
	padding: 3px 10px 3px 0;
} 

table.facturen tr td {
	border-bottom: 1px solid #ddd;
	padding: 3px 10px 3px 0;
	vertical-align:top;
}

table.facturen tr td.opmerkingen {
	width:230px;
}


/* SPECIAL */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */
