/* CONCREO stylesheet */


body { 
color:#000000; /* zwart*/
font-size: 14px;
font-family: "trebuchet MS",helvetica,sans-serif;
margin: 0;
padding: 0;
	}

/*vormgeving van elke link*/

a:link{
color: #000000;
	}

a:visited{
color: #616161;
	}

a:hover { 
background: #FFEC8B;
	}



	
/* achtergronden van de verschillende pagina's: */

#homepage {
background: url(petratempel_1920x1080.jpg) no-repeat #c0a0a0;
background-attachment:fixed;
	}

#basiscursus {
background: url(tempel_1920x1080.jpg) no-repeat #c0a0a0;
background-attachment:fixed;
	}

#cursistenresultaten {
background: url(spelonk_1920x1080.jpg) no-repeat #c0a0a0;
background-attachment:fixed;
	}

#vervolgcursus {
background: url(petrakameel_1920x1080.jpg) no-repeat #c0a0a0;
background-attachment:fixed;
	}

#portret{
background: url(forum_1920x1080.jpg) no-repeat #c0a0a0;
background-attachment:fixed;
	}

#eigenwerk {
background: url(petraverte2_1920x1080.jpg) no-repeat #c0a0a0;
background-attachment:fixed;
	}	

#panorama {
background: url(markt_1920x1080.jpg) no-repeat #c0a0a0;
background-attachment:fixed;
	}
	
#landschap {
background: url(Gravenwand3_1920x1080.jpg) no-repeat #c0a0a0;
background-attachment:fixed;
	}	

#petra{
background: url(petrarotsgraven_1920x1080.jpg) no-repeat #c0a0a0;
background-attachment:fixed;
	}

#reactieformulier {
margin: 0 0 30px 30px;
max-width: 800px;
}


/* linkerkolom */
		#navigatie {
		position: absolute;/* positie van de linkerkolom gefixeerd*/
		left: 0px;
		top: 10px;
		width: 200px;/* absolute breedte van de linkerkolom */
		}

			/* vormgeving van de links in de lijst*/
			#navigatie a {
			text-decoration: none; /* geen onderstreping van de link-woorden */
			display: block; /* link-woorden presenteren zich als een blok*/
			}

			/* vormgeving van het logo*/
			#logo{
			text-align: center;
			padding: 0 0 0 20px;
			}


			
/* vormgeving van de lijstonderdelen */
			

#navigatie li{
			
list-style: none; /* bullets weg*/ 
			
border-style: solid;/* kader gesloten */
			
border-width: 1px;/* kader 1 pixel breed*/
			
border-color: maroon;/* kader oker*/
					
			
margin: -1px;/* overlapping kaders */
			
padding: 0 0 0 3px;/* ruimte links tussen de tekst en kader */

background-color: #ffffff;
 			
opacity:0.7;
  			
filter:alpha(opacity=70);  /* For IE8 and earlier */
}
						
#navigatie li li{
			
list-style: inside circle url(sterretje_18x18.gif);			
opacity:1;
  			
filter:alpha(opacity=100);  /* For IE8 and earlier */
}

/* de huidige pagina wordt gemarkeerd */
			
#huidig a { 
			
color: #800000;
			
font-weight: bold;
			
}





	

/* middenkolom */
		#inhoud { 
		padding: 0 300px 0 230px;
		}
			h1{
			color: #800000;
			}

			table.overzicht { /* vormgeving van de tabel*/max-width: 45em; /* 
			de teksten liggen niet te dicht bij elkaar*/
			
			border-style: solid; /* kader gesloten */
			border-color: #BFBFBF; /* kader lichtgrijs*/
			border-width: 1px; /* kader 1 pixel breed*/
			border-collapse: collapse;	
			}
		
			.overzicht td{
			border-style: solid;
			border-color: #BFBFBF; 
			border-width: 1px;
			padding: 6px;				
			}
		
			.overzicht tr{
			width: auto;
			border-style: solid;
			border-color: #BFBFBF; 
			border-width: 1px;
			padding: 6px;	
			}
		
			.transbox{
  			width: 700px;
 			padding: 10px 20px 0 20px;
			min-height: 700px;
			background-color: rgba(255, 255, 255, 0.8);
/*
  			background-color: #ffffff;
 			opacity:0.8;
  			filter:alpha(opacity=80); /* For IE8 and earlier */
*/
			}
			
			.transbox img {
 			opacity:1;
  			filter:alpha(opacity=1); /* For IE8 and earlier */
			}

		/* rechterkolom */
		#terzijde {
		position: absolute; 
		left: 995px;
		top: 5px;
		}
		
			.foto{
			border-style: solid;
			border-color: white;
			border-width: 1px;
			}