body {
    background-color: white;
}

h1 { 
	font-family: monospace;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0; 
	padding: 0;
	text-transform: uppercase;
color: black;
}

h2 { 
	font-family: monospace;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0; 
	padding: 0;
color: black;
}



h3 { 
	font-family: monospace;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0.1px;
	margin: 0; 
	padding: 0;
color: black;


}

h4 { 
	font-family: sans-serif;
	font-size: 30px;
	font-weight: lighter;
	margin: 0; 
	padding: 0;
	letter-spacing: 0.6px;
text-transform: uppercase;
	text-align:none;
line-height: 1.3;



}


h5 { 
	font-family: monospace;
	font-size: 14px;
font-family: monospace;
    font-weight: normal;
color: black;
}



hr{
   border: 0.5px dotted black;
}

mark {
    background-color: #ccb3ff;
    color: black;
}


a { 
    color:black;
    text-decoration:none;
}

a:hover {
    background-color: none;
}
a:link {
    text-decoration: none;
}







<!-- Columns Uppsetning-->

#header {
    width: 960px;
    margin: 0 auto;
background-color: blue;
}

#header2 {
    width: 960px;
    margin: 60px;
background-color: red;
}

#left {
    float: left;
    width: 140px;
margin: 20px;
 height:auto; 

}

#left2 {
    float: left;
    width: 50px;
margin: 60px;
background-color: white;
border-right: 1px solid blue;
height: 100%;
}

#content {
    float: left;
    width: 480px;
margin-top: 20px;
background-color: white;
}

#content2 {
    float: left;
    width: 600px;
margin-top: 20px;
background-color: white;
}

#content3 {
   width: 600px;
height: 100%;
background-color: blue;
 overflow:auto;
}

#right {
    float: left;
    width: 240px;
margin: 50px;

}

#right2 {
    float: left;
    width: 50px;
margin: 50px;

}

#footer {
    clear: both;
    display: block;
    text-align: left;
    margin-left: 40;
color: blue;
bottom: 5px;
position: fixed;
width:11%;
}



<!-- Columns Uppsetning ENDIR-->


<!-- TABLES-->

table {
 font-family: monospace;
	font-size: 20px;
	font-weight: normal;
border-collapse: collapse;
width: 100%;
    
}


td, th {

    border: 1px dotted white;
    text-align: left;
    padding: 10px;
font-weight: lighter;
 border-bottom: 1px dotted white;

}



th {
    text-transform: uppercase;
letter-spacing: 0.2px;

}


tr:nth-child(even) {
    background-color: white;
}

<!-- TABLES ENDIR-->

<!-- LIST-->

ul { 
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

<!-- LIST ENDIR-->



/* The navigation bar */
.navbar {
    overflow: hidden;
    background-color: white;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 50%; /* Full width */
align: center;
border: 1px dotted black;
}

/* Links inside the navbar */
.navbar a {
    float: center;
    display: block;
    color: black;
    text-align: left;
font-family: monospace;
font-size: 14px;
    padding: 5px 10px;
font-weight: lighter;

}

a:hover {
    background-color: #d7c4ff;
}
a:link {
    text-decoration: none;
   
}

a:visited {
    color: black;
}


/* Main content */





.main1 {
  margin-top:110px;
margin-left:20%;
margin-right: 40%;
   height: 100%;
width: 60%;
display:block;
background-color: white;
}


.main2 {
 margin-top:110px;
margin-left:20%;
margin-right: 40%;
   height: 100%;
width: 40%;
display:block;
background-color: white;
}

.main3 {
  margin-top:80px;
margin-left:20%;
margin-right: 40%;
   height: 30%;
width: 40%;
display:block;
background-color: white;
}

.main4 {
  margin-top:90px;
margin-left:23%;
margin-right: 40%;
   height: 30%;
width: 40%;
display:block;
background-color: white;
}