﻿@import url("reset.css");

body			
{ 
	color: #000; 
	background: #dcdcdc /* url(/images/Logo_Lemmens.gif) center no-repeat */; 
}

/*-------------- Wrapper ------------------*/
.homeBody #wrap
{
	min-height: 530px; 
	top:50%;
	position:absolute;
	margin-top:-265px;
	left:50%;
	margin-left:-468px;
}
#wrap 			
{ 
	width: 937px; 
	min-height: 100%; 
	margin: 0 auto;
	overflow:hidden;
	background:url(/images/header-bg.jpg) top left no-repeat;
}

/*-------------- Layout -------------------*/

#header			
{ 
	position: relative;
	width:900px;
	height:180px;
	padding:11px 19px 0 19px;
	float:left;
	z-index:10;
}

.logo			
{ 
	display: block; 
	width: 213px; 
	height: 64px; 
	text-indent: -9999px;
	position: absolute;
	top: 53px; 
	left: 58px;
	background:url(/images/logo.gif) left top no-repeat;
	z-index:20; 
}
/*---------- menu top------------*/
#menuTop			
{ 
	margin-bottom: 0;
	float:right;
	padding:50px 33px 0 0;
}
#menuTop li		
{ 
	margin: 0; 
	list-style:none;
	padding-right:11px;
	padding-left:10px;
	float:left;
	background:url(/images/menu-top-separator.gif) right center no-repeat;
}
#menuTop a:link,
#menuTop a:visited
{  
	font-size:11px;
	line-height:13px;
	color:#000;
	position:relative
}
#menuTop a:hover
{  
	color:#a2a2a2;
	text-decoration:none;
}
/*---------- menu bop------------*/
#menuBot			
{ 
	margin:67px 0 0 0;
	width:900px;
	float:left;
	position:relative;
}
#menuBot li		
{ 
	margin:0; 
	list-style:none;
	float:left;
	width:180px;
	display:block;
	position:relative;
	z-index:2000;
}
#menuBot li.over ul
{ 
	display:block;
}
#menuBot a:link,
#menuBot a:visited
{  
	font-size:13px;
	line-height:15px;
	color:#fff;
	height:35px;
	width:167px;
	padding: 9px 0 0 13px;
	background:url(/images/menu-li-bg.png) left top no-repeat;
	display:block;
	font-weight:bold;
	cursor:pointer;
	position:relative;
}
#menuBot li.over a:link,
#menuBot li.over a:visited
{  
	color:#231f20;
	text-decoration:none;
	height:35px;
	width:167px;
	background:url(/images/menu-li-hover-bg.png) left top no-repeat;
}
#menuBot .submenu
{
	list-style:none;
	position:absolute;
	left:0;
	top:35px;
	display:none;
	z-index:1100;
}
#menuBot .submenu li
{
	margin:0;
	width:180px;
	background:#fff url(/images/submenu-bg.gif) bottom center no-repeat !important;
}
#menuBot li ul.submenu li a:link,
#menuBot li ul.submenu li a:visited
{
	background:none !important;
	padding:0;
	display:block;
	height:11px;
	color:#bdbdbd;
	padding:4px 20px 11px 13px;
	width:147px;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
}
#menuBot .submenu li a:hover
{
	color:#787878 !important;
	text-decoration:none;
}
#menuBot .submenu li.empty
{
	background: url(/images/empty-li.png) top left no-repeat !important;
	width:180px;
	height:20px;
	display:block;
}
/*-----------------------------*/				
#content		
{  
	float:left;
	margin-top:-45px;
	padding:0 18px 40px 19px;
	width:900px;
}
#content p
{
	line-height:15px;
	margin-bottom:10px;
}
#leftCol		
{  
	width:671px;
	float:left;
}
#leftColAanbod
{
	width:637px;
	float:left;
	padding:46px 14px 35px 20px;
	background:#fff url(/images/left-col-aanbod-bg-bot.jpg) bottom left no-repeat;
	min-height:325px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}
#leftColAanbod a{
	text-decoration:underline;
	font-weight:bold;
}
#rightCol		
{ 
	width:228px;
	float:right;
	background: #fff url(/images/left-col-bg.gif) bottom left no-repeat;
	padding-top:43px;
}
#extraRightCol
{
	width:229px;
	float:right;
}
/*--------------- home black buttons list -----------*/
ul.blackBlocks
{
	list-style:none;
	width:100%;
	float:left;
	padding-top:1px;
}
ul.blackBlocks li
{
	float:left;
	background:url(/images/black-block-bg.gif) left top no-repeat;
	width:223px;
	height:88px;
	margin:0 1px 0 0;
}
ul.blackBlocks li a
{
	width:195px;
	height:78px;
	padding:10px 8px 0 20px;
	color:#fff;
	font-size:16px;
	line-height:22px;
	display:block;
	font-weight:bold;
	background:url(/images/black-block-pointer.gif) no-repeat 190px 10px;
	float:left
}
ul.blackBlocks li a:hover
{
	color:#a2a2a2;
	text-decoration:none;
}
/*------------------------------------------------------*/
.ramka
{	
	display:block;
	width:216px;
	height:157px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	float:left;
	margin-left:8px;
}
.ramka span
{
	background:transparent url(/images/photo-ramka.png) no-repeat scroll 0 0;
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.ramka img
{
	padding:16px 0 0 15px;
}

#infoBlock
{
	float:left;
	width:190px;
	padding:5px 20px 10px 18px;
}
.topBorder
{
	background:url(/images/separator.gif) repeat-x left top;
	padding-top: 25px;
	margin-top:14px;
}
.margin1
{
	padding-top: 14px;
	margin-top:6px;
}
.margin2
{
	padding-top:0;
	margin-top:0;
}
a.blackLink
{
	width:100%;
	display:block;
	color:#000;
	font-weight:bold !important;
	font-size:13px;
	line-height:23px;
	background:url(/images/pointer-black.jpg) right center no-repeat;
}
a.blackLink:hover
{
	text-decoration:none;
	color:#a2a2a2;
}
.margin3
{
	margin-bottom:10px;
}
a.greyLink
{
	width:100%;
	display:block;
	color:#000;
	font-size:13px;
	line-height:23px;
	background:url(/images/pointer-grey.jpg) right center no-repeat;	
}
a.greyLink:hover
{
	text-decoration:none;
	color:#a2a2a2;
}
/*------------- logos list --------------------*/
#logosList
{
	list-style:none;
	margin:0;
	padding-top:14px;
	float:left
}
#logosList	li
{
	float:left;
	margin:0;
}
#logosList .logo1
{	
	margin-right:32px;
	display:block;
}
#logosList .logo2
{	
	margin-right:27px;
	margin-top:2px;
	display:block;
}
#logosList .logo3
{
	display:block;
	color:#454545;
	width:53px;
	line-height:12px;
}
#logosList .logo3:hover
{
	color:#787878;
	text-decoration:none
}
#logosList .logo3_
{
	display:block;
	color:#3b3b3b;
	width:53px;
	line-height:12px;
}
#logosList .logo3_:hover
{
	color:#787878;
	text-decoration:none
}
#extraRightCol #logosList
{
	padding-left:18px;
	margin:0;
}
/*--------------- paging ----------------------*/
.paging
{
	float:left;
	list-style:none;
	padding-top:14px;
	padding-right:45px;
	padding-bottom:10px;
	margin-bottom:0;
}
.paging li
{
	margin:0;
	padding:0 10px;
	float:left;
	background:url(/images/paging-separator.gif) right center no-repeat;
}
.paging li a
{
	color:#bdbdbd;
}
.paging li a:hover
{
	color:#787878;
	text-decoration:none;
}
.paging li a.active
{
	color:#787878;
}

/*---------------------------------------------*/
.items
{
	list-style:none;
	margin:0;
	float:left
}
.items li
{
	width:637px;
	margin:0;
	border-bottom:2px solid #eee;
	padding:20px 0;
	float:left;
}
.items li p
{
	margin-bottom:17px;
	font-size:11px;
}
.items img
{
	float:left;
	margin:0;
}
.price,
.status
{
	color:#000;
	padding-left:245px;
}
#content p.status
{
	margin-bottom:0;
}
.description
{
	color:#787878;
	padding-left:245px;
}
.items li a
{
	float:left;
}
/*---------------- details --------------------*/
.details
{
	padding-top:20px;
}
.details img
{
	padding-top:20px;
}
.details p
{
	padding-left:0;
}
.fotosList
{
	width:621px;
	height:123px;
	overflow:hidden;
	padding-bottom:21px;
}
.fotosList ul
{
	list-style:none;
	width:1300px;
	float:left;
}
.fotosList ul li
{
	float:left;
	margin:0;
	padding-right:15px;
	padding-top:15px;
}
.fotosList ul li img
{
	padding:0;
}
/*---------------------------------------------*/
#footer			
{ 
	height:30px;
	margin:-70px 0 -30px 0;
	overflow:hidden;
	padding-left:130px;
	float:left
}
#footer ul
{
	list-style:none;
	overflow:hidden;
}
#footer ul li
{
	margin:0;
	padding:0 10px;
	float:left;
	background:url(/images/paging-separator.gif) right center no-repeat;
	color:#454545;
}
#footer ul li a
{
	color:#454545;
}
#footer ul li a:hover
{
	color:#787878;
	text-decoration:none;
}	

.buurtgegevens_maintable {
	
	width:600px;
}	

/* Style voor de contactformulieren */
#forms legend
{display:block;color:#000}
#forms fieldset
{
    border:solid 1px #DCDCDC;
    padding:10px;
}
.row
{
    clear:left;
    overflow:hidden;
}
.row label
{
    display:block;
    width:220px;
    float:left;
    margin-bottom:2px;
}

.row input, .row textarea
{
    width:300px;
}
.row #Woonwensen
{
	width:520px;
}
.postcode input, .telefoon input
{
    width:100px !important;
}
.radiodiv input
{
 width:auto !important;
}
.sendlink
{
    margin-top:10px;
    float:left;
}
.sendlink a
{
    float:left;
}
input:focus {
      background: #F0F0F0;
}
