body {
  background-color:#CCCCCC;
 }
 a:link { color: #800000; }
 a:visited { color: #800000; }
 a:hover { color: #ff0000; }
 a:active { color: #FF0000; }
 #main {
min-width: 620px;
max-width: 770px;
background-color: MistyRose;
margin-left:auto;
margin-right:auto;
}
#links {
float: left;
width: 200px;
margin-left:auto;
padding: 6px;
background-color: MistyRose;
}
#rechts {
float: right;
width: 150px;
padding: 6px;
background-color: MistyRose;
}
.tineke{
min-width: 620px;
max-width: 770px;
margin-left:auto;
margin-right:auto;
/*width: 100%;*/
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.tineke ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.tineke li{
display: inline;
margin: 0;
}

.tineke li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #800000;
background: mistyrose; /*background of tabs (default state)*/
}

.tineke li a:visited{
color: #800000;
}

.tineke li a:hover, .tineke li.selected a{
background: pink; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}