/* ################################################################## */
/* ##### Style Sheet Wiskunde Canon ################################# */
/* ##### Wiggert Loonstra ########################################### */
/* ################################################################## */

/* De standaard definities */
body 							{	padding: 0px;
										margin: 0px;
										font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
			          	  color: #4f1400;  }

P 								{	font-size: 13px; text-align: justify; }
H1, H2						{ color: #4f1400; }
H1			        	{ font-size: 18px; }
H2								{ font-size: 14px; }
TD					{ vertical-align: top }
.list				{ font-size: 13px; }
.tabel			{ font-size: 13px; }
.tekstje		{ font-size: 10px; }
#slang			{ color: #eeecda ; background-color: #4f1400 ; font-size: 11px; 
							text-align: center; height: 10px; border: 0px; width: 130px; }
#afb				{ text-align: center; height: 30px; border: 0px; width: 130px; }
#hoek				{ text-align: center; height: 10px; border: 0px; width: 8px; }
A:link, A:visited, A:active, A:hover 		{ color: #b5843f; }
A:link, A:visited, A:active							{ text-decoration: none }
A:hover 																{ text-decoration: underline }

/* ############ BANNER ############################################## */
/* De breedte van de banner */
.banner						{	width: 750px ;
										overflow: hidden; 
										/* height: 100px ; */  
										padding: 0px;
										margin: 0px ;
										background: #4f1400;
										font-size: 2px;
										/* top: 0px; */ }

/* ############ HOOFDMENU ########################################### */
/* De breedte van het hoofdmenu */
div#hoofdmenu a { display: block; }
.hoofdmenu 				{	width: 750px;
										height: 15px; 
										background: #4f1400;
										padding: 6px;
										margin: 0px; }

/* Knop in het hoofdmenu (= tabelcel, dus <td class="hmtabel">) */										
.hmtabel 					{ font-size: 14px;
										border: 1px solid #eeecda; 
										text-align: center; 
										padding: 3px;
										color: #eeecda; 
										font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
										background-color: #4f1400; }

/* Tussenruimte in de hoofdmenu balk (=tabelcel, dus <td class="hmtabelextra">) */
.hmtabelextra			{	border: 0px solid }
 
/* Manier waarop hyperlinks weergegeven worden in het hoofdmenu.
De clou is dat het algemene sheet en de A.hmlink dezelfde naam hebben.
Aanroep is dus: <a href="blabla" class="hmlink">link</a> */
.hmlink 					{	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
          	  			color: #eeecda; 
										background-color: #4f1400;
										font-size: 14px; }
										
A.hmlink:link	  	{ text-decoration: none; color: #eeecda; }
A.hmlink:visited  { text-decoration: none; color: #eeecda; }
A.hmlink:active   { text-decoration: none; color: #eeecda; }
A.hmlink:hover 	  { text-decoration: underline; color: #eeecda; }

/* ############ SUBMENU ############################################# */
/* De breedte van het hoofdmenu */
.submenu  				{	/* overflow: hidden; */
										/* width: 160px; */
										/* left: 0px; */ 
										text-align: left;
										background: #4f1400;
										padding-top: 10px;
										padding-left: 10px;
										padding-right: 0px;
										margin: 0px;
										font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
			          	  font-size: 13px;
										color: #4f1400; 
										background-image: url(images/submenu.jpg); }

/* Manier waarop hyperlinks weergegeven worden in het submenu. */


a.smlink {
	text-decoration: none; 
	color: #4f1400;	 
}

a:visited.smlink {
	color: #4f1400;
}

a:hover.smlink {
	text-decoration: underline;
}

a.smlinka { 
	font-weight: bold;
	color: #4f1400;
}
	
a:hover.smlinka {
	text-decoration: underline;
}

/* A.smlink:link	  	{ text-decoration: none; color: #4f1400; }
A.smlink:visited  { text-decoration: none; color: #4f1400; }
A.smlink:active   { text-decoration: none; color: #4f1400; }
A.smlink:hover 	  { text-decoration: underline; color: #4f1400; } */

/* ############ TEKST ############################################### */
/* Breedte en binnenmarge van een tekst. Alleen voor ZONDER submenu */

div#contact { font-size: 12px; }
div#contact p { font-size: 12px; }
div#contact td { font-size: 12px; }
div#contact input {font-size: 12px; }
div#contact textarea { font-family: Arial, Verdana, sans-serif; font-size: 12px;}


.tekst						{ width: 750px;
										padding: 10px;
										background: #eeecda; }

										
.tekstbegin						{ width: 750px;
										padding: 0px;
										background: #eeecda; }

/* ############## VAK ############################################### */
/* Breedte van een div waar er meer in zitten. Dus voor MET submenu */
.vak							{ width: 750px; }

/* In het VAK hebben we een SUBMENU en een TEKSTVAK */
.tekstvak					{ text-align: left;
										padding: 15px;
										margin: 0px;
										background: #eeecda; }
										
.citaat					  { font-size: 12px;
										width: 250px;
										border: 1px solid #4f1400; 
										text-align: left; 
										margin: 15px;
										color: #4f1400; 
										font-family: "Trebuchet MS", Arial, Verdana, sans-serif; }
.auteur					  { font-size: 12px; text-align: right; font-style: italic; }
						  																				
										
/* ############ BOTTOM ############################################## */
/* Breedte, binnenmarge en achtergrondkleur van de onderstebalk */
.bottom						{ width: 750px;
										padding: 1px; 
										background: #4f1400; }

/* De onderbalk staat in een tabel. Dus: <table class="bottomtekst"> en je hebt alles */
.bottomtekst			{	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
			          	  color: #eeecda; }

/* ################################################################## */
/* ################################################################## */

div#gastenboek { font-size: 12px; }
div#gastenboek p { font-size: 12px; }
div#gastenboek td { font-size: 12px; }
div#gastenboek input {font-size: 12px; }
div#gastenboek textarea { font-family: Arial, Verdana, sans-serif; font-size: 12px;}
div#gastenboek a { text-decoration: underline; }
div#gastenboek a:hover { text-decoration: none; }

.gb1 { background-color: #4f1400; 
	color: #eeecda; }
.gb2 { border-left: 1px solid #4f1400;
	border-right: 1px solid #4f1400;
	border-bottom: 1px solid #4f1400;
}

div#gb_kop a { text-decoration: underline; color: #eeecda }
div#gb_kop a:hover { text-decoration: none; }

/* a.gb { text-decoration: underline; color: #eeecda }
a:hover.gb { text-decoration: none; } */