/* ALGEMENE PAGE LAYOUT */
body {
    margin: 0px;
    background-color: rgb(110,110,110); /* achtergrondkleur rond de site */
    font-family: verdana, sans-serif;
    font-size: 11px;
}
table.layout {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(0,0,0); /* rand rond de site*/
    background-color: white;
    width: 948px;
    height: 558px;
}

/*
	delete
td.topfiller { height: 24px; background-image: url("../images/custom/topfiller.gif"); background-repeat: no-repeat; text-align: right; }
*/

/* image bovenaan site*/
td.topbanner { padding-left: 0px; width: 138px; height: 90px; background-color: #FFFFFF; vertical-align: top;}

/* banner beneden */
td.bottombanner {
	background-color:green;
	padding-right: 0px;
	padding-top: 0px;
    padding-left: 96px;
    padding-bottom: 20px;
    height: 63px;
    width: 950px;
    
}
/* achtergrond banner */ 

div.bottombanner {	
	text-align: center;
	position: relative;
	spacing: 0px;
	border: 0px;
	left:-50px;	
	width:855px;
	top: 0px;
	height: 28px;	
	background-color: rgb(48,57,132);
}

/* INHOUDELIJKE LAYOUT */

/* iframe menu bovenaan*/
table.bannertext {
    font-family: verdana, sans-serif;
    font-size: 11px;
    vertical-align: bottom;
    text-align: center;
    background-image: url("../images/custom/top-hr.gif");
    background-color: white;
    width: 950px;
    height: 27px;
    background-repeat: no-repeat;
}

/* table die heel het iframe omvat */
table.inhoud {
    width: 100%;
    height: 100%;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: black;
    background-color: white;
    
}
/* lijn uit menu met rechts een lijn */
td.menu {
    width: 155px;
    vertical-align: top;
    border-style: dotted;
    border-width: 0px 1px 0px 0px;
    border-color: rgb(156,156,156); /* dark */
}

hr.spacer {
	spacing-top: 1px;
    height: 1px;
    background-color: rgb(49,56,132); /* moz */
    width: 95%;
    color: rgb(49,56,132); /* ie */
    border: 0px solid rgb(49,56,132);
}

/* algemene opmaak */

/* standaard links */
a:link { color: rgb(49,56,132); text-decoration: none; } /* dark */
a:visited { color: rgb(49,56,132); text-decoration: none; } /* dark */
a:hover { color:  rgb(0,106,253); text-decoration: underline; } /* dark */
a:active { color:  rgb(0,106,253);; text-decoration: none; } /* dark */


/*
to delete ?
a.group:link { color: black; font-weight: normal;text-decoration: none; } /* dark */
a.group:visited { color: black; font-weight: normal; text-decoration: none; } /* dark */
a.group:hover { color: rgb(49,56,132); font-weight: normal; text-decoration: underline; } /* dark */
a.group:active { color: rgb(49,56,132); font-weight: normal; text-decoration: none; } /* dark */
*/

/* artikelgroup */
a.groupact:link { color: black; font-weight: bold;text-decoration: none; } /* dark */
a.groupact:visited { color: black; font-weight: bold; text-decoration: none; } /* dark */
a.groupact:hover { color: rgb(49,56,132); font-weight: bold; text-decoration: underline; } /* dark */
a.groupact:active { color: black; font-weight: bold; text-decoration: none; } /* dark */

/* back in treemenu */
a.back:link { color: black; font-weight: normal;text-decoration: none; } /* dark */
a.back:visited { color: black; font-weight: normal; text-decoration: none; } /* dark */
a.back:hover { color: black; font-weight: normal; text-decoration: underline; } /* dark */
a.back:active { color: black; font-weight: normal; text-decoration: none; } /* dark */


div.search {
    font-family: verdana, sans-serif;
    font-size: 11px;
}
select.search {
    font-family: verdana, sans-serif;
    font-size: 9px;
    color: black; /* dark */
    height: 16px;
    width: 135px;
    text-align: center;

}
input.searchfield {
    font-family: verdana, sans-serif;
    font-size: 9px;
    color: black; /* dark */
    background-color: white;
    height: 16px;
    width: 130px;
    border-style: solid;
    border-color: rgb(49,56,132);
    border-width: 1px;
    margin: 1px;
}
input.searchbutton {
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: black; /* dark */
    background-color: rgb(223,223,222);
    height: 18px;        
    width: 133px;
    border-style: solid;
    border-color: rgb(49,56,132);
    border-width: 1px;
}

input.loginbutton {
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: black; /* dark */
    background-color: white;
    height: 18px;
    width: 100px;
    border-style: solid;
    border-color: rgb(49,56,132);
    border-width: 1px;
    margin-left: 5px;
}

/*
to delete
input.loginfield {
    font-family: verdana, sans-serif;
    font-size: 9px;
    color: black; /* dark */
    background-color: white;
    height: 14px;
    width: 100px;
    border-style: solid;
    border-color: rgb(49,56,132);
    border-width: 1px;
    margin: 1px;
}
*/

/*
to delete
select.menupgmenu {
    font-family: verdana, sans-serif;
    font-size: 9px;
    color: rgb(49,56,132); /* dark */
    width: 94px;
    margin-top:4px;
}
*/

/*
	faq
*/
fieldset.profileset {
    width: 80%;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(49,56,132); /* medium */
}

/* faq */
i.kleur {
    color: rgb(49,56,132); /* dark */
}

/*
	Profile
*/
td.profile {
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: rgb(49,56,132); /* medium */
}


table.listing {
    width: 90%;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: black;
    border-collapse: collapse;
}

table.listingsmall {
    width: 90%;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: black;
}

table.listing td {
    border-style: solid;
    border-color: rgb(49,56,132);
    border-width: 0px 0px 1px 0px;
    padding: 5px 0px;
}

table.listing td.last {
    border-style: solid;
    border-color: rgb(49,56,132);
    border-width: 0px 0px 0px 1px;
    padding: 5px 0px;
}


table.listingsmall td {
    border-style: solid;
    border-color: rgb(49,56,132);
    border-width: 0px 0px 1px 0px;
    padding: 5px 0px;
}

input.aantal {
    text-align: right;
    font-family: tahoma, verdana, sans-serif;
    font-size: 10px;
    width: 15px;
    height: 16px;
    border-style: dotted;
    border-color: silver;
    border-width: 1px;
}

/* errormessages */
table.kortinginterface {
    font-family: verdana, sans-serif;
    font-size: 10px;
    color: black;
    background-color: white; /* medium */
    border-style: solid;
    border-width: 1px;
    border-color: black;
}
tr.lijstheader {
    background-color: rgb(49,56,132); /* dark */
    color: white;
    font-weight: bold;
}

table.productdetail {
    width: 90%;
    font-family: verdana, sans-serif;
    font-size: 11px;
}

div.hiddenbuyform {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
}

/* index */
table.logotable {
    font-family: verdana;
    font-size: 11px;
    width: 100%;
}
table.logotable h1 {
    color: rgb(49,56,132); /* dark */
}

table.login {
    border: 1px solid rgb(49,56,132);
    border-collapse: collapse;
}

td.login {
    text-align: left;
    font-size: 11px;
    background-color: rgb(223,223,222);
    spacing: 0px;
    padding: 5px;
    margin-left: 5px;

}

td.loginbutton {
    text-align: center;
}

/* lijsten */

table.klant {
    font-family: verdana, sans-serif;
    font-size: 11px;
    border: 1px solid rgb(49,56,132);
    border-collapse: collapse;
}

table.klanthead {
    font-family: verdana, sans-serif;
    font-size: 11px;
    margin: 10px;
    border-collapse: collapse;
}


td.klanthead {
    background-color: rgb(49,56,132);
    color: white;
    font-weight: bold;
    padding: 2px;
}

td.klant {
    padding: 4px;
}

td.klantred {
    padding: 4px;
    color: rgb(49,56,132);
}


table.lijst {
    font-family: verdana, sans-serif;
    font-size: 11px;
    border: 1px solid rgb(49,56,132);
    //margin: 10px;
    border-collapse: collapse;
}

tr.lijstheader {
    background-color: rgb(49,56,132);
    text-align: center;
    color: white;
}

td.lijst {
    vertical-align: top;
}

/* stats */
td.statsheader {
    font-weight: bolder;
    color:white;
    background-color:#DA251D;
    font-family: verdana, sans-serif;
    font-size: 11px;
    text-align: center;

}

/* stats */
td.statsdata {
    font-family: verdana, sans-serif;
    font-size: 11px;
    margin: 5px;
    padding: 4px;
    text-align:center;
    background-color: rgb(150,150,150);
}


/* stats */
table.statstable {
    font-family: verdana, sans-serif;
    font-size: 11px;
    border-collapse:collapse;
    text-align:center;
    spacing: 5px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #DA251D;
    background-color: rgb(150,150,150);
}

select.dateinput {
    font-family: verdana, sans-serif;
    font-size: 11px;
}

font.colored {
    color: rgb(49,56,132);	
}

textarea.order {
	font-size: 9px;
	font-family: verdana, sans-serif;
}

input.option {
	font-size: 9px;
	font-family: verdana, sans-serif;
}

select.option {
	font-size: 9px;
}

button.option {
	font-size: 9px;
}

textarea.option {
	font-size: 12px;
}

table.opmerking {
    width: 100%;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: black;
    border-collapse: collapse;
}

input.order {    
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: black;
    width: 252px;
}


td.list {
	border-bottom: 1px solid rgb(49,56,132);
}


table.index2cell {
	border: 1px solid rgb(49,56,132);
	width:95%;
	height: 100%;
	background-color: rgb(223,223,222);
	font-size: 11px;
	text-align: center;
}




table.orderoverview {
    font-family: verdana, sans-serif;
    font-size: 11px;
    margin-left: 33px;
}

td.orderinfo {
    font-family: verdana, sans-serif;
    font-size: 11px;
	border-bottom: 1px solid rgb(49,56,132);		
}

table.orderoptie {
    font-family: verdana, sans-serif;
    font-size: 11px;	
    border-collapse: collapse;
}

td.orderoptie {
    font-family: verdana, sans-serif;
    font-size: 11px;		
}

input.orderoptie {
    font-family: verdana, sans-serif;
    font-size: 11px;		
}

select.orderoptie {
    font-family: verdana, sans-serif;
    font-size: 11px;		
}
textarea.orderoptie {
    font-family: verdana, sans-serif;
    font-size: 11px;		
}


td.orderoptiehead {
    font-family: verdana, sans-serif;
    font-size: 11px;		
    border-bottom: 1px solid rgb(49,56,132);
}

td.hrimi {
	border-width: 1px 0px 0px 0px;
	border-color: rgb(49,56,132);
	margin: 5px;
	spacing: 5px;
	padding: 5px;
	border-style: solid;
	font-family: verdana, sans-serif;
    font-size: 11px;
	
}

td.leverplaatshead {
	color: white;
	text-align:center;
	font-weight: bold;
	background-color: rgb(49,56,132);
}