/**                  
 * screen.css
 *
 * Definition of the used styles and classes
 * for displaying the content and overall layout.
 *
 * @version 	1.0
 * @package	www.vngvastgoed.nl 
 * 
 * Copyright (c) 2005 Malibomba                               
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF THIS SITE,  
 * WITHOUT THE PERMISION OF THE AUTHOR.                       
 * Info? Mail to info@malibomba.com                             
 */
/*<![CDATA[*/ 

/* LAYOUT */

html, body {
  	height: 100%; /* Required */
	margin:0;
	padding:0;
	}
	
body 	{
	background-color: #ffffff;
	font-size: 11px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	padding:0px;
	margin:0px;
	}



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

h2 	{
	font-size:12px;
	font-weight: normal;
	margin:0px;
	}
	
img.download {vertical-align:middle;}

/* ----------container center the layout-------------- */
#container {
	width: 778px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */	
	} 

/* ----------outer und inner----------------- */

#outer	{ 
	border-left: solid 155px #fdcc00; 
	border-right: solid 166px #fdcc00; 
	background-color: #ffffff;
	display: block;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */	
	position:relative;
	} 

#inside	{
	margin:0; 
	width:100%;
	height: auto !important; /* For Modern Browsers */
	}


/* ----------banner for logo-------------- */
#banner {
	padding: 0px;
	margin-top: 0px;
	width:778px; 
	background-image: url(/pics/header_bg_vng.gif);
	height: 49px;
	text-align: center;	
	}

#banner marquee	{
	font-size: 20px;
	color: #fff;
	padding-top: 20px;
	}
#banner img {
	padding:10px 0px;
	} 


/* --------------left und right navigavtion------------- */

#left 	{
 	width:155px; 
 	float:left; 
 	position:relative; 
 	margin-left:-175px; 
 	margin-right:1px;
 	height: 100%;
 	height: auto !important; /* For Modern Browsers */
	display: inline-block; height: 100%;
	top:0px;
	bottom:0;
	position:absolute;
	vertical-align: bottom;

 	}
 	

#boom {
	z-index: 1;
	position: absolute; 
	left: 0;
	bottom: 0px;
	margin-left: -5px;
	margin-bottom: -25px;
	width: 122px;
	display: block;
	}


#right 	{
 	width:166px; 
 	float:right; 
	position:relative; 
 	margin-right:-166px; 
 	margin-left:1px;
 	height: 100%;
 	height: auto !important; /* For Modern Browsers */

 	}

#right p	{
	color: #00295b;
	padding-left: 10px;
	padding-right: 10px;
}

/* -----------------inhoud--------------------- */ 
#content{ 
	position: relative; 
	display: block;
	margin: 0px; 
	z-index: 1;
	min-height: 630px;
	padding: 5px;
	}
	
p 	{
	padding: 5px 10px;
	margin:0px; 
	z-index: 1;
	}

a	{
	text-decoration: underline;
	font-weight: bold;
	color: #00295b;
}
div#content-header	{
	padding-top: 3px;
	width: 448px;
	border-bottom:3px solid #00295b;
	text-align: center;

}

/*  ----------------footer---------------------- */ 
#footer {
	display: block;
	z-index: 20;
	clear:both;
	background: #00295b;
	color: #ffffff;
	height: 20px;
	text-align: center;
	color: #fff;
	} 

/*  ----------------logo---------------------- */ 
#logo	{
	position:relative;
	left: 0px;
	top: 0px;
	background-image: url(/pics/vngvastgoed.gif);
	float: right;
	width:166px;
	height: 85px;
	text-align: left;
}

/*  ----------------clear---------------------- */ 
.clear {clear:left; height:0; overflow:hidden;}
* html .clear {display:none;}


	
	
/*  ----------------menu---------------------- */ 

ul#navlist	{
	z-index: 10;
	width: 175px;
	padding: 0px;
	border-top: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

ul#navlist li	{
	list-style: none;
	background: #fdcc00;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

ul#navlist li a	{
	display: block;
	width: 135px;
	border: 0px;
	border-left: 20px solid #fff;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 8px 1px 8px;
}

ul#navlist li a:link { color: #00295b; }

div#left li a:visited { color: #00295b; }

ul#navlist li a:hover {
	border-color: #fdcc00;
	color: #ffffff;
	background: #00295b;
}

ul#navlist .current {
	border-color: #fdcc00;
	background: #ffffff;
}


#previewPane{
	margin-bottom:10px;	
	text-align:center;	/* Center align preview images */
	padding-top:10px;

	/* Height of preview pane. Change this if you want a different size for the preview pane */


}
#galleryContainer{		
	/*
	Don't change these three values 
	*/
	position:relative;
	overflow:hidden;

	/* CSS HACK */
	height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/102px;	/* Other browsers */ /* Height of the small images + 2 */
	height: /**/102px;


}
/*
CSS for the left arrow div
*/
#arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
	background-color: #FFF;
}
/*
CSS for the right arrow div
*/
#arrow_right{
	position:absolute;
	right:0px;
	z-index:10;
	background-color: #FFF;
	padding:1px;		
}
#theImages{
	position:absolute;
	height:100px;	/* Height of filmstrip images */
	left:40px;	/* Left position is set to 40 pixels since the left arrow is 40 pixels wide */
	width:100000px;	/* Just to make sure that all the images fit into one row */

}
#theImages #slideEnd{
	float:left;
}
#theImages img{		
	padding:1px;	/* Space around the filmstrip imags */
	filter: alpha(opacity=50);	/* Opacity of inactive images*/
	opacity: 0.5;	/* Opacity of inactive images*/
	cursor:pointer;
	border:0px;
	float:left;
}



/**
 * Form validation classes
 */
.fv-req {
	background:#c0c0c0;
	border: 1px solid #00295b;	
}

.fv-forget {
	background:#e0e0e0;
	border: 1px solid red;
}

.fv-syntax {
	background:#c0c0c0;
	border: 1px solid #00295b;
}

form {
	margin:0px;
	padding:0px;
	font-size:12px; 
}	

input, textarea {
	font-size:12px;
	padding:2px;
	color:#00295b;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	border: 1px solid #00295b;
}

input.formButton {
	color:#fff;
	width:auto;
	font-size:12px;
	padding-top:1px;
	font-weight:bold;
	background:#00295b;
	border: 1px solid #fff;
}


#zoom {position:relative; top:10px; left:10px; width:75px; background-color:#fff;}
#zoom a.p1, #zoom a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#zoom a img {border:0;}
#zoom a.p1:hover {text-decoration:none; background-color:#00295b; color:#000;}
#zoom a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#zoom a.p1:hover .large {display:block; position:absolute; top:-100px; left:-50px; width:180px; height:198px; border:10px solid #fff; z-index:100}


/*]]>*/