

/* Layout Stylesheet */ 



/*

<!--[if IE 6]>

<![endif]-->

*/
html 
{
	width:100%;
	height:100%;
}

body 
{
	/*height: 100%;*/
	margin:0px;
	background-color:#f6f4e6;
	color:#333333;
	text-align:center;
	padding:0px;
}

#preLoad
{
	display: none;
	visibility: hidden;
}

#hiddenWords
{
	display: none;
	visibility: hidden;
}

#siteFrame 
{
	
	position:relative;
	/* text-align:left;*/
	background:white;
	border-right:1px solid #C7CA73;
	width:800px;/*798*/
	height:100%;
	min-height:100%;
	margin-top:-30px;
	margin-bottom:-50px;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid #C7CA73;
}





#l-colums {

border-left:1px solid #C7CA73;

float:left;

margin-left:-1px;

background: #FFF;

color:#333333;

width:180px;

height:700;

/*border:1px solid #FFF;*/



}





#horFotoBar

{

height:171px;

width:22px;

position:absolute;

/*	border-bottom:1px solid #FFF;*/

top:0px;

left:180px;

background-image: url(../../data/images/fotoBar.PNG);

background-repeat: no-repeat;

}



#transBar

{

height:21px;

width:385px;

position:absolute;

border-bottom:1px solid #FFF;

top:287px;

left:180px;

background-image: url(../../data/images/bg-pup.png);

/*	background-repeat: no-repeat;*/

}





#logo {

width:auto;

height:175px;/* 167*/

background:#FFF;

color: #333333;





/*background-image: url(../../data/images/logo.jpg);*/

}



#menu {

width:auto;

background:#FFF;





text-decoration: none;

font-family: Calibri,Candara,Helvetica, Arial, sans-serif;



font-weight:bold;



}





#agenda {

margin-top:20px;

background: white;/*#DFD8A1;*/

color: white;/*#333333;*/



/*background-image: url(../../data/images/below-left.jpg);*/

}



#foto {

float:left;

width:385px;

height:338px;

background:#FFF;

color: #333333;

/* margin-left:1px*/

/*border:1px solid #FFF;

border:1px solid #000000;	

border-width:0 0 0 1px;*/



}



#map {

float:bottom;

border:0;

margin:bottom;

background:#dcdcdc;

color: #333333;

width:212px;

height:279px;/*287*/

background-image: url(../../data/images/rechts.gif);



}



#fotoShow {

border:0;



float:left;

background:#FFF;

color: #333333;

width:212px;

height:287px;/* 279px */



}





#fotoSmall {

float:left;

margin-top:0;

/* border:1px solid #FFF;*/

background-image: url(../../data/images/right.jpg);

background-repeat: no-repeat;

margin-bottom:1px;

color: #333333;

width:213px;

height:58px;

}

#text {



float:left;

background:#c2be93;

/*background:#F0EAB8;*//*under*/

margin-top:-7;

width:598px;

height:auto;/*450px 345*/



/*background-image:url(../../data/images/tekstveld.jpg);*/

background-image:url(../../data/images/divver.jpg);



background-repeat:repeat-x;



background-position:top;



}



#text-left

{



width:30%;

height:auto;

float:left;

}



#text-border

{

background:#c1bb92;

width:160px;

height:100%;

float:left;



}



#pup {

position                : absolute;

width                   : 180px;

padding                 : 5px;

margin                  : 25px auto auto 10px;

font-size               : 11pt;

color                   : #fff;

background-image        : url(../../data/images/bg-pup.png);

font-family             : "courier new", tahoma, verdana, arial, sans-serif;

font-weight             : bold;

text-align              : left;

border                  : 1px solid #333333;

z-index                 : 200; /* aaaalways on top*/

}



#text-right

{ 

margin-top:5px;

width:32%;

float:right;

height:auto;

}







#info {

float:right;

margin-right:0px;

background:#F0EAB8;

color: #333333;

width:598px;

height:35px;

background-image: url(../../data/images/info-onder.jpg);

}



* html .visualIEFloatFix {

height: 0.1%;

}



.imgHome

{

border:1px solid #6B5945;





}



/*





#l-colums {

position:relative;

background: #dcdcdc;

color: #333333;

width:756px;

padding:0;

}



#ftr {

height:25px;

background:#c0c0c0;

color: #333333;

border:solid black;

border-width:1px 0 0 0;

margin:0;

}

*/





/*

#hdr {

height:60px;

background:#eeeeee;

color: #333333;

}







#bar {

height:25px;

background:#c0c0c0;

color: #333333;

border:solid #000000;	

border-width:1px 0 1px 0;

}









<!--

<h4 align="center">

Menu



</h4>



<br />



<div id="ftr" align="center">

  under



  </div><!--//end under-->







<!--// top fame 1 -->

<div id="logo" align="center">

topframe1



</div><!--//end topframe1-->



<!--// top fame 2 -->

<div id="bar">topframe2 



</div><!--//end topframe2-->



-->

*/




