* {

	box-sizing: border-box;
	margin:0;
	padding: 0;
}

body {
background-color: #FFFF99;
}

a:link {
    color:#333333;
}


a:visited {
    color:#666666;
}


html {
    font-family:Arial;
    line-height:1.4;
    font-size:100%; /* root element font-size: definieer niet in pixels maar gebruik een relatieve waarde zoals % of em */
}

h1 { 
    font-size:2.5rem; 
	display:inline;	
	
	}
h2 { font-size:1.8rem; }
h3 { font-size:1.5rem; }
h4 { font-size:1.2rem; }
p { font-size:1rem; }
h1,h2,h3,h4 { font-weight:normal; }

#pagina {
	width: 90%; /* fluid */
	margin: 0 auto; /* centreren */
	max-width: 1400px; /* nooit groter dan deze waarde */
	

}

header {
   background-color: #FFFF99;
   padding:10px;

}

footer {
   background-color: #FF9933;
   padding:10px;

}

.col {
	
	display:inline-block;
	vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.col-1 {
	width: 22%;
	background-color:#FFFFCC;
	display: table-cell; 
}

.col-2 {
	width: 35%;
	background-color:#FFFFCC;
	display: table-cell; 
}

.col-3 {
     text-align:center;
	width: 43%;
	background-color:#CCFFCC;	
	display: table-cell; 
}

.col-4 {
	width: 100%;
	background-color:#FFFFCC;
	padding:10px;
}

.col-5 {
	width: 100%;
	background-color:#FF9933;
	padding:10px;
}

.cols {
    margin-right: 0px;
    margin-left: 0px;
	display: table; 
    width: 100%; 

}

.tabel1 {
    border-collapse: separate;
    border-spacing: 12px 5px;
}

p.thick {
  font-weight: bold;
}


img {
    max-width:100%; /* het img element mag geen width/height attributen hebben in de html, anders krijgen deze voorrang! */
    /* wordt zo breed, als container, maar nooit groter dan de intrinsieke afmetingen van de foto! */
	
}

.col section,
.col aside { 
    padding:10px; /* schuif tekst wat op van de rand */
    
}


.customers {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}



.customers tr:nth-child(even){background-color: #f2f2f2;}
.customers tr:nth-child(odd){background-color:#CCCCCC;}

.customers tr:hover {background-color: #ddd;}

.customers th {
    border: 1px solid #ddd;
	padding: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #FF9933;
    color: white;
}

.customers td {
    border: 1px solid #ddd;
	padding: 8px;
    text-align: left;
	font-size:90%;    
}

ul { 
	list-style:none; 
}

li {
	display:inline;
	padding-left:8px;
	margin-left:5px;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:red;
}

/* 
Je zou ook een class kunnen meegeven aan je eerst li...
*/
li:first-child {
	border-left:none;
	margin-left:0;
	padding-left:0;
}