/* type*/
@font-face {  
  font-family: Akkurat;  
  src: url(../_fonts/Akkurat-Regular.ttf);
}
@font-face {  
  font-family: Akkurat-Bold;  
  src: url(../_fonts/Akkurat-Bold.ttf);  
} 
@font-face {  
  font-family: Akkurat-Italic;  
  src: url(../_fonts/Akkurat-Italic.ttf);
}

/* framework */
body {
	font:13px Akkurat, Arial, sans-serif;
	line-height:19px;
	color:#73665F;
	margin: 0; 
	padding: 0;
	background: url(../_img/header_bg.png) repeat-x top #FFF;
	position: relative;
}
#framework {
	width:960px;
	margin:0 auto 0 auto;
	padding: 0; 
	min-height: 950px;
}
#content {
	width:940px;
	height: 100px;
	padding: 10px;
	margin-top:10px;
	background-color: #FFFFFF;
}

/* header */
#header {
	position: relative;
}
#logo {
	width: 244px;
	height: 104px;
}
#payoff {
	Text-align: right;
	margin: 0;
	position: absolute;
	top: 30px;
	right: 0;
	/* display: none; */
}
#payoff p {
	font-family: Akkurat-bold, arial, sans-serif;
	font-size: 1.3em;
	color: #9ABF1F;
	font-style: italic;
	font-weight: bold;
}
#payoff p .wit {
	font-family: Akkurat-bold, arial, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
}
#menu{
	Text-align: right;
	list-style:none;
	margin: 0;
	position: absolute;
	top: 80px;
	right: 0px;
}
#menu li {
	text-transform: lowercase;
	float:left; 
	padding: 5px 12px 10px 12px;
}
#menu li a{	
	text-decoration:none;
	font-family: Akkurat-Italic, Arial, sans-serif;
	color:#FFFFFF;
	font-size: 16px;
}
#menu li a:hover{	
	color:#9ABF1F;
}
.menu_active {
	color: #9ABF1F;	
	background: url(../_img/tab_bg.png) repeat-x top #FFF; 
}
.menu_active a {
	color: #9ABF1F !important; 
}


/* home */
#carousel {
	position:relative;
}
.slide {
	position: absolute;
	top: 0px;
	left: 0px;
}
#carousel_info {
	width: 210px;
	position: absolute;
	top: 0px;
	left: 720px;
}
#carousel_title {
	width: 250px;
	position: absolute;
	top: 50px;
	left: 20px;
}
#carousel_controls{
	list-style:none;
	padding: 0;
	margin: 0 0 0 12px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.dot{
	width: 10px;
	height: 10px;
	background: url(../_img/dot.png) no-repeat top left; 
}
#carousel_controls li {
	padding: 0 5px 0 0;
	float: left;
}
#home_content {
	position:relative;
	top: 395px
}
#map_container {
	width: 360px;
	position: absolute;
	left: 0px;
	top: -1px;
	padding: 20px 0 0 0;
}

#nieuws_container {
	width: 220px;
	position: absolute;
	left: 700px;
	top: -1px;
	border-top: 1px solid #BBB3AD;
	padding: 20px 0 0 20px;
}
#nieuws_container p {
	margin: 0 0 10px 0;
}

#overons_container {
	width: 300px;
	position: absolute;
	left: 360px;
	top: -1px;
	padding: 20px 0 0 0;
}
#overons_container p {
	margin: 0 0 10px 0;
}

#contact_left {
	width: 300px;
	float: left;
}
#contact_right {
	width: 300px;
	float: left;
}


/* maps */


#footer {
	float: left;
	clear: both;
	width: 250px;
	padding: 30px 0 30px 0;
}
#home_footer {
	position: absolute;
	left: 0px;
	top: 300px;
	padding: 20px 0 30px 0;
}

/* maps */

.map_home {
	width: 300px;
	height: 222px;
}

.map_detail {
	width: 940px;
	height: 280px;
	float: left;
	position: relative;
	top: -30px;
}
.mappopup {
	width: 250px;
	float: left;
}
.mappopup img  {
	float: left;
}
.mappopup .mapinfo  {
	float: left;
	width: 100px;
	margin-left: 10px;
}

/* zoekbalk  */

#filter {

}

#filter span {
	float: left;
}
#filter .submit {
	float: left;
	position: relative;
	left: 874px;
	top: -30px;
}

#metrage_tekst {
	margin: 0 0 0 15px;
}
#waarde {
	margin: 0 0 0 15px;
}

#slider {
	background: #ffffff;
	height: 14px;
	width: 185px;
	background: url(../_img/slider_bg.png) no-repeat top left;
	float: left;
	margin: 0 0 0 15px;
	position: relative;
	top: 3px;
}

#drag {
	height: 14px;
	width: 14px;
	background: #4d484f;
	background: url(../_img/drag.png) no-repeat top left; 	
}
#plaats_select  {
	font:13px Akkurat, Arial, sans-serif;
	color:#73665F;
	width:220px;
	float: left;
	margin: 0 0 0 10px;
}

#aanbod {
	width: 960px;
	margin: 0 0 30px 0;
}

.loader {
 float: left;
 clear: both;
}

/* aanbod  */
.aanbod_item {
	float: left;
	margin: 0 20px 30px 0;
	height: 200px;
	display: block;
	height: 230px;
}
.aanbod_item_tekst {
	padding: 5px;
}
.aanbod_item_verhuurd {
	position: relative;
	top: -120px;
}
.verhuurd {
	padding: 5px;
	position: relative;
	top: -175px;
	left: 100px;
}

/* paginering */

#paginering {
	width: 940px;
	float: left;
	position: relative;
	margin: 30px 0 30px 0;
}
.vorige {
	background: url(../_img/vorige.png) no-repeat top left; 	
	float: left;
	height: 20px;
	width: 20px;
}

.volgende {
	background: url(../_img/volgende.png) no-repeat top left; 	
	float: right;
	height: 20px;
	width: 20px;
}

.vorige:hover {
	background: url(../_img/vorige_over.png) no-repeat top left; 	
}
.volgende:hover {
	background: url(../_img/volgende_over.png) no-repeat top left; 	
}

.paginering_items {
	left:50%;
	margin:0 0 0 -250px;
	position:absolute;
	text-align:center;
	width:500px;
}
.paginering_item {
	color: #FFFFFF !important; 
	background: url(../_img/paginering_bg.png) repeat-x top left; 	
	margin: 5px;
	padding: 2px 7px 5px 7px;
}
.paginering_item:hover {
	background: url(../_img/paginering_bg_over.png) repeat-x top left; 	
}
.paginering_item_active {
	color: #FFFFFF !important; 
	font-size: 1.7em !important; 
	background: url(../_img/paginering_bg_active.png) repeat-x top left; 	
	margin:  0 5px 0 5px;
	padding: 3px 10px 3px 10px;
}
.omschrijving {
	margin: 10px 0 0 0;
}
.detail_titel {
 position: absolute;
 z-index: 10000;
 width: 200px;
 padding: 20px;
}
#gallery_left {
	background: url(../_img/gallery_left.png) no-repeat top left; 
	width: 75px;
	height: 100px;
	position: relative;	
}
#gallery_right {
	background: url(../_img/gallery_right.png) no-repeat top left; 
	width: 75px;
	height: 100px;
	position: relative;	
	float: right;
	right: 0px;
	top: -100px;
}
#no_gallery {
	width: 75px;
	height: 100px;
	position: relative;	
}

#gallery_left:hover {
	background: url(../_img/gallery_left_over.png) no-repeat top left; 
}
#gallery_right:hover {
	background: url(../_img/gallery_right_over.png) no-repeat top left; 
}

/* content  */

#content_left {
	width: 640px;
	float: left;
}
#content_left img{
	margin: 0 0 20px 0;
}
#content_left p{
	padding: 0 50px 0 0;
}

#content_right {
	width: 260px;
	margin: 10px 20px;
	float: left;
}
#content_right img {
	margin: 0 10px 10px 0;
	float: left;
}
.content_right_container {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #BBB3AD;
}
.content_right_specs {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #BBB3AD;
	height: 360px;
}

/* standard */

h1, h2, h3, h4, h5 {
	font-weight: normal;
	line-height:1em;
	padding: 0;
	margin: 0;
}
h1{
	font-family: Akkurat, Arial, sans-serif;
	font-size:2.4em;
	color: #443B34;
	text-transform: lowercase;
}
h2{
	font-family: Akkurat-Italic, Arial, sans-serif;
	font-size: 2.4em;
	color: #9ABF1F;
	text-transform: lowercase;
}
h3{
	font-family: Akkurat, Arial, sans-serif;
	font-size: 1.5em;
	color: #819F19;
	margin: 0 0 20px 0;
}
h4{
	font-family: Akkurat-Bold, Arial, sans-serif;
	font-size:1em;
	color: #443B34;
	line-height:1.3em;
	margin: 0 0 5px 0;
}
h5{
	font-family: Akkurat-Bold, Arial, sans-serif;
	font-size:1em;
}
a {
	color:#819F19;
	text-decoration: none;
	font-family: Akkurat-Italic, Arial, sans-serif;
}
a:hover {
	color:#443B34;
}
p {
	padding: 0;
	margin: 0 0 10px 0;
}
img {
	display: block;
}

.intro{
	color: #443B34;
}

.clear{
	clear:both;
	display:block;
	float:none !important;
}

.padding{
	padding: 10px;
}
.left{
	float:left;
}
.lefttxt {
	text-align:left;
}
.right{
	float:right; 
}
.righttxt{
	text-align:right;
}
.wrap{
	width:auto; /*word-wrap: break-word; */
}
.nowrap{
	white-space:nowrap;
}
.auto{
	width:auto;
}
.hide{
	display:none !important;
}
.show{
	display:block;
}
.bold {
	font-weight:bold;
}
.line {
	width: 80px;
	height: 1px;
	background-color: #BBB3AD;
	margin: 0 0 10px 0;
}
.green {
	color:#819F19;
}
.submit {
	font:13px Akkurat-Italic, Arial, sans-serif;
	border: none;
	color: #FFFFFF;
	background: url(../_img/btn_bg.png) repeat-x top #9BBF1F; 	
	clear: both;
    padding: 0.1em .35em;
    width: 0;
    overflow: visible;
	height: 20px;
	margin: 10px 0 10px 0;
     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px #443B34;
	-webkit-box-shadow: 1px 1px 1px #443B34;
	box-shadow: 1px 1px 1px #443B34;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#443B34')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#443B34');
}
.submit:hover {
	background: url(../_img/btn_bg_over.png) repeat-x top #443B34; 
}

.submit[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}
.td_specs{
	width:45%;
}

table {
	border: 0;
	padding: 0;
}
tr {
	border: 0;
	padding: 0;
}

th {
	border: 0;
	text-align: left;
	padding: 0;
}

td {
	border: 0;
	padding: 0;
	vertical-align:text-top;
}