/* GLOBAL */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
  margin:0;
  padding:0;
}
a img {border:0;}
a:focus {-moz-outline:0;outline:0;outline-offset:0;}
/* LAYOUT */
body {
  background:url(../gfx/bg.jpg) top center repeat-y #000000;
  font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#3C2819;
}
.clear {clear:both;}
h2 {
  color:#185086;
}
#kuiken {
  width:150px;
  height:200px;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-350px;
  z-index:1000;
  background:url(../gfx/kuiken.gif) no-repeat;
}
#menu {
  width:180px;
  height:230px;
  position:absolute;
  top:155px;
  left:50%;
  margin-left:-395px;
  z-index:500;
  background:url(../gfx/menu.gif) no-repeat;
}
#menu ul {
  margin:55px 0 0 30px;
  list-style-type:none;
}
#menu ul li a {
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
  line-height:19px;
}
#menu ul li a:hover {
  text-decoration:underline;
}
#agenda {
  width:180px;
  height:230px;
  position:absolute;
  top:355px;
  left:50%;
  margin-left:-400px;
  z-index:1000;
  background:url(../gfx/agenda.gif) no-repeat;
}
#agenda_scroll {
  width:135px;
  height:155px;
  margin:55px 0 0 24px;
  overflow:auto;
}
#agenda_scroll a {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  display:block;
}
#agenda_scroll a:hover {
  background-color:#005177;
}
#content {
  width:500px;
  position:absolute;
  left:50%;
  margin-left:-250px;
}
#content h1 {
  height:40px;
  margin:0 0 10px 20px;
  line-height:60px;
  font-weight:normal;
  color:#003399;
}
#content input {
  width:436px;
  border:1px solid #CCCCCC;
}
#content select {
  width:60px;
  border:1px solid #CCCCCC;
}
#txt {
  width:440px;
  overflow:hidden;
  margin-left:30px;
}
#foto {
  width:220px;
  height:170px;
  position:absolute;
  top:140px;
  left:50%;
  margin-left:215px;
  z-index:1000;
  background:url(../gfx/foto.gif);
}
#foto img {
  margin:28px 0 0 25px;
  border:1px solid #333333;
}
#inloggen {
  width:200px;
  height:200px;
  position:absolute;
  top:300px;
  left:50%;
  margin-left:220px;
  z-index:1000;
  color:#FFFFFF;
  background:url(../gfx/inloggen.gif) top center;
}
#inloggen_box {
  width:150px;
  padding:50px 25px 0 25px;
}
#inloggen input {
  margin:2px;
}
#inloggen ul {
  list-style-type:none;
}
#inloggen a {
  color:#FFFFFF;
  text-decoration:none;
}
#inloggen a:hover {
  text-decoration:underline;
}
#copy {
  border-top:1px solid #666666;
  margin:10px 30px 0 30px;
  text-align:center;
  font-weight:bold;
  line-height:30px;
}
#copy a {
  color:#333333;
  text-decoration:none;
}
#copy a:hover {
  text-decoration:underline;
}
.agenda a,
#huisgenoten a {
  color:#333333;
  text-decoration:none;
  font-weight:bold;
}
.agenda a:hover,
#huisgenoten a:hover {
  text-decoration:underline;
}
#huisgenoten img {
  padding:1px;
  border:1px solid #185086;
  margin:2px;
}
.huisgenoten_grijs {
  background:#EEEEEE;
  border-top:1px solid #DDDDDD;
  border-bottom:1px solid #DDDDDD;
}
.nieuws_datum {
  text-align:right;
  border-bottom:1px solid #666666;
}
.agenda_grijs {
  background:#EEEEEE;
  border-top:1px solid #DDDDDD;
  border-bottom:1px solid #DDDDDD;
}
#content a {
  text-decoration:none;
  font-weight:bold;
  color:#333333;
}
#content a:hover {
  text-decoration:underline;
}
a.icon {
  line-height:16px;
  color:#185086;
}
a.icon img {
  float:left;
  margin-right:5px;
}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}
.sIFR-replaced {
  visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}