Add example html file

Therefore also added normalize.css
This has to be different in the future

basic/_common.scss

@@ -8,10 +8,12 @@
 		clear: both;
 	}
 }
+
 .float_left {
 	float: left;
 	margin-right: $space_3;
 }
+
 .overflow {
 	overflow: auto;
 }

basic/_embedded.scss

@@ -1,6 +1,3 @@
-// Edits
-// -----------------------------------------------------------------------------
-
 // Images
 // -----------------------------------------------------------------------------
 

basic/_tables.scss

@@ -5,6 +5,7 @@ table {
 	margin-top: $space_2;
 	margin-bottom: $space_2;
 	border: $basic_border;
+	border-collapse: collapse;
 }
 
 th, td {
@@ -13,8 +14,7 @@ th, td {
 }
 
 th {
-	border: $basic_border_width dotted $basic_border_color;
-	border-bottom: $basic_border;
+	border: $basic_border;
 	text-align: left;
 }
 
@@ -23,7 +23,22 @@ th {
 }
 
 td {
-	border: $basic_border_width dotted $basic_border_color;
+	border-right: $cell_border;
+	border-bottom: $cell_border;
+}
+
+td:last-child {
+	border-right: 0;
+}
+
+tr:last-child td {
+	border-bottom: 0;
+}
+
+tfoot {
+	tr:first-child td {
+		border-top: $basic_border;
+	}
 }
 
 .table_blank {
@@ -45,7 +60,7 @@ td {
 	}
 
 	tr:nth-child(even) td {
-	background-color: rgba($white,.1);
+	background-color: $light_color;
 	}
 }
 
@@ -59,3 +74,74 @@ caption {
 	border: $basic_border_width dotted $basic_border_color;
 	text-align: center;
 }
+
+.table_link {
+	width: 100%;
+	border: 0;
+	table-layout: auto;
+
+	tbody {
+		border-bottom: $cell_border;
+
+		&:hover {
+			background-color: $light_color;
+		}
+	}
+
+	th, td {
+		border: 0;
+	}
+
+	.cell_icon {
+		width: 48px;
+		text-align: center;
+		img {
+			vertical-align: text-top;
+		}
+	}
+
+	.cell_link {
+		padding-right: $basic_space;
+		padding-left: $basic_space;
+
+		&:hover {
+			background-color: $foxtrot_color;
+		}
+
+		a {
+			display: block;
+		}
+
+		.link_url {
+			display: none;
+		}
+
+		&:hover .link_url {
+			display: block;
+			color: $white;
+		}
+
+		&:hover .link_text {
+			display: none;
+		}
+	}
+
+	.cell_date {
+		width: 12%;
+		text-align: center;
+	}
+
+	.cell_text {
+		padding-right: $basic_space;
+		padding-left: $basic_space;
+
+		div {
+			width: 100%;
+		}
+
+		.shorten {
+			@extend %short;
+			max-height: 44px;
+		}
+	}
+}

basic/_textlevel.scss

@@ -12,6 +12,7 @@ a {
 	color: $basic_highlight_color;
   }
 }
+
 .link_line {
   border-bottom-width: $tiny_space;
   border-bottom-style: dotted;
@@ -139,5 +140,5 @@ ins {
 }
 
 del {
-	
+
 }

basic/_typography.scss

@@ -45,7 +45,11 @@
 	line-height: $head_line_4;
 }
 
-
+%short {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-o-text-overflow: ellipsis; // vendor
+}
 
 // Specific styles
 // -----------------------------------------------------------------------------