/* public media standard style 	*/
/* http://publicmedia.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(1,10,36);;				

			scrollbar-3dlight-color: 	rgb(35,45,75); 
			scrollbar-shadow-color: 	rgb(35,45,75); 
			scrollbar-arrow-color: 		rgb(60%,60%,90%); 
			scrollbar-base-color: 		rgb(10,23,60); 
			scrollbar-darkshadow-color:	rgb(10,23,60); 
			scrollbar-face-color: 		rgb(10,23,60); 
			scrollbar-highlight-color: 	rgb(10,23,60); 

			}

/* verschillende div's */
#container { 	
	background: rgb(1,10,36);
	width: 800px; 
	position: relative ;
	left:50%;
	margin-left:-400px;
	margin-top:30px;
	margin-bottom:50px;
	
	border-left:1px solid rgb(5%,5%,10%);
	border-right:1px solid rgb(5%,5%,10%);
	border-top:1px solid rgb(5%,5%,10%);
	border-bottom:1px solid rgb(5%,5%,10%);
	z-index:5;

	}
	
/* +++ TOP +++ */	
		#topafbeelding { 		
			width: 800px;
		    margin-top: 0px;
		    margin-bottom: 0px;
			height: 67px; 		
			max-height: 67px;
			min-height: 67px;		
			}
		/* 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-top: 0px;
			margin-bottom: 0px;
			background: transparent url(http://www.universelewetten.nl/top.jpg) no-repeat top left; 
			width: 800px; 
			height: 67px; 
			max-height: 67px;
			min-height: 67px;
			float: left;
			border-bottom:1px solid rgb(65%,70%,90%);
			}
		#topafbeelding h1 span {
			display:none ;	
			height: 67px; 
			max-height: 67px;
			min-height: 67px;		
			}
/* --- TOP  ---*/

/* +++ MENU +++ */	
	    
		#menu {			
			background: rgb(22,30,59);				
			margin-top: 0px;				
			height: 18px;
			min-height: 18px;
			max-height: 18px;
			width: 800px;
			min-width: 800px;
			border-bottom:1px solid rgb(65%,70%,90%);
			z-index:5;
			}
		#menu span{
			position: relative;
			top: 2px;
			left: 120px;
			font: normal 10pt/10pt Tahoma, Verdana, Arial, Georgia, sans-serif; 
		}		
		#menu a:link { 
			margin-top: 0px;
			text-decoration: none; 
			color: rgb(200,200,215);
			}	
		#menu a:visited { 
			margin-top: 0px;
			text-decoration: none; 
			color: rgb(200,200,215);
		}
		#menu a:hover, a:active { 
			margin-top: 0px;
			text-decoration: none; 
			color: rgb(200,200,0);
		}
		#menu.spacer {
			margin-top: 0px;
			width: 190px;
		}
/* --- MENU ---  */
	
/* De verschillende kolommen tekst en hun opmaak*/	
#leftcontent span {

	clear: both;  
	float: left;
	width: 90px; 
	height: 400px;
	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(1,10,36);
	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(72%,73%,78%); 

}	
#midcontent p {
	font: normal 10pt/13pt Tahoma, Verdana, Arial, Georgia, sans-serif; 
	color: rgb(72%,73%,78%); 
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;		
	}
#midcontent b {
	color: rgb(82%,83%,88%); 
}
		
#rightcontent {
	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: none; 
	color: rgb(205,205,215);
	}
a:visited { 
	text-decoration: none; 
	color: rgb(205,205,215);
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: rgb(254,254,254);
	}




/* Formulieren etc.	*/
	
table{font-size:12px;}
td{font-size:12px;}
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%);}


.copyright{font-size:9px; color:#000000; font-family: Verdana}
.input      {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(100%,100%, 95%);}
.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%);}
.input_nb   {border:0px 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%);}
.input_nb_180px   { width:180px; border:0px 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%);}
.checkbox{border:0px solid #FF9900; 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%,100%);}
.button  {border:1px solid #FF9900; margin:0 px; font-family: Verdana,Sans-serif; font-size: 11 px; color: rgb(100%, 40%, 10%); text-decoration: none; background-color: rgb(100%,100%, 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;
}