* {margin: 0;  padding: 0;}
BODY {
  background: #ff9800 url(images/back_orange2.jpg) repeat-x center top; 
} 
div#header { 
  margin: auto;
  height: 232px; 
  width: 963px; 
  left: 50%;
  margin-left: -481px; /* - (width/2)  */
  position: relative;
  background: url(images/header5.png) no-repeat left top; 
  margin-bottom: 10px;
}

table#hyves a {
  color: #c40005;
  text-decoration: none;
}

table#hyves a:hover {
  text-decoration: underline;
}

a.new_link {
  color: #000000;
} 

div#logo img { 
  position:relative;
  top: 10px;
  clear:all;
  height: 151px; 
  width: 282px; 
  left: 10px;
  border: 0;
} 

div#beta { 
  position:relative;
  top: 0px;
  clear:all;
  height: 30px; 
  width: 275px; 
  left: 10px;
  border: 0;
  color: #ffffff;
  font-size: 14px;
  font-family: arial;
  text-align:center;
} 

div#live img { 
  position:relative;
  top: 83px;
  left: 45px;
  clear:all;
  height: 38px; 
  width: 187px; 
  float:left;
  border: 0;
} 

div#container_top { 
  clear: all;
  margin: auto;
  width: 978px;
  left: 50%;
  height: 12px;
  margin-left: -489px; /* - (width/2)  */
  position: relative;
  background: url(images/container_top.png) no-repeat center top;
  z-index: 6; 
}
div#container { 
  clear: both;
  margin: auto;
  width: 978px;
  left: 50%;
  margin-left: -489px; /* - (width/2)  */
  position: relative;
  background: url(images/container_center.png) repeat-y center top;
  z-index: 6; 
  height: auto;
}

div#container_spacer {
  clear:both;
  height: 1px;
  width:970px;
  z-index:-1;
}

div#container_bottom { 
  clear: both;
  margin: auto;
  width: 978px;
  left: 50%;
  height: 40px;
  margin-left: -489px; /* - (width/2)  */
  position: relative;
  background: url(images/container_bottom.png) no-repeat center top; 
  z-index: 6;
}

div#left {
  padding-top: 20px;
  height: auto;
  position: relative;
  width: 170px;
  left: 10px;
  float:left;
}

div.item a { 
  height: 26px;
  line-height: 26px;
  width: 170;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  text-decoration:none;
}

div.item b { 
  padding-left: 13px; 
}

div.item:hover { 
  background: url(images/item_back.png);
}

div.item_select a { 
  height: 26px;
  line-height: 26px;
  width: 170;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  text-decoration:none;
}

div.item_select {
  background: url(images/item_back.png);
}

div.item_select b { 
  padding-left: 13px; 
}

div#inhoud {
  position:relative;
  width: 780px;
  float:left;
  left: 0px;
  padding-top: 10px;
  border-left: 1px solid #ffcc00;
  height:auto;
  margin-left: 10px;
}


div#body {
  position:relative;
  padding: 15px;
  padding-top: 5px;
  padding-bottom: 20px;
  width:515px;
  height:auto;
  float:left;
}

div#right {
  position:relative;
  top: 10px;
  float:left;
  right: 4px;
  height:880px;
  width: 224px;
  border: 1px solid #000000;
  background: url(images/right_back.jpg);
  margin-bottom: 25px;
  margin-left: 5px;
}

img#beachmasters {
  position: relative;
  left: 22px;
  top: 63px;
}

img#amnesia {
  position: relative;
  left: 22px;
  top: 105px;

}

img#matrix {
  position: relative;
  left: 22px;
  top: 105px;

}

img#sunnyhyves {
  position: relative;
  left: 22px;
  top: 105px;
}

img#glaros {
  position: relative;
  left: 22px;
  top: 105px;
}

img#brothers {
  position: relative;
  left: 22px;
  top: 105px;
}

/*
div#left { 
  height: auto; 
  width: 226px;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  line-height: 25px;
  margin-left: 108px;
  margin-top: 5px;
  clear: all;
  height: 100px;
  position: absolute;
}

div#menu { 
  height: auto; 
  width: 226px;
  float: left;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  background: #ffffff;
  margin-top: 8px;
  border-left: 1px solid #d3c7b6;
  border-bottom: 1px solid #d3c7b6;
  border-right: 1px solid #d3c7b6;
  clear: all;
  position: absolute;
}

div.item { 
  height: auto; 
  width: 226px;
  float: left;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  border-top: 1px solid #d3c7b6;
}

div.item_select { 
  height: auto; 
  width: 226px;
  float: left;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  background: #fdef34;
  border-top: 1px solid #d3c7b6;
}

div.item:hover {
  background: #fdef34;
}

div.item A { 
  padding-left: 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration:none;
}

div.item_select A { 
  padding-left: 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration:none;
}

div#inhoud { 
  position: relative;
  height: auto; 
  width: 400px;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  line-height: 15px;
  margin-top: 35px;
  float:left;
  margin-left: 30px;
  padding-bottom: 20px;
}

div#right { 
  position: relative;
  height: auto; 
  width: 224px;
  text-align:left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  line-height: 15px;
  margin-top: 35px;
  float:left;
  margin-left: 30px;
  padding-bottom: 20px;
}

div#inhoud img {
  border: 0;
}


*/

h1 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 23px;
  text-decoration:none;
  padding-bottom: 10px;
  font-weight:bold;
  text-transform: uppercase;
  line-height: 30px;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 17px;
  text-decoration:none;
  font-weight:bold;
  text-transform: uppercase;
  padding-bottom: 5px;
}

h2 A {
  color: #c40005;
  text-decoration:none;
}

h2 A:hover {
  color: #c40005;
  text-decoration:underline;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 15px;
  line-height:17px;
  font-weight:bold;
  text-decoration:none;
}

h3 A {
  color: #c40005;
  text-decoration:none;
}

h3 A:hover {
  color: #c40005;
  text-decoration:underline;
}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
  line-height:15px;
  font-weight:normal;
  text-decoration:none;
  padding-bottom: 14px;
}

.bodytext {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
  line-height:15px;
  font-weight:normal;
  text-decoration:none;
  padding-bottom: 15px;
  text-align:justify;
}

.bodytext A {
  color: #c40005;
  text-decoration:none;
}

.bodytext A:hover {
  color: #c40005;
  text-decoration:underline;
}

div#bottom { 
  margin-top: -180px;
  height: 208px; 
  width: 100%;
  background: url(images/bottom.png) center bottom;
  z-index: 5;
} 

div#locaties {
  position:relative;
  top: 24px;
  left: 10px;
  float:left;
}

div#colofon {
  position:relative;
  top: 28px;
  right: 10px;
  float:right;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

div#colofon a {
  color: #ffffff;
  text-decoration:underline;
}