/* iebele.nl standard style 	*/
/* http://iebele.nl  		*/


/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body {  
			color: rgb(0%,0%,0%); 
			background-color: rgb(255,255,255);				

			
			scrollbar-3dlight-color: 	rgb(255,255,255); 
			scrollbar-shadow-color: 	rgb(255,255,255); 
			scrollbar-arrow-color: 		rgb(50,50,50); 
			scrollbar-base-color: 		rgb(255,255,255); 
			scrollbar-darkshadow-color:	rgb(205,205,205); 
			scrollbar-face-color: 		rgb(255,255,255); 
			scrollbar-highlight-color: 	rgb(205,205,205); 
			
			margin-left: 0px;
		    	margin-top: 0px;
			text-align:center;


			}

/* verschillende div's */
#container { 	
	background: rgb(250,250,255);
	width: 800px; 
	height: 1200px;  
	margin:0px auto;


	/*
	position: absolute ;
	margin-left:100px;
	margin-top:0px;
	*/

	z-index:5;

	}
	
/* +++ TOP +++ */	
		#topafbeelding { 		
			width: 800px;
			margin-left: 0px;
		    margin-top: 0px;
		    margin-bottom: 0px;
			height: 147px; 		
			max-height: 147px;
			min-height: 147px;		
		}
		/* Gebruik een afbeelding om de tekst onzichtbaar te maken, zo heb je ook een goede kop als er geen afbeelding vertoond wordt */ 
		#topafbeelding h1 { 
			margin-left: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			background: transparent url(top.jpg) no-repeat top left; 
			width: 800px; 
			height: 147px; 
			max-height: 147px;
			min-height: 147px;
			float: left;
			border-bottom:0px solid rgb(255,255,255);
		}
		#topafbeelding h1 span {
			margin-left: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			display:none ;	
			height: 147px; 
			max-height: 147px;
			min-height: 147px;		
		}
/* --- TOP  ---*/

/* +++ MENU +++ */	    
		#menu {			
			background: rgb(0,0,0);	
			text-align: left;
			margin-left: 0px;	
			margin-right:0px;			
			margin-top: 0px;				
			height: 21px;
			min-height: 21px;
			max-height: 21px;
			width: 800px;
			min-width: 800px;
			border-top:0px solid rgb(0,0,0);
			border-bottom:1px solid rgb(100,100,100);
			z-index:5;
			}
		#menu span{
			position: relative;
			top: 2px;
			margin-left: 28px;
			font: normal 11pt/11pt Tahoma, Verdana, Arial, Georgia, sans-serif; 
		}		
		#menu a:link { 
			text-decoration: none; 
			color: rgb(200,120,47);
			}	
		#menu a:visited { 
			text-decoration: none; 
			color: rgb(200,120,47);
		}
		#menu a:hover, a:active { 
			text-decoration: none; 
			color: rgb(255,240,90);
		}
		#menu.spacer {
			margin-top: 0px;
			width: 40px;
		}
		#hidden a:link { 
			text-decoration: none; 
			color: rgb(90,90,90);
			}	
		#hidden a:visited { 
			text-decoration: none; 
			color: rgb(90,90,90);
		}
		#hidden a:hover, a:active { 
			text-decoration: none; 
			color: rgb(255,240,90);
		}
/* --- MENU ---  */
	
/* De verschillende kolommen tekst en hun opmaak*/	
#leftcontent span {
	background: rgb(250,250,255);
	clear: both;  
	float: left;
	width: 90px; 
	height: 1000px;  
	min-height: 400px;
	
	z-index:1;
	}
#leftcontent p  {
	font: normal 10pt/12pt Tahoma, Verdana, Arial, Georgia, sans-serif; 
	margin-top: 30px;
	margin-left: 10px;
	text-align:left;	
	}
	
#midcontent {	
	background: rgb(250,250,255);
	color: rgb(0,0,20); 
	margin-left: 60px;
	text-align: justify; 
	position: relative ;
    top: 0px;
	width: 618px;	
	min-height: 400px;
	clear: right; 
	float: left;
	
	font: normal 10pt/13pt Tahoma, Verdana, Arial, Georgia, sans-serif; 
	color: rgb(0,0,20); 

}	
#midcontent p {
	font: normal 10pt/13pt Tahoma, Verdana, Arial, Georgia, sans-serif; 
	color: rgb(0,0,20); 
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;		
	}
#midcontent b {
	color: rgb(0,10,50); 
}
		
#rightcontent {
	background: rgb(250,250,255);
	clear: right; 
	float: left;
	width: 90px; 
	height: 400px;
	min-height: 400px;


	z-index:6;
	
}	
#rightcontent p {
	font: normal 10pt/12pt Tahoma, Verdana, Arial, Georgia, sans-serif; 
	margin-top: 30px;
	text-align:left;

}
#footer p { 	
	font: normal 9px/9px Tahoma, Verdana, Arial, Georgia, sans-serif; 	
	position: relative;
	top: 10px;
	width: 802px;

	color: rgb(32%,33%,38%);		

	clear: both; 
	float: left;
	text-align: center; 
	z-index:0;			
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}

	
p { 
	font: 8pt/16pt georgia; 
	margin-top: 0px; 
	text-align: justify;
	}
h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
	
a:link { 
	text-decoration: underline; 
	color: rgb(200,120,47);
	}
a:visited { 
	text-decoration: underline; 
	color: rgb(200,120,47);
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: rgb(100,0,0);
	}




/* Formulieren etc.	*/
	
table{font-size:12px;}
td{font-size:12px; vertical-align: top; }
td.wit   { color:white; border:0px ;margin:0;}


SELECT.border   { width:180px; border:1px solid #FF9900; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb( 10%, 10%, 20%); text-decoration: none; background-color: rgb(95%,95%, 90%);}
TEXTAREA.border { width:180px; border:1px solid #FF9900; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb( 10%, 10%, 20%); text-decoration: none; background-color: rgb(95%,95%, 90%);}

.common 			{ width: 620px;  border:1px solid #000000; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(95%,95%, 90%);}
.userform 		{ width: 300px;  border:1px solid #000000; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(90%,95%, 90%);}
.userform_fout	{ width: 300px;  border:1px solid #000000; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(85%,20%, 20%);}

/*
.table      		{ border:1px solid #FF9900; margin:10 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb( 10%, 10%, 20%); text-decoration: none; background-color: rgb(100%,100%, 95%);}
.copyright		{ font-size:9px; color:#000000; font-family: Verdana}
.input      		{ width: 620px;  border:1px solid #000000; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(100%,100%, 95%);}
.input_nb   		{ width: 250px;  border:0px solid #000000; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(95%,95%, 90%);}
.input_nb_180px  { width: 180px;  border:0px solid #000000; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(95%,95%, 90%);}
.checkbox		{ width: 250px;  border:0px solid #000000; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(95%,95%, 90%);}
.button  		{ width: 620px;  border:1px solid #000000; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(95%,95%, 90%);}
.textarea  		{ width: 620px;  border:1px solid #000000; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(95%,95%, 90%);}
*/
hr        			
	{ height: 0px; border: solid #CBCED3 0px; border-top-width: 1px;}


/* Bestellen */
td.small { 
	font-size	: 12px; 
	background	: rgb(1,10,37);
	color		: rgb(82%,83%,88%); 
	border		: 0px solid white;
	text-indent : 2px;
}
/* The text input fields background colour */
	input.post, textarea.post, select {
        background-color : #FFFFFF;
}

select.small {
	background	: rgb(82%,83%,88%);
	color		: rgb(12%,13%,18%);
    width		: 250px;  
    height		: 18px; 
    font-size	: 11px; 
}
select.aantal {
	background	: rgb(82%,83%,88%);
	color		: rgb(12%,13%,18%);
    width		: 38px;  
    height		: 18px; 
    font-size	: 11px; 
}
input.small {
	background	: rgb(82%,83%,88%);
	color		: rgb(12%,13%,18%);
    width		: 245px; 
    height		: 12px; 
    font-size	: 11px; 
    text-indent : 2px;
}
input.smallfout {
	background	: rgb(100%,33%,18%);
	color		: rgb(12%,13%,18%);
    width		: 245px; 
    height		: 12px; 
    font-size	: 11px; 
    text-indent : 2px;
}
textarea.small{
	background	: rgb(82%,83%,88%);
	color		: rgb(12%,13%,18%);
	font-size	: 11px; 	
	width		: 250px;
	text-indent : 2px;
}	
input.radio {
	background  : rgb(1,10,37);
	color		: rgb(12%,13%,18%);
	width		: 20px;
	font-size	: 11px; 
	border		: solid rgb(20%,20%,20%) 0px;
}

.bestel { 	
	background  : rgb(1,10,37);
	color		: rgb(82%,83%,88%);
	font-size	: 11px; 
	height		: 12px;
}
.bestelgrijs { 
	background  : rgb(1,10,37);
	color		: rgb(82%,83%,88%); 
	font-size	:11px; 
	height		: 12px;
}


/*  Normale inputs voor beheer etc */
select.database {
	background-color	: rgb(80%,90%,100%);
    width		: 245px;   
    font-size	: 11px; 
}
input.database {
	background-color	: rgb(80%,90%,100%);
    width		: 245px; 
    font-size	: 11px; 
    text-indent : 2px;
}
input.database {
	background-color	: rgb(80%,90%,100%);
    width		: 245px;      
    font-size	: 11px; 
    text-indent : 2px;
}
textarea.database{
	background-color	: rgb(80%,90%,100%);	
	width		: 245px;
	text-indent : 2px;
}