/* 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(255,255,255);
	width: 600px; 
	height: 1200px;  
	margin:0px auto;
	z-index:5;

}
	
/* +++ TOP +++ */	
		#topafbeelding { 		
			width: 600px;
			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: 600px; 
			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(255,255,255);	
			text-align: left;
			margin-left: 0px;	
			margin-right:0px;			
			margin-top: 0px;				
			height: 21px;
			min-height: 21px;
			max-height: 21px;
			width: 480px;
			min-width: 480px;
			border-top:0px solid rgb(0,0,0);
			border-bottom:1px solid rgb(200,200,200);
			z-index:5;
		}
		#menu span{
			position: relative;
			top: 1px;
			margin-left: 0px;
			margin-right: 20px;
			font: bold 14px/14px Tahoma, Verdana, Arial, Georgia, sans-serif; 
		}		
		#menu a:link { 
			text-decoration: none; 
			color: rgb(200,100,0);
			}	
		#menu a:visited { 
			text-decoration: none; 
			color: rgb(200,100,0);
		}
		#menu a:hover, a:active { 
			text-decoration: none; 
			color: rgb(100,40,0);
		}
		#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 {
			background: rgb(255,255,255);
			clear: both;  
			float: left;
			width: 90px; 
			z-index:1;
		}
		
			
		#midcontent {	
			background: rgb(255,255,255);
			color: rgb(0,0,20); 
			margin-left: 0px;
			text-align: justify; 
			position: relative ;
		    top: 0px;
			width: 480px;	
			min-height: 400px;
			clear: right; 
			float: left;
			
			/* FONT ( 400=normal, 700=bold*/
			font: normal 13px/17px Tahoma, Verdana, Arial, Georgia, sans-serif; 
			color: rgb(70,70,70); 
		}	
		
		#midcontent h1 {
			font: bold 14px/15px Tahoma, Verdana, Arial, Georgia, sans-serif; 
			color: rgb(50,50,90); 
		}
		#midcontent h2 {
			font: bold 14px/15px Tahoma, Verdana, Arial, Georgia, sans-serif; 
			color: rgb(50,50,90); 
		}
		#midcontent h3 {
			font: bold 14px/15px Tahoma, Verdana, Arial, Georgia, sans-serif; 
			color: rgb(50,50,190); 
		}
		#midcontent a:link { 
			text-decoration: underline; 
			color: rgb(40,60,120); 
		}
		#midcontent a:visited { 
			text-decoration: underline; 
			color: rgb(70,90,150); 
		}
		#midcontent a:hover, a:active { 
			text-decoration: underline; 
			color: rgb(70,90,150);
			/* border-bottom:1px solid rgb(200,200,200); */
		}
		/* may be used in pages which are used as quick link menu's */
		/* <a class=color2 etc....                                  */
		#midcontent a.color2:link { 
			text-decoration: none; 
			color: rgb(140,50,0); 
		}
		#midcontent a.color2:visited { 
			text-decoration: none; 
			color: rgb(140,50,0); 
		}





/* Formulieren */

table				{font-size:12px;}
td					{font-size:12px; vertical-align: top; }

select.border   	{ width:220px; border:1px solid rgb(200,200,200); margin:2 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb( 10%, 10%, 20%); text-decoration: none; background-color: rgb(97%,97%,94%);}
textarea.border 	{ width:220px; border:1px solid rgb(200,200,200); margin:2 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb( 10%, 10%, 20%); text-decoration: none; background-color: rgb(97%,97%,94%);}


.common 			{ width:220px; border:1px solid rgb(200,200,200); margin:2 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(97%,97%,94%);}
.userform 			{ width:220px; border:1px solid rgb(200,200,200); margin:2 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(97%,97%,94%);}
.userform_textarea	{ width:600px; border:1px solid rgb(200,200,200); margin:2 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(97%,97%,94%);}
.userform_fout		{ width:220px; border:1px solid rgb(200,200,200); margin:2 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(  0%,  0%,  0%); text-decoration: none; background-color: rgb(85%,60%,64%);}
.userform_check		{ border:1px solid rgb(200,200,200); }
.userbutton55px {
    background: rgb(95%,95%,92%);
    color: rgb(9%,9%,9%);
    font-family: Verdana,Sans-serif; 
    font-size: 11 px;
    width:75px;
    text-decoration: none;
}