﻿/* ----- Stijlen: Algemeen ---- */
html, body, form {
  height: 100%;
}

form {
  padding: 0px;
  margin: 0px;
}

body {
  background-image: url(/interface/images/tafelblad.jpg);
  background-repeat:repeat;
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 11px;
  color: #47483F;
  color: #000000;
  margin: 0px;
  padding: 0px;
}

a img {
  border: none;
}

#container {
  width: 100%;
	min-height: 100%;
	position: relative;
	z-index: 1;
}

* html #container {
  height: 100%;
}

#site {
  width: 978px;
  margin: 0px auto;
  position: relative;
  min-height:500px;
  background-color:#FFFFFF;
  padding-bottom:1px;
  overflow:auto;
}

/* 'TODO de plaatjes(titels) ook mee laten groeien, een dubbel plaatje maken) */ 
body .one
{
  font-size:11px;
}

body .two
{
  font-size:13px;
}

body .one .font15
{
  font-size:15px;
}

body .two .font15
{
  font-size:17px;
}

a
{
  text-decoration:none;
}

a:hover
{
  font-style:italic;
  text-decoration:underline;
}

#navigatie
{
  /*padding:25px 10px 10px 10px;
  height:17px;
  width:956px;
  */
  width:976px;
  height:53px;
  margin-left:1px;
  overflow:hidden;
}

.logo_placeholder
{
  overflow:hidden;
  display:inline;
  background-color:Red;
  width:730px;
  float:left;
  height:272px;
  margin-left:1px;
  margin-top:1px;
}

#footer
{
  position:relative;
  margin: 0px auto;
  height:130px;
  width:978px;
}

#footer_tekst
{
  position:absolute;
  display:block;
  color:White;
  width:100%;
  margin: 0px auto;
  bottom:0px;
}

#footer_tekst .align_right
{
  text-align:right;
  display:block;
  margin-top:-16px;
}

#footer_tekst a
{
  color:White;
}

#shade
{
  background-image: url("/interface/images/shade_bottom2.png");
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/shade_bottom2.png',sizingMethod='scale');
	_background-image: none;
  background-repeat:no-repeat;
  width:989px;
  height:109px;
  margin: 0px auto;
  position:absolute;
  z-index:2;
  left:-5px;
}

#logo_bottom
{
  background-image: url("/interface/images/logo_onder.png");
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/logo_onder.png',sizingMethod='scale');
	_background-image: none;
  background-repeat:no-repeat;
  width:415px;
  height:105px;
  margin: 0px auto;
  position:absolute;
  /* top:-109px;*/
  left:140px;
  z-index:1;
}

.spacer
{
  line-height:0px;
  clear:both;
  font-size:0;
  height:0;
  overflow:hidden;
}

.margin15
{
  margin:15px;
  height:100%;
  overflow:hidden;
}

.vlak
{
  overflow:hidden;
  padding-bottom:30px;
}

/* ----- Stijlen home-page 1 ----- */

.home1_6 
{
  display:inline;
  width:245px;
  height:422px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:54px;
  left:732px;
}

.home1_2
{
  display:inline;
  width:521px;
  height:177px;
  /*float:left;  
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:327px;
  left:1px;
}

.home1_5
{
  display:inline;
  width:208px;
  height:667px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:327px;
  left:523px;
}

.home1_7
{
  display:inline;
  width:521px;
  height:122px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:535px;
  left:1px;
}

.home1_3
{
  display:inline;
  width:261px;
  height:306px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:688px;
  left:1px;
}

.home1_8
{
  width:259px;
  height:306px;
  display:inline;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:688px;
  left:263px;
}

.home1_4
{
  /*
  display:block;
  width:245px;
  height:487px;
  bottom:1px;
  right:1px;
  position:absolute;*/
  display:inline;
  position:absolute;
  top:507px;
  left:732px;
  width:245px;
  height:487px;
  
  /* IE6 */
  /*_position:relative;
  _margin-left:733px;
  _bottom:517px;
  _margin-bottom:-517px;
  _width:245px;
  _height:487px;*/  
}

/* ----- Stijlen home-page 2 ----- */

.home2_6
{
  display:inline;
  width:245px;
  height:422px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:54px;
  left:732px;
}

.home2_2
{
  display:inline;
  width:521px;
  height:330px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:327px;
  left:1px;
}

.home2_5
{
  display:inline;
  width:208px;
  height:602px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:327px;
  left:523px;
}

.home2_8
{
  display:inline;
  width:521px;
  height:241px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:688px;
  left:1px;
}

.home2_4
{
  display:inline;
  width:245px;
  height:422px;
  position:absolute;
  top:507px;
  left:732px;
  
  /*
  display:block;
  width:245px;
  height:422px;
  position:absolute;
  right:1px;
  bottom:1px;*/
  /* IE6 */
  /*_position:relative;
  _margin-left:733px;
  _bottom:517px;
  _margin-bottom:-517px;
  _width:245px;
  _height:487px;*/
}

/* ----- Stijlen home-page 3 ----- */

.home3_6
{
  display:inline;
  width:245px;
  height:382px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:780px;
  left:732px;
}

.home3_2
{
  display:inline;
  width:505px;
  height:177px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:419px;
  left:472px;
}

.home3_5
{
  display:inline;
  width:208px;
  height:743px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:419px;
  left:263px;
}

.home3_7
{
  display:inline;
  width:505px;
  height:122px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:627px;
  left:472px;
}

.home3_3
{
  display:inline;
  width:261px;
  height:406px;
  position:absolute;
  top:756px;
  left:1px;
  /*
  display:block;
  width:261px;
  height:406px;
  position:absolute;
  left:1px;
  bottom:1px;
  _position:relative;
  _left:1px;
  _margin-bottom:-436px;
  _bottom:436px;
  _width:261px;
  _height:406px;*/
}

.home3_8
{
  display:inline;
  width:261px;
  height:306px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:419px;
  left:1px;
}

.home3_4
{
  display:inline;
  width:259px;
  height:382px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:780px;
  left:472px;
}

.home3_logo_placeholder
{
  width:976px;
  height:364px;
}

/* ----- Stijlen home-page 4 ----- */

.home4_6
{
  display:inline;
  width:245px;
  height:330px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:422px;
  left:732px;
}

.home4_2
{
  display:inline;
  width:730px;
  height:177px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:422px;
  left:1px;
}

.home4_7
{
  display:inline;
  width:730px;
  height:122px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:630px;
  left:1px;
}

.home4_3
{
  display:inline;
  width:730px;
  height:326px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:783px;
  left:1px;
}

.home4_4
{
  display:inline;
  width:245px;
  height:326px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:783px;
  left:732px;
}

.home4_logo_placeholder
{
  width:976px; 
  height:367px;
}

/* ----- Stijlen home-page 5 ----- */

.home5_6
{
  display:inline;
  width:245px;
  height:646px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:54px;
  left:1px;
}

.home5_2
{
  display:inline;
  width:730px;
  height:373px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:327px;
  left:247px;
}

.home5_logo_placeholder
{
  float:right;
  margin-left:0px;
  margin-right:1px;
}

/* ----- Stijlen home-page 6 ----- */

.home6_6
{
  display:inline;
  width:245px;
  height:481px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:54px;
  left:1px;
}

.home6_2
{
  display:inline;
  width:521px;
  height:208px;
  /*float:left;
  margin-left:1px;
  margin-top:1px;*/
  position:absolute;
  top:327px;
  left:247px;
}

.home6_5
{
  display:inline;
  width:208px;
  height:599px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:327px;
  left:769px;
}

.home6_3
{
  display:inline;
  width:507px;
  height:360px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:566px;
  left:1px;
}

.home6_8
{
  display:inline;
  width:259px;
  height:360px;
  padding-bottom:30px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;
  overflow:hidden;*/
  position:absolute;
  top:566px;
  left:509px;
}

.home6_logo_placeholder
{
  float:right;
  margin-left:0px;
  margin-right:1px;
}

/* ----- Stijlen pagina1 ----- */

.pagina1_6
{
  display:inline;
  width:245px;
  height:242px;
  /*float:right;
  margin-right:1px;
  margin-top:1px;*/
  position:absolute;
  top:54px;
  left:732px;
}

.pagina1_2
{
  display:inline;
  width:976px;
  min-height:400px;
  float:left;
  margin-left:1px;
  margin-top:1px;
  /* IE6 */
  _height:400px;
}

/* ----- Stijlen pagina2 ----- */
.pagina2_layout
{
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:auto;
  margin-bottom:-1px;
}

.td_pagina2_2
{
  height:100%; 
  width:730px;
  border:solid 1px white;
  vertical-align:top;
}

.td_pagina2_6
{
  width:245px;
  border-top: solid 1px white;
  border-right: solid 1px white;
  border-bottom: solid 1px white;
}

.td_pagina2_3
{
  border-right: solid 1px white;
  border-bottom: solid 1px white;
}

.pagina2_6
{
  min-height:422px;
  height:100%;
  width:245px; 
  /* IE6 */
  _height:452px;
}

.pagina2_2
{
  display:inline;
  /* width:728px; 'TODO aangepast op 14-03-2008 teruggezet naar 730 px */
  width:730px;
  min-height:602px;
  height:100%;
  float:left;
  border-top: solid 1px white;
  /* IE6 */
  _height:602px;
  _padding-bottom:60px;
}

.pagina2_logo_placeholder
{
  width:730px;
  margin:0px;
}

.pagina2_3
{
  min-height:452px;
  height:100%;
  width:245px;
  /* IE6 */
  _height:100% !important;
  _height:452px;
  _padding-bottom:60px;  
}

/* ----- Stijlen vlaken algemeen ----- */
.vlak4 p
{
  margin-top:0px;
}

/* ------ Stijlen algemeen ------ */

.content {
  line-height: 140%;
}

.font15{  font-size:15px;}

.paddingLeft10{  padding-left:10px;}

.marginRightFotoRechts{  margin-right:16px;}

.marginBottom10{  margin-bottom:10px;}
.marginBottom15{  margin-bottom:15px;}
.marginBottom25{  margin-bottom:25px;}

.marginTop17{  margin-top:17px;display:block;}

.marginLeft10{  margin-left:10px;}

.marginRight10{  margin-right:10px;}
.marginRight14{  margin-right:14px;}
.marginRight15{  margin-right:15px;}
.marginRight20{  margin-right:20px;}
.marginRight28{  margin-right:28px;}
.marginRight30{  margin-right:30px;}

.marginLeft28{  margin-left:28px;}

.paddingBottom2{  padding-bottom:2px;}
.paddingBottom5{  padding-bottom:5px;}
.paddingBottom9{  padding-bottom:9px;}
.paddingBottom10{  padding-bottom:10px;}
.paddingBottom15{  padding-bottom:15px;}
.paddingBottom20{  padding-bottom:20px;}
.paddingBottom25{  padding-bottom:25px;}

.left{  float:left;}

.right{  float:right;}

.fullWidth { width:100%;}

.bold{  font-weight:bold;}

.noParagraph p{  margin-top:0px;  margin-bottom:0px;}

.noBackground{  background-image:none;  background-color:Black;  background-repeat:no-repeat;}

.block{  display:block;}

.imgBorderWhite{  border:solid 2px white;}

.width700{  width:700px;}
.width940{  width:940px;}

.valignTop{  vertical-align:top;}

.contentTest{ margin-left:170px;  width:610px;}

.naarBovenLink
{
  bottom:20px;
  right:36px;
  position:absolute;
}

.naarBovenLinkPagina2
{
  bottom:20px;
  right:276px;
  position:absolute;
}

.titelPlaatje
{
  text-align:right;
  display:block;
  width:360px;
  margin-right:47px;
  margin-top:-24px;
  margin-bottom:12px;
}

.div_fontSize
{
  position:absolute;
  right:36px;
  width:53px;
  margin-top:-36px;
}

.div_fontSize2
{
  position:absolute;
  right:260px;
  width:53px;
  margin-top:-36px;
}

#sizeSmall img
{
  src: url("/interface/images/font-s.png");
}

#sizeLarge img
{
  src: url("/interface/images/font-l.png");
}

#sizeSmall:hover img
{
  src: url("/interface/images/font-s-active.png");
}

#sizeLarge:hover img
{
  src: url("/interface/images/font-l-active.png");
}

#sizeSmall
{
  float:left;
  width:26px;
}

#sizeLarge
{
  float:right;
  width:27px;
}

/* ----- Stijlen gastenboek ----- */
.label
{
  width:80px;
  float:left;
}

.input
{
  width:200px;
  float:left;
}

.input input, .input textarea
{
  margin-bottom:5px;
  border:none;
  border: solid 1px black;
  width:200px;
}

.regel
{
  width:280px;
}

.plaatsen
{
  width:292px;
  display:block;
  float:left;
}

.plaatsen input
{
  border:none;
  border: solid 1px black;
  margin:0px;
  padding:0px;
  float:right;
}

/* ----- Stijlen groep pagina ----- */
.groep{  float:left;  width:115px;}

.groepPreview
{
  height:106px;  
  width:290px;
  overflow:hidden;
  margin-right:25px;
  margin-bottom:20px;
  float:left;  
}

/* ----- Stijlen Nieuwsoverzicht ----- */
.nieuwsitem
{
  float:left;
  width:440px;
  margin-right:25px;
  height:110px;
  margin-bottom:10px;
}

/* ----- Stijlen fotoalbum pagina ----- */
.fotoalbum_foto
{
  float:left;
}

.fotoarchief_album
{
  float:left;
  height:150px;
  width:150px;
  margin-right:15px;
  overflow:hidden;
}

/* ----- Stijlen topfoto ----- */

#topfoto_730
{
  width:730px;
  height:272px;
  background-repeat:no-repeat;
}

#topfoto_976
{
  width:976px;
  height:364px;
  background-repeat:no-repeat;
}

#rechtfotonr
{
  display:none;
}
