/* ALGEMEEN */
/* #C2CEF5 */
body { 	
	font-size:12px; 
	font-family: Verdana,Sans-serif;
	background: #FFFFFF; 
	color: rgb(20%,20%,20%);

	scrollbar-3dlight-color: 	rgb(40%,40%,40%); 
	scrollbar-arrow-color: 		rgb(60%,60%,90%); 
	scrollbar-base-color: 		rgb(100%,100%,100%); 
	scrollbar-darkshadow-color:	rgb(100%,100%,100%); 
	scrollbar-face-color: 		rgb(100%,100%,100%); 
	scrollbar-highlight-color: 	rgb(100%,100%,100%); 
	scrollbar-shadow-color: 	rgb(40%,40%,40%); 

}
 
H1
{
	font-size:14px; 
	color: rgb(40%,40%,40%);
}

.kopje
{
	color		: rgb( 30%, 35%, 60%);	
	font-size 	: 11px;
	font-style	: normal;	
	font-weight : bold;
}

/* LINKS */
a:link, a:active, a:visited { 
text-decoration: none;      color : rgb( 30%, 35%, 60%) ; 
}
a:hover { 
	text-decoration: underline; color : rgb( 10%, 10%, 10% ); 
}

hr        			
	{ height: 0px; border: solid #CBCED3 0px; border-top-width: 1px;}


/* TABELLEN */
td {
	font-size:12px; 
	color: rgb(10%,10%,10%);  
	margin:0; 
	text-align: left; 
	vertical-align: center;
	text-indent : 2px;
}
td.donker { 
	background: #FFFFFF; 
	color: rgb(10%,10%,10%)   ;
}
td.licht { 
	background: #FFFFFF; 
	color: rgb(40%,40%,40%) ;
}
td.artikel { 
	background: #FFFFFF; 
	color: rgb(20%,20%,30%)   ;
}
td.zoek { 
	font-size:12px; 
	color: rgb(40%,40%,40%);  
	margin:0; 
	text-align: left; 
	vertical-align: top;
	text-indent : 2px;
}
.bestel { 
	font-size:10px; 
	background: #FFFFFF; 
	color: rgb(40%,40%,40%) ;
	height		: 16px;
}
.bestelgrijs { 
	font-size:10px; 
	background: #EEEEEE; 
	color: rgb(40%,40%,40%) ;
	height		: 16px;
}


/* Tooltip */
span.tooltip {
	position:absolute;
	display: none; 
	padding: 1px; 
	border: 1px solid grey; 
	background: rgb( 90%, 90%, 50%);
}

/* Form elements */
.userbutton {
   background-color	: rgb(30%, 35%, 60%);
   color			: rgb(90%, 90%, 100%);
   font-size		: 10px;
   font-weight		: bold;
   padding			: 0px; 
   border			: outset rgb(20%,20%,20%) 2px;
   border-color 	: rgb(50%,50%,50%);
}

input, select {
    color 			: rgb(20%,20%,20%);
    border-color 	: rgb(90%,90%,100%);
	background-color: rgb(100%,100%,100%);
	border			: solid rgb(20%,20%,20%) 1px;
	width			: 245px;
	text-indent 	: 2px;
}
input.button {
	color 			: rgb(20%,20%,20%);
    border-color 	: rgb(90%,90%,100%);
	background-color: rgb(100%,70%,60%);
	border			: solid rgb(20%,20%,20%) 1px;
	width			: 490px;
	text-indent 	: 2px;
}
input.search {
	color 		: rgb(20%,20%,20%);
    border-color 	: rgb(90%,90%,100%);
	background-color: rgb(90%,100%,100%);
	border		: solid rgb(20%,20%,20%) 1px;
	width		: 245px;
	text-indent 	: 2px;
}
select.aantal {
    width		: 38px; 
    height		: 16px; 
    font-size	: 10px; 
    text-indent : 0px;  
}

textarea{
	color 		: rgb(20%,20%,20%);
    border-color 	: rgb(90%,90%,100%);
	background-color: rgb(100%,100%,100%);
	border		: solid rgb(20%,20%,20%) 1px;
	width		: 490px;
	text-indent 	: 2px;
}	

td.small { 
	font-size	:11px; 
	background	: #FFFFFF; 
	color		: rgb(40%,40%,40%) ;
	border		: 0px solid white;
	text-indent : 2px;
}
/* The text input fields background colour */
	input.post, textarea.post, select {
        background-color : #FFFFFF;
}

select.small {
    width		: 245px;  
    height		: 16px; 
    font-size	: 11px; 
}
input.small {
    width		: 245px; 
    height		: 16px; 
    font-size	: 11px; 
    text-indent : 2px;
}
input.smallfout {
    width		: 245px; 
    background-color	: rgb(100%,80%,60%) ;
    height		: 16px; 
    font-size	: 11px; 
    text-indent : 2px;
}
textarea.small{
	font-size	: 11px; 	
	width		: 245px;
	text-indent : 2px;
}	
input.radio {
	width		: 20px;
	font-size	: 11px; 
	border		: solid rgb(20%,20%,20%) 0px;
}








/* The buttons used for bbCode styling in message post
input.button {
        background-color : #E3E6EB;
        color : #626669;
        font-size: 10px; 
}

/* The main submit button option */
input.mainoption {
        background-color : #FAFAFA;
        font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
        background-color : #FAFAFA;
        font-weight : normal;
}
 */