* {
  margin: 0px;
  padding: 0px;
}

/* Background, font, etc. */
body {
  background-image: url(backgroundlgt.png);
  margin: 0px;
  margin-bottom: 20px;
  height: 100%;
  font-family: Tahoma, Arial;
  font-size: 0.8em;
  font-weight: normal;
}

a {
	text-decoration: none;
	color: #66b;
}

a:hover {
	text-decoration: underline;
	/*color: #bbf;*/
}

a:visited {
	color: #334;
}

/* Defines the layout/border/size of the page */
.pageborder {
  width: 802px;
  height: auto;
  margin: 0 auto;
}

/* Shadow. Nest boxes with this class to gain a shadow effect */
.shadow {
  margin-left: -1px;
  margin-top: -1px;
  padding-right: 1px;
  padding-bottom: 1px;
  width: auto;
  height: auto;

  background: url(shadow.png) repeat;
}

.extrabackground {
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
  height: 250px;
	margin-bottom: -250px;
}

.topshadow {
	background: url(shadow_topdown.png) repeat-x;
}

/* Defines the contours of the page, inside the shadow */
.page {
  width: 800px;
  height: 100%;
  text-align: left;
}

/* Defines the header bar */
.pageheader {
  height: 170px;
  width: 100%;
}

/* Defines the photo on the right side of the header */
.photo {
  width: 200px;
  height: 100%;
  float: right;
  background-color: #334;
  /*background-image: url(../_foto/trol_outline.png);*/
}

/* Defines the banner/title area on the left side of the header */
.banner {
  background-color: #667;
  width: 600px;
  height: 100%;
  float: left;
}

.searchbox {
	padding-left: 5px;
	position: relative;
	/*top: 147px;*/
	/*border: 1px solid red;*/
}

.searchbox .submit {
	width: 40px;
}

#searchresults {
	  border: 1px solid blue;
}
#searchresults a {
	text-decoration: none;
}

/* Defines the part of the page below the header */
.pagebody {
	margin-top: 7px;
  overflow: auto;
  background-color: white;
  height: 100%;
}

/* Defines the side or menu bar */
.sidebar {
  width: 180px;
  padding: 10px;
  overflow: auto;
  float: right;
  background-color: #ccd;
  color: black;
}

.sidebar .item {
	width: 180px;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 10px;
}

.sidebar .item a{
  color: black;
	text-decoration: none;
}

.sidebar .item.selected {
  background: url(shadow.png) repeat;
}

.sidebar .item.selected a {
  font-weight: bold;
}

.sidebar.item a:hover {
  text-decoration: underline;
}

.sidebar.item a:visited {
  color: #333;
}

/* Defines the contents of the page */
.pagecontents {
  width: 560px;
  padding: 20px;
  overflow: auto;
  float: left;
}

.menu {
  position: relative;
  float: right;
  top: 148px;
  margin-right: 1px;
  text-align: right;
  border-right: 1px solid white;
}

/* Various buttons */
a.menuitem {
  float: left;
  width: 99px;
  height: 19px;
  text-decoration: none;
  color: white;
  display:inline;
  border: 1px solid white;
  text-align: center;
  margin-right: -1px;
  background: url(shadowdrk.png) repeat;
}
a.menuitem:hover{
	background-image: none;
}

a:hover#goleztrol {
  background-color: #003300;
}
a:hover#programming {
  background-color: #334;
}
a:hover#efteling {
  background-color: #CC0000;
}
a:hover#merchandise {
  background-color: blue;
}

.logo {
  float: none;
  position: relative;
  left: 155px;
  top: 20px;
  width: 412px;
  height: 140px;
  margin-bottom: -140px;
  background-image: url(goleztroltext.png);
  background-repeat: no-repeat;
}

.logooverlay {
  float: none;
  position: relative;
  left: 276px;
  top: 130px;
  width: 55px;
  height: 30px;
  margin-bottom: -30px;
  background-image: url(goleztroltextoverlay.png);
  background-repeat: no-repeat;
  z-index: 1;
}

h1 {
  font-size: 14pt;
  font-weight: bold;
  margin-bottom: 5pt;
  color: 334;
}

h2 {
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 1em;
  color: 334;
}

p {
  margin-bottom: 1em;
}
code {
  font-family: 'courier new', monospace;
  font-size: 9pt;
  display: block;
  background-color: #FCFCE8;
  border: 1px dotted gray;
  margin-bottom: .8em;
  margin-top: .8em;
  padding: .4em;
}

.editpage {
  width: 540px;
}

#editcontents {
  height: 180px;
}

.warning {
  color: #FF0000;
  font-weight: bold;
  text-align: center;
}

#loginout {
	position: absolute;
	position: fixed;
	bottom: 0px;
	right: 0px;
	padding: 5px;

}

.loginlink {
	text-decoration: none;
	font-family: 'Times New Roman';
  margin: 0px;
  color: #99a;
  font-size: 20px;
}

/**
 * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
 * (http://qbnz.com/highlighter/ and http://geshi.org/)
 */
.delphi  {font-family:monospace;}
.delphi .imp {font-weight: bold; color: red;}
.delphi .kw1 {color: #000000; font-weight: bold;} /* Hoofdkeywords */
.delphi .kw2 {color: #000000; font-weight: bold;} /* ??? */
.delphi .kw3 {color: #000000; font-weight: bold;} /* 'read' en 'write' van properties */
.delphi .kw4 {color: #000000;} /* data types, zoals integer en string */
.delphi .co1 {color: #208080; font-style: italic;} /* single-linecomments */
.delphi .co2 {color: #008000; } /* Directives */
.delphi .coMULTI {color: #208080; font-style: italic;} /* Block comments */
.delphi .es0 {color: #FF0000; font-weight: bold;} /*???*/
.delphi .br0 {color: #000000;} /* Haakjes */
.delphi .sy0 {color: #00FF00;} /* ??? */
.delphi .sy1 {color: #000000;} /* : ; . , */
.delphi .sy2 {color: #00FF00;} /* ??? */
.delphi .sy3 {color: #000000;} /* = */
.delphi .st0 {color: #882000;} /* strings */
.delphi .nu0 {color: #0000CC;} /* Numerics */
.delphi .me1 {color: #000000;} /* Properties/methods */
.delphi .re0 {color: #9ac;}    /* ??? */
.delphi .re1 {color: #ff0000;} /* ??? */
.delphi span.xtra { display:block; }

.bvcl {
	text-align: justify;
}

.bvcl img.icon{
	/*background-color: #DDDCDA;*/
	margin: 0px 5px -9px 5px;
	padding: 0;
	width: 24px;
	height: 24px;
	/*border: 1px solid blue;*/
}
.bvcl h2 {
	margin-top: 30px;
	/*background-color: #F6F4F2;*/
	background: url(../_img/bvcl_h.png) no-repeat;
	border-left: 1px solid #F6F4F2;
	border-top: 1px solid #F6F4F2;
	color: #334;
	height: 24px;
	padding 0 0 7px 0;
	line-height: 24px;
}

.floatleft {
	float: left;
	margin-right: 10px;
}

.floatright {
	float: right;
	margin-left: 10px;
}

.clear {
	float: none;
	clear: both;
}

.bvcl img.example {
}


.raised {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #ccc;
	border-left	: 1px solid #ccc;
}

.lowered {
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom	: 1px solid #ccc;
}

/* ---------------------------------------------------------- */
/* --- LEGACY STYLES                                          */
/* ---------------------------------------------------------- */
.duizendeneen img.thumb {
	margin: 4px;
	width: 60px;
	height: 60px;
	float: left;
}
.duizendeneen div.thumbs {
	padding-top: 3px;
	font-weight: bold;
	width: 280px;
	height: 80px;
	float: left;
}

div.nav1001 {
	padding: 0;
	margin: -10px -10px 0 -10px;
	width: 60px;
	background-color: #ccc;
}

div.nav1001 img {
	margin-bottom: -3px;
	width: 60px;
	height: 60px;
}

.duizendeneen img#largeimage {
	margin-top: 10px;
	clear: both;
	float: none;
}
