body#defaultbody {
	background: #acca51;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'trebuchet ms', verdana, arial;
	/*font-size: 76%;*/
	font-size: 9pt;
}

body#popupbody {
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'trebuchet ms', verdana, arial;
	/*font-size: 76%;*/
	font-size: 9pt;
}

#sitebox-home {
	margin: 0 auto;
	width: 990px;
	text-align: left;
	background: #fff;
}

#sitebox-regular {
	margin: 0 auto;
	width: 990px;
	text-align: left;
	background: #fff url(../images/bg_siteboxshadow_1024.gif);
}

#sitebox-wide {
	margin: 0 auto;
	width: 990px;
	text-align: left;
	background: #fff;
}

#sitebox-startpagina {
	margin: 0 auto;
	width: 990px;
}

/* HEADER */


#header {
	width: 990px;
	background: #fff;
}

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

#header #logo img {
	margin: 15px 15px 15px 20px;
}

#header #userdata-en-navigatie {
	float: left;
	width: 600px;
}

#header #userdata-en-navigatie #userdata {
	text-align: right;
	padding: 15px 15px 0 0;
}

#header #userdata-en-navigatie #userdata .naamschool {
	color: #75b317;
}

#header #userdata-en-navigatie #userdata {
	text-align: right;
	padding: 15px 15px 0 0;
}

#header #userdata-en-navigatie #navigatie {
	text-align: right;
	padding: 2px 15px 0 0;
}

#header #userdata-en-navigatie .line {
	padding: 0 5px 0 5px;
	color: #aaa;
}


/* MENU  */

#tabs {
	width: 990px;
	height: 45px;
	background: #fff url(../images/bg_menu.gif) repeat-x left bottom;
}

#tabs ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	height: 45px;
	border-bottom: 1px solid #333;
}

#tabs ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#tabs ul li a {
	float: left;
	display: block;
	width: 140px;
	padding: 6px 0 2px 13px;
	text-decoration: none;
	margin: 0px;
	height: 37px;
	line-height: 1.3em;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	background: #aaa;
	text-align: left;
}



#tabs ul li#home a 			{ background: url(../images/bg_home_1024.gif) no-repeat top left; width: 23px; }
#tabs ul li#kantoor a 			{ background: url(../images/bg_purple_1024.gif) no-repeat top left; width: 125px; }
#tabs ul li#handvaardigheid a 	{ background: url(../images/bg_orange_1024.gif) no-repeat top left; width: 151px; }
#tabs ul li#methoden a 			{ background: url(../images/bg_cyaan_1024.gif) no-repeat top left; width: 136px; }
#tabs ul li#digitallearning a 	{ background: url(../images/bg_blue_1024.gif) no-repeat top left; width: 131px; }
#tabs ul li#spelontwikkeling a 	{ background: url(../images/bg_red_1024.gif) no-repeat top left; width: 161px; }
#tabs ul li#meubilair a 		{ background: url(../images/bg_green_1024.gif) no-repeat top left; width: 146px; }
    
#tabs ul li#kantoor a:hover 			{ background: url(../images/bg_purple_hover_1024.gif) no-repeat top left; }
#tabs ul li#handvaardigheid a:hover		{ background: url(../images/bg_orange_hover_1024.gif) no-repeat top left; }
#tabs ul li#methoden a:hover 			{ background: url(../images/bg_cyaan_hover_1024.gif) no-repeat top left;  }
#tabs ul li#digitallearning a:hover 	{ background: url(../images/bg_blue_hover_1024.gif) no-repeat top left; }
#tabs ul li#spelontwikkeling a:hover	{ background: url(../images/bg_red_hover_1024.gif) no-repeat top left; }
#tabs ul li#meubilair a:hover 			{ background: url(../images/bg_green_hover_1024.gif) no-repeat top left; }


/* BROWSE */

#browsepanel {
	visibility: hidden;
	display: none;
	background: #ddd;
	margin: 0 auto;
	width: 990px;
	height: 140px;
	text-align: left;
}

img#tab-line {
	height: 1px;
	margin: 0;
	padding: 0;
	
}

.selectbox {
	float: left;
}

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



/* ZOEKEN */


#zoeken {
	width: 990px;
	height: 38px;
	margin: 0;
	background: url(../images/bg_zoeken.gif) repeat-x;
}

#zoeken form {
	padding: 6px 2px 0 15px;
	margin: 0;
}

#zoeken input#keyword {
	width: 500px;
	margin: 0 10px 0 160px;
	font-size: 1.1em;
	color: #aaa;
}

#zoeken input.active {
	color: #000;
}

#zoeken input#submitbutton {
	width: 100px;
}



/* MAIN */

#center-box {
	margin: 0 auto;
	width: 990px;
	text-align: left;
}

#center-box-dataimports, #center-box-prijsknallers {
	margin: 0 auto;
	width: 980px;
	padding: 10px;
	text-align: left;
	background: #fff;
}

#center-left {
	float: left;
	width: 650px;
	text-align: left;
	padding: 20px 20px 30px 20px;
	
}

#center-right {
	float: left;
	width: 280px;
	padding: 20px 0px 30px 20px;
	
}

* html #center-right {
	
}

/* HOME */

#sitebox-home #center-left {
	width: 665px;
	padding: 15px 5px 20px 20px;
}

#sitebox-home #center-right {
	width: 300px;
	padding: 15px 0 20px 0px;
}

/* WIDE */

#sitebox-wide #center-left {
	width: 950px;
	float: left;
	text-align: left;
}

* html #sitebox-wide #center-left {
	width: 970px;
	padding-right: 0;
}


/* CONTENT COLUMNS */

#content-left {
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
}

#content-right {
	width: 300px;
	float: left;
}

/* HOME BANNER */

#mainbanner {
	
}


/* HOME INLOGGEN */


#inloggen-particulier-en-nieuwsbrief {
	width: 280px;
	height: 298px;
}

#inloggen-particulier-en-nieuwsbrief #inloggen {
	padding: 10px 15px 20px 0px;
}

#inloggen-particulier-en-nieuwsbrief #particulier {
	padding: 0 15px 15px 0px;
}

/* HOME */

#sitebox-home #inloggen-particulier-en-nieuwsbrief {
	width: 280px;
	height: 298px;
	background: url(../images/bg_inloggen_particulier.gif) repeat-x top;
	border: 1px solid #ccc;
}

#sitebox-home #inloggen-particulier-en-nieuwsbrief #inloggen {
	padding: 10px 15px 20px 15px;
}

* html #inloggen-particulier-en-nieuwsbrief #inloggen {
	padding-top: 5px;
}


#inloggen-particulier-en-nieuwsbrief #inloggen .question {
	width: 260px;
	margin: 0 0 6px 0;
}

#inloggen-particulier-en-nieuwsbrief #inloggen #question-gebruikersnaam {
	margin-bottom: 0;
}

#inloggen-particulier-en-nieuwsbrief #inloggen .hint {
	margin: 0 0 6px 100px;
}

#inloggen-particulier-en-nieuwsbrief #inloggen .hint a {
	color: #999;
}

#inloggen-particulier-en-nieuwsbrief #inloggen .question label {
	width: 100px;
	float: left;
}

#inloggen-particulier-en-nieuwsbrief #inloggen .question input {
	width: 150px;
	float: left;
}

#inloggen-particulier-en-nieuwsbrief #inloggen .question input.klantnummer {
	width: 70px;
}

#inloggen-particulier-en-nieuwsbrief #inloggen .question input.gebruikersnaam {
	width: 130px;
}

#inloggen-particulier-en-nieuwsbrief #inloggen .question input.emailadres {
	width: 145px;
}

#inloggen-particulier-en-nieuwsbrief #inloggen .submitbutton {
	padding: 0 0 10px 100px;
}

#sitebox-home #inloggen-particulier-en-nieuwsbrief #particulier {
	padding: 0 15px 15px 15px;
}

#inloggen-particulier-en-nieuwsbrief #particulier p {
	margin: 0;
}

#inloggen-particulier-en-nieuwsbrief #nieuwsbrief {
	margin: 10px 15px 20px 15px;
}

#inloggen-particulier-en-nieuwsbrief #nieuwsbrief p {
	margin: 0;
}

/* HOME BLOCKS */

#homeblocks {
	margin: 10px 0 15px 19px;
}

/* IE ONLY */
* html #homeblocks {
	margin-bottom: 0;
}

#homeblocks .item {
	border: 1px solid #ddd;
	float: left;
	width: 315px;
	height: 110px;
	margin: 0 15px 0 0;
	background: url(../images/bg_homeblock.gif) repeat-x bottom;
}

#homeblocks #item-2 {
	background: url(../images/bg_homeblock_green.gif) repeat-x bottom;
	margin: 0 21px 0 0;
}

#homeblocks .item .image {
	float: left;
	width: 110px;
}

#homeblocks .item .text {
	float: left;
	width: 170px;
	padding: 5px 10px 0px 20px;
}

#homeblocks .item .text h2 {
	margin: 10px 0 7px 0;
	font-size: 13pt;
}

#homeblocks .item .text h2 a {
	text-decoration: none;
	color: #96a639;
}

#homeblocks .item .text h2.smaller {
	line-height: 1.1em;
	padding: 9px 0 9px 0;
	margin: 0;
}

#homeblocks .item .text p {
	margin: 0;
	padding: 0;
}

#homeblocks #item-3 {
	width: 278px;
	margin: 0;
	background: url(../images/bg_homeblock_orange.gif) repeat-x bottom;
}

#homeblocks #item-3 .text {
	width: 133px;
}


/* RIGHTSIDE MENU */

ul.rightsidemenu {
	margin: 0 0 0 15px;
	color: #777; 
	padding: 0;
}

ul.rightsidemenu li a:link, ul.rightsidemenu li a:visited, ul.rightsidemenu li a:active, ul.rightsidemenu li a:hover {
	color: #3f6db0;
}

ul.rightsidemenu li a:hover {
	color: #000;
}

/* 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;
}

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 */

#artikeldetail-box {
	
}

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

#artikeldetail-image img {
	border: 1px solid #aaa;
}

#artikeldetail-text {
	float: left;
	width: 300px;
}

#artikeldetail-text .kenmerk-waarde {

}

#artikeldetail-text .kenmerk {
	float: left;
	width: 100px;
}

#artikeldetail-text .waarde {
	float: left;
	width: 200px;
}


/* HOMEBLOCK */

#homepageblokken {
	width: 510px;
	margin: 10px 0 0 0;
}

.block {
	float: left;
	width: 100px;
	margin: 0px
}

#homepageblokken .even .block-header {	
	background: url(../images/bg_block_blue.gif) repeat-x;	
}

#homepageblokken .uneven .block-header {	
	background: url(../images/bg_block_green.gif) repeat-x;	
}

#homepageblokken #actie .block-header {	
	background: url(../images/bg_block_orange.gif) repeat-x;	
	color: #fff;
}

#homepageblokken #actie {
	margin: 0;
}


.block-header {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	margin: 0 0 10px 0;
}

.block-header a:link, .block-header a:visited, .block-header a:hover, .block-header a:active {
	text-decoration: none;
	color: #000;
}

#actie .block-header a:link, #actie .block-header a:visited, #actie .block-header a:hover, #actie .block-header a:active {
	text-decoration: none;
	color: #fff;
}

.block-header-margin {
	margin: 3px 0 3px 0;
}

.block-image { 
	height: 70px;
	overflow: hidden;
	text-align: center;
}

.block-image img {

}

.block-content { 
	margin: 15px 5px 5px 5px;
	font-size: 0.9em;
	width: 90px;
	overflow: hidden;
	
}

.block-link { 
	margin: 5px 5px 10px 5px;
}

a.leesverder:link, a.leesverder:visited, a.leesverder:hover, a.leesverder:active {
	
}


/* SEARCHBOX */
#productsearchform-box {
	width: 990px;
	background: #F7931D url(../images/bg_searchbox.gif) no-repeat;
	background-position: right;
}

#productsearchform-box-margin {
	margin: 10px;
}

form#productsearchform select {
	margin: 0 10px 0 0;
	float: left;
	width: 171px;
	font-family: 'trebuchet ms', arial, verdana;
	font-size: 0.9em;
}


/* PRODUCT GROUP */

#productgroup-info {
	width: 650px;
	margin: 0 0 15px 0;	
}

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

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

#productgroup-text {
	
}


#uitgeverij-en-begroting {
	margin: 10px 0 10px 0;
	width: 650px;
}

#uitgeverij-en-begroting #website-uitgeverij {
	float: left;
	width: 255px;
	
}

#uitgeverij-en-begroting #website-uitgeverij a {
	color: #999;
}

#uitgeverij-en-begroting #maak-een-begroting {
	float: left;
	width: 255px;
	text-align: right;
}

#maak-een-begroting a {
	background: url(../images/icon_begroting.gif) no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
}

#begroting-keuze {
	margin: 10px 0 0 0;
}

#begroting-keuze #toon-winkelwagen {
	float: left;
	width: 250px;
}

#begroting-keuze #genereer-pdf {
	float: left;
	width: 250px;
}

#begroting-keuze #genereer-pdf a {
	font-size: 1.1em;
	background: url(../images/icon_begroting.gif) no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
}

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

}


/* STERCOURANT */

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

.stercourantbox-even {
	background: #fff;
}

.stercourantbox-uneven .image, .stercourantbox-even .image {
	float: left;
	text-align: right;
}

.stercourantbox-uneven .image img {
	border: 1px solid #ccc;	
	margin: 20px;
}

.stercourantbox-even .text, .stercourantbox-uneven .text {
	float: left;
	width: 300px;
	margin: 20px 10px 10px 10px;
}

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

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


/* ACTIEFOLDER */

.actiefolderbox-even, .actiefolderbox-uneven {
	width: 630px;
	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-uneven .image, .actiefolderbox-even .image img {
	border: 1px solid #ccc;
}


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

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

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





/* ARTICLE BOX */

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


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


table#articles {
	margin: 0;
	padding: 0;
	border: none;
	width: 650px;
	border-collapse: collapse; 
	border-spacing: 0;
	border-top: 1px solid #ccc;
}

table#articles tr {
	border-bottom: 1px solid #e5e5e5;
}

table#articles tr.uneven {
	background: #F1F7DC;
}

table#articles tr.even {
	border-bottom: 1px solid #e5e5e5;
}

table#articles tr.groepsaanduiding {
	border: 0;
}

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: 240px;
	padding: 10px 0 10px 8px;
	
}

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

table#articles tr td.column3 {
	padding: 10px 0;
}

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

table#articles h2 {
	padding: 0 0 0 8px;
	margin: 10px 0 0 0;
	color: #be2208;
	font-size: 1.25em;
}

a.articlefullname:link, a.articlefullname:visited, a.articlefullname:hover, a.articlefullname:active {
	font-weight: bold;
	font-size: 1.0em;
	text-decoration: none;
	color: #000;
}

a.articlefullname:hover {
	text-decoration: underline;
}

.name-and-description {
	width: 320px;
}

.description {
	color: #444;
	line-height: 1.2em;
}

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

.articlenumber a 
{
	color: #0066CC;
}

.articleprice-and-unit {
	margin: 0 0 4px 0;
	width: 140px;
}

.articleprice {
	float: left;
	width: 65px;
	color: #0066cc;
	font-weight: bold;
}

.articleprice-striked {
	color: #aaa;
	font-weight: bold;
}

.unit {
	float: left;
	color: #666;
	font-weight: normal;
	text-transform: lowercase;
}

.staffel-row {
	width: 130px;
	margin: 0;	
}

table#articles tr th.foto-toggle {
	padding: 4px 0 0 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: #0066cc;
	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;
}

/* 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;
}


/* catalogusformulier */

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


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

table#zoomTable tr td img {

}

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




/* SPECIALE LINKS */



a {
	color: #003399;
}

a.watisdit {
	color: #aaa;
	font-size: 0.8em;
	text-decoration: none;
}



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.winkelwagen:link, a.winkelwagen:visited, a.winkelwagen:hover, a.winkelwagen:active {
	background: url(../images/icon_cart.gif) no-repeat;
	padding: 0 0 0 18px;
	background-position: left;
	margin: 0;
}

a.winkelwagen:hover {
	
}

a.winkelwagen-big:link, a.winkelwagen-big:visited, a.winkelwagen-big:hover, a.winkelwagen-big:active {
	background: url(../images/icon_cart.gif) no-repeat;
	padding: 0 0 0 18px;
	background-position: left;
	margin: 0;
	font-size: 1.2em;
}

a.snelbestellen:link, a.snelbestellen:visited, a.snelbestellen:hover, a.snelbestellen:active {
	background: #eee;
	padding: 3px 5px 2px 5px;
	border: 1px solid #0099cc;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	color: #0099cc;
}

a.snelbestellen:hover {
	text-decoration: underline;
}


a.bestellingen:link, a.bestellingen:visited, a.bestellingen:hover, a.bestellingen:active {
	background: url(../images/icon_bestellingen.gif) no-repeat;
	padding: 0 0 0 18px;
	background-position: left;
	margin: 0;
	text-decoration: none;
}

a.bestellingen:hover {
	text-decoration: underline;
}

a.afnamevorigjaar:link, a.afnamevorigjaar:visited, a.afnamevorigjaar:hover, a.afnamevorigjaar:active {
	background: url(../images/icon_afnamevorigjaar.gif) no-repeat;
	padding: 0 0 0 18px;
	background-position: left;
	margin: 0;
	text-decoration: none;
}

a.afnamevorigjaar:hover {
	text-decoration: underline;
}

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

a.begrotingpdf:link, a.begrotingpdf:visited, a.begrotingpdf:hover, a.begrotingpdf:active { 
	background: url(../images/icon_begroting.jpg) no-repeat;
	padding: 0 0 0 85px;
	background-position: left;
	font-size: 1.5em;
	line-height: 100px;
	display: block;
}

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.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.offerte:link, a.offerte:visited, a.offerte:hover, a.offerte:active { 
	background: url(../images/icon_offerte.gif) no-repeat;
	padding: 0 0 0 17px;
	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.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;
	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.begroting:link, a.begroting:visited, a.begroting:hover, a.begroting:active { 
	background: url(../images/icon_begroting.gif) no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
	color: #333;
}

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

#header-right-container a.uitloggen:link, #header-right-container a.uitloggen:visited, #header-right-container a.uitloggen:hover, #header-right-container 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;
	text-transform: uppercase;
}

a.routebeschrijving:link, a.routebeschrijving:visited, a.routebeschrijving:hover, a.routebeschrijving:active {
	background: url(../images/icon_route.gif) no-repeat top;
	padding: 0 0 0 22px;
	margin: 0;
	background-position: 0% 50%;
	color: blue;
	text-decoration: underline;
}

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

a.terug:link, a.terug:visited, a.terug:hover, a.terug:active {
	margin: 0 10px 0 0;
	background: url(../images/icon_back.gif) no-repeat;
	padding: 5px 0 5px 16px;
	background-position: 0% 50%;
}

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

a.article:link, a.article:visited, a.article:hover, a.article:active { 
	
}

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

a.naarwinkelwagen:link, a.naarwinkelwagen:visited, a.naarwinkelwagen:hover, a.naarwinkelwagen:active {
	margin: 0 10px 0 0;
	background: url(../images/icon_cart.gif) no-repeat;
	padding: 5px 0 5px 16px;
	background-position: 0% 50%;
	color: blue;
	text-transform: uppercase;
}



/* SELECTIE BESTELLEN */

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

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

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

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

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


/* 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: 530px;
	font-size: 1.1em;
	margin: 0;
	color: #333;
}

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

/* OVERIG */

ul#contact {
	margin: 0 0 0 15px;
}

ul#contact li {
	margin: 0 0 10px 0;
}

ul#artikelen {
	margin: 0 0 0 15px;
	padding: 0;
}

ul#nietmeerleverbaar {
	margin: 10px 0 10px 15px;
}

/* BOTTOM SHADOW */

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



/* BASIX */

img {
	border: none;
}

/* ERRORS */

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

input.errorfield {
	background: #ffccff;
}

.warning {
	color: #cc0000;
}

#errorbox {
	text-align: left;
	margin: 0 auto;
	width: 800px;
	background: #ffffcc;
	padding: 20px;
	border: 1px solid red;
}


/* selector */

#selector1 { /* ul */
	background-color: #FFF;
	border: 1px inset;
	padding: 0 2px; 
	margin: 0 10px 10px 10px;
	text-align: left;
	list-style: none;
	overflow: hidden;
}

#selector1 li {
	margin: 0 0 2px 0;
	font-family: arial, verdana, helvetica;
	font-size: 0.9em;
}

#selector1 a:link, #selector1 a:visited, #selector1 a:hover, #selector1 a:active {
	text-decoration: none;
	color: #000;
	padding: 2px;
	display: block;
}

#selector1 a.hilite:link, #selector1 a.hilite:visited, #selector1 a.hilite:hover, #selector1 a.hilite:active {
	color: #fff;
	background-color: ActiveCaption;
}

#selector1 a:hover {
	background-color: silver;
}



/* 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 .userfullname {
	color: #888;
	margin: 0 0 0 10px;
	
}

h1 .sub {
	color: #888;
}

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


.verplichtevelden {
	color: #888;
	font-size: 0.9em;
}



/* aanbiedingen */

.aanbiedingsblok {
	width: 510px;
	margin: 0 0 20px 0;
	/* border: 1px solid red;	*/
}

.aanbieding-image {
	width: 130px;
	float: left;
	text-align: center;
	border: 1px solid #acca51;
	margin: 0 15px 0 0;
} 

.aanbieding-image img {
	padding: 10px 0 10px 0;
}

.aanbieding-text {
	float: left;
}

.prijs-van {
	text-decoration: line-through;
	color: #666;
	font-weight: normal;
	margin: 0 10px 0 0;
}

.aanbieding-prijs {
	margin: 7px 0 7px 0;
	font-weight: bold;
}

.aanbieding-title {
	float: left;
}

/* ADRESFORMULIER */

form#alternatiefadresformulier {
	width: 400px;
	background: #e4f8c0;
	border: 1px solid #C3D9A5;
}

form#alternatiefadresformulier .form-row label {
	width: 120px;
}

/* AANMELDEN INLOGGEN ACCOUNT */


#login-box {
	width: 630px;
	background: #EDF3D9;
	border: 1px solid #C3D9A5;
}

#account-box {
	background: #EDF3D9;
	border: 1px solid #C3D9A5;
	margin: 10px 0 0 0;
}

a.klikdanhier {
	color: #000;
}


/* FORM */

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

form {
	margin: 0;
	padding: 0;
}

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

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

}

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

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

.form-row-right .column {
	width: 100px;
	float: left;
	margin: 0 10px 0 0;
}


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

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


.form-hint {
	margin: 0 0 0 10px;
	color: #888;
	font-size: 0.9em;
}

.form-tip {
	color: #888;
	font-size: 0.9em;
}

.form-margin {
	margin: 15px;
}

#form-button {
	margin: 5px 0 0 0;
	width: 490px;
	text-align: right;
}


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


form select {
	margin: 0 0 10px 0;
	border: 1px solid #d6d2aa; 
	font-family: 'trebuchet ms', verdana, arial;
	font-size: 1.0em;
}



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

form input.emailadres, form input.fullname  {
	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#inlogformulier input.checkbox, form#aanmeldformulier input.checkbox {
	border: none;
	background: none;
}

form input.submitbutton {
	border: none;
	background: none;
}

form .radio-box {
	height: 25px;
}

form .radio-box input {
	float: left;
	border: none;
}

form textarea {
	width: 300px;
	height: 150px;
	border: 1px solid #d6d2aa; 
}

form textarea#overigevragen {
	width: 300px;
	height: 100px;
	
}

.form-row-right hr {
	color: #d0dda4;
	height: 1px;
}

.zichtzendingmethode {
	margin: 5px 0 0 0;
}

.zichtzendingmethode input, .offerte-methode input {
	color: #666;
	width: 230px;
}

.offerte-methode {

}

.offerte-aantalleerlingen {
	margin: 10px 0 0 0;
}

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


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


/* rightcolumn - UW BESTELLINGEN */

#uwbestellingen-menu {
	width: 252px;
	margin: 10px 0 15px 0;
	padding: 10px 10px 10px 0px;
}

#welkom {
	margin: 0 0 10px 0;
}

/* WINKELWAGENT-klein-rechts */

.winkelwagentje {
	width: 278px;
	text-align: left;
	margin: 0;
}

#winkelwagentje-home {
	width: 263px;
	height: 298px;
	background: #e9f2cb;
	padding: 0 0 0 15px;
}

#winkelwagentje-home #title-and-select img { 
	margin-top: 10px;
}

#winkelwagentje-home table#winkelwagen-klein {
	margin-bottom: 0;
}

.winkelwagentje #title-and-select {
	margin: 0px;
}

.winkelwagentje #title-and-select form {
	margin: 0;
	padding: 0;
}	

.winkelwagentje #title-and-select select {
	width: 250px;
}

table#winkelwagen-klein {
	width: 250px;
	padding: 0;
	margin: 0 0 10px 0px;
	border-collapse: collapse; 
	border-spacing: 0;
	border: 1px solid #BFD48E;
	font-size: 1em;
	font-family: tahoma, arial, verdana;
}

table#winkelwagen-klein th {
	font-weight: normal;
	color: #fff;
	background: #228af2;
	padding: 4px 4px 4px 6px;
}

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

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

}

table#winkelwagen-klein tr td.number {
	width: 30px;
	padding-right: 15px;
}

table#winkelwagen-klein tr td.money, table#winkelwagen-klein tr th.money {
	padding-right: 6px;
}

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

table#winkelwagen-klein tr td#naarwinkelwagen {
	font-size: 1.2em;
	font-family: trebuchet ms, verdana, arial;
	padding-top: 10px;
	padding-bottom: 10px;
}

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: yellow;
}


/* WINKELWAGEN groot */

table#totaalbedragen {
	margin: 15px 0 20px 0;
	width: 905px;
}

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

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 td.tip {
	color: #ff6600;
}

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

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


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: 930px;
}

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

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

#winkelwagen-button-tegelijkbestellen {
	width: 910px;
	margin: 10px 0 0 0;
	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;
}



/* MIJN KOKSGESTO */

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

}

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

table.list-table tr th {
	background: #228af2;
	color: #fff;
	padding: 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: #82AC3B;
	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 {
	margin: 0 5px 0 0;
}

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

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: 930px;
	margin: 0 0 15px 0;
}

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

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

#winkelwagen-header-left #winkelwagen-select {
	float: left;
	width: 425px;
	margin: 2px 0 0 0;
}

#winkelwagen-header-left #winkelwagen-select select {
	font-size: 0.7em;
	font-weight: normal;
	width: 300px;
}


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

#winkelwagen-header-right {
	width: 130px;
	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;
}


/* Winkelwagens */

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

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

.aantalitems {
	color: #999;
}


/* snelbestellen-rightside */

#snelbestellen-rightside {
	border: 1px solid #ccc;
	background: #f5f5f5;
	width: 254px;
	padding: 10px;
}


/* SNEL BESTELLEN */

div.snelbestellen {
	border: 1px solid #0099cc;
	border-bottom: none;
	background: #eee url(../images/bg_snelbestellen.gif) no-repeat top right;
	margin: 10px 0 0 0;
	width: 928px;
	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: #999;
}

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

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


/* START PAGINA */

#startpagina-content {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

#startpagina-content .column {
	margin: 10px 12px 0 0;
	width: 242px;
	float: left;
}

#startpagina-content #lastcolumn {
	margin: 10px 0 0 0;
}

#startpagina-content .column .categorybox {
	width: 240px;
	border: 1px solid #fff;
	background: #fff;
	margin: 0 0 10px 0;
}


#startpagina-content .categorybox .name {
	background: #0099cc;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	height: 23px;
}

#startpagina-content .categorybox .name .margin {
	margin: 2px 4px 2px 7px;
}

#startpagina-content .categorybox .links {
	margin: 10px 10px 15px 20px;
}

#startpagina-content .categorybox .links a:link, #startpagina-content .categorybox .links a:visited, #startpagina-content .categorybox .links a:hover, #startpagina-content .categorybox .links a:active {
	font-size: 1.1em;
}

#startpagina-content .categorybox .links a:visited {
	color: purple;
}

#startpagina-content .categorybox .links a:hover {
	color: #e98c01;
}



/* UW BESTELLINGEN */

.bestellingen-kolom {
	float: left;
	width: 270px;
	height: 200px;
	background: #EDF3D9;
	margin: 0 10px 0 0;
}

.bestellingen-kolom-container {
	margin: 10px;
} 



/* 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;
}

.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 {
	border: 1px solid #ddd;
	background: #eee;
	margin: 0 0 15px 0;	
	padding: 15px;
}


/* 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 */

.winkelwagen-row {
	width: 730px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
}

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

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

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

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

.aflever-view-box {
	width: 926px;
	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-view-row {
	margin: 0 0 10px 0;
	width: 900px;
}

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

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

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

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

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

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

.vakantieperiode-box  {
	background:none repeat scroll 0 0 #F1F3DA;
	border:1px solid #DBE3BB;
	float:left;
	padding:10px;
	margin:0 20px 0 0;
	width:690px;
}

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

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

#meubilairmessage {
	padding: 2px 0 10px 0;
	color: #cc0000;
	font-size: 0.9em;
}

div#vakantielevering { border:1px solid #DBE3BB; padding:10px 15px;margin:10px 0 }

div#vakantielevering div { margin:5px 0 }

div#vakantielevering input.radio { float:left; margin:0 3px 0 0 }
div#vakantielevering label { width:30px; padding:3px 0 0 0 }

/* Leveringsinstructies */
input.radio-datepick { float:left }
label.radio-datepick { margin: 0 0 3px 5px;width:680px }

div.leveringsinstructies-box { background:#F1F3DA;border:1px solid #DBE3BB;margin:0 0 20px 0;width:670px;padding:10px }
table#related_jaarorder { border:1px solid #DBE3BB;border-collapse:collapse;background:#fff;margin-bottom:1em; }
table#related_jaarorder th, table#related_jaarorder td { border:1px solid #DBE3BB;padding:5px }


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

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

#kassa-buttons-box {
	width: 690px;
	margin: 20px 0 15px 0;
}

#kassa-button-left {
	float: left;
	width: 340px;
}

#kassa-button-right {
	float: left;
	width: 340px;
	text-align: right;
}


/* 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;
}

/* OPENSTAANDE BESTELLING */


.internetordernummer {
	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;
}


/* PAGING */

.paging-box {
	color: #999;
	font-size: 0.9em;
	margin: 0 0 10px 0;
}

.paging-box .resultaat {
	float: left;
}

.paging-box .totaal {
	float: left;
	margin: 0 0 0 20px;
}

.paging-box .aantalpaginas {
	float: left;
	margin: 0 0 0 20px;
}

.paging-box .navigator {
	float: left;
	width: 250px;
	margin: 0 0 0 20px;
}

ul.paginator {
	margin: 0; 
	padding: 0
}

ul.paginator li {
	margin: 0; 
	padding: 0 1em 0 0;
	float: left;
	list-style-type: none;
}

/* EVENGEDULD */

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




/* IMAGES */

img.blockimage {
	float: right;
	margin: 0 0 10px 10px;
}



/* LOGOFF */

#logoff-box {
	width: 760px;
	text-align: right;
}

#logoff-container {
	margin: 0 20px 0 0;
}



/* FOOTER MENU */

#footer-menu {
	background: #fff url(../images/bg_footer_small.gif) top repeat-x;
	margin: 0 auto;
	width: 990px;
	border-bottom: 1px solid #999;
	color: #444;
}

#footer-menu .column {
	float: left;
	width: 205px;
	text-align: left;
	padding: 15px 0 20px 20px;
}

#footer-menu .column h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.3em;
} 

#footer-menu .column ul {
	margin: 0 0 0 15px;
	padding: 0;
	color: #777;
}

#footer-menu .column ul li a {
	color: #444;
}

#footer-menu .column ul li a:hover {
	color: blue;
}

#footer-menu #column-last {
	width: 290px;
}

/* CREDITS */

#credits  {
	margin: 5px auto;
	width: 990px;
}

#credits .left {
	float: left;
	width: 450px;
	text-align: left;
	color: #fff
}

#credits .right {
	float: left;
	width: 540px;
	text-align: right;
}

#credits .right a {
	color: #fff
}

/* dataimports */

table.dataimports {
	border-collapse: collapse; border-spacing: 0px;
	margin: 0 0 1em 0;
}
table.dataimports tr {
	vertical-align:top;
}
table.dataimports th {
	border: 1px solid #333;
	background-color: #ccc;
	color: #fff;
	padding: 0.5em;
}
table.dataimports td {
	border: 1px solid #ccc;
	padding: 0.2em;
}


/* NIEUWS */

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

.photoframe img {
	border: 1px solid #ccc;
	padding: 5px;
}

.photoframe-right {
	float: right;
	margin: 0 0 0 15px;
}


/* INFORMATIEGIDS METHODEN */


ul#informatiegidsmethoden  {
	margin: 0 0 0 15px
}

ul#informatiegidsmethoden li {
	margin: 0 0 15px 0;
}

ul#informatiegidsmethoden li ul {
	margin: 0 0 0 15px;
}

ul#informatiegidsmethoden li ul li {
	margin: 0;
}

/* 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;
}


/* 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;
}


/* BEGROTING */


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

#begroting table {
	width: 670px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-collapse: collapse;
}

#begroting table tr th {
	background: #eee;
	padding: 5px 5px 5px 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;

}

#begroting table tr th.groep {
	width: 150px;
}

#begroting table tr th.aantal_groepen {
	width: 110px;
}

#begroting table tr td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 5px 5px 5px 10px;
}

#begroting select {
	font-family: arial, helvetica, ms sans-serif;
	
}

#begroting select.aantal_groepen {
	width: 50px;
	margin: 0;
	padding: 0;
}

#begroting input.aantal_leerlingen {
	width: 50px;
	margin: 0;
	padding: 0;
}

#begroting select.aantal_leerkrachten {
	width: 50px;
	margin: 0;
	padding: 0;
}

#begroting select.aantal_locaties {
	width: 50px;
	margin: 0;
	padding: 0;
}

input#tav {
	width: 200px;
	border: 1px solid #d6d2aa;
}	

#begroting #submitbutton {
	width: 670px;
	text-align: right;
	margin: 10px 0 0 0;
}

/* KLANTENSERVICE */

h2.klantenservice { color:#617091; margin: 0; padding: 0 0 5px 0; font-size: 1.3em }
h5.klantenservice { margin: 5px 0 10px 0; color: #000 }

form.klantenservice input.initial, form.klantenservice select, form.klantenservice textarea { border: 1px solid #7f9db9; }
form.klantenservice textarea#opmerking { height:100px; width:500px; margin: 0 0 1em 0 }

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

#factuurzoekblok {
	width: 700px;
	margin: 0;
	padding: 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;
}

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

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

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

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

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


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

input#strContactKlantEmail, input#strContactKlantNaam { width:220px }
div.accountemailaddresses { display:none; border: 1px solid #7F9DB9; margin: 0 0 10px 160px; padding-bottom: 2px; width:220px; background-color:#FFF8AF; }
div.accountemailaddresses a { display: block; margin: 2px 0 0 5px; text-decoration: none; }
/*
div.form-box { background-color: #F5F8FD; margin-bottom: 10px; padding:10px 10px 0 10px; border-top: 1px solid #DEE8FE; border-bottom: 1px solid #DEE8FE; border-left:0; border-right:0 }
div.form-row span { padding-left: 5px; color:#ccc }
*/

/* ROW */

.row {
	width: 830px;
	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;
}

p { margin: 0 0 1em 0 }

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


.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 */





/* ----------------- THICKBOX -----------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window *{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/* ------------- END THICKBOX ------------------ */