/**

*       File Name: avonturiersnieuw.css
 
*       Developer: Ewien van Bergeijk-Kwant & BTwien Bytes
 
*       Date: mei 2006
 
*       Version #: 1.0.1

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

**/
body			{	
				font-family:arial, verdana, serif;
				font-size:12px;
				width:100%;
				height:100%;
				}
				
/* dient later ter vervanging van table/body */

#middle	{	
				font-family:arial,verdana,serif;
				font-size: 12px;
				width:490px;
				margin-left:5px;
				margin-right:5px;
				background: url(../images/afrika_watermerk.jpg) no-repeat center;
				}	
	
/* dient later als vervanging van onderstaande contentpagetitle - maintitel & contentpagesubtitle/div.subtitle - subtitel */			
h1
				{
				font-family:arial,verdana,serif;
				font-size:14px;
				color:#630;
				font-weight:bold;
				}
				
h2				{
				font-family:verdana,arial,serif;
				font-size:12px;
				color:#C93;
				font-weight:bold;
				}
				
h6 			{
				font-family:verdana,arial,serif;
				color:#900;
				font-size: 11px;
				font-weight: bold;
				} 
				
/* div special ter vervanging later van td.special */

#special		{	
				font-family:arial,verdana,serif;
				font-size:12px;
				color:#000;
				border-collapse: collapse; 
				border: 2px dotted #390;
				}	
						
/* vlakken waar op gelet moet worden // download etc */

#attention	{	
				background-color:#2d1600;
				font-family:arial,verdana,serif;
				font-size:12px;
				color:#fff;
				}	
				
#video		{
			font-family:arial,verdana,serif;
			font-size:11px;
			text-align:center;
			}
			
/* new item: pagina links - positie plaatje bij mouseover */
#show
			{
			border: 2px solid #000;
			position:absolute;
			margin-left:100px;
			top:315px;
			}
				
/* bevestigingspagina's op digitale antwoordkaarten */

#bevestiging {
				font-family:verdana,arial,serif;
	  			font-size:14px;
	  			background-color:#FFF;
				}
				
/* codes behorend bij formulieren, omgezet naar div's */

div.form	{
			background-color:#FF0; 
			border:1px solid #963; 
			padding:5px; 
			margin:0px auto;
			color:#000;
			}

div.row 	{
			clear:both;
			padding-top:5px
			}
			
div.row span.label
			{
			float:left;
			width:200px;
			font-weight:bold;
			text-align:right; /* zorgt ervoor dat de tekst tegen de rechtermarge aanloopt */
			}
			
div.row span.formelement
			{
			float:right;
			width:235px;
			text-align:left;
			}
			
div.spacer /* witruimte tussen elementen met geen tekstinhoud */
		 	{
			clear:both;
			}
										
/* hoort allemaal bij table_C, topbalk */
td.menubalk	{
				position:absolute;
				font-family: verdana, arial;
				font-size: 11px;
				top:25px;
				}

td.topbalk	{
				position:absolute;
				height:90px;
				width:700px;
				top:50px;		
				}

td.ondermenu	{	
				position:absolute;
	 			font-family: verdana, arial;
	 			font-size: 11px;
				top:150px;
				}
				
#stats			{
				display:none;
				}
/* einde topbalk, table_C*/				

table			{	
				font-family: arial, verdana;
				font-size: 12px;
				}
				
.table_a		{
				background: url(http://www.avonturiers.nl/images/blogbg7.png) repeat;
				/*background-color:#FFF; */
				font-size :10px ;
				margin-left:0px;
				margin-right:0px;
				margin-top:0px;
				margin-bottom:0px;
			}

.table_b		{
				background-color:#fff;
				font-size :10px;
				color :#000;
				border-collapse: collapse; 
				border: 1px solid #000;
				}		

.table_c		{
				font-family: verdana, arial;
				font-size: 11px;
				}
					
/* Het element titel/title kan je niet gebruiken, vanwege het feit dat dit al 'gereserveerd' is voor een html-pag bovenin */
.contentpagetitle 	
				{
				font-family:arial,verdana,serif;
				font-size:14px;
				color:#630;
				font-weight : bold;
				}

.contentpagesubtitle	
				{
				font-family:verdana,arial,serif;
				font-size:12px;
				color:#C93;
				font-weight:bold;
				}

div.subtitle
				{
				font-family:verdana,arial,serif;
				font-size:12px;
				color:#C93;
				font-weight : bold;
				}
				
td.actief	/*had eerst een tabel_actief, maar dat werkte niet, gaat in de codes om een td, waar je actief.php include */
				{
				background-color:#bcbaac;
				/*background-color:#963; old */
				font-family:arial,verdana;
				font-size:11px;
				color:#000;
				}	
							
td.special		{
				font-family:arial,verdana,serif;
				font-size:12px;
				color:#630;
				font-weight:bold;
				border-collapse: collapse; 
				border: 2px dotted #C00;
				}
				
/*had eerst een body.home, maar dat werkte niet, gaat om table/td, waar je home.php include */
/* deze code laad een achtergrondimage bij de nieuwspag*/
table.algemeen	
				{
				font-family: arial, verdana,serif;
				font-size:12px;
				/*background-image: url(../images/afrika_watermerk.jpg);
				background-repeat: no-repeat;
				background-position: center;*/
				margin-left:0px;
				margin-right:0px;
				margin-top:0px;
				margin-bottom:0px;
				}
				

/* overbodig? 
h5				{
				font-family:verdana,arial,serif;
				font-size:12px;
				font-weight:bold;
				} */
				
hr				{
/*size & alignment*/
    			height: 2px;
    			width: 525px;
				top:160px;
/*style*/
    			border: 1px inset; 
				color:#CC9933;
				}
				
/* inside/outside bij position: inside betekent dat de marker in de tekst staat als het ware; outside voor de tekst*/				
ul.square	{
				list-style-type: square;
				list-style-position: outside;
				}
							
a:link		{
  				color: #630; 	
				text-decoration:none;
				}

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

a:hover 		{
  				background:#C93;
				}
				
/* test img mouse - over Maart 2006 */

/* to prevent image from showing when page loads */
div#link a img {height:0; width:0; border-width:1px;}

/* icons to appear */
div#link a:hover img {position: absolute;
    top:750px; left:600px; height: 100px; width: 125px;}