div.container 
	{
	width: 100%;
	max-width: 65rem;
	border: 1px solid gray;
	}

header, footer
	{
	padding: 1rem;
	color: green;
	background-color: rgb(241,241,241);
	clear: left;
	text-align: center;
	}

p	{
	font-family: calibri; font-size: 1.1rem;
	}

nav	{
	float: left;
	max-width: 260px;
	margin: 0;
	padding: 1em;
	}

nav ul	{
	list-style-type: square; color: red;
	padding: 0;
	}
			
nav ul a
	{
	text-decoration: none;
	}

article {
	margin-left: 170px;
	border-left: 1px solid gray;
	padding: 1em;
	overflow: hidden;
	}

img	{
	width:100%
	float: right;
	border: none;
	margin: 0px 20px 15px 20px;
	}

.clearfix {
	overflow: auto;
	}

/* en nu proberen een soort klasse voor tabellen te maken */
.tabelrij
	{
	font-family: calibri; font-size: 0.8rem; color: red; text-align: center; "
	}

.tabeldeel
	{
	tr:nth-child(even): blue; "
	}

.projecten
	{
	font-family: tahoma; font-size: 0.9rem; color: navy; width: 40rem;
	}
.lassen	{
	font-family: tahoma; font-size: 0.9rem; color: navy; max-width: 50rem;
	}
.laser	{
	font-family: tahoma; font-size: 0.9rem; color: navy; max-width: 50rem;
	}
.borging
	{
	font-family: tahoma; font-size: 0.9rem; color: navy; max-width: 50rem;
	}
.schoon
	{
	font-family: tahoma; font-size: 0.9rem; color: navy; max-width: 50rem;
	}
.scheepsbouw
	{
	font-family: tahoma; font-size: 0.9rem; color: navy; max-width: 50rem;
	}
.huisbeurs
	{
	font-family: tahoma; font-size: 1rem; color: navy; max-width: 50rem;
	}
      UL {
	width: 30rem;
        margin: 2px 2px;
        padding: 3px 0px 3px 3rem;
	}
      LI { 
        background: rgb(241,241,241);           
        margin: 2px;
	padding: 2px 2px;
	}
      LI.metrand {
	padding: 0px 12px 0px 0px;
        border-style: dashed;
        border-width: medium;        
        border-color: lime;
        
.ervaring
      UL { 
        background: yellow; 
        margin: 5px 30px 12px 50px;
        padding: 3px 3px 3px 20px;
	}
      LI { 
        color: red;                
        background: rgb(241,241,241);           
        margin: 12px 12px 12px 0px;
	padding: 12px 12px 12px 10px;
        list-style: none;   /* geen opsomteken */          
	}
      LI.metrand {
	padding: 0px 12px 0px 0px;
        border-style: dashed;
        border-width: medium;        
        border-color: lime;
	}}
    
.adres	{
	float: right;
	margin: 35px;
	padding: 20px;
	max-width: 15rem;
	height: 31rem;
	border: 0.2rem solid blue;
	background: rgb(241,241,241);
	font-family: tahoma; font-size: 0.9rem;
	text-align: right;
	}  
.schettens
	{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 10rem;
	width:20rem;
	border: 2rem green;
	}
a:link	{
	color: green;
	background-color: transparent;
	text-decoration: none;
	}
a:visited
	{
	color: indigo;
	background-color: navy;
	text-decoration: none;
	}
a:hover	{
	color: red;
	background-color: transparent;
	text-decoration: underline;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	}
a:active
	{
	color: yellow;
	background-color: pink;
	text-decoration: underline;
	}
.disabled
	{
	opacity: 0.6;
	cursor: not-allowed;
	}