/* dit is een comentaar, die altijd met een "slach, ster" begint. */
/* en met een "ster, slash" ophoudt. */
/* dit wordt dus niet op je pagina's (zichtbaar) weergegeven, maar is gewoon een memotje voor jezelf */

/* wil je meer over stylesheets weten, google gewoon op: "css stylesheet maken html" en je vindt heel wat cursussen op het internet om verder te leren. Je kunt net zo ver gaan als je wilt... */



/* Body, hier wordt o.a. aangegeven welke lettertype op de pagina mag voorkomen. */
body {
	background-color: #FFFFFF;
	font-family : arial, verdana, sans-serif;
	}

/* H1 en h2 tags. */
h1 {
	color: #fff;
	font-size : 14px;
	font-weight: bold;
	font-style: italic;
	}

h2 {
	color: #000000;
	font-size : 25px;
	font-weight: bold;
	}
h3 {color: #000066;
	font-size : 20px;
	font-weight: bold;
	text-align: center}
	
h4 {color: #000000;
	font-size : 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1px
	}
	
h5 {color: #FFFFFF;
	font-size : 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 1px
	}	
h1.home {
	color: #0033CC;
	font-size : 30px;
	font-weight: bold;
	font-style: italic;
	}	
	
	
h1.pers {
	color: #000066;
	font-size : 30px;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	}

h1.pers1 {
	color: #FF3300;
	font-size : 30px;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	}
	
h1.etalage {
	color: #003333;
	font-size : 30px;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	}
	
h2.opdr {
	color: #000000;
	font-size : 25px;
	font-weight: bold;	
	text-align: center;
	}
	


	
h4.expo {color: #000066;
	font-size : 16px;
	text-align: center;
	margin-left: 10 px;
	margin-bottom: 1px;
	}
h4.exponieuw {color: #000066;
	font-weight: bold; 
	font-size: 14px;
	text-align: left;
	}
h4.opdr {color: #000000;
	font-size : 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 1px
	}
	
h4.pers {color: #000000;
	font-size : 16px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 1px}
	
h5.kunst {color: #FFFFFF;
	font-size : 14px;
	text-align: left;
	}
	
h5.opdr {color: #330066;
	font-size : 11px;
	text-align: left;
	}
	
	
h5.pers {color: #000000;
	font-size : 14px;
	font-style: verdana;
	text-align: left;
	margin-bottom: 1px
	}
h5.etalage {color: #003333;
	font-size : 14px;
	text-align: center;
	}	
	
/* Paragraaf. */
				
p {
	color: #000000;
	font-size : 12px;
	font-weight: normal;
	}
	
p.wit {
	color: #000066;
	font-size : 12px;
	font-weight: normal;
	}
/* dit is standaard tabel. */
table {
	padding-top: 5;
	padding-bottom: 5;
	padding-left: 5;
	padding-right: 5;
	border-collapse: collapse; 
	border: 1px solid #COCOCO;
	}	
table.borderless {
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	border: 0px
	}	
	
table.zeventigpercent {
	width: 70%;
	text-align: center;
	border: 0px
	}	
	
td.zonderborder {
	text-align: center;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 0px;
	}
	
/* dit is tabel die rechts wordt uitgelijnd op je pagina's. */
table.rechts {
	padding-top: 5;
	padding-bottom: 5;
	padding-left: 5;
	padding-right: 5;
	border-collapse: collapse; 
	border: 1px solid #C0C0C0;
    float: right;
	width: 300px;
	}	
	
/* de letters binnen de tabelcellen. */
td {
	color: #FFFFFF;
	font-size : 11px;
	text-align: center;
	}
td.contact {
	color: #000066;
	font-size : 14px;
	text-align: center;
	}
td.left {
	color: #330099;
	font-size : 11px;
	text-align: left;
	}

td.kunst {
	color: #000000;
	font-size : 11px;
	text-align: left;
	}
	
td.withborder {
	color: #336699;
	font-size : 11px;
	text-align: center;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #ffffff;
	}
	
td.menu {
	color: #0066FF;
	font-size : 11px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dashed #C0C0C0;
	}
	
td.menu2 {
	color: #00CCFF;
	font-size : 11px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px dashed #C0C0C0;
	}
	
/* Dit is voor de opsommingen. */
li. {
	padding-bottom: 4px;
	color: #CC0000;
	font-size : 11px;
	font-weight: normal;
	}	
li.1 {
	padding-bottom: 4px;
	color: #000066;
	font-size : 11px;
	font-weight: normal;
	}	

/* Hier worden de links gedefineerd, o.a.: kleur, letters grote, ed. */
a:link      { 
			font-size : 14px;
			text-decoration: none; 
			color: #0033CC;
			font-weight: normal;
			}
a:link.2      { 
			font-size : 14px;
			text-decoration: none; 
			color: #0066FF;
			font-weight: normal;
			}
			
a:visited   	{ 
			font-size : 12px; 
			text-decoration: none; 
			color: #0000FF;
			font-weight: normal;
			}

a:active    	{ 
			font-size : 12px;  
			text-decoration: none;
			color: #0000FF;
			font-weight: normal;
			}

a:hover     	{ 
			font-size : 12px;  
			text-decoration: underline; 
			color: #0000FF; 
			font-weight: normal;
			}
	
/* Footer. */
#footer		{
			margin-top: 20px;	
			color : #538BD7;
			font-size : 12px;
			font-style: italic;
			margin-bottom: 5px;
			text-align: center;
			}

#belangrijk		{
			color : #CC0000;
			font-size : 20px;
			font-style: normal;
			}


			
#serif		{
			color : #538BD7;
			font-size : 25px;
			font-style: normal;
			margin-bottom: 5px;
			text-align: center;
			font-family : times, serif;
			}
			
						
#sans-serif		{
			color : #538BD7;
			font-size : 25px;
			font-style: normal;
			margin-bottom: 5px;
			text-align: center;
			font-family : arial, verdana, sans-serif;
			}
			
img 		{ border: 3px solid #FFFFFF;
			}
img.etalage {border: 3px dashed #FF0000;
			}

img.kunst 	{border: 3px  #FFFFFF;
			}		
									
img.home 	{border: 5px  #FFFFFF;
			}	
			
.fotobeschrijving		{
			color : #006633;
			font-size : 14px;
			font-style: cursief;
			margin-bottom: 5px;
			text-align: center;
			font-family : arial, verdana, sans-serif;
			}
td.opdrachten { {color: #330066;
		font-size : 12px;
		font-style: bold;
		text-align: left;
	}
			
.box {	    text-align: left;
			margin-left: 2px;
			margin-top: 10px; 
			margin-bottom: 5px;
			margin-right: 10px;
			padding-left:6;
			padding-right:10;
			padding-top:10;
			padding-bottom:10;
  			border: 1px solid #FFFFFF;
			border-style: dashed;
			font-size : 14px;
			color : #FF6600;
			}	
.box1 {	    text-align: left;
			margin-left: 12px;
			font-size : 14px;
			color : #000066;
			}	
.box2 {	    text-align: left;
			margin-left: 18px;
			font-size : 14px;
			color : #000066;
			}	
.boxvoorw {
			text-align: left;
			margin-left: 10px;
			padding-left:10;
			padding-right:10;
			padding-top:10;
			padding-bottom:10;
  			border: 1px solid #FF6600;
			border-style: dashed;
			font-size : 12px;
			color : #000066;
			}	
.boxpapiertekst {text-align: left;
			margin-left: 20px;
			margin-right: 20px;
			font-size : 12px;
			color : #FFFFFF;	}
				
.boxstock {	text-align: left;
			margin-left: 100px;
			font-size : 14px;
			color : #000066;		}
			
.top_content {
  margin-right: 2; 
  margin-bottom: 4;
  padding: 10px;
  background-color : #F7F7F7;
  border: 3px dashed #000000;
  width: 400px;
}

.benadrukte_subtitels {font-size: 14px; font-weight: bold; color: #000000; }