/*
Theme Name: Hornhuis/Ahorn
Theme URI: http://hornhuismakelaardij.nl/
Description: Speciaal sjabloon voor Hornhuis en Ahorn
Version: 0.6
Author: Eds Keizer
Author URI: http://edskeizer.nl/
Tags: 

*/
body {
	background: #e9e0e0 url(images/bg_body.gif) repeat-x top left;
	margin: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

textarea {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h2 {
	color:#de1255;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
}

a {
	color: #f26701;
	cursor: pointer;
}
a img {
	border: none;	
}
a:focus { outline: none; }

div#wrapper {
	width: 980px;
	margin: 0 auto;
}
	div#header {
		background: url(images/bg_header.gif) no-repeat 325px 0px;	
		height: 163px;
	}
		div#header img#headerfoto {
			margin-right: 127px;	
		}
		
	div#menu {
		height: 65px;
		width: 980px;
		overflow: hidden;
	}
		div#menu ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
			div#menu ul li{
				float:left;
				display:block;
				width: 196px;
			}
				div#menu ul li a{
					width: 136px;
					display:block;
					line-height: 65px;
					font-size: 21px;
					color: white;
					padding: 0 30px;
					text-decoration: none;
					font-weight: normal;
				}
			
				div#menu ul li.page-item-10 a {
					background-color: #de1255;	
				}
					div#menu ul li.page-item-10 a:hover {
						background-color: #e3356e;
					}
				div#menu ul li.page-item-12 a {
					background-color: #f26701;	
				}
					div#menu ul li.page-item-12 a:hover {
						background-color: #f47e27;
					}

				div#menu ul li.page-item-14 a {
					background-color: #2562de;	
				}
					div#menu ul li.page-item-14 a:hover {
						background-color: #4579e3;
					}
				div#menu ul li.page-item-16 a {
					background-color: #009f31;	
				}
					div#menu ul li.page-item-16 a:hover {
						background-color: #26ad50;
					}
				div#menu ul li.page-item-18 a {
					background-color: #fff200;
					color: #5b1511;
				}
					div#menu ul li.page-item-18 a:hover {
						background-color: #f3e700;
					}
				div#menu ul li.current_page_item a, 
				div#menu ul li.current_page_ancestor a,
				body.aanbod div#menu ul li.page-item-12 a{
					background-image: url(images/menu_item_active.png);	
				}
				
				
			
		
	div#columnContainer {
		background-color: #671511;
		background-image: url(images/bg_columncontainer.gif);
		background-repeat: repeat-y;
		overflow: hidden;
		border-top: 1px solid #671511;
		margin-bottom: 20px;
	}
		div#leftColumn {
			float:left;
			width: 683px;
			overflow:hidden;
			color: white;
			padding: 32px 0 0 0;
		}
			div.post,
			div.page{
				position: relative;	
				padding: 0 20px 25px 0;
				border-bottom: 6px solid #580a08;
				margin-bottom: 32px;
			}
				div.post h2,
				div.page h2{
					padding-left: 24px;	
					padding-right: 115px;
					
					line-height: 19px;
					border-left: 8px solid #2562de;
				}
				div.post h2 a,
				div.page h2 a {
					text-decoration: none;
					color: #de1255;
				}
				div.post div.date,
				div.page div.date {
					position: absolute;
					text-align: right;
					width: 115px;
					right: 20px;
					top: 3px;
					color: #f26701;
				}
				
				div.post h3,
				div.page h3{
					color: #F26701;
					font-weight: normal;
					margin-top: 30px;
					margin-bottom: 2px;
				}
				
				
				div.post div.postcontent,
				div.page div.postcontent{
					padding-left: 32px;
					overflow: hidden;
				}
				
				div.page div.postcontent p{
					width: 530px;	
				}
				div.post div.postcontent li,
				div.page div.postcontent li{
					padding-right: 150px;
				}
				p.backlink {
					overflow:hidden;
					width:620px;	
				}
		
		div#rightColumn {
			width: 297px;
			float:left;
		}	
			ul.submenu {
				margin: 0;
				padding: 0;
				list-style: none;
				padding: 20px 13px 0 0;
				background:white;
				min-height: 250px;
			}
			ul.submenu li a {
				display: block;
				border-bottom: 1px solid #671511;
				color: #DE1255;
				text-decoration: none;
				font-size: 15px;
				line-height: 32px;
				padding-left: 14px;
			}
				ul.submenu li.page-item-68 a, ul.submenu li.page-item-324 a {
					background: #F26701;
					color: white;
				}
				ul.submenu li.page-item-70 a, ul.submenu li.page-item-94 a {
					background: #2562DE;
					color: white;
				}
				ul.submenu li.current_page_item a,
				ul.submenu li.current_page_ancestor a{
					background: #671511;
					color: white;
					text-decoration: none;
				}
				ul.submenu ul {
					margin: 0;
					list-style: none;
					min-height: auto;
					padding: 4px 0 20px 30px;
					display: none;	
				}
				ul.submenu li.current_page_item ul,
				ul.submenu li.current_page_ancestor ul{
					display: block;	
				}
				ul.submenu ul li a
				,ul.submenu li.current_page_item ul li a,
				ul.submenu li.current_page_ancestor ul li a {
					display: block;
					border-bottom: 1px solid #C9C1C1;
					color: #671511;
					text-decoration: none;
					font-size: 12px;
					background: white;
					line-height: 18px;
					padding: 0 2px 0 0;
				}
				
					
				
				ul.submenu li.current_page_ancestor ul li.current_page_item a {
					font-weight: bold;	
				}
			div#preview_foto {
				position:relative;	
			}
				div.addressbar {
					background: url(images/preview_addresbar.png);
					position:absolute;
					bottom: 0px;
					padding: 6px 4px;
					text-align: center;
					font-size: 14px;
					color: white;
					width: 289px;
				}
				div.addressbar span.price {
					color: #f26701;	
				}
			div#aanbod_link {
				border-bottom: 49px solid #f26701;
			}
			div#aanbod_link a {
				line-height: 49px;
				background: black;
				text-align: center;
				color: white;
				display: block;
				font-size: 14px;
				text-decoration: none;
				
			}
			div#contact_data {
				color: #671511;
				text-align:right;
				padding: 20px 10px;
			}
				div#contact_data a {
					color: #671511;	
				}
				div#contact_data a.contact_link {
					color: #de1255;	
				}
				div#contact_data img {
					float: left;
				}
	
		div#footer {
			clear:both;
			background: #350000;
			color: #946a68;
			line-height: 25px;
			padding-left: 32px;
			font-size: 10px;			
		}
			div#footer a {
				color: #946a68;
			}
		
div.wh_aanbod div.wh_type {
	line-height: 28px;	
}
div.wh_aanbod div.wh_sort {
	line-height: 28px;	
	float: right;
}
div.wh_aanbod div.wh_woonhuis {
	background: #6f211d;
	margin-bottom: 10px;
	padding: 7px;
	height: 112px;
	position: relative;
	cursor: pointer;

}
div.wh_aanbod div.wh_portfolio {
	cursor: default;	
}
div.wh_aanbod div.wh_woonhuis:hover {
	background: #762d29;	
}
div.wh_aanbod div.wh_portfolio:hover {
	background: #6f211d;	
}
	div.wh_woonhuis h2 {
		color: white;
		font-size: 15px;
		border:none;
		padding: 0;
	}
		div.wh_woonhuis h2 span {
			color: #f7b8b5;	
		}
	div.wh_aanbod div.wh_woonhuis div.wh_foto {
		float:left;
		width: 150px;
		height: 112px;
		margin-right: 7px;
		position: relative;
	}
		div.wh_status_new {
			position: absolute;
			left: 0;
			top: 0;
			width: 82px;
			height: 47px;
			background: url(images/tag_nieuw.png) no-repeat;
		}
	div.wh_woonhuis div.wh_content {
		color: #f7b8b5;
		padding-top: 2px;
	}
	div.wh_woonhuis div.wh_intro_text {
		padding: 7px;
		line-height: 18px;
	}
	div.wh_woonhuis div.wh_price {
		position: absolute;
		left: 164px;
		bottom: 7px;
	}	
	div.wh_woonhuis div.wh_price span {
		color: #fff200;
		font-size: 14px;
	}
	div.wh_woonhuis div.wh_link {
		position: absolute;
		right: 7px;
		bottom: 7px;
		text-align:right;
	}
 
div.wh_aanbod div.wh_woonhuis_foto {
	background: #6f211d;
	margin-bottom: 10px;
	padding: 7px;
	height: 262px;
	width: 297px;
	position: relative;
	float:left;
cursor: pointer;
}
div.wh_aanbod div.wh_woonhuis_foto:hover {
	background: #762d29;	
}
div.wh_portfolio {
	padding-top: 8px;	
}
	div.wh_aanbod div.wh_woonhuis_foto div.wh_foto {
		width: 297px;
		height: 223px;
position: relative;
	}
	div.wh_aanbod div.odd {
		margin-right: 9px;	
	}
	 div.wh_woonhuis_foto div.short_desc {
		text-align: center;
		padding: 3px 0;
	}
	div.wh_woonhuis_foto div.short_desc span {
		color: #fff200;
		font-size: 14px;
	}
	
	div.wh_woonhuis_foto div.short_desc h2 {
		color: white;
		font-size: 13px;
		border:none;
		padding: 0;
	}
		div.wh_woonhuis_foto div.short_desc h2 span {
			color: #f7b8b5;	
		}
			
div#wh_gallery {
	width: 309px;
	float:left;
}
div#wh_thumbs {
	float: left;
	width: 310px;
}

div.wh_detail {
	position:relative;	
}

div.wh_detail h2 {
	margin-left: -32px;	
}
	div.wh_detail h2 span {
		color: #f26701;
		font-size: 14px;
	}
div.wh_detail div.wh_price {
	position: absolute;
	right: 0px;
	top: 3px;
}
	div.wh_detail div.wh_price span {
		color: #f6e603;	
	}

div.wh_detail div.wh_blok {
	background: #762d29;
	padding: 7px;
	overflow: hidden;
	margin-top: 20px;
}
div.wh_detail div.wh_foto {
	padding: 6px;	
	height: 237px;
}
div.wh_detail div#slideshow {
	padding: 1px 0px 0px 1px;	
	width: 309px;
	position: relative;	
}

	div.wh_detail ul.thumbs {
		list-style: none;
		padding: 0;
		margin: 0;	
		overflow:hidden;
	}
		div.wh_detail ul.thumbs li {
			float:left;
			padding: 0px 0px 4px 7px;
			overflow:hidden;
			height: 71px;
		}
		div.wh_detail ul.thumbs li.bottomline {
			padding-bottom: 0px;
		}
		div.wh_detail ul.thumbs li a {
			display:block;
			border: 1px solid #762d29;
			height: 69px;
			width: 92px;
		}
			div.wh_detail ul.thumbs li a img {
				display: block;	
			}
		div.wh_detail ul.thumbs li.selected a {
			padding: 0px;
			border: 1px solid #f6e603;
		}
		div.wh_detail div#controls {
			padding: 0px 7px;
			float:left;
		}
		div.wh_detail div.pagination {
			padding: 0px 7px;
			float:right;
			text-align:right;
		}
		div.wh_detail div.top {
			display:none;	
		}
		
		div.wh_detail div.pagination a,
		div.wh_detail div.pagination span.current{
			padding: 0px 2px;
			display: block;
			float:left;
		}
		div.wh_detail. a.advance-link {
			
		}
		div.wh_detail div.wh_zoomer {
			width: 40px;
			height: 40px;
			background: url(images/bg_zoomer.png) no-repeat;
			position: absolute;
			bottom: 0px;
			right: 0px;
			display: none;
			cursor: pointer;
		}
	
	div.wh_detail div.wh_video {
		text-align:center;	
		padding: 3px;
		background: #762d29;
		margin: 8px 0px;
		display: none;
		height: 350px;
	}
	
	div.wh_detail div.wh_video object,
	div.wh_detail div.wh_video embed{
		margin: 0px auto;
	}
	
	div.wh_detail div.wh_info {
		padding-top: 20px;	
	}
	div.wh_detail div.wh_tekst {
		float:left;
		width: 390px;
		line-height: 18px;
		padding: 0 12px 12px 0;
	}
	div.wh_detail div.wh_tekst sup {
		font-size: 80%; 
		line-height: 80%;
	}
		div.wh_detail div.wh_tekst h3 {
			color: #f26701;
			font-weight: normal;
			font-size: 14px;
			margin: 10px 0 0 0;
		}
		
	
	div.wh_detail div.wh_rightinfo {
		float:left;
		width: 229px;
	}
		div.wh_detail div.wh_extras {
			overflow: hidden;	
		}
		div.wh_detail div.wh_extras div.wh_brochure,
		div.wh_detail div.wh_extras div.wh_film{
			width: 114px;
			height: 58px;
			float:left;
			overflow:hidden;
			background: #7f3a37;
			
		}
		div.wh_detail div.wh_extras div.wh_film {
			border-left: 1px solid #671511;	
		}
			div.wh_detail div.wh_extras div.wh_brochure a,
			div.wh_detail div.wh_extras div.wh_film a{
				color: white;
				display: block;
				padding: 11px 40px 11px 12px;
				background: url(images/bg_film.gif) no-repeat;
			}
			div.wh_detail div.wh_extras div.wh_brochure a {
				background: url(images/bg_brochure.gif) no-repeat;	
			}
	div.wh_detail div.wh_params {
		width: 219px;
		background:#6f211d;
		border: 1px solid #7f3a37;
		padding: 8px 4px;
		border-top: none;
	}
		div.wh_detail div.wh_params table {
			border-collapse: collapse;	
			width: 219px;
			
		}
		div.wh_detail div.wh_params table th {
			text-align: right;
			color: #f7f7f7;
			font-weight: normal;
			font-size: 11px;
			line-height: 16px;
			vertical-align: top;
		}
		div.wh_detail div.wh_params table td {
			text-align: left;
			color: #f26701;
			font-weight: normal;
			font-size: 11px;
			line-height: 16px;
			width: 50%;
			vertical-align: top;
		}
			div.wh_detail div.wh_params table td sup {
				position: absolute;	
				font-size: 70%;
				margin-top: -3px;
			}
	div.wh_detail div.wh_chrome {
		background:#6f211d;
		border: 1px solid #7f3a37;
		border-top: none;
		font-size: 11px;
		text-align: center;
	}
	div.wh_detail div.wh_contact {
		background:#6f211d;
		border: 1px solid #7f3a37;	
		font-size: 12px;
		line-height: 18px;
		margin-top: 18px;
	}
	div.wh_detail div.wh_contact div.wh_contact_hornhuis {
		background: #6f211d url(images/bg_hornhuis.gif) no-repeat right bottom;
		padding: 6px;
		border-bottom: 1px solid #7f3a37;	
	}
	div.wh_detail div.wh_contact div.wh_contact_ahorn {
		background: #6a1a16 url(images/bg_ahorn.gif) no-repeat right bottom;
		padding: 6px;
	}
		div.wh_detail div.wh_contact div.wh_contact_hornhuis a, 
		div.wh_detail div.wh_contact div.wh_contact_ahorn a{
			font-size: 11px;	
		}
		

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


div.wpcf7-response-output {
position:absolute; top: 22px; left:380px;	
width: 200px;
}
span.wpcf7-not-valid-tip {
	color: black;	
}