/**

*       File Name: cmamali.css
 
*       Developer: Ewien van Bergeijk-Kwant // BTwien Bytes
 
*       Date: August 2007
 
*       Version #: 1.02

*		  W3C CSS validated: mag dan logo op de site zetten
		  Let op: alle nummers benoemen, bijv. 75px altijd!

**/

#container
			{ /* totaalplaatje */
			font-family:arial, verdana, serif;
			font-size:12px;
			background-color:#FFF;
			width:710px;
			text-align:center; /* XHTML 1.0 valide, in combination with the margin-line below */
			margin:0 auto; /* needed to center content */
			padding: 0;
			}
			
#header 	{
			padding: 0;
			margin-bottom: 0;
			height:221px;
			border: 1px solid gray;
			background: url(http://www.cmamali.org/images/header2_2008.jpg) top right no-repeat;
			}
		
/* def. class for image, content and lay-out separated */	
.pic_header
			{
			float:left;
			}
			
.pic_homeleft
			{
			float:left;
			border:1px;
			padding:0;
			}
			
.pic_homeright
			{
			float:right;
			border:1px;
			padding:0;
			}

/* main text, middle */

#content	{
			font-family:arial, verdana, serif;
			font-size:12px;
			background:url(http://www.cmamali.org/images/pattern.jpg) no-repeat top left;
			width:555px;/* a little wider than table */
			padding:0;
			padding-left:75px; /* pushes content to the right */
			text-align:left;
			margin:0 auto; /* sufficient margins */
			}
			
/* table settings for page with 8 pics on it */			
			
table		{
			font-family:arial,verdana,serif;
			font-size:12px;
			width:500px;
			padding:1px;
			vertical-align:middle;
			text-align:center;/* was left */
			}
				
table.spec	{
			font-family:arial,verdana,serif;
			font-size:12px;
			width:500px;
			padding:1px;
			vertical-align:middle;
			text-align:left;
			}
			
td			{
			vertical-align:top;
			background-color:#CC9;
			}
			
/* in order to center videoscreen */
.screen		{
			text-align:center;
			}
/* ... */		
.video		{
			font-family:arial,verdana,serif;
			font-size:10px;
			text-align:center;
			width:125px;
			}
			
.videofooter
			{
			font-family:arial,verdana,serif;
			font-size:10px;
			text-align:center;
			background-color:#CC9;
			width:500px;
			}
				
#footer 	{
			font-family:arial,verdana,serif;
			font-size:10px;
			clear:both;
			text-align:center;
			padding:0;
			background-color: #FFF;
			border: 1px solid gray;
			}
/* added later, def. list videopage */
		
dl,dd		{
			font-family:arial,verdana,serif;
			font-size:12px;
			}
			
dt			{
			font-family:Georgia,"Courier New",serif;
			font-size:11px;
			font-weight:bold;
			margin-left:25px;
			}
			
						
/* in gebruik 30/10 */
h1
				{
				font-family:Georgia,"Courier New",serif;
				font-size:17px;
				font-weight:bold;
				color:#630;
				text-align: center;
				}
				
/* nog niet in gebruik 30/10 */
				
h2				{
				font-family:verdana,arial,serif;
				font-size:12px;
				color:#C93;
				font-weight:bold;
				}
				
ul.square	{
				list-style-type: square;
				list-style-position: outside;
				}

				
/* nog niet in gebruik 30/10 */

#special		{	
				font-family:arial,verdana,serif;
				font-size:12px;
				color:#000;
				border-collapse: collapse; 
				border: 2px dotted #390;
				}	
						
/* nog niet in gebruik 30/10 */

#attention	{	
				background-color:#963;
				font-family:arial,verdana,serif;
				font-size:12px;
				color:#000;
				}			
							
a:link		{
  				color: #000000; 	
				text-decoration:none;
				}

a:visited 	{
  				color:#663300; 
				text-decoration:none;
				}

a:hover 		{
  				color:#003366;
				text-decoration:overline;
				}

a.visible		{
				color:#CC3300;
				}