/* format standard */
body,td {
	margin: 0px;
	font-family: "trebuchet ms",trebuchet, verdana; 
	font-size: 8pt;
	line-height: 19px;
	color: #333;
}
body {
	background-color: #FFF;
	text-align: left;
}
img {
	border: 0px;
}
a {
	text-decoration: underline;
	color: #333;
}
a:hover, a:active {
    color: #999;
}
P {
	margin:0px;
}

/* layout */	
#container {
	margin: 0px;
	width: 770px;
	text-align: left;
	background-image: url(../images/bkgrnd.gif); 
	background-position: left top;
	background-repeat: repeat-y; 

} 
#top {
	margin: 0px;
	height: 86px;
	width: 770px;
	background-color: #A5A6B5;
}
#content {
	width: 770px;
	min-height: 625px;
	margin: 0px;
	text-align: left;
	background: transparent;
}
#main {
    width: 570px;
    float: left;
	margin: 0px;
	text-align: left;
	background: transparent; 
}
#right {
    float: left;
	width: 200px;
	background: transparent; 
}	
#footer {
	text-align: right;
	font-size: 8pt;	
	width: 770px;
	color: #666;
	border-top: 1px solid #CCC;
	background: #FFF; 
	clear: both;
	padding-top: 8px;
}
#footer_small {
	height: 1px;
	clear: both;
}

/* diversen */
#top img {
    margin-top: 40px;
    margin-left: 25px;
}
#right .indent {
    margin-left: 30px;
}
#zoeken {
    width: 199px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-image: url(../images/bkgrnd_zoeken.gif); 
	background-position: left top;
	background-repeat: repeat-y; 
}
#banner {
    width: 199px;
}
#blocktxt {
    float: left;
    margin: 25px 0px;
    width: 247px;
    height: 195px;
    background-color: #E4E4E9;
}
#blocktxt .hvdweek {
    background-color: #F0E0B2;
    line-height: 15px;
}
#spacer {
    float: left;
    width: 25px;
    margin: 25px 0px;
}
.logos {
    margin-left: 570px;
    margin-top: -85px;
    width: 198px;
    height: 56px;
}
.adres {
    font-size: 10pt;
}

/* Text */
#maintxt {
    float: left;
    margin: 25px 0px;
    width: 469px;
}
#maintxt b {
    font-weight: bold;
    color: #336;
}
#maintxt ul, #maintxt ol {
    margin-left: 0px;
    padding: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 400px;
    background-color: #EFEFEF;
}
#maintxt ul li, #maintxt ol li  {
    margin-left: 25px;
    padding: 0px;
}

/* Huis */
#zoekresultaat {
    margin: 20px 0px 0px 20px;
    width: 549px;
}
#huis {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 0px;
    width: 163px;
    height: 160px;
	background-color: #A5A6B5;
}
#huis_txt {
    /*padding: 2px;*/
    float: left;
    position: relative;
    top: 1px; 
    margin-top:-11px;
    width: 163px;
    height: 17px;
    background-color: #CC9900
}

#huis_txt_ovrz {
    /*padding: 2px;*/
    float: left;
    position: relative;
    top: 350px; 
    margin-top:-24px;
    width: 530px;
    height: 24px;
    line-height: 22px;
    background-color: #CC9900
}

#huis td {
    color: #FFF;
    line-height: 15px;
}
#huis td.prijs {
    background-color: #F0E0B2;
    color: #333;
}
#huis td.prijs i {
    color: #F00;
    font-weight: bold;
}
#huis td.prijs a {
  	text-decoration: none;
}
#huis td.prijs a:hover i, #huis td.prijs a:active i {
    color: #999;
}


/* Overzicht */
#zoekresultaat {
    margin: 20px 0px 0px 20px;
    width: 549px;
}
.thumb {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    padding: 0px;
    width: 80px;
    height: 60px;
	background-color: #FFFFFF;
}
#overzicht {
    float: left;
    /*margin-right: 20px;*/
    margin-bottom: 20px;
    padding: 0px;
    width: 530px;
/*	background-color: #A5A6B5;*/
}
#overzicht td {
    color: #FFF;
    line-height: 15px;
}
#overzicht .big {
    margin-top: 10px;
}
#overzicht td.keuze {
    background-color: #F0E0B2;
    color: #333;
}
#overzicht td.keuze i{
    background-color: #F0E0B2;
    color: #CC9900;
    font-weight: bold;
}
#overzicht td.head i {
    color: #F00;
    font-weight: bold;
}
#overzicht td.keuze a {
  	text-decoration: none;
}
#overzicht td.prijs a:hover i, #overzicht td.prijs a:active i {
    color: #999;
}
#overzicht td.info {
    background-color: #CC9900;
    color: #FFF;
}
#overzicht td.txt {
    background-color: #FFFFFF;
    color: #333;
}
#overzicht td.txt b {
    color: #333366;
    font-weight: bold;
}
#overzicht td.toptxt {
    color: #FFF;
    font-size: 9pt;
    background-color: #A5A6B5;
}
/* Menu */
#right ul {
	margin: 0px;
	padding: 20px 0px 0px 15px;
	list-style-type: none;
}
#right ul li {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	clear: both;
}
#right ul li a {
	color: #333;
    border-left: 5px solid #333366;
	font-size: 8pt;
	height: 12px;
	line-height: 12px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 5px;
	text-decoration: none;
}
#right ul li a:hover, #right ul li a:active {
	color: #999;
    border-left: 5px solid #999;
}
div#thumbs {
    width: 530px;
    overflow: auto;	
    white-space: no-wrap; /*Don't let the images wrap to the next line*/
    height: 100px;
}
/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 530px; /* Set to gallery width, in px or percentage */
height: 60px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */
#dhtmlgoodies_slideshow{
		width:532px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:0px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:56px;	/* Height of the images + 2 */
		border:0px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/56px;	/* Other browsers */
		height: /**/56px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:54px;
		left:20px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		1filter: alpha(opacity=50);
		1opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}