body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #767676;
	font-size: 11px;
	padding: 0px;
	background-color:white;
	margin: 0;
	background-image: url(../gfx/back.page.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.fixFloatingDiv, #fixFloatingDiv{
	clear: both;
	height: 1px}



/* FIX FLOATING DIV #solution 2
clear de encapsulating div met onderstaande klasse
IE negeert de pseudoclasse :after
de * html .clearfix fixt IE
*/	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1px;}
/* End hide from IE-mac */

/* */
#wrapper{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}



/* ##### TOPNAV ##### */
#topper{
	display: block;
	padding: 5px 13px 0 13px;
}

#toprowlinks{
	text-align: right;
	margin-bottom: 10px;
}
#toprowlinks a{	text-decoration: none;}
#toprowlinks a:link, #toprowlinks a:visited{ color: #767676;}
#toprowlinks a:hover, #toprowlinks a:active{ color: red;}
#header{
	display: block;
	margin-bottom: 10px !important;
	margin-bottom: 0px ;
}
#logo{
	display: block;
	width: 700px;
	height: 165px;
	background-repeat: no-repeat;
	float: left;
	
}
#logo a{
	display: block;
	width: 700px;
	height: 165px;
	border: 0px solid red;
	text-indent: -2000px;
}

#trolleycompact{
	float: right;
	display: block;
	width: 186px;
	height: 145px;
	padding: 20px 8px 0 8px;
	background-repeat: no-repeat;
}
#trolleycompact p{
	font-weight: bold;
}
#trolleycompact table{
	width: 185px;
	margin: 10px 0 15px 0;
}
#trolleycompact table th{
	font-weight: normal !important;
	padding-bottom: 5px;
}
#trolleycompact table td{
	font-weight: normal !important;
	padding-bottom: 5px;
	text-align: right;
}
#trolleycompact a{
	display: block;
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 5px;
}
#language{
	display: block;
	padding: 3px;
	height: 28px;
}
#language table{	margin-top: 0;}
#language table td{	padding-right: 5px;}
#language select{	font-size: 7pt;}
#language form{	margin: 0;}	
#language input{	font-size: 8pt;}

.loginbutton{
	display: block !important;
	background-repeat: no-repeat;
	text-decoration: none;
}

#register{
	display: block;
	float: right;	
	text-align: center;
}

#register a{
	display: block;
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight: bold;
}


#tabrow{
	display: block;
	height: 20px !important;
	height: 25px; /* for IE6 - relates to #tablist.padding */
	margin-top: 10px;
}

#tablist{
	margin: 0 0 0 0;	
	padding: 0 !important;
	padding: 5px;
	list-style: none;
	list-style-image: none;
}

#tablist li{
	display: block;
	float: left;
	list-style: none;
	list-style-image: none;
	background-repeat: no-repeat;
}
#tablist li.selected{
	/* moved to custom.css */
}
#tablist a{	text-decoration: none;}
#tablist li.selected a{	/* moved to custom.css */}

#tablist #favo-ico{
	border: 0;
	vertical-align: middle;
	margin-top: -5px;
	
}
#tabdivider{
	display: block;}
/* ##### main stuff ##### */
#main{
	/*background-color: Orange;*/
	
	background-image: url(../gfx/back-sideblock.gif);
	background-repeat: repeat-y;
	border: 0px solid red;
	display: block;
	text-align: left;
	margin-top: 7px !important; /* voor FF : hapert anders aan de topdinges */
	margin-top: 22px;
	height: 100% !important; /* voor IE7: anders valt de bg-image weg indien er form-elementen zijn */
	height: auto; /* voor IE6: anders schuift de content naar boven weg indien height 100% is */
	overflow: hidden;
	/*margin-top: 10px;*/
}
#sidepanel{
	text-align: left;
	width: 200px;
	float: left;
	margin-top: -13px !important;
	margin-top: -38px;
	margin-right: 10px;
}
#mainblock{
	width: 738px;
	float: left;
	border: 0px solid orange;
	margin-top: -5px !important;
	margin-top: -30px;
	overflow: hidden; /* nodig voor IE, don't ask... */
}


#mainbottom{
	display: block;
	height: 30px;
	text-align: left;
	margin-top: 7px; /* voor FF : hapert anders aan de topdinges */
	background-image: url(../gfx/back-bottom-sidenavig.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
}

/**/
#sidepanel #ingelogd{
	text-align: right;
	padding-right: 30px;

}



/* ########## SIDENAVIGATION ########## */
#sideContainer{
	background-image: url(../gfx/back-top-sidenavig.gif);
	background-repeat: repeat-x;
	margin-top: -1px !important;
	margin-top: -1px;
}
#sideProdLevel1{
	/*border-right: 1px solid #abacad;*/
	width: 200px;
	padding: 70px 0 0 0;
	/*float: left;*/
	margin-bottom: 50px;}


#sidenavigBlock{
	/*border-right: 1px solid #abacad;*/
	width: 200px;
	padding: 70px 0 0 0;
	/*float: left;*/
	margin-bottom: 50px;}
	
	/* side navig */	
/*
opbouw: 
-> A is de buitenste container, met selectiepijltje
(pijltje verandert bij hover/Select)

-> DIV (met bottom dots) BINNEN de A plaatsen:
dots-achtergrond moet voorrang krijgen op A-background,
anders verdwijnen de dots onder de selectiepijltjes
*/


/* blok bovenaan (prod level 1) */	
		
#sideProdLevel1 div{
	background-image: url(../gfx/sidenavig-dots-pattern.gif);
	background-repeat: repeat-X;
	background-position: bottom;
	padding: 5px 30px 5px 0;
	margin: 0 ;
	overflow: visible;}


#sideProdLevel1 div.lastitem{
	margin: 0 0 0 0;
	background-image: none;}

#sideProdLevel1 a{
	display: block;
	clear: both;
	text-decoration: none;
	text-align: right;
	padding: 0 0 0px 0;
	margin-bottom: 0;
	text-transform: lowercase;
}


#sideProdLevel1 a:link, #sideProdLevel1 a:visited{
	background-color: white; /* background-color aanleggen, anders vergeet IE6 het pijltje op de lastitem-class */
	color: #646464;
	background-image: url(../gfx/sidenavig-notselected.gif);
	background-position: top right;
	background-repeat: no-repeat;}

#sideProdLevel1 a:hover, #sideProdLevel1 a:active{
	color: white;
	background-color: #9cb10c; 
	background-image: url(../gfx/sidenavig-selected.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-weight: normal;}

#sideProdLevel1 a.selected:link, #sideProdLevel1 a.selected:visited{
	color: #9cb10c;
	background-position: top right;
	background-image: url(../gfx/sidenavig-selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;}

#sideProdLevel1 a.selected:hover, #sideProdLevel1 a.selected:active{
	color: white;
	background-color: #9cb10c; 
	background-position: top right;
	background-image: url(../gfx/sidenavig-selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;}


/* blokje onderaan */
#sidenavigBlock div{
	background-image: url(../gfx/sidenavig-dots-pattern.gif);
	background-repeat: repeat-X;
	background-position: bottom;
	padding: 5px 30px 5px 0;
	margin: 0 ;
	overflow: visible;}


#sidenavigBlock div.lastitem{
	margin: 0 0 0 0;
	background-image: none;}

#sidenavigBlock a{
	display: block;
	clear: both;
	text-decoration: none;
	text-align: right;
	padding: 0 0 0px 0;
	margin-bottom: 0;
}


#sidenavigBlock a:link, #sidenavigBlock a:visited{
	background-color: white; /* background-color aanleggen, anders vergeet IE6 het pijltje op de lastitem-class */
	color: #646464;
	background-image: url(../gfx/sidenavig-notselected.gif);
	background-position: top right;
	background-repeat: no-repeat;}

#sidenavigBlock a:hover, #sidenavigBlock a:active{
	color: white;
	background-color: #9cb10c; 
	background-image: url(../gfx/sidenavig-selected.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-weight: normal;}

#sidenavigBlock a.selected:link, #sidenavigBlock a.selected:visited{
	color: #9cb10c;
	background-position: top right;
	background-image: url(../gfx/sidenavig-selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;}

#sidenavigBlock a.selected:hover, #sidenavigBlock a.selected:active{
	color: white;
	background-color: #9cb10c; 
	background-position: top right;
	background-image: url(../gfx/sidenavig-selected.gif);
	background-repeat: no-repeat;
	font-weight: bold;}
	
	


#shopmodule{
	display: block;
	width: 738px;
	/*background-color: Silver;*/
}

/* big building blocks */
#crumbpath{
	color : #27497B;
	text-decoration : none;
	font-family : Verdana,Arial,Helvetica,Helv,Sans-serif;
	font-size : 11px;
	font-weight : bold;
	margin: 10px 0 20px 0;
	/*background-color: Orange;*/
	/*margin: offset bottom duwt maincontentblock naar beneden */
}




/* crumbpath : colors and links */
#crumbpath a:link, #crumbpath a:visited{
	color : #27497B;
	text-decoration: none;
}

#crumbpath a:active, #crumbpath a:hover{
	color: red;
}


/* overzichtspagina */



.overzicht a:link, .overzicht a:visited{
	color: #27497B;
	text-decoration: none;
}

.overzicht a:active, .overzicht a:hover{
	color: red;
}

	/* overzicht zonder foto's */
	#overzichtnopix li{
		margin: 0 0 5px 0;
		/* bepaalt lineheight tss listitems */
	}

	/* overzicht met foto's */
	#overzichtpix{
		list-style-type: none;  /*autonummering uitschakelen */
		display: inline-block;
		/*background-color: Orange;
		border: 1px solid green;*/
	}
	#overzichtpix li{
		margin: 0 20px 0px 0;
		border: 0px solid red;
		display: block;
		width: 150px;
		/*height: 170px;*//* height in custom.css */
		/* height fixen, anders problemen met 2-3 rijen tekst onder de pix */
		/* 170px: laat 3 tekstlijnen toe onder pic in Essefsite*/
		/* indien height > 170: er kan langs onder een gat vallen in IE */
		text-align: center;
		float: left;
		/* bepaalt lineheight tss listitems */
	}

	#overzichtpix img{
		border: 0;
	}


	
	/* ################ PRODUCTLIJSTEN 	##################### */

#toplabels{
	
}
#items{
	margin-top: 10px !important;
	margin-top: -20px;
}
#toplabels ul, #items ul, #historylabels ul, #factuurlabels ul, #contractlabels ul{
	margin: 0 0 0px 0;
	padding-left: 0;
	/* pull list to the left */
}



#toplabels li, #historylabels li, #factuurlabels li, #contractlabels li{
	display: block;
	float: left;
	margin-right: 10px;
	/* margin-right idem aan die bij #items div zetten */
	border-bottom: 1px solid gray;
	padding-bottom: 5px;
	color: #d60216;
}


.itemrow div{
	display: block;
	float: left;
	margin-right: 10px;
	/* margin-right idem aan die bij #toplabels li zetten */
	padding-left: 0px;
	/* padding-left: som van border-left en -right bij #toplabels li */
	/* op 0 gezet: paddings werken cumulatief op opeenvolgende elementen, vb: 2px - 4px - 6px - 8px */
}
.history .itemrow div{
	cursor: hand;
	margin-bottom: 5px;
}
#factuurdetail .itemrow div, #contractdetail .itemrow div{
	margin-bottom: -5px;
}
.hideformsforIE7 form{
	display: none;
}


.itemrow{
	/*background-color: Orange;*/
	/*border: 1px solid red;*/
	display: block !important;
	display: inline-block;	
	background-image: url(../gfx/divider.dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 3px 0 10px 0 !important;
	padding: 1px 0 0px 0;
	/* toppadding moet > 0, anders troubles in IE met eerste itemrow */
	margin-top: 0px;
	height: 100%; /* fixes jumpy hover-behavior in IE7 */
	clear: both;
}

.history .itemrow{
	display: block;
	color: #767676 !important;
	padding: 5px 0 3px 0 !important;
	padding: 5px 0 5px 0;
	height: 100%; /* fixes jumpy rollover-behavior in IE7 */ 
	clear: both;
	
}
.history .itemrow div{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-left: 0px;
}
.history .itemrow:link, .history .itemrow:visited{	display: block; color: #767676 !important;  margin-top: 0px !important;}
.history .itemrow:hover, .history .itemrow:active{	background-color: #e6ebef; color: red !important; margin-top: 0px !important;}
#historiekdetail .itemrow, #factuurdetail .itemrow, #contractdetail .itemrow{	display: block; color: #767676 !important;  margin-top: 0px !important;}

/*.productc{width: 75px;}
.product{width: 155px; font-weight: normal}
.prijs{width: 60px}
.staffel{width: 40px}
.eenheid{width: 50px}
.nrcollie{width: 50px}
.nrkar{width: 50px}
.pic{width: 70px}
.tekstveld{width: 40px}
*/
.histNr{width: 75px;}
.histDate{width: 100px; font-weight: normal}
.histPrice{width: 100px}
.histRef{width: 300px}
.histStatus{width: 100px;}

#historiekdetail .product{width: 260px}
#historiekdetail div .productc, #factuurdetail div .productc, #contractdetail div .produkt{padding-left: 5px}
.besteld{width: 50px}
.geleverd{width: 50px}
.opm{width: 90px}


.bestelvoorstel .product{width: 355px !important;}

.buttons{width: 80px; margin-right: 0 !important /* laatste item in row: geen margin-right!!! */}



.rowcolor1{
	/*background-color: #E0E7EF;*/
}

.rowcolor2{
	background-color: #F4F4F4;
}
.pic img{
	border: 0;
}
.itemrow .fixFloatingDiv{
	display: block;
}
.history .itemrow .fixFloatingDiv{
	/*border: 1px solid red;*/
	display: block;
	margin-bottom: 0 !important;
	margin-bottom: -10px;
	margin-top: 0 !important;
}

.itemrow .fixIEsixgap{
	display: block;
	height: 0px;
	border: 0px solid orange;
	margin-bottom: 0px;
	}
	
#items ul{margin: 0;}

#items li{
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 6px;
	vertical-align: top;
}

#items a{
	display: block;
	text-decoration: none;
	color: blue;}
#items a:visited{
	color: gray;
}
#items a:active, #items a:hover{	color: #d60216;}
#items input, .subdetail input{
	color: gray;
	font-size: 9px;
	text-align: left;
}



a.linkButton{
	display: block;
	background-image: url(../gfx/linkbutton.gif);
	background-repeat: no-repeat;
	width: 84px;
	height: 15px !important;
	text-decoration: none;
	padding: 2px 0 3px 5px !important;
	margin-bottom: -10px;
	border: 0px solid red;
}
#detaillist .linkButton{
	margin-bottom: -10px !important;
	margin-bottom: 0;
	border: 0px solid red;
}
	
a.linkButton:link, a.linkButton:visited{
	color: gray;
	font-weight: normal !important;
}

a.linkButton:active, a.linkButton:hover{
	color: red;
	font-weight: normal !important;
}

a.linkButton:active, a.linkButton:hover{
	color: red;
	font-weight: normal !important;
}

a.mandjeButton{
	display: block;
	background-image: url(../gfx/mandjebutton.gif);
	background-repeat: no-repeat;
	width: 84px;
	height: 15px !important;
	text-decoration: none;
	padding: 2px 0 3px 5px !important;
	margin-bottom: -10px;
	border: 0px solid red;
}

a.mandjeButton:active, a.mandjeButton:hover{	
	background-image: url(../gfx/mandjebutton-hover.gif) !important;
}


/* ################ HISTORIEKDETAIL ################ */
#historiekdetail, #factuurdetail, #contractdetail{
	border: 1px solid ; /* border MOET 1px zijn, anders gap van +- 10px boven en onder */
	background-color: #9cb10c;
	color: white;
	padding: 0 !important;
	margin: 0 !important;
}
#historiekdetail h4, #factuurdetail h4, #contractdetail h4{
	color: #515b09 !important;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}
#historiekdetail h5, #factuurdetail h5, #contractdetail h5{
	color: white !important;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
}
#historiekdetail #firstrow, #factuurdetail #firstrow, #contractdetail #firstrow{
	width: 100%; /* necessary for IE7 */
	clear: both;
	margin-left: 5px;
}
#historiekdetail #firstrow div, #factuurdetail #firstrow div, #contractdetail #firstrow div{
	float: left;
	margin-right: 20px;
}

#historiekdetail #toplabels ul, #factuurdetail #toplabels ul, #contractdetail #toplabels ul{
	margin: 10px 0 0px 5px;
	padding-left: 0;
	/* pull list to the left */
}

#historiekdetail #toplabels li, #factuurdetail #toplabels li, #contractdetail #toplabels li{
	display: block;
	float: left;
	margin-right: 10px;
	/* margin-right idem aan die bij #items div zetten */
	border-bottom: 1px solid gray;
	padding-left: 0;
	padding-bottom: 5px;
	color: #d60216;
}


#historiekdetail .rowcolor1, #factuurdetail .rowcolor1, #contractdetail .rowcolor1{	background-color: #dde798;}
#historiekdetail .rowcolor2, #factuurdetail .rowcolor2, #contractdetail .rowcolor2{	background-color: #bbc95d;}

#historiekdetail .totaal, #factuurdetail .totaal, #contractdetail .totaal{
	background-color: #515b09 !important;
	color: white;
	font-weight: bold;
	height: 10px;
	padding: 5px 0 10px 0 !important;
	padding: 5px 0 5px 0;
}

#historiekdetail .totaal div, #factuurdetail .totaal div, #contractdetail .totaal div{	float: left;}

#historiekdetail .totaal .productc, #factuurdetail .totaal .productc, #contractdetail .totaal .productc{
	width: 345px;
	padding-right: 10px;
	text-align: right;
}
#historiekdetail .totaal .prijs, #factuurdetail .totaal .prijs, #contractdetail .totaal .prijs{	width: 200px;}
.gegevensrow{
	display: block;
	height: 100%;
	margin-bottom: 10px;
}
.gegevensrow .gegevens1{
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	width: 160px;
}
.gegevensrow .gegevens2{
	float: left;
	margin-left: 0px;
	width: 400px;
}
.gegevensrow .gegevens1 h5{
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 0;
	}
.plainlink{	display: inline !important;}

.gegevensrow input{	margin-left: 0 !important;}
.submitbutton{	text-align: center !important;}
select#leveringsadres, textarea{	color: #767676;	font-size: 11px;}


/* ################ PAGINANUMMERING ################ */
	
/* ################ DETAILPAGE ################ */
#detail{}
#detail .product{ font-size: 12px; font-weight: bold; width: 100%;}

#detaillist{
	/*background-color: Silver;*/
	display: block;
	width: 400px;
	float: left;
	margin-top: 10px;
}
#pic{
	display: block;
	margin-top: 10px;
	text-align: center;
}

.detailrow{
	clear: both;
	padding-bottom: 5px;
	display: block;
	/*height: 200px;*/
	background-image: url(../gfx/divider.dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 5px;
}
.lastrow{	background-image: none;}

.buttonrow{
	height: 20px;
	background-image: none;
	margin-top: 20px;
}
#detaillist .descriptionlabel{
	float: left;
	display: block;
	width: 200px;
	font-weight: bold;
}

/* bestellen button op detailpage */
/*#ctl00_contentContentPlaceholder_lnkBestellen{
	float: left;
	border: 1px solid red;
}

#ctl00_contentContentPlaceholder_lnkWissen{
	float: right;
	border: 1px solid red;
}
*/

.subdetail{
	display: block;
	width: 285px;
	margin-top: 0 !important;
	margin-top: 0px; 
	margin-left: 102px !important;  /* = #detail .descriptionlabel width +2 (marge) */
	margin-left: 110px;
	padding: 0;
	text-align: left;
	
}


/* forms */

.formrow{
	display: block;
	border: 0px solid yellow;
	margin: 0 0 10px 0;
}

.formrow .description{
	float: left;
	width: 130px;
	text-align: right;
}

.formrow .formfield{	margin: 0 0 0 145px;}
.formrow input{	font-size: 10px;}
.formrow select{	font-size: 10px;}

/* KAR */
.bestelbuttons a{	float: left;}

/* kar popup veld */
#totaalrow{
	display: block;
	height: 20px;
	padding: 5px 0 0 0;
	background-color: #c1d9ec;
	font-weight: bold;
	color: #003763;
}

#totaalrow #txtdescr{
	float: left;
	text-align: right;
	width: 560px;
}
#totaalrow #totaal{
	float: left;
	margin-left: 10px;
}
#bestelrow{
	display: block;
	font-weight: bold;
	color: #fff;
}

#bestelrow a, #bestelrow a:link, #bestelrow a:visited{
	background-color: #003763;
	color: White;
	display: block;
	padding: 5px 0 5px 0;
	width: 246px;
	height: 15px;
	text-align: center;
	float: left;
}
#bestelrow a:active, #bestelrow a:hover{
	background-color: #9CB10C;
	color: #165c22;
}


.karpopuptekst{	text-align: center;}


/* ########## FACTUREN & CONTRACTEN ########## */
#selectperiode{
	background-color: #e3e4e4;
	margin: 0 0 10px 0;
	padding: 2px 0 2px 0;
	height: auto !important;
	height: 10px;
}
#selectperiode form{
	margin-bottom: 0 !important;
	margin-bottom: -16px;
	display: block;
	height: auto !important;
	height: 10px;
	/* exception voor IE7 in shop-IE7.css */
}
#selectperiode select, #selectperiode input{
	font-size: 11px;
	color: #454545;
}

.factuur .factuurnr{	width: 60px;}
.factuur .klantnaam{	width: 142px;}
.factuur .datumfact{	width: 80px;}
.factuur .bedrag{	width: 80px;}
.factuur .munt{	width: 30px;}
.factuur .betaalstatus{	width: 45px;}
.factuur .ref{	width: 140px;}
.factuur .vervaldatum{	width: 80px;}

.contract .contractnr{	width: 160px;}
.contract .ref{	width: 160px;}
.contract .commentaar{	width: 387px;}

#items .bedrag{	text-align: right;}

#items.factuur .nietbetaald{
	color: #d60317 !important;
	font-weight: bold;
}

.important{
	color: #d60317 !important;
	font-weight: bold;
	margin-top: 10px;
	display: block;
}

.fact-detail .productc{ width: 52px !important;}
.fact-detail .product{ width: 100px;}
.fact-detail .omschr{ width: 210px;}
.fact-detail .aantal{ width: 35px;}
.fact-detail .eenheid{ width: 45px;}
.fact-detail .eenheidsprijs{ width: 75px;}
.fact-detail .prijs{ width: 60px;}
.fact-detail .btwcode{ width: 55px;}

.contr-detail .produkt{	width: 270px;}
.contr-detail .prijs{	width: 160px;}
.contr-detail .begindatum{	width: 100px;}
.contr-detail .nextdatum{	width: 150px;}


/* dotnet generated */
#ctl00_Menu1 {	text-transform: lowercase; margin-left: -95px;}
#ctl00_txtZoeken {	font-style:italic; font-family:verdana; font-size:11px;}
.txtLogin {	font-style:italic; font-family:verdana; font-size:10px;}

/* DOTNET LISTVIEWS */

#fotoswitch{
	display: block;
	background-color: #f4f4f4;
	border: 1px solid #bebebe;
	width: 720px;
	height: 25px;
	padding: 8px 0 0 5px;
	margin-bottom: 10px;
}
#fotoswitch span{
	display: block;
	float: left;
	margin-right: 5px;
}

#fotoswitch #fotolabel{
	margin-right: 15px;
}
#fotoswitch .fotoico{
	display: block;
	float: left;
	margin-right: 10px;
	text-indent: -2000px;
	width: 33px;
	height: 17px;
	background-repeat: no-repeat;}

#fotoswitch .lijstico{
	display: block;
	float: left;
	text-indent: -2000px;
	width: 29px;
	height: 17px;
	background-repeat: no-repeat;}

.fotoweergave .fotoico{	background-image: url(../gfx/ico-fotoweergave-on.gif);}
.fotoweergave .lijstico{	background-image: url(../gfx/ico.lijstweergave.off.gif);}
.lijstweergave .fotoico{	background-image: url(../gfx/ico-fotoweergave-off.gif);}
.lijstweergave .lijstico{	background-image: url(../gfx/ico.lijstweergave.on.gif);}

.table-overview{
	
}
.table-overview tr{
	margin: 0;
}

.table-overview a{
	display: block;
	text-decoration: none;
	color: #525252;
}

.table-overview a:visited{	color: #525252;}
.table-overview a:hover, .table-overview a:active{	color: #d60216;}
.pagecounter{}
.pagecounter span, .pagecounter a{
	display: block;
	float: left;
	padding: 2px;
	margin: 0 5px 0 0;
	text-decoration: none;
}

.pagecounter a{
	border: 1px solid #000;
}
.tablerowdivider{
	background-image: url(../gfx/divider.dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 0;
}

.pagecounter tr{
	background-image: none;
}

tr.toplabels{
	
	background-image: none;
}

.table-overview th a:link, .table-overview th a:visited{
	/*display: inline;*/
	text-decoration: none;
	color: #d60216;
	font-weight: normal;
	padding-bottom: 4px;
	background-image: url(../gfx/custom/sorteermarker.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	text-indent: 10px;
	border-bottom: 1px solid gray;
}

.table-overview th a:hover, .table-overview th a:active{
	background-image: url(../gfx/custom/sorteermarker.hover.gif);
	color: blue}
.table-overview th{
	padding-bottom: 10px;
}

.table-overview th span{
	display: block;
	text-decoration: none;
	color: #d60216;
	font-weight: normal;
	padding-bottom: 4px;
	border-bottom: 1px solid gray;
}

.table-overview td{
	padding-bottom: 3px;
}
.table-overview .tekstveld{
	padding-top: 5px;
}

.table-overview .tekstveld span{
	font-weight: normal;
}


input.DROPDOWN{
	font-size: 9px;
}
/* our stuff */
#bytales{
	display: block;
	width: 950px;
	margin: 10px auto 15px auto !important;
	text-align: center !important;
	color : #27497B !important;
	/*visibility: hidden;*//* activate when site is subcontracted, minimize font-size as well... */
	/* overrule global siterules */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 9px !important;
	background-image: none !important;
	padding: 0 !important;
}
#bytales a:link, #bytales a:visited{
	text-decoration: none;
	color: #0065a6 !important;
	padding: 5px !important;
	/* overrule global siterules */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-size: 9px !important;
	background-image: none !important;
	margin: 0 !important;
}
#bytales a:hover, #bytales a:active{
	background-color: /*#0065a6*/silver !important;
	color: #fff !important;
}

#bytales span{
	color: #ff9000 !important;
	font-weight: bold;
}