body#defaultbody {
	background: #fee767 url(../images/bg_body.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial, helvetica, verdana;
	font-size: 9pt;
	color: #2f4359;
}

body#popupbody {
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: arial, helvetica, verdana;
	font-size: 9pt;
}


/* SITE BOX */

#sitebox-regular {
	margin: 0 auto;
	width: 760px;
	background: #fff url(../images/bg_siteboxshadow_regular.gif);
}

#sitebox-wide {
	margin: 0 auto;
	width: 760px;
	background: #fff url(../images/bg_siteboxshadow_wide.gif);
}

/* HEADER */


#header {
	margin: 0 auto;
	width: 750px;
	background: #fff url(../images/bg_header.gif) no-repeat top right;
}

#header #menu { 
    margin:0pt 15px 0pt 0pt;
}


#header-left {
	float: left;
	width: 252px;
	text-align: left;
}

#header-left img {
	margin: 15px 0 15px 15px;
}

#header-right {
	width: 488px;
	float: left;
	text-align: right;
}

#header-right #menu {
	margin: 10px 0 0 0;
}

#header-right #print-and-back-button {
	margin: 10px 0 0 0;
}

#center-box {
	width: 750px;
	margin: 0 auto;
}

#center-left {
	float: left;
	width: 560px;
	text-align: left;
}

#center-left .margin {
	margin: 25px 15px 30px 20px;
}

#center-right {
	float: left;
	width: 190px;
	text-align: left;
}

#center-right .margin {
	margin: 15px;
}

#sitebox-wide #center-left {
	width: 750px;
}



/* TOPMENU */

ul#topmenu {
	padding: 0;
	margin: 0;
}

ul#topmenu li {
	float: right;
	display: block;
	font-size: 1em;
}

ul#topmenu li a:link, ul#topmenu li a:visited, ul#topmenu li a:active, ul#topmenu li a:hover {
	float: left;
	color: #000;
	padding: 3px 7px 0 7px;
	margin: 0;
}

ul#topmenu li a:hover  {
	color: #f35407;
}

ul#topmenu li#currentmenu a:link, ul#topmenu li#currentmenu a:visited, ul#topmenu li#currentmenu a:active, ul#topmenu li#currentmenu a:hover {
	color: #0099ff;
	font-weight: bold;
}

/* TABS*/

#tabs-and-selectboxes {
	width: 750px;
	background: #fff;
	margin: 0 auto;
}

#tabs {
	padding-left: 12px; 
}

#tabs .item {
	float: left;
	margin: 0 2px 0 0;
}

#tabs #first {
	margin: 0 2px 0 0;
}

#tabs-and-selectboxes #bottom {
	width: 750px;
	height: 5px;
	font-size: 0.1em;
	background: url(/images/tab_bottom.gif) no-repeat;
}
			
#sitebox-wide #tabs-and-selectboxes #bottom {
	background: url(/images/tab_bottom_Wide.gif) no-repeat;
}

/* BROWSE */


#selectboxes {
	visibility: hidden;
	display: none;
	background: #ddd;
	margin: 0 auto;
	width: 750px;
	height: 130px;
	text-align: left;
}

.selectbox {
	float: left;
}

.selectbox select {
	margin: 10px 10px 10px 16px;
	width: 160px;
	font-size: 0.9em;
	height: 110px;
}

/* ZOEKEN */

#zoek-box {
	background: #0093c7 url(../images/bg_zoekbox.gif) repeat-x;
	width: 750px;
	height: 40px;
	text-align: center;
	margin: 0 auto;
}

#zoek-box form {
	padding: 0;
	margin: 0;
}

#zoek-box-container {
	width: 330px;
	margin: 0px auto;
}

#zoek-title {
	float: left;
	font-size: 1.2em;
	margin: 12px 8px 0 0;	
	color: #fff;
}

.zoek-input {
	float: left;
	margin: 10px 3px 0 0;
}

form#zoekformulier input#keyword {
	border: 1px solid #6699cc;
	padding: 2px 0 0 2px;
	font-size: 0.9em;
	width: 200px;
	height: 16px;
	margin: 0 0 0 0;
}

form#zoekformulier input#zoek {
	height: 22px;
	font-size: 1em;
	padding: 1px 3px 0 3px;
	margin: 0 0 2px 0;
}

/* homeblocks */

#homeblocks {
	margin: 20px 0 0 0;
}

#homeblocks .item {
	float: left;
	width: 150px;
	border: 1px solid #ffcc00;	
	background: #ffffee;
	margin: 0 15px 15px 0;
	height: 250px;
}

#homeblocks .item .image {
	margin: 10px;
	background: #fff;
	text-align: center;
}

#homeblocks .item .image img {
	border: 1px solid #ccc;
}

#homeblocks .item h2 {
	font-size: 1.5em;
	margin: 0 10px 5px 0px;
	color: #ff6600;
	font-weight: bold;
}

#homeblocks .item .content {
	margin: 10px;
}

#homeblocks .item .smalltext {
	margin: 0 0 10px 0;
}

#homeblocks .item .prijs {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 5px 0;
}


/* HOME LOGIN */

#homeblocks form {
	margin: 0;
	padding: 0;
}

#homeblocks .form-row {
	margin: 0 0 5px 0;
	width: 170px;
}

#homeblocks .form-row input {
	margin: 0;
}

input#klantnummer {
	width: 70px;
}

input#gebruikersnaam {
	width: 110px;
}

input#emailadres {
	width: 170px;
}

input#submitbutton {
	margin: 5px 0 0 0;
}

/* TOON BLOCK */
div#video {
	width:420px;
	border:1px solid #000;
	margin:0 0 1.5em 0;
}



/* PRODUCT GROUP */
#productgroup-info {
	width: 510px;
	margin: 0 0 15px 0;	
}


#productgroup-image {
	float: left;
	width: 150px;
}

#productgroup-navigator {
	margin: 5px 0 0 0;
	text-align: center;
}

#productgroup-text {
	float:left;
	width: 350px;
}

img.sterlogo {
	margin: 0 0 10px 10px;

}

/* ACTIEFOLDER */

.actiefolderbox-even, .actiefolderbox-uneven {
	width: 500px;
	margin: 0 0 20px 0;
	background: #F1F7DC;
	padding: 0 0 20px 0; 
}

.actiefolderbox-uneven .image, .actiefolderbox-even .image {
	float: left;
	text-align: right;
	margin: 20px 10px 0 20px;
}


.actiefolderbox-even .text, .actiefolderbox-uneven .text {
	float: left;
	width: 280px;
	margin: 20px 10px 0 20px;
}

.actiefolderbox-even .textwide, .actiefolderbox-uneven .textwide {
	width: 400px;
	margin: 20px;
}

.text a.meerinformatie:link, .text a.meerinformatie:visited, .text a.meerinformatie:hover, .text a.meerinformatie:active {
	color: red;
}


/* ARTICLES */



#scrollbox {
	width: 520px;
	height: 300px;
	overflow: scroll;
}

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: #eee;
}

table#articles tr.even {
	background: #f8f8f8;
}

table#articles tr td.betweenline {
	font-size: 0.3em;
	border-bottom: 1px solid #ddd;
}

table#articles tr th {
	background: #DFE1ED;
	color: #9199C2;
}


table#articles tr th a {
	color: #98A177;
	text-decoration: none;
}

table#articles tr th.foto-toggle {
	padding: 4px 0 0 0;
}

table#articles tr td {
	vertical-align: top;
}


table#articles tr td.column1 {
	width: 210px;
	padding: 0 0 0 8px;
}

table#articles tr td.column2 {
	width: 150px;
}

table#articles tr td.column3 {
	bbbackground: #aaa;
	
}

table#articles tr td.column1 img {
	border: 1px solid #c6ce93;
	margin: 0;
}

table#articles tr td.column1 .name-and-description {
	width: 190px;
}

table#articles tr td.column1 .name-and-description .description {
	color: #111;
	line-height: 1.2em;
}

table#articles tr td.column1 .photo-and-number {
	margin: 5px 0 0 0;
}

table#articles tr td.column1 .photo-and-number .articlephoto {
	float: left;
	margin: 0 10px 0 0;
}

table#articles tr td.column1 .photo-and-number .articlenumber {
	float: left;
	color: #999;
	margin: 2px 0 0 0px;
}

table#articles tr td.column2 .articleprice-and-unit {
	margin: 0 0 4px 0;
	width: 140px;
}

table#articles tr td.column2 .articleprice-and-unit .articleprice {
	float: left;
	width: 65px;
	color: #0066cc;
	font-weight: bold;
}

table#articles tr td.column2 .articleprice-and-unit .articleprice-striked {
	color: #aaa;
	font-weight: bold;
}

table#articles tr td.column2 .articleprice-and-unit .unit {
	float: left;
	color: #666;
	font-weight: normal;
	text-transform: lowercase;
}

table#articles tr td.column2 .staffel-row {
	width: 130px;
	margin: 0;	
}

.staffel-price-1 { color: #aaa; font-weight: bold; float: left; width: 65px;}
.staffel-price-2 { color: #888; font-weight: bold; float: left; width: 65px;}
.staffel-price-3 { color: #555; font-weight: bold; float: left; width: 65px;}
.staffel-price-4 { color: #222; font-weight: bold; float: left; width: 65px;}

.staffel-korting-1 { color: #aaa; font-weight: bold; float: left; width: 65px;}
.staffel-korting-2 { color: #888; font-weight: bold; float: left; width: 65px;}
.staffel-korting-3 { color: #555; font-weight: bold; float: left; width: 65px;}
.staffel-korting-4 { color: #222; font-weight: bold; float: left; width: 65px;}

.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: 50px;
	padding: 0;
}

.aantal-box-winkelwagen aantal-input {
	margin: 0;
}

.aantal-input input {
	text-align: right;
	padding-right: 3px;
	width: 40px;
	height: 15px;
	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;
}




/* WINKELWAGENT-klein */

#winkelwagentje {
	width: 160px;
	text-align: left;
	margin: 0;
}

#bentuniet {
	color: #888;
	font-size: 0.9em;
	margin: 0 0 5px 0;
}

#bentuniet a:link, #bentuniet a:visited, #bentuniet a:hover, #bentuniet a:active {
	color: #888;
}

#bentuniet a:hover {
	color: #3333cc;
}


table#winkelwagen-klein {
	width: 160px;
	padding: 0;
	margin: 5px 0 0 0;
	border-collapse: collapse; 
	border-spacing: 0;
	border: 1px solid #AEC7E4;
	font-size: 0.8em;
	font-family: tahoma, arial, verdana;
}

table#winkelwagen-klein th {
	font-weight: normal;
	color: #fff;
	background: #5c89c7;
	padding: 2px;
}

table#winkelwagen-klein th.aantal {
	text-align: right;
	width: 30px;
} 

table#winkelwagen-klein tr td {
	font-size: 0.9em;
	background: #fff;
	padding: 2px;
}

table#winkelwagen-klein tr td.totalamount-line {
	color: #ccc;
	text-align: right;
}

table#winkelwagen-klein tr td#naarwinkelwagen {
	font-size: 1.1em;
	font-family: trebuchet ms, verdana, arial;
}

table#winkelwagen-klein tr td#naarwinkelwagen a:link, table#winkelwagen-klein tr td#naarwinkelwagen a:visited, table#winkelwagen-klein tr td#naarwinkelwagen a:hover, table#winkelwagen-klein tr td#naarwinkelwagen a:active {
	background: url(../images/icon_cart.gif) no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
}

.schoolname {
	color: #99be29;
}

.lessimportanttext {
	color: #000;
}

table#winkelwagen-klein tr#justadded td {
	background: #fee204;
}


#winkelwagen-select-rightside {
	margin: 0 0 5px 0;
}

#winkelwagen-select-rightside select {
	width: 160px;
	font-size: 0.9em;
}


/* Winkelwagens */

table#activebaskets {
	border: 1px solid #ddd;
	width: 700px;
	border-bottom: none;
	border-collapse: collapse;
}

table#activebaskets tr td {
	border-bottom: 1px solid #ddd;
	padding: 5px;
}

table#activebaskets tr td.actief {
	width: 70px;
	color: green;
}
	
table#activebaskets tr td.open {
	width: 80px;
}

table#activebaskets tr td.verwijder {
	width: 100px;
}

table#activebaskets tr td.bewerk {
	width: 220px;
}

table#activebaskets tr td.offerte {
	width: 70px;
}


table#activebaskets tr.dark td {
	background: #eef2f7;
}

.aantalitems {
	color: #999;
}


/* ZOEKRESULTATEN */

div#zoekresultaten {
	margin: 0 0 0 20px;
	padding: 0;
	border: none;
	border-collapse: collapse; 
	border-spacing: 0;
}

div.result-row-group {
	margin: 10px 0 0 0;
}

div.result-row-group a {
	font-size: 1.1em;
}

div.result-row-article-more {
	margin: 0 0 0 25px;
}

a.toonalle:link, a.toonalle:visited, a.toonalle:hover, a.toonalle:active {
	/*color: #7FA32A;*/
	background: url(/images/icon_toonalle.gif) no-repeat;
	padding: 0 0 0 20px;
	font-size: 1.1em;
	background-position: left;
}

a.volgende:link, a.volgende:visited, a.volgende:hover, a.volgende:active {
	/*color: #7FA32A;*/
	background: url(/images/icon_volgende.gif) no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
	font-size: 0.9em;
	text-decoration: none;
}


a.list:link, a.list:visited, a.list:hover, a.list:active {
	/*color: #5f7531;*/
	background: url(/images/icon_list.gif) no-repeat;
	padding: 0 0 0 20px;
	font-size: 1.1em;
	background-position: left;
}

a.xls:link, a.xls:visited, a.xls:hover, a.xls:active { 
	background: url(/images/icon_xls.gif) no-repeat;
	padding: 0 0 0 25px;
	background-position: left;
}

a.winkelwagen:link, a.winkelwagen:visited, a.winkelwagen:hover, a.winkelwagen:active {
	background: url(/images/icon_winkelwagen.gif) no-repeat;
	margin: 0 10px 0 0;
	padding: 5px 0 5px 16px;
	background-position: 0% 50%;
	text-decoration: none;
	color: #aaa;
	font-size: 0.8em;
	text-transform: uppercase;
}


div.result-row-article {
	margin: 10px 0 0 0;	
}

div.result-row-article a {
	font-size: 1.1em;
}

div.result-row-article-from-group {
	margin: 0 0 0 25px;
}

div.result-row-indented {
	margin: 0 0 0px 25px;
}

.overzicht {
	color: #aaa;
}



/* ARTICLE DETAIL */

#articledetailbox {
	background: #fff;
	width: 450px;
	margin: 20px;
}

#articledetailbox-margin {
	margin: 20px;
	text-align: left;
}

#articledetailbox #articlenumber {
	margin: 0 0 10px 0;
	color: #0066ff;	
}

#articledetailbox #verpakking	{
	margin: 0 0 10px 0;
	color: #555;
	text-transform: lowercase;
	font-style: italic;
}


form#catalogusformulier {
	margin: 0;
	padding: 0;
}

table#zoomTable {
	width: 250px;
	height: 250px;
	background: #fff;
	margin: 20px 0 0 0;
}

form input#submitnoshow {
	border: none;
	width: 1px;
	height: 1px;		
}




/* SELECTIE BESTELLEN */

.selectiebestel-box {
	margin: 10px 0 10px 0;
	text-align: right;
	width: 510px;
}

.buttonbox {
	width: 330px;
	float: right;
}

.textbox {
	width: 75px;
	float: right;
}

.uitlegbox {
	border: 1px dotted #333;	
	background: #fff;
	width: 510px;
	margin: 10px 0 10px 0;
}

#uitleg_top, #uitleg_bottom, #uitleg_gebruikersnaam {
	visibility: hidden;
	display: none;
}

#uitleg_gebruikersnaam {
	width: 430px;

}

.uitlegbox .margin {
	margin: 10px;
}

#uitleg-small {
	visibility: hidden;
	display: none;
	border: 1px dotted #333;	
	background: #eee;
	width: 250px;
	margin: 10px 0 10px 0;
}

#uitleg .margin, #uitleg-small .margin {
	margin: 10px;
}



a.bestelingevoerdeartikelen:link, a.bestelingevoerdeartikelen:visited, a.bestelingevoerdeartikelen:hover, a.bestelingevoerdeartikelen:active {
	border: 1px solid #ccc;
	padding: 2px 5px 2px 5px;
	margin: 0;
	color: #0066ff;
	text-decoration: none;
	font-style: bold;
	background: #e0e7c7;
}

a.bestelingevoerdeartikelen:hover {
	background: #fff;
}

a.bestelvanalles1:link, a.bestelvanalles1:visited, a.bestelvanalles1:hover, a.bestelvanalles1:active {
	border: 1px solid #ccc;
	padding: 2px 5px 2px 5px;
	margin: 0 3px 0 0;
	color: #8cab6d;
	text-decoration: none;
	font-style: bold;
	background: #e0e7c7;
}

a.bestelvanalles1:hover {
	background: #fff;
}





/* WINKELWAGEN totaal */



table#totaalbedragen {
	margin: 15px 0 20px 0;
	width: 675px;
	xxbackground: #aaa;
}

table#totaalbedragen tr td {
	vertical-align: top;
}

table#totaalbedragen tr td.winkelwagen-totaal-titel {
	font-size: 1.0em;
	font-weight: bold;
	color: #777;
	padding: 0;
	width: 400px;
	xxbackground: yellow;
	
}

table#totaalbedragen tr td.winkelwagen-totaal-bedrag {
	font-size: 1.0em;
	font-weight: bold;
	text-align: right;
	padding: 0 15px 0 0;
}

table#totaalbedragen tr.subtotaal td.winkelwagen-totaal-bedrag {
	color: #999;
	height: 25px;
	vertical-align: bottom;
	background: url(../images/bg_subtotaalbedrag.gif) no-repeat top right;
}

table#totaalbedragen tr td#totaal-streep {
	background: url(../images/bg_totaalstreep.gif) no-repeat top right;
}


table#totaalbedragen tr.korting td { 
	xxxbackground: #e8edff;
	color: #ff6600;
	font-size: 1.1em;
}

.korting-tip {
	font-size: 0.9em;
	color: orange;
}


table#totaalbedragen tr td.tip175ofmeer {
	color: #ff6600;
}

table#totaalbedragen tr td#vrachtkosten {
	color: #6699ff;
}

table#totaalbedragen tr td#btw {
	color: #99cc00;
}

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;
	background: url(../images/bg_totaalbedrag.gif) no-repeat top right;
}

table#totaalbedragen tr td#totaalbedrag-zonderkorting {
	font-size: 1.1em;
	vertical-align: bottom;
}

table#totaalbedragen tr td#minimalebedrag {
	color: #cc0000;
	font-size: 0.9em;
	font-weight: normal;
}


#winkelwagen-buttons {
	margin: 5px 0 0 0;
	width: 700px;
}

#winkelwagen-button-opslaan {
	width: 100px;
	float: left;
}

#winkelwagen-button-naardekassa {
	width: 680px;
	float: left;
	text-align: right;
}


form#winkelwagenformulier {
	margin: 0;
	padding: 0;
}

input.amount {
	font-size: 0.9em;
	width: 30px;
	text-align: right;
	padding: 0;
	margin: 0;
	border: 1px solid #0099cc;
}

a.sort:link, a.sort:visited, a.sort:hover, a.sort:active   {
	color: #fff;
}

a.sort:hover {
	text-decoration: none;
}


/* BESTELLINGEN */

table.list-table {
	margin: 0;
	padding: 0;
	border: none;
	width: 700px;
	border-collapse: collapse; 
	border-spacing: 0;

}

table.list-table tr td {
	padding: 2px 4px 2px 4px;
	vertical-align: top;
}

table.list-table tr th {
	background: #0094c7;
	color: #fff;
	padding: 2px 2px 2px 4px;
}

table.list-table tr th.price, table.list-table tr td.price {
	width: 100px;
	text-align: right;
}

table.list-table tr th.amount, table.list-table tr td.amount {
	width: 80px;
	text-align: right;
}

table.list-table tr th.aantal-herberkenen {
	width: 80px;
	text-align: right;
	background: #62bb04;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

table.list-table tr th.aantal-herberkenen a:link, table.list-table tr th.aantal-herberkenen a:visited, table.list-table tr th.aantal-herberkenen a:hover, table.list-table tr th.aantal-herberkenen a:active {
	color: #fff;
	background: url(../images/icon_rekenmachine.gif) no-repeat;
	padding: 0 0 0 15px;
	background-position: left;
}

table.list-table tr th.total, table.list-table tr td.total {
	width: 80px;
	text-align: right;
}

table.list-table tr th.remove {
	padding: 0;
	width: 40px;
	text-align: right;
}

table.list-table tr th.remove img {
	
}



table.list-table tr.even td { 
	background: #f5f5f5;
}

table.list-table tr#added td { 
	background: yellow;
}

table.list-table tr#added td.fullname {
	font-weight: bold;
}


table.list-table tr td.margin-row {
	font-size: 0.1em;
}

table.list-table tr td.emptybasket {
	border: 1px solid #228af2;
	padding: 20px;
}

.productcode {
	color: #0099cc;
}

.reductioncode {
	color: #aaa;
}


table.list-table tr td.line-row {
	border-bottom: 1px solid #ccc;	
}

table.list-table tr td.productid {
	
}

.vanvoorprijs {
	text-decoration: line-through;
	color: #bbb;
}

td.lowercase {
	text-transform: lowercase;
}


#winkelwagen-header {
	width: 700px;
	margin: 0 0 15px 0;
}

#winkelwagen-header-left {
	width: 350px;
	float: left;
}

#winkelwagen-header-right {
	width: 350px;
	float: left;
	text-align: right;
}

#winkelwagen-header-right img {
	margin: 0 5px 0 0;
}


.editbasketname {
	margin: 1px 0 0 0;
}



a.update {
	color: #006633;
}


td.money, th.money {
	text-align: right;
}

td.number, th.number {
	text-align: right;
}

td.bekijk-link  {
	text-align: right;
	padding: 0 10px 0 0;
}

td.delete {
	text-align: right;
	padding: 0 10px 0 0;
	width: 40px;
}

img.trashcan {
	margin: 2px 0 0 0;
}


img.herberekenen {
	margin: 0 1px 0 0;
}

.euroteken {
	color: #777;
}



/* SNEL BESTELLEN */


div.snelbestellen {
	border: 1px solid #0099cc;
	border-bottom: none;
	background: #cddbe9;
	margin: 10px 0 0 0;
	width: 698px;
	border-collapse: collapse; 
	border-spacing: 0;
}

#snelbestellen-title-row {
	margin: 5px 0 0 10px;
	color: #0099cc;
}

#snelbestellen-title {
	float: left;
}

#snelbestellen-text-row {
	margin: 10px 0 0 10px;
}

#snelbestellen-text-row .input-title {
	float: left;
}

#link-meerdereartikelnummers {
	text-align: right;
	margin: 0 10px 0 0;
	color: #fff;
}

#link-meerdereartikelnummers a:link, #link-meerdereartikelnummers a:visited, #link-meerdereartikelnummers a:hover, #link-meerdereartikelnummers a:active {
	color: #313f5e;
}

#artikelnummer-title {
	width: 100px;
}

#artikelnummer-input {
	width: 100px;
}


.snelbestellen-input-row {
	margin: 0 0 0 10px;
}

.snelbestellen-input-row .input-field {
	float: left;
}

#snelbestellen-title a.advanced {
	color: #666;
}

#snelbestellen-sluiten {
	float: left;
	width: 180px;
	text-align: right;
}

#snelbestellen-sluiten a {
	text-decoration: none;
}

#snelbestellen-submit {
	float: left;
	width: 180px;
	margin: 30px 0 0 0;
}

.snelbestellen input {
	border: 1px solid #aaa;
	margin: 2px 0 10px 0;
}

div.snelbestellen bestel {
	padding: 1px 0 0 0;
	vertical-align: top;
	width: 100%;
}


input#artikelnr {
	width: 80px;
}

input#aantal {
	width: 30px;
}

.snelbestellen input#voegtoe {
	border: none;
	margin: 2px 0 0 10px;
}

#meerdereartikelentegelijk {
	border: 1px solid #0099cc;
	width: 300px;	
}

#meerdereartikelentegelijk  .snelbestellen-input-row {
	width: 300px;
}

#meerdereartikelentegelijk  #snelbestellen-text-row {
	width: 300px;
}

form#meerdereartikelenform {
	margin: 0;	
}

#verzamel-box {
	width: 300px;
	margin: 20px 0 10px 0;
}

textarea#articlenumberlist {
	height: 100px;
	width: 310px;
	font-family: trebuchet ms, verdana, arial;
}


/* BESTELLINGEN */

ul.rightsidemenu {
	list-style: none;
	margin: 0 0 10px 0px;
	padding: 0;
	color: orange;
}

ul.rightsidemenu a:link, ul.rightsidemenu a:visited, ul.rightsidemenu a:hover, ul.rightsidemenu a:active {
	color: #c06601;
}

ul.rightsidemenu a:hover, ul.rightsidemenu a.fade1:hover, ul.rightsidemenu a.fade2:hover {
	color: #000066;
}

ul.rightsidemenu a.fade1:link, ul.rightsidemenu a.fade1:visited, ul.rightsidemenu a.fade1:active {
	color: #D47B1C;
}

ul.rightsidemenu a.fade2:link, ul.rightsidemenu a.fade2:visited, ul.rightsidemenu a.fade2:active {
	color: #E0A165;
}

.terugknop {
	float: right;
	color: #aaa;
}

.terugknop a:link, .terugknop a:visited, .terugknop a:hover, .terugknop a:active {
	/*color: #83b821;*/
}

.terugknop a.naaruwwinkelwagen:link, .terugknop a.naaruwwinkelwagen:visited, .terugknop a.naaruwwinkelwagen:hover, .terugknop a.naaruwwinkelwagen:active {
	/*color: #0066ff;*/
}

#kopieernaarwinkelwagen-box {
    background:#EEEEEE none repeat scroll 0%;
    border:1px solid #DDDDDD;
    margin:0pt 0pt 15px;
    padding:15px;
}

#evengeduld {
	display: none; 
    visibility: hidden;
}

/* AFNAME VORIG JAAR */

table#afnamevorigjaar {
	border: 1px solid #ddd;	
	border-collapse: collapse;
	width: 400px;
	margin: 0;
	padding: 0;
}

table#afnamevorigjaar tr.even td {
	background: #eee;
}

table#afnamevorigjaar tr td,table#afnamevorigjaar tr th {
	padding: 5px;
}

table#afnamevorigjaar tr th {
	color: #fff;
	background: #228af2;
}

td.afname-naam {
	width: 80px;
}

th.afname-aantal, td.afname-aantal  {
	width: 100px;
	text-align: right;
}

th.afname-link, td.afname-link {
	width: 70px;
}

/* OPENSTAANDE BESTELLING */


.naambesteller {
	color: #888;
}


table.orderinfobox {
	width: 700px;
	margin: 0 0 10px 0;
	padding: 0 0 1px 0;
	border-collapse: collapse;
	border: 1px solid #0099cc;
}

table.orderinfobox tr td {
	padding: 5px 5px 5px 10px;
}

table.orderinfobox tr td.name {
	width: 120px;
	background: #d5e4ea;
}

table.orderinfobox tr td.value {
	font-weight: bold;
	width: 220px;
	background: #e3edf0;
}



table#openstaandebestellingen tr td.articleinfo {
	width: 300px;
}

table#openstaandebestellingen tr th.amount, table#openstaandebestellingen tr td.amount {
	width: 50px;
	padding: 0 20px 0 0;
}


/* STATUSBALK */

#statusbalk-box {
	width: 550px;	
}

#statusbalk-rows {
	margin: 3px 0 15px 5px;
}

.statusbalk-row {
	float: left;
	width: 175px;
	font-size: 0.9em;
	color: #888;
}




/* KASSA */






/* BESTELLING GEPLAASTST */

#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;
}

#internetordernummer-print {
	margin: 0;
	padding: 0;
	visibility: hidden;
	display: none;
	height: 1px;
}

/* DOWNLOADS */


.category-row {
	margin: 0 0 10px 0;
	width: 480px;
}

.category-row .category-icon {
	float: left;
	width: 30px;
}

.category-row .category-text {
	float: left;
	width: 400px;
	font-size: 1.2em;
	color: #333;
}

.document-row {
	margin: 0 0 20px 0;
}

.document-row .document-icon {
	float: left;
	width: 60px;
}

.document-row .document-text {
	float: left;
	width: 400px;
	font-size: 1.1em;
	margin: 0;
	color: #333;
}

.document-row .document-text span.intro {
	font-size: 0.9em;
	color: #000;
}


/* BOTTOM and FOOTER */

#bottomshadow {
	width: 760px;
	margin: 0 auto;
}


#footer {
	margin: 10px 0 0 0;
	color: #2f4359;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #ff9900;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}


/* FORM */

.form-box {
	margin: 15px 0 0 0;
	width: 480px;
	background: #f1f3da;
	border: 1px solid #dbe3bb;
}

form {
	margin: 0;
	padding: 0;
}

.form-margin {
	margin: 15px;
}

.form-box-margin {
	margin: 15px;
}

.form-intro {
	margin: 0 0 25px 0;
}

.form-row {
	width: 450px;
	margin: 0 0 10px 0;
}

.form-row-left {
	float: left;
	width: 160px;
}

.form-row-right {
	float: left;	
	width: 280px;
}

.form-row-checkbox {
	width: 450px;
	margin: 0 0 10px 0;
}

.form-row-checkbox .form-row-left {
	float: left;
	width: 40px;
}

.form-row-checkbox .form-row-right {
	float: left;	
	width: 400px;
}


/* INLOGFORMULIER */

form#inlogformulier input.submitbutton, form#aanmeldformulier input.submitbutton {
	font-size: 1.2em;
}

form#inlogformulier input.checkbox, form#aanmeldformulier input.checkbox {
	border: none;
	background: none;
}


/* AFLEVER FORM */


.aflever-box {
	width: 696px;
	background: #f1f3da url(../images/bg_form.gif) repeat-y top left;
	border: 1px solid #dbe3bb;
	margin: 0 0 20px 0;
}

.aflever-view-box {
	width: 696px;
	background: #f1f3da url(../images/bg_form.gif) repeat-y top left;
	border: 1px solid #dbe3bb;
	margin: 0 0 10px 0;
}

.aflever-box-margin, .aflever-view-box-margin {
	margin: 10px;
}

.aflever-box-margin {
	margin: 10px;
}

.aflever-view-row {
	margin: 0 0 10px 0;
	width: 600px;
}

.aflever-view-row label {
	float: left;
	width: 170px;
}

.aflever-view-row .input-right {
	float: left;
	width: 300px;
}

.aflever-form-row {
	margin: 0 0 10px 0;
	width: 600px;
}

.aflever-form-row label {
	float: left;
	width: 170px;
}

.aflever-form-row .input-right {
	float: left;
	width: 300px;
}

.aflever-form-row .input-right select {
	margin: 0;
	font-family: arial, verdana, trebuchet ms;
}


.toonartikelen {
	margin: 0 0 10px 0;
}

.artikelentabel {
	visibility: hidden;
	display: none;
	margin: 0 0 30px 0;
}


input#basketname {
	color: #000;
	font-weight: normal;
	width: 200px;
}

.controleergegevens-box {
	color: #cc0000;
	margin: 0 0 20px 0;
}


#school-en-contactpersoon {
	width: 696px;
	margin: 0 0 20px 0;
}

.schoolgegevens-box {
	width: 336px;
	height: 120px;
	float: left;
	background: #f1f3da;
	border: 1px solid #dbe3bb;
	margin: 0 20px 0 0;
}

.contactpersoon-box {
	width: 336px;
	height: 120px;
	float: left;
	background: #f1f3da;
	border: 1px solid #dbe3bb;
}

.plaatsbestelling-button-box, .print-button-box {
	margin: 0 15px 0 0;
}

/* FORM INPUTS */

form input.firstname {
	width: 100px;
	padding: 1px 0 0 2px;
}

form input.emailadres {
	width: 140px;
}

form input.street {
	width: 150px;
}

form input.zipcode {
	width: 70px;
}

form input.huisnummer {
	width: 30px;
}

form input.klantnummer {
	width: 60px;
}

form input.city {
	width: 120px;
}

form input.phone, form input.fax {
	width: 100px;
}

form input.aantalleerlingen {
	width: 30px;
}

.form-row-submit {
	margin: 10px 10px 0 0;
	text-align: right;
}



/* GENERAL STUFF */


table tr td, table tr th {
	font-size: 9pt;
}

a.back:link, a.back:visited, a.back:hover, a.back:active {
	margin: 0 10px 0 0;
	background: url(../images/icon_back.gif) no-repeat;
	padding: 5px 0 5px 16px;
	background-position: 0% 50%;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	font-size: 0.8em;
}


a.print:link, a.print:visited, a.print:hover, a.print:active {
	margin: 0 10px 0 0;
	background: url(../images/icon_print.gif) no-repeat;
	padding: 5px 0 5px 20px;
	background-position: 0% 50%;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	font-size: 0.8em;
}

 a.uitloggen:link, a.uitloggen:visited, a.uitloggen:hover, a.uitloggen:active {
	background: url(../images/icon_logoff.gif) no-repeat;
	margin: 0 10px 0 0;
	padding: 5px 0 5px 16px;
	background-position: 0% 50%;
	text-decoration: none;
	color: #cc0000;
	font-size: 0.8em;
	text-transform: uppercase;
}


a.additionalbasket:link, a.additionalbasket:visited, a.additionalbasket:hover, a.additionalbasket:active {
	background: url(/images/icon_toonalle.gif) no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
}

a.view:link, a.view:visited, a.view:hover, a.view:active {
	background: url(/images/icon_view.gif) no-repeat;
	padding: 0 0 0 18px;
	background-position: left;
	margin: 0 0 0 5px;
}

a.edit:link, a.edit:visited, a.edit:hover, a.edit:active { 
	background: url(../images/icon_edit.gif) no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
}

a.delete:link, a.delete:visited, a.delete:hover, a.delete:active { 
	background: url(../images/icon_delete.gif) no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
}


a.xls:link, a.xls:visited, a.xls:hover, a.xls:active { 
	background: url(../images/icon_xls.gif) no-repeat;
	padding: 0 0 0 25px;
	background-position: left;
}


a.klikhiervooruitleg:link, a.klikhiervooruitleg:visited, a.klikhiervooruitleg:hover, a.klikhiervooruitleg:active { 
	color: #888;
	font-size: 0.9em;
}


a.vergeten:link, a.vergeten:visited, a.vergeten:hover, a.vergeten:active {
	color: #aaa;
}

a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active { 
	background: url(../images/icon_pdf.gif) no-repeat;
	padding: 0 0 0 25px;
	background-position: left;
}

h1 a.pdf { font-size: 0.7em; font-weight: normal; margin-left: 15px }

/* PRINT */
div.print { visibility: hidden; display: none; }

/* BASICS */


h1 {
	font-size: 1.5em;
}

h1 .numberofitems {
	color:#888888;
	font-size:0.8em;
	font-weight:normal;
	margin:0pt 0pt 0pt 10px;
}

h2 {
	color: #2f4359;
	font-size: 1.3em;
	margin: 0 0 5px 0;
}

h4 { margin:0; }

h5.nomargin {
    margin:0pt 0pt 3px;
}

h5 {
    color:#0099CC;
    font-size:1.1em;
    margin:0pt 0pt 10px;
}

h6 {
	font-size: 1.1em;
	color: #cc0000;
}

img {
	border: none;
}

p { margin:0 0 1em 0; }


/* CONTACT */

#column-left {
	float: left;
	width: 250px;
}

#column-right {
	float: left;
	width: 250px;
	margin: 0 0 0 20px;
}

/* FAQ */

#faq {

}

#faq .item {
	width: 480px;
	margin: 0 0 20px 0;
}

#faq .item .question {
	font-size: 1.1em;
	font-weight: bold;
	color: #0099ff;
}

#faq .item p {
	margin: 0;
}

/* NIEUWS */

.publishdate {
	margin: 0 0 10px 0;
	color: #888;
}

/* KLANTENSERVICE */

.welkom-right {
	float: right;
	color: #999;
	font-style: italic;
}

#factuurzoekblok {
	width: 700px;
	margin: 0 0 0px 0;
	background: url(/images/bg_factuurzoekblok.gif) repeat-x;
	border-top: 1px solid #c6d7ff;
	height: 55px;
}

#factuurzoekblok #input {
	float: left;
	width: 270px;
	padding: 15px 0 15px 10px;
}

#factuurzoekblok #input input {
	width: 270px;
}

#factuurzoekblok #input input.initial {
	color: #777;
	padding: 3px 0 2px 0;
	font-size: 0.9em;
}


#factuurzoekblok #submitbutton {
	float: left;
	width: 330px;
	padding: 14px 15px 15px 10px;
}

#factuurzoekblok #submitbutton input {
	width: 60px;
}

table.facturen {
	margin: 0;
	padding: 0;
	border: none;
	width: 700px;
	border-collapse: collapse; 
	border-spacing: 0;
}

table.facturen tr th {
	background: #5C89C7 url(/images/bg_th_facturen.gif) repeat-x;
	padding: 4px 0 4px 10px;
	color: #fff;
}

table.facturen tr th.aantalartikelen {
	width: 110px;
}

table.facturen tr td {
	background: #fff;
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid #dee8fe;
	vertical-align: top;
}

table.facturen tr.even td {
	background: #f5f8fd;
}

table.facturen tr.active td {
	background: #fff59e;
}

table.facturen tr.selected td {
	background: #edf3d6;
}

table.facturen tr.match td {
	background: #ffdf00;
}

table.facturen tr td.aantalartikelen {
	text-align: right;
	padding-right: 50px;
}

table.facturen tr td.toonartikelen {
	width: 150px;
}

table.facturen tr td.toonartikelen a:link, table.facturen tr td.toonartikelen a:active, table.facturen tr td.toonartikelen a:hover {
	color: blue;
}

table.facturen tr td.toonartikelen a:visited {
	color: #999;
}

table.facturen tr td.fullname {
	width: 200px;
}

table.facturen tr td.details {
	width: 270px;
}

.melding-row {
	border-bottom: 1px solid #dee8fe;
	margin: 0 0 10px 0;
}

.melding-row .omschrijving {
	margin: 0 0 10px 0;
	font-size: 1.1em;
}

.melding-row .form-row {
	width: 700px;
	
}

.melding-row .form-row .form-row-left {
	width: 200px;
}

.melding-row .form-row .form-row-right {
	width: 450px;
}

.melding-row .opmerkingtype-name {
	color: #cc0000;
}

.melding-row textarea.specificatie {
	width: 400px;
	height: 40px;
}

.melding-row select.aantal_artikelen {
	width: 50px;
}

.melding-row input.aantal_artikelen {
	width: 30px;
}

input.specificatie {
	margin:0 0 3px 0;
}

table.facturen tr td.opmerkingen {
	width:230px;
}

table#ticket {
	width: 700px;
	margin: 0 0 10px 0;
	border: 1px solid #dee8fe;
	border-collapse: collapse;
}

table#ticket tr th {
	width: 150px;
	vertical-align: top;
	padding: 5px 10px 3px 15px; 
	background: #f5f8fd;
}

table#ticket tr td {
	padding: 5px 10px 3px 15px; 
	background: #fff;
}

textarea#opmerking { height:100px;width:500px; }
 


/* ROW */


.row {
	width: 600px;
	background: #eef1f8;
	margin: 0 0 5px 0;
	border: 1px solid #eef1f8;
}

.row-even {
	background: #f5f7fa;
}

.row .image {
	float: left;
	width: 51px;
	background: #fff;
}

.row .text {
	float: left;
	margin: 15px 0 0 15px;
	font-size: 1.1em;
}


/* FRAME */

.frametop {
	background: #fff;
}

.frametop-logo {
	float: left;
	width: 300px;
}

.frametop-logo img {
	margin: 10px 0 20px 0;
}

.frametop-link {
	float: left;
	width: 300px;
	font-family: trebuchet ms, verdana, arial;
	font-size: 0.9em;
	margin: 20px 0 0 0;
}

.frametop-sluit {
	float: left;
	font-family: trebuchet ms, verdana, arial;
	font-size: 0.9em;
	margin: 20px 0 0 0;
}



/* ERRORS */

.error {
	color: #cc0000;
	font-weight: bold;
	margin: 0 0 10px 0;
}

input.errorfield {
	background: #ffccff;
}

.warning {
	color: #cc0000;
}

.sterretje {
	color: #cc0000;
	font-size: 1.2em;
}



table#zoomTable {
	width: 250px;
	height: 250px;
	background: #fff;
	margin: 20px 0 0 0;
}



.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */