/* START HTML tags */
body {
  margin: 0px 0px 70px 10px;
  padding: 0px 0px 0px 0px;
}

a {
  color: #000000;
  text-decoration: none;
  font-size: 12px;
}

textarea {
  width: 300px;
  height: 100px;
}

p {
  font-size: 11px;
}

td {
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 13px;
  border: 0px;
  width: 370px;
  height: 100px;
  max-width: 370px;
  max-height: 100px;
}
/* END HTML tags */

/* START TEXT things */
.verdana {
  font-family: verdana;
}

.arial {
  font-family: arial;
}

.bold {
  font-weight: bold;
}

.smallcaps {
  font: smallcaps;
}

.smaller {
  font-family: verdana;
  font-size: 12px;
}
/* END TEXT things */

/* START BLOCKS */
#page {
  width: 940px;
  left: 50%;
  margin-left: -460px; /* - (width/2) */
  position: relative;
}

#container {
  /*margin-left: -910px;*/
}

#header {
  background-image: url('plaatjes/topbanner.jpg');
  width: 920px;
  height: 223px;
}

#topleftlink {
  font-size:170px;
}

#headertext {
  position: absolute;
  font-size: 13px;
  border: 0px;
  left: 535px;
  top: 26px;
  width: 370px;
  height: 40px;
  max-width: 370px;
  max-height: 100px;
}

#headertext2 {
  position: absolute;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 13px;
  border: 0px;
  left: 535px;
  top: 70px;
  width: 370px;
  height: 100px;
  max-width: 370px;
  max-height: 100px;
}

#headerlinks {
  text-align: left;
  color: #000000;
  position: absolute;
  border: 0px;
  left: 25px;
  top: 202px;
  width: 370px;
  height: 25px;
  max-width: 370px;
  max-height: 100px;
}

#headerlinks a {
  color: #ffffff;
  margin-left: 0px;
  margin-right: 50px;
}

#linkblocks {
  margin-top: 15px;
  width: 940px;
  float: left;
}

.linkblock {
  background-color: #ffffff;
  text-align: left;
  width: 229px;
  height: 100px;
  float: left;
}

.linkblock img {
  vertical-align: top;
  margin-left: 10px;
  margin-right: 10px;
  border: 0px;
}

#storyblocks {
  width: 940px;
  margin-top: 15px;
  float: left;
}

.storyblock {
  background-color: #ffffff;
  font-family: arial;
  font-size: 13px;
  text-align: left;
  width: 210px;
  margin: 0px 9px 0px 9px;
  max-width: 230px;
  float: left;
}

.storyblock2 {
  background-color: #ffffff;
  font-family: arial;
  font-size: 13px;
  text-align: left;
  width: 202px;
  margin: 0px 4px 14px 4px;
  max-width: 202px;
}

#divblocks {
  margin-top: 15px;
  width: 940px;
  float: left;
}

/* Stories on infopage */
#infoblocks {
  margin-top: 15px;
  width: 940px;
  float: left;
}

.cat_header2 {
  background-color: #e1e2e4;
  text-align: left;
  margin: 0px 5px 0px 5px;
  padding: 5px 4px 5px 4px;
  width: 440px;
  height: 24px;
}

.infoblock {
  background-color: #ffffff;
  font-family: arial;
  font-size: 13px;
  text-align: left;
  width: 460px;
  float: left;
}

.infostoryblock {
  background-color: #ffffff;
  font-family: arial;
  font-size: 13px;
  text-align: left;
  margin: 5px 10px 0px 10px;
  width: 430px;
  float: left;
}

/* End stories on infopage*/

/* Toptens on the frontpage */
#toptens {
  margin-top: 15px;
  width: 940px;
  float: left;
}

.topten {
  width: 210px;
  float: left;
  margin: 4px 9px 4px 9px;
}

.topten_header {
  background-color: #9e9fa3;
  text-align: left;
  padding: 4px 4px 4px 4px;
  width: 202px;
  height: 20px;
}

.topten_links {
  background-color: #e1e2e4;
  color: #ffffff;
  padding: 4px 4px 4px 4px;
  width: 202px;
}

.topten_links a{
  font-family: verdana;
  line-height: 18px;
  font-weight: normal;
}

.col {
  width:230px;
  float:left;
  _width:202px;
}

/* Catlist on the frontpage */
.cat {
  width: 210px;
  margin: 0px 9px 10px 9px;
  float: left;
}

.cat2 {
  width: 210px;
  margin: 0px 9px 10px 9px;
  float: left;
  _margin: 0px 4px 10px 4px;
}

.cat_header {
  background-color: #e1e2e4;
  text-align: left;
  padding: 5px 4px 5px 4px;
  width: 202px;
  height: 24px;
}

.cat_links {
  background-color: #5a5a5c;
  color: #ffffff;
  padding: 4px 4px 4px 4px;
  width: 202px;
}

.cat_links a{
  font-family: verdana;
  line-height: 18px;
  font-weight: normal;
  color: #ffffff;
}

/* END BLOCKS */
.title {
  width: 200px;
  height: 20px;
  
}

.titletext {
  font-size:15px;
  
}

.titletext2 {
  font-size:13px;
  
}

.subcats_column {
  width: 220px;
  float: left;
}

.links_column {
  width: 220px;
  float: left;
}

.left{
  float:left;
}

.right{
  float:right;
}

/* START colors */
.white {
  color: #ffffff;
}

.yellow {
  color: #fec20c;
}

.lightgrey {
  color: #e1e2e4;
}

.grey {
  color: #d4d5d7;
}

.darkgrey {
  color: #9e9fa3;
}

.verydarkgrey {
  color: #5a5a5c;
}

.black {
  color: #000000;
}

.blue {
  color: #27aae0;
}
/* END colors */
