body, html {
  font: 11px Verdana, Arial, Helvetica, sans-serif, sans;
  line-height: 16px;
	margin:	 0px;
	padding: 0px;
	height:	 100%;
  color: #444444;
/*  overflow: scroll; */
}

img {
  display: block;
}

a {
	text-decoration: none;
  color: #880000;
}

a:hover {
	text-decoration: underline;
}

ul, li {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#siteviewport {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 650px;
  visibility: hidden;
  overflow: hidden;
}

#sitecontainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 650px;
}

#menu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 650px;
}

#sitetitle {
  position: absolute;
  top: 225px;
  left: 175px;
  width: 600px;
  height: 200px;
}

#pagewash {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 620px;
  height: 375px;
  background-image: url(/gfx/pagewash.png);
  display: none;
  z-index: 999;
}

#pagecontainer, #oldpagecontainer {
  position: absolute;
  border: 1px dotted #cccccc;
  top: 136px;
  left: 158px;
  width: 620px;
  height: 375px;
  overflow: hidden;
  text-align: left;
  background-color: white;
  display: none;
  z-index: 1000;
}

.pagetitle {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 21px 25px 17px 50px;
  border-bottom: 1px dotted #cccccc;
  font-size: 18px;
/*  font-weight: bold;  */
  font-weight: normal;
  text-transform: uppercase; 
  z-index: 1200;
}

.page {
  padding: 15px 50px 15px 50px;
  position: relative;
}

.paragraph  {
  clear: both;
	padding-bottom: 10px;
}

.paragraph_image_left {
  position: relative;
	padding-right: 22px;
	padding-bottom: 15px;
}

.paragraph_image_right {
  position: relative;
	padding-left: 22px;
	padding-bottom: 15px;
}

.paragraph_title {
	padding-bottom: 6px;
  text-transform: uppercase;
}

.paragraph_text {
}

.paragraph_text A {
	text-decoration: none;
  color: #444444;
	text-decoration:underline;
  cursor: pointer;
}

.paragraph_text A:hover {
	text-decoration: none;
}

.page_close_button {
	position: absolute;
	top: 188px;
	left: 595px;
  cursor: pointer;
  z-index: 1500;
}

 .previous_page_button {
	position: absolute;
	top: 325px;
	left: 545px;
  cursor: pointer;
  z-index: 1530;
}

.previous_page_button_inactive {
	position: absolute;
	top: 325px;
	left: 545px;
  z-index: 1540;
}

.next_page_button {
	position: absolute;
	top: 325px;
	left: 565px;
  cursor: pointer;
  z-index: 1510;
}

.next_page_button_inactive {
	position: absolute;
	top: 325px;
	left: 565px;
  z-index: 1520;
}

#extrapagscontainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 650px;
  display: none;
  overflow: hidden;
  z-index: 20000;
}

#backgroundcontainer {
  position: absolute;
  top: -286px;
  left: -486px;
  width: 1922px;
  height: 1222px;
}

#deneswritercontainer {
  position: absolute;
  top: 71px;
  left: 150px;
  border: 1px dotted #cccccc;
  background-color: #f8f8f8;
  z-index: 10000;
  display: none;
}

#deneswriter {
  margin: 0px;
  padding: 10px;
}

#deneswriter_text {
  border: 1px solid black;
  margin: 0px;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 16px;
  height: 16px;
}

#deneswriter_button {
  border: 1px solid black;
  margin: 0px;
  padding: 0px;
  line-height: 16px;
  color: white;
  background-color: black;
  font-weight: bold;
  cursor: pointer;
}

#qrcode_writercontainer {
  position: absolute;
  top: 82px;
  left: 532px;
  border: 1px dotted #cccccc;
  background-color: #f8f8f8;
  z-index: 10000;
  display: none;
}

#qrcode_writer {
  margin: 0px;
  padding: 10px;
}

#qrcode_writer_text {
  border: 1px solid black;
  margin: 0px;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 16px;
  height: 16px;
}

#qrcode_writer_button, #qrcode_close_button {
  border: 1px solid black;
  margin: 0px;
  padding: 0px;
  line-height: 16px;
  color: white;
  background-color: black;
  font-weight: bold;
  cursor: pointer;
}

#qrcode_result {
  padding-top: 6px;
}

#colofoncontainer {
  position: absolute;
  top: 3px;
  right: 3px;
  border: 1px dotted #cccccc;
  background-color: black;
  padding: 8px;
  color: white;
  text-align: center;
  z-index: 10000;
  display: none;
}

#colofoncontainer a {
  color: white;
}

#konijnencontainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 650px;
}

#balcontainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 950px;
  height: 650px;
  display: block;
}


#onlineflipperscore {
	color: white;
}

#onlineflippervector {
	color: white;
}

#schuifpuzzelcontainer {
  position: absolute;
  top: 184px;
  left: 123px;
  width: 695px;
  height: 284px;
  overflow: hidden;
  display: none;
  z-index: 10001;
}

#schuifpuzzel_closebutton {
  position: absolute;
  top: 398px;
  left: 848px;
  display: none;
  z-index: 10003;
}

#schuifpuzzel_closebutton img {
  width:  150px;
  height: 150px;
}

#schuifpuzzel_examplebutton {
  position: absolute;
  top: 520px;
  left: 571px;
  display: none;
  z-index: 10002;
}

#schuifpuzzel_examplebutton img {
  width:  150px;
  height: 150px;
}

#schuifpuzzel_example {
  position: absolute;
  top: 480px;
  left: 300px;
  display: none;
  z-index: 10001;
}

#preloaded_images {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 10px;
  height: 10px;
  visibility: hidden;
}

#preloaded_images img {
  position: absolute;
  top: 0px;
  left: 0px;
}

.editbutton {
  position: relative;
  font-weight: bold;
  background-color: #367b7b;
  width: 110px;
  text-align: center;
  font: bold 11px Arial, Helvetica, sans-serif, sans;
  line-height: 15px;
  border: 1px solid #993333;
  color: white;
  cursor: pointer;
  z-index: 900;
}

.editbutton:hover {
	text-decoration: none;
}