/* mac hide\*/
html {
height: 100%;
}
/* end hide */

body {
   padding:0px;
   margin:0px;
   min-height: 100%; height: 100%;
   background-color:#DDDDDD;
   background-image:url('images/achtergrond.gif');
   background-position:top;
   background-repeat:repeat-y;
   color:#FFFFFF;  
   text-align:center;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   overflow: -moz-scrollbars-vertical;
}

#centerColumn { 	
   margin:0 auto 0 auto;
   padding: 0px;
   width: 754px;
   text-align:left;
   min-height: 100%; height: 100%;
}

#menu {
   /*position: relative;  */
   /*width:254px;*/
   /*border: 0px solid blue;*/
}

#content {
   position: relative;
   width: 500px;
   left: 254px;
   background-color: #52340F; /* BRUIN */
   background-image:url('images/background-content.gif');
   background-position:top;
   background-repeat:repeat-y;
   margin: 0px;

   height:auto !important; /* FF and compliant browsers should automatically size the body/html */
   height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
   min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */

}

#content2 {
   padding: 30px 30px 0px 20px;
}

#content_contact {
   background-image:url('images/spin.gif');
   background-position:top;
   background-repeat:no-repeat;
   height: 402px;
   padding: 30px 30px 0px 20px;
}

* html #content_contact {/*only ie gets this style*/
   background-image:url('images/spin.gif');
   background-position:top;
   background-repeat:no-repeat;
   height: 402px;
   padding: 40px 30px 0px 20px;
}

h1 {
   margin: 10px 0px 15px 0px;
   font-size:30px;
}

.clear{
   height:1px;
   overflow:hidden;
   clear:both;
   margin-top:-1px;
}
#poepboek {
   position: absolute;
   top: 1px;
   margin: 0px 0px 0px 8px;
}

#bestellen {
   position: absolute;
   top: 80px;
   margin: 0px 0px 0px 45px;
}
#wiezijnwij {
   position: absolute;
   top: 160px;
   margin: 0px 0px 0px 9px;
}
#groteboodschap {
   position: absolute;
   top: 237px;
   margin: 0px 0px 0px 0px;
}
#contact {
   position: absolute;
   top: 312px;
   margin: 0px 0px 0px 16px;
}
#persberichten {
   position: absolute;
   top: 391px;
   margin: 0px 0px 0px 35px;
}
/*
zonder titel POEPBOEK:
#bestellen {
   position: absolute;
   top: 25px;
   margin: 0px 0px 0px 35px;
}
#wiezijnwij {
   position: absolute;
   top: 107px;
   margin: 0px 0px 0px 9px;
}
#groteboodschap {
   position: absolute;
   top: 184px;
   margin: 0px 0px 0px 3px;
}
#contact {
   position: absolute;
   top: 259px;
   margin: 0px 0px 0px 9px;
}
#persberichten {
   position: absolute;
   top: 337px;
   margin: 0px 0px 0px 40px;
}
*/
.boodschapfoto_img {
   border: 1px solid #FFFFFF;
   margin: 0px 3px 0px 0px;
/*   height: 193px;*/
}

.boodschap {
   position:relative;
   width: 450px;
   margin: 0px 0px 20px 0px;
   min-height: 195px;
}

.foto_img {
   border: 1px solid #FFFFFF;
   margin: 0px 0px 0px 0px;
}

.menu_img {
   border: 0px;
}
#footer {
	clear:both;
	background-color: transparent;
	color: #000000;
	text-align:center;
	left:0px;
	bottom:0px;
	position: absolute;
}
#clearfooter{
   height:1px;
   overflow:hidden;
   clear:both;
   margin-top:-1px;
}

a {
   color: #FFFFFF;
}
/*#clearfooter {width:100%;height:0px;clear:both}*/ /* to clear footer */