*
{
	border: 0;
	
	margin: 0;
	padding: 0;
}

html, body
{
	width: 100%;
	height: 100%;
	
	text-align: center;
}

body, table, textarea
{
	font-family: Arial;
	font-size: 12px;
}

body
{
	color: #000000;
	background-color: #ffffff;
	background-image: url(/images/background.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}

#wrapper
{
	min-height: 100%;
	
	position: relative;
	
	width: 960px;
	margin-top: -40px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

	#header
	{
		position: relative;
		width: 960px;
		height: 375px;
		padding: 130px 0 0 0;
		
		overflow: hidden;
	}
	
		#header #overlay_stroke
		{
			position: absolute;
			
			bottom: -1px;
			left: 0;	
			
			z-index: 0;
		}
	
		#navigation #logo
		{
			position: absolute;
			
			top: 220px;
			left: -55px;	
			
			width: 80px;
			height: 87px;
			
			z-index: 2;
		}
	
	#center_wrapper
	{
		width: 100%;
		text-align: justify;
		
	}
	
		#center_wrapper #center
		{
			position: relative;
			margin: 0 0 0 0;
			padding-top: 30px;
			padding-right: 45px;
			padding-bottom: 15px;
			
			min-height: 465px;
		}
	
		#center_wrapper #center .content
		{
			margin: 0 0 0 20px;
			width: 580px;
			float: left;
			
			overflow: hidden;
		}
			
			#center_wrapper #center .content h1
			{
				font-weight: bold;
				font-size: 15px;
				color: #0087bb;
				margin: 0 0 15px 0;
			}
			
			body.hinterstaete #center_wrapper #center .content h1 	{ color: #d86800; }
			body.zonnestaete #center_wrapper #center .content h1 	{ color: #b02916; }
			body.schlossstaete #center_wrapper #center .content h1	{ color: #72072b; }
			body.eifelstaete #center_wrapper #center .content h1 	{ color: #7ca81c; }
			body.gerolstaete #center_wrapper #center .content h1 	{ color: #35213b; }
		
			
			#center_wrapper #center .content h2
			{
				font-weight: bold;
				font-size: 12px;
				color: #0087bb;
				
				margin: 0 0 10px 0;
				
				clear: both;
			}
			
			body.hinterstaete #center_wrapper #center .content h2 	{ color: #d86800; }
			body.zonnestaete #center_wrapper #center .content h2 	{ color: #b02916; }
			body.schlossstaete #center_wrapper #center .content h2	{ color: #72072b; }
			body.eifelstaete #center_wrapper #center .content h2 	{ color: #7ca81c; }
			body.gerolstaete #center_wrapper #center .content h2 	{ color: #35213b; }
			
			#center_wrapper #center .content h3
			{
				font-weight: bold;
				font-size: 10px;
				color: #000000;
				
				margin: 0 0 5px 0;
			}
			
			#center_wrapper #center .content p
			{
				font-size: 12px;
				line-height: 18px;
				margin: 0 0 15px 0px;
			}
			
			#center_wrapper #center .content table
			{
				border-collapse: collapse;
				line-height: 18px;
			}
			
				#center_wrapper #center .content table th
				{
					padding: 0 10px 10px 0;
					text-align: right;
					
					vertical-align: top;
				}
			
				#center_wrapper #center .content table td
				{
					padding: 0 10px 10px 0;
				}
			
			#center_wrapper #center .content a
			{
				color: #0087bb;
				text-decoration: underline;
			}
			
			#center_wrapper #center .content a:hover { color: #047300; text-decoration: none; }
			
			#center_wrapper #center .content ul
			{
				margin: 0 0 15px 0;
				padding: 0 0 0 0;
			}
			
				#center_wrapper #center .content ul ul
				{
					margin: 0 0 0 0;
				}
			
			#center_wrapper #center .content form
			{
				line-height: 20px;
			}
				
				#center_wrapper #center .content form span
				{
					font-weight: bold;
					display: block;
				}
				
				#center_wrapper #center .content form label
				{
					display: block;
					
					float: left;
					
					width: 180px;
				}
				
				#center_wrapper #center .content form input.small, #center_wrapper #center .content form input.normal, #center_wrapper #center .content form input.large
				{
					display: block;
					
					float: left;
					height: 18px;
					
					border: 1px solid #0087bb;
					
					margin: 0 2px 2px 0;
				}
				
				#center_wrapper #center .content form input.small
				{
					width: 66px;
				}
				
				#center_wrapper #center .content form input.normal
				{
					width: 350px;
				}
				
				#center_wrapper #center .content form input.large
				{
					width: 280px;
				}
				
				#center_wrapper #center .content form textarea
				{
					width: 350px;
					height: 80px;
					
					border: 1px solid #0087bb;
					
					margin: 0 0 0 0;
					
					float: left;
				}
				
				#center_wrapper #center .content form input.submit
				{
					background-color: #0087bb;
					color: #ffffff;
					
					width: auto;
					
					cursor: pointer;
					
					margin: 10px 2px 2px 0;
					
					padding: 0 5px 0 5px;
				}
				
				#center_wrapper #center .content form br
				{
					clear: both;
				}
			
			#center_wrapper #center .content #photobook
			{
				margin: 0 0 20px 0;
				
				width: 600px;
			}
			
				#center_wrapper #center .content #photobook .thumbnail
				{
					margin: 0 20px 20px 0;
					
					width: 180px;
					height: 120px;
					
					display: block;
					
					float: left;
				}
			
			#center_wrapper #center .content .button_bar
			{
				width: 590px;
			}
				
				#center_wrapper #center .content .button_bar a
				{
					display: block;
					
					width: 160px;
					height: 19px;
					
					float: left;
					
					margin: 0 0 0 3px;
					padding: 88px 0 0 30px;
					
					text-decoration: none;
					text-transform: uppercase;
					
					font-weight: bold;
					
					color: #c4d89c;
					
					background-repeat: no-repeat;
					background-position: left top;
				}
				
				#center_wrapper #center .content .button_bar a:hover
				{
					color: #ffffff;
				}
				
				#center_wrapper #center .content .button_bar a.home_bungalow
				{
					background-image: url(/images/home_bungalow.jpg)
				}
				
				#center_wrapper #center .content .button_bar a.home_interieur
				{
					background-image: url(/images/home_interieur.jpg)
				}
				
				#center_wrapper #center .content .button_bar a.home_omgeving
				{
					background-image: url(/images/home_omgeving.jpg)
				}
	
		#center_wrapper #center .sidebar
		{
			position: relative;
			
			top: 30px;
			right: -7px;
			
			border-left: 1px solid #a8a8a9;
			
			margin: 0 0 0 7px;
			width: 304px;
			
			float: right;
			
			color: #3e3d40;
		}
		
			#center_wrapper .sidebar br
			{
				clear: both;
			}
			
			#center_wrapper .sidebar .map
			{
				margin: 0 0 0 45px;
			}
			
			#center_wrapper #center .sidebar a.indeling
			{
				height: 30px;
				width: 304px;
				
				margin: -45px 0 0 9px;
				
				background-repeat: no-repeat;
				background-position: left top;
				background-image: url(/images/map_button_background.jpg);
				
				position: relative;
				display: block;
				
				text-transform: uppercase;
				text-decoration: none;
				
				padding: 7px 0 0 13px;
				
				color: #ffffff;
				
				font-weight: bold;
				font-size: 12px;
			}
			
			#center_wrapper #center .sidebar a.indeling:hover
			{
				text-decoration: underline;
			}
		
			#center_wrapper #center .sidebar h3
			{
				width: 304px;
				height: 18px;
				line-height: 18px;
				
				color: #ffffff;
				
				text-transform: uppercase;
				
				font-size: 11px;
				
				background-repeat: no-repeat;
				background-position: left top;
				
				margin: 0 0 5px 9px;
				padding: 0 0 0 13px;
				
				background-image:url(/images/sidebar_h_background.gif);
			}
			
			body.hinterstaete #center_wrapper #center .sidebar h3 	{ background-image:url(/images/sidebar_h_background_hinterstaete.gif); }
			body.zonnestaete #center_wrapper #center .sidebar h3 	{ background-image:url(/images/sidebar_h_background_zonnestaete.gif); }
			body.schlossstaete #center_wrapper #center .sidebar h3	{ background-image:url(/images/sidebar_h_background_schlossstaete.gif); }
			body.eifelstaete #center_wrapper #center .sidebar h3 	{ background-image:url(/images/sidebar_h_background_eifelstaete.gif); }
			body.gerolstaete #center_wrapper #center .sidebar h3 	{ background-image:url(/images/sidebar_h_background_gerolstaete.gif); }
		
			#center_wrapper #center .sidebar h4
			{
				width: 304px;
				height: 18px;
				
				color: #4f4f4f;
				
				line-height: 18px;
				margin: 0 0 5px 9px;
				padding: 0 0 0 13px;
			}
			
			#center_wrapper .sidebar p
			{
				padding: 0 0 15px 21px;
				margin: 0 0 0 0;
				font-size: 12px;
				
				line-height: 16px;
			}
			
			#center_wrapper .sidebar dl
			{
				margin: 0 0 15px 21px;
				
				line-height: 18px;
				
				font-size: 11px;
			}
			
				#center_wrapper .sidebar dl dt
				{
					display: block;
					position: relative;
					
					float: left;
					
					width: 110px;
				}
				
					#center_wrapper .sidebar a
					{
						text-decoration: underline;
						color: #0087bb;
					}
					
					#center_wrapper .sidebar a:hover
					{
						text-decoration: none;
					}
				
				#center_wrapper .sidebar dl dd
				{
					display: block;
					position: relative;
				}
			
			#center_wrapper .sidebar dl.contact
			{
				font-size: 12px;
				
				padding: 0 0 0 0;
				margin: -10px 0 15px 21px;
			}
			
				#center_wrapper .sidebar dl.contact dt
				{
					width: 50px;
				}
				
			#center_wrapper #center .sidebar table
			{
				margin: 0 0 15px 21px;
				
				line-height: 18px;
				
				font-size: 11px;
				
				color: #3e3d40;
				
				border-collapse: collapse;
			}
			
				#center_wrapper #center .sidebar table th
				{
					text-align: left;
					padding: 0 10px 0 0;
				}
				
				#center_wrapper #center .sidebar table td
				{
					text-align: right;
					padding: 0 15px 0 0;
					
					white-space: nowrap;
				}
				
					#center_wrapper #center .sidebar table td a.kavel
					{
						display: block;
						position: relative;
						
						top: 0;
						
						margin: 0;
						padding: 0;
						
						width: 12px;
						height: 12px;
						line-height: 12px;
						
						text-decoration: none;
						
						background-repeat: no-repeat;
						background-position: left top;
					}
			
					body.hinterstaete #center_wrapper .sidebar table td a.kavel 	{ background-image:url(/images/kavel_a_background_hinterstaete.gif); }
					body.zonnestaete #center_wrapper .sidebar table td a.kavel 		{ background-image:url(/images/kavel_a_background_zonnestaete.gif); }
					body.schlossstaete #center_wrapper .sidebar table td a.kavel 	{ background-image:url(/images/kavel_a_background_schlossstaete.gif); }
					body.eifelstaete #center_wrapper .sidebar table td a.kavel 		{ background-image:url(/images/kavel_a_background_eifelstaete.gif); }
					body.gerolstaete #center_wrapper .sidebar table td a.kavel 		{ background-image:url(/images/kavel_a_background_gerolstaete.gif); }
			
	#navigation
	{
		position: absolute;
		
		width: 960px;
		height: 100px;
		
		top: 80px;
		left: 0;
			
		font-size: 12px;
	}

		#navigation #topmenu ul
		{
			list-style: none;
			
			position: absolute;
			z-index: 1;
			
			top: 259px;
			right: -40px;
		}
		
			#navigation #topmenu ul li
			{
				position: relative;
				float: left;
				
				width: 45px;
			
				margin: 0 10px 0 0;
			}
			
				#navigation #topmenu ul li a
				{
					text-decoration: none;
					color: #b4d5b3;
					padding: 0 0 0 10px;
					
					height: 20px;
					line-height: 20px;
					
					font-size: 12px;
					
					background-image: url(/images/navigation_stroke.gif);
					background-repeat: no-repeat;
					background-position: left top;
				}
			
				#navigation #topmenu ul li:first-child a
				{
					background: none;
				}
			
				#navigation #topmenu ul li a:hover, #navigation #topmenu ul li a.active
				{
					color: #ffffff;
				}
		
		#navigation #mainmenu ul
		{
			list-style: none;
			
			position: absolute;
			z-index: 1;
			
			top: 30px;
			left: 100px;
		}
		
			#navigation #mainmenu ul li
			{
				position: relative;
				float: left;
				
				margin: 0 10px 0 0;
			}
			
				#navigation #mainmenu ul li a
				{
					text-decoration: none;
					/* text-transform: lowercase; */
					
					color: #b4d5b3;
					padding: 0 0 0 10px;
					
					height: 20px;
					line-height: 20px;
					
					background-image: url(/images/navigation_stroke.gif);
					background-repeat: no-repeat;
					background-position: left top;
				}
				
				#navigation #mainmenu ul li a:hover, #navigation #mainmenu ul li.active a
				{
					color: #ffffff;
				}
				
				#navigation #mainmenu ul ul
				{
					position: absolute;
					
					display: none;
					
					top: 20px;
					left: 0;
					
					width: 190px;
					padding: 0 10px 0 10px;
					
					background-color: #ffffff;
					
					opacity: .9;
					filter: alpha(opacity=90);
				}
				
				#navigation #mainmenu ul ul li
				{
					position: relative;
					
					clear: both;
					
					top: -1px;
					
					padding: 2px 0 2px 0;
					
					border-top: 1px solid #194d8d;
					border-left: none;
				}
				
					#navigation #mainmenu ul ul li a, #navigation #mainmenu ul li.active li a
					{
						display: block;
						
						color: #194d8d;
						padding: 0;
						
						width: 190px;
						
						background: none;
						text-decoration: none;
					}
				
					#navigation #mainmenu ul li.active li a
					{
						
					}
					#navigation #mainmenu ul ul li a:hover, #navigation #mainmenu ul ul li.active a
					{
						color: #047300;
					}
				
		
		#navigation #breadcrumb
		{
			position: absolute;
			
			top: 430px;
			left: 0;
			
			color: #7a797f;
			
			z-index: 2;
			
			font-size: 12px;
				
			line-height: 15px;
			
			margin: 0 0 0 19px;
		}
		
			#navigation #breadcrumb span
			{
				padding: 0 5px 0 5px;
				
				color: #d86800;
				
				font-size: 13px;
				font-weight: bold;
			}
			
			#navigation #breadcrumb ul
			{
				list-style: none;
				
				display: inline;
				
				position: absolute;
				
				top: 0;
			}
			
			#navigation #breadcrumb ul li
			{
				float: left;
				width: 400px;
				
				color: #d86800;
				
				font-size: 13px;
				font-weight: bold;
			}
			
				#navigation #breadcrumb ul li a
				{
					color: #3e3d40;
					text-decoration: none;
					
					font-size: 12px;
					font-weight: normal;
					
					text-transform: lowercase;
					
					padding: 0 5px 0 0;
				}
			
				#navigation #breadcrumb ul li a:hover
				{
					text-decoration: underline;
				}
		
		#navigation #navigation_background
		{
			position: absolute;
			
			z-index: 0;
			
			top: 0;
			
			height: 50px;
			width: 960px;
		}
	
	#sidebar
	{
		width: 350px;
		/*margin: -360px 0 0 -960px;
		float: right;*/
		
		top: 145px;
		right: 0;
		
		position: absolute;
	}
	
		#sidebar #screen_bungalow
		{
			position: relative;
			width: 336px;
			
			z-index: 10;	
		}
	
			#sidebar #screen_bungalow #screen_background
			{
				position: absolute;
				display: block;
				
				width: 336px;
				
				height: 357px;
				
				top: 38px;
				left: 0;
				
				z-index: 10;
			}
			
				#sidebar #screen_bungalow #screen_background img
				{
					width: 336px;
					height: 100%;
				}
			
			#sidebar #screen_bungalow #screen_content
			{
				position: absolute;
				display: block;
				
				width: 336px;
				
				height: 100px;
				
				top: 19px;
				left: 0;
				
				z-index: 11;
			}
			
				#sidebar #screen_bungalow #screen_content .border
				{
					position: relative;
					display: block;
					clear: both;
				}
				
				#sidebar #screen_bungalow #screen_content h1
				{
					color: #194d8d;
					margin: 0 0 4px 30px;
					
					font-size: 11px;
				}
				
				#sidebar #screen_bungalow #screen_content .bungalow
				{
					height: 60px;
					width: 304px;
					
					overflow: hidden;
					color: #ffffff;
					
					background-repeat: no-repeat;
					background-position: left top;
					
					margin: 1px 0 0 17px;
				}
				
					#sidebar #screen_bungalow #screen_content .bungalow h2
					{
						color: #ffffff;
						
						text-transform: uppercase;
						font-size: 12px;
						
						margin: 8px 0 0 50px;
					}
					
					#sidebar #screen_bungalow #screen_content .bungalow span
					{
						position: relative;
						display: block;
						
						font-size: 11px;
						
						clear: both;
					}
					
					#sidebar #screen_bungalow #screen_content .bungalow span.price
					{
						margin: 2px 0 0 50px;
						width: 100px;
						
						opacity: .6;
						filter: alpha(opacity=60);
					}
					
					#sidebar #screen_bungalow #screen_content .bungalow span.info
					{
						margin: 2px 0 0 13px;
					}
					
						#sidebar #screen_bungalow #screen_content .bungalow span.info a
						{
							display: block;
							
							color: #ffffff;
							text-decoration: none;
							
							width: 290px;
						}
					
						#sidebar #screen_bungalow #screen_content .bungalow span.info a:hover
						{
							text-decoration: underline;
						}
				
				#sidebar #screen_bungalow #screen_content .bungalow1 { background-image: url(/images/bungalow_button_background_1.jpg); }
				#sidebar #screen_bungalow #screen_content .bungalow2 { background-image: url(/images/bungalow_button_background_2.jpg); }
				#sidebar #screen_bungalow #screen_content .bungalow3 { background-image: url(/images/bungalow_button_background_3.jpg); }
				#sidebar #screen_bungalow #screen_content .bungalow4 { background-image: url(/images/bungalow_button_background_4.jpg); }
				#sidebar #screen_bungalow #screen_content .bungalow5 { background-image: url(/images/bungalow_button_background_5.jpg); }
				
			#sidebar #screen_bungalow #screen_content .contact
			{
				height: 30px;
				width: 304px;
				
				margin: 5px 0 0 17px;
				
				background-repeat: no-repeat;
				background-position: left top;
				background-image: url(/images/contact_button_background.jpg);
			}
			
				#sidebar #screen_bungalow #screen_content .contact a
				{
					position: relative;
					display: block;
					
					text-transform: uppercase;
					text-decoration: none;
					
					margin: 0 0 0 50px;
					padding: 7px 0 0 0;
					
					color: #ffffff;
					
					font-weight: bold;
					font-size: 12px;
				}
				
				#sidebar #screen_bungalow #screen_content .contact a:hover
				{
					text-decoration: underline;
				}
				
			#sidebar #screen_bungalow #screen_content form
			{
				margin: 7px 0 0 0;
				
				display: none;
			}
				
				#sidebar #screen_bungalow #screen_content form label
				{
					display: block;
					float: left;
					width: 110px;
					
					height: 16px;
					line-height: 16px;
					
					margin: 0 0 0 29px;
				}
				
				#sidebar #screen_bungalow #screen_content form input
				{
					float: left;
					
					border: 1px solid #b4b1c0;
					
					height: 16px;
					width: 180px;
					
					margin: 0 0 2px 0;
				}
				
				#sidebar #screen_bungalow #screen_content form input.submit
				{
					float: right;
					
					width: 116px;
					height: 17px;
					
					margin: 5px 15px 2px 0;
					
					border: none;
				}
				
				#sidebar #screen_bungalow #screen_content form br
				{
					clear: both;
				}
			
	#footer
	{
		height: 30px;
		width: 960px;
		
		margin-left: auto;
		margin-right: auto;
		
		clear: both;
		
		font-size: 9px;
		
		text-align: left;
		
		color: #a8a8a8;
		
		border-top: 1px solid #a8a8a8;
		
		padding: 5px 0 0 0;
	}
	
		#footer a
		{
			color: #a8a8a8;
			text-decoration: none;
		}
		
		#footer a:hover
		{
			text-decoration: underline;
		}