<!--
/********************************************/
/* Script		: style.css					*/
/* Project		: Huistrefpunt.nl			*/
/********************************************/
/* Bedrijf		: Blixem Productions        */
/* Programmeur	: Erik Meulman            	*/
/* Website		: www.blixemproductions.com	*/
/* Design by	: Erik Meulman				*/
/********************************************/
-->
/*PRESET*/
/******************************************************************************************************************************************************************************************************/
body,
	html {
		background-color:#FFFFFF;
		margin:0;
		padding:0;
		font-size: 15px;
		color: #0089c7;
		font-family: Calibri;
		list-style:url(../images/icons/list.png);
	}
div#note
	{
		border: solid 1px #FFFF00;
		background: #FFFFCC;
		width: 620px;
		color: #000000;
		padding: 10px 20px;
		margin: 0 0 10px 0;
	}
.fout
	{
		background-color:#FF8888;
		border:#FF0000 solid 1px;
		color: #BB0000;
	}
h1
	{
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 42.64px;
		color: #006c9d;
	}
a
	{
		color: #e54600;
		text-decoration:underline;
	}
a:hover
	{
		color: #e54600;
		text-decoration:none;
	}
input, select, textarea { 
 background-color: #D3F1FF; 
 width: 200px;
 border:#0066FF;
}
div#bottombar
	{
		
		z-index:99;
		Position:fixed;
		bottom: 20px;
		right: 0;
		height: 658px;
		width: 100%;
		overflow: hidden;
	}
div#bottombar_container
	{
		height: 658px;
		float:right;
	}
div#bottombar_links
	{
		width:22px;
		height: 658px;
		float:right;
		background: url(../images/bottombar/bottom_links.png);
	}
div#bottombar_content
	{
		min-width:100px;
		height: 658px;
		float:right;
		background: url(../images/bottombar/bottombar_midden.png) repeat-x;
		padding: 9px -20px 1px -20px;
	}

.bottom_button
	{
		width: 43px;
		height: 160px;
		float:right;
		margin: 359px -7px 0 0;
		background:url(../images/bottombar/bottom_button_gesloten.png);
	}
.bottom_button:hover
	{
		background:url(../images/bottombar/bottom_button_gesloten_hover.png);
	}
.button_active
	{
		background:url(../images/bottombar/bottom_button_open.png);
	}
.button_active:hover
	{
		background:url(../images/bottombar/bottom_button_open_hover.png);
	}
.bottom_image
	{
		width: 130px;
		margin: 10px;
	}
/* HEADER *\******************************************************************************************************\* HEADER */
#header
	{
    	height: 232px;
		background:#ffffff;
	}
	#header_bg
		{
			background: url(../images/banner_bg.png);
			height: 232px;
			width: 930px;
			margin: 0 auto;
		}
	#header_logo
		{
			background: url(../images/logo2.png) no-repeat;
			height: 200px;
			width: 155px;
			margin: 0 auto;
		}
/* MENU *\******************************************************************************************************\* MENU */
#menu_bg 
	{
		height: 90px;
		background:bottom left url(../images/menu/menu_balk.png) repeat-x;
		width: 100%;
		min-width:930px;
	}
		ul#menu_bar
		{
			height: 44px;
			width: 900px;
			margin: 0 auto;
			padding: 0px;
			list-style: none;
			border-left: solid 1px #00a8f6;
			border-top: 1px solid #00a8f6;
			border-bottom: 1px solid #00a8f6;
		}
		ul#menu_bar li
			{
				height: 42px;
				float: left;
				border-right: solid 1px #00a8f6;
			}
		ul#menu_bar a
			{
				padding: 10px 20px 10px 20px;
				color: #0074ab;
				font-size: 20px;
				height: 22px;
				display:block;
				text-decoration: none;
				text-align:center;
			}
		ul#menu_bar a:hover
			{
				color: #004f75;
				background:bottom left url(../images/menu/menu_balk_hover.png) repeat-x;
			}
		ul#menu_bar a.active
			{
				color: #002333;
				background:bottom left url(../images/menu/menu_balk_active.png) repeat-x;
			}
	ul#menu
		{
			height: 46px;
			width: 920px;
			margin: 0 auto;
			padding: 0;
			list-style: none;
		}
		ul#menu li
			{
				height: 46px;
				width: 184px;
				float: left;
				background: url(../images/menu/menu_normaal.png);
			}
		ul#menu li:hover
			{
				background: url(../images/menu/menu_hover.png);
			}
		ul#menu li.active
			{
				background: url(../images/menu/menu_active.png) repeat-x;
			}
		ul#menu a
			{
				padding: 13px 10px 0 10px;
				color: #4EB0E0;
				font-size: 24px;
				height: 34px;
				width: 164px;
				display:block;
				text-decoration: none;
				font-weight:500;
				font-family:stencil, serif;
				text-align:center;
			}
		ul#menu a:hover
			{
				color: #0088c8;
			}
		ul#menu a.active
			{
				color: #113E82;
				font-family:stencil, serif;
				text-transform: uppercase;
			}
/* MAIN *\******************************************************************************************************\* MAIN */
#main_bg
	{
		width: 100%;
		min-width:930px;
		background:top left url(../images/content/content_bg.png) repeat-x #ffffff;
		float:left;
		min-height: 150px;
		
	}
	#main
		{
			width:900px;
			margin:10px auto 0 auto;
			border-right: #e7f0ff solid 1px;
			border-left: #e7f0ff solid 1px;
			overflow: hidden;
		}
		/* LINKS *****************************************************************/
		#main_links
			{
				float:left;
				width:660px;
				padding:10px;
				display: block;
			}
			#spotlight_container
				{
					width: 640px;
					height: 250px;
					margin: 20px auto 0;
				}
				#spotlight_header
					{
						float: left;
						width: 630px;
						height: 35px;
						background: url(../images/content/links/spotlight/header.png) no-repeat;
						text-align: center;
						padding: 5px;
						font-size: 24px;
						font-weight: bold;
						color: #003e5c;
					}
				#spotlight_content
					{
						float: left;
						width: 630px;
						height: 195px;
						background: url(../images/content/links/spotlight/content.png) no-repeat;
						padding: 5px;
					}
					#spotlight_content .spotlight_huis
						{
							width: 209px;
							height: 195px;
							float: left;
							border-left: solid 1px #70cffc;
							overflow:hidden;
						}
						.spotlight_huis_eerste
							{
								width: 209px;
								height: 195px;
								float: left;
								border-left: solid 1px #d3f1ff;
								overflow: hidden;
							}
						.spotlight_huis_image
							{
								height: 130px;
								max-width: 200px;
								margin: 0 auto;
								display: block;
							}
							.spotlight_huis, .spotlight_huis_eerste
								{
									text-decoration:none;
									color: #0089c7;
								}
							.spotlight_huis:hover, .spotlight_huis_eerste:hover
								{
									color: #e54600;
									text-decoration: underline;
								}
		/* RECHTS *****************************************************************/
		#main_rechts
			{
				float: right;
				width: 200px;
				padding: 10px;
				display: block;
			}
			/* advertenties**************/
			#adcontainer
				{
					width:200px;
					float:right;
					text-align:center;
				}
			#adoverlay
				{
					position:relative;
					top: -480px;
					left: 0px;
					width:200px;
					float: right;
					height:490px;
					z-index: 2;
					background: url(../images/content/rechts/advertenties/ad_overlay.png);
				}
			.ad
				{
					margin: 10px auto;
				}
			.ad:hover
				{
					background-color:#CCFFFF;
				}
			
			/* maxhypotheek**************/
			#maxhyp
				{
					width: 200px;
					float: right;
					margin-top: 20px;
		
				}
			#maxhyp_header
				{
					width: 200px;
					height: 30px;
					background: url(../images/content/rechts/links/links_banner.png);
					float:right;
				}
			ul#maxhyp_content
				{
					width: 200px;
					float:right;
					margin: 0 auto;
					padding: 0 0 0 0;
					list-style: none;
					background-color: #d3f1ff;
				}
			ul#maxhyp_content li
				{
					height: 30px;
					width: 200px;
				}
			ul#maxhyp_content li a
				{
					height: 21px;
					width: 140px;
					display: block;
					font-size: 18px;
					font-family:Calibri;
					text-decoration: none;
					margin: 0 10px 0 10px;
					padding: 4px 5px 4px 35px;
					color: #0088c8;
					float:right;
					border-bottom: #77d4ff 1px solid;
					background: url(../images/content/rechts/links/links_icon.png) no-repeat;
				}
			ul#maxhyp_content li a:hover
				{
					color: #00496c;
					display: block;
					float:right;
					border-bottom: #005f8c 1px solid;
					background: url(../images/content/rechts/links/links_icon_hover.png) no-repeat;
				}
			#maxhyp_footer
				{
					width: 200px;
					height: 9px;
					background: url(../images/content/rechts/links/links_footer.png) no-repeat;
					float:right;
				}
/* FOOTER *\******************************************************************************************************\* FOOTER */
#footer_bg
	{
		background:top left url(../images/footer_bg.png) repeat-x #ffffff;
		float: left;
		width: 100%;
		min-width:930px;
		height: 60px;
	}
	#footer
		{
			text-align: center;
			color: #002d42;
			padding: 35px 0 0 0;
			font-family: Calibri;
			font-weight:bold;
			font-size:14px;
		}
	#footer a
		{
			text-decoration: underline;
			color: #002d42;
		}
	#footer a:hover
		{
			text-decoration: none;
			color: #002d42;
		}