HTML{
}

BODY {
   font-size : 12px; 
   font-family : arial, helvetica, sans-serif;
   color : #222222; 
   background-color : #ffffff ; 
   margin-top : 30px ; 
   margin-left : 25px ;
   margin: 0px ;
/*   scrollbar-arrow-color: #ffffff ;
   scrollbar-base-color: #88B92D ;*/
}

.input {
   font-size : 12px; 
   font-family : arial, helvetica, sans-serif; 
   color : #000000; 
   background-color : #ffffff; 
}

.submit {
   font-size : 12px; 
   font-family : arial, helvetica, sans-serif; 
   color : #CF6A05; 
}

.select {
   font-size : 12px; 
   font-family : arial, helvetica, sans-serif; 
   color : #000000; 
   background-color : #ffffff; 
}

#onderhoud {
   	right : 10px; 
   	bottom : 10px; 
   	position : absolute; 
   	z-index : 2 ;
}

#content {
	font-size : 12px; 
	font-family : arial, helvetica, sans-serif;
  	color : #000000; 
   	top : 100px; 
   	margin-left : 2px; 
   	z-index : 1 ;
	_width: expression(document.body.offsetWidth  -500 + "px") ;
}

td {
	font-size : 12px; 
	font-family : arial, helvetica, sans-serif;
   	color : #222222;
}

a {
	text-decoration:none;
	color:#CF6A05;
}

a:hover {
	color:#E89804;
 }

.lijn {
	background-color: #CF6A05;
	height: 1px
}

STRONG.oranje {
	color: #CF6A05;
}

STRONG.groen {
	color: #88B92D;
}

div#inhoud {
	margin-left: auto;
  margin-right: auto;
  width: 800px;
}

div#content {
	position:relative; 
	font-size : 14px; 
	font-family : arial, helvetica, sans-serif;
  color : #000000; 
  top : 0px; 
  margin-left : 15px; 
  z-index : 1 ;
	_width: expression(document.body.offsetWidth  -500 + "px") ;
}

div#header{
 	height: 120px;

}

div#fotobrowser{
 	height: 120px;
 	width: 760px;
}

div#header div#logo {
	background-image: url(../../img/logo.png);
	background-position:left;
	width: 477px;
	height: 100px;
	float:left;
}
div#header div#login{
	left: 477px;

	height: 100px;
	background-image: url(../../img/header_bg.png);
	background-repeat:repeat-x;
	text-align:right;
	color: #666666;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	
}

div#header div#zoek {
	background-image: url(../../img/zoek_bg.png);
	height:34px;
	background-repeat: repeat-x;
	width: 100%;
	text-align:center;
	text-indent:inherit;


}

div#zoekrubriek{
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	_position: ;
	_z-index: 3;
	_left: 0;
	_right: 0;
	margin-top:2px;
}



div#header div#zoek td {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}

div#header div#zoek a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

div#header div#login div#login_top{
	width: 500px;
	height: 45px;
	margin-top: 10px;
 	float: right;
	padding-right: 10px;
	
}

div#header div#login  div#login_bottom{
	width: 500px;
	height: 20px;
	float: right;
	background-color: none;
	padding-right: 12px;
	font-size:11px;
	margin-top:-7px;
}

div#menu {
	background-image: url(../../img/sub_bg.png);
	width: 185px;

	font-family:Tahoma, Arial, Helvetica, sans-serif
	font-size:12px;
	font-weight:bold;
	color:#000000;
	z-index:2;
	position: absolute;
	top: 155px;
	bottom: 20px;
}	

div#rubriek a{
	background-image: url(../../img/sub.png);
	height:20px;
	width:185px;
	text-align: center;
	padding-top: 5px;
	display: block;
}
div#rubriek a:hover{
	background-image: url(../../img/sub_over.png);
	height:20px;
}



div#rubriek a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#585858;

}

div#menu_top {
	background-image: url(../../img/rubrieken.png);
	width:185px;
	height:55px;
	margin-top:-20px;
	_margin-top: -34px;
} 

div#footer {
	background-image: url(../../img/footer_bg.png);
	height: 35px;
	width:100%;
	position:absolute;
	bottom:0;
	z-index:3;
}	

div#footer_text {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	padding-top:18px;
}

div#welcome {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	margin-bottom:10px;
	background-color: none;
	width: 400px;
}

div#overzicht {
	background-image: url(../../img/watermerk.png);
	background-repeat:no-repeat;
	background-position:right top;
	left: 197px;
	width:826px;
	
	top : 134px;
	@top: 135px;
	bottom: 35px;
	@bottom: 35px;

	_height:  expression(document.body.offsetHeight  - 230 +  "px");
	_width: expression(document.body.offsetWidth  - 450 + "px") ;
	overflow-x: hidden;
	overflow-y: auto !important;

	position: absolute;
}

div#title {
	background-image: url(../../img/krant.png);
	background-repeat:no-repeat;
	height:25px;	
	width:600px;
	padding-left:30px;
		font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#88B92D;
	text-decoration:none;
	font-weight:normal;	

}

div#title h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#88B92D;
	text-decoration:none;
	font-weight:normal;
}

div#terug {
	background-image: url(../../img/button.png);
	background-repeat:no-repeat;
	height:28px;
	width:228px;
	
}

div#advertenties{
margin-top: 10px;
background:none;
width: 400px;

}

div#advertentie{
	width: 98%;
 	margin-bottom: 10px;
}

div#advertentie_top{
	height: 13px;
	background-color: #FF972F;
	margin-top: 5px;
	padding: 2px;
	padding-left: 5px;
}

div#advertentie_top_left{
	float: left;
	background-color: #FF972F;
}

div#advertentie_top_right{
	float: right;
	background-color: #FF972F;
}

div#advertentie_foto{
	background-color: #FFF2DF;
	margin-top: 5px;
	padding: 10px;
	padding-left: 10px;
}

div#advertentie_foto_gallerij{
	width: 100%;
}

div#advertentie_beschrijving{
	background-color: #FFECCE;
	margin-top: 5px;
	padding: 10px;
	padding-left: 10px;
}

div#reactie{
	background-color: #FFF2DF;
	margin-top: 4px;
	padding: 10px;
	padding-left: 10px;

}

div#advertentie_buttons{
  margin-left: auto;
  margin-right: auto;
  width: 800px;
	margin-left: 50px;
	margin-top: 10px;
	Height: 20px;

}

div#button{
 	float: left;
	height: 25px;
}

div#button_left_terug{
	background-image: url(../../img/button_left_terug.png);
	background-repeat:no-repeat;
	width: 22px;
	height: 25px;
	float: left;
	cursor:pointer;
}

div#button_left{
	background-image: url(../../img/button_left.png);
	background-repeat:no-repeat;
	width: 22px;
	height: 25px;
	float: left;
	cursor:pointer;
}

div#button_center{
	background-image: url(../../img/button_center.png);
	background-repeat:repeat-x;
	float: left;
	height: 25px;
	color:#000000;
	padding-top:3px;
	cursor:pointer;
}

div#button_right{
	background-image: url(../../img/button_right.png);
	background-repeat:no-repeat;
	float: left;
	height: 25px;
	width: 12px;
	cursor:pointer;
}

div#button_groen_left{
	background-image: url(../../img/button_left_groen.png);
	background-repeat:no-repeat;
	width: 22px;
	height: 25px;
	float: left;
	cursor:pointer;
}

div#button_groen_center{
	background-image: url(../../img/button_center_groen.png);
	background-repeat:repeat-x;
	float: left;
	height: 25px;
	color:#FFFFFF;
	padding-top:3px;
	cursor:pointer;
}

div#button_groen_right{
	background-image: url(../../img/button_right_groen.png);
	background-repeat:no-repeat;
	float: left;
	height: 25px;
	width: 12px;
	cursor:pointer;
}

div#button_grijs {
	margin-top:5px;
	float:right;
	height: 25px;
}

div#button_grijs_left{
	background-image: url(../../img/button_grijs_left.png);
	background-repeat:no-repeat;
	width: 7px;
	height: 23px;
	float: left;
	cursor:pointer;
}

div#button_grijs_center{
	background-image: url(../../img/button_grijs_center.png);
	background-repeat:repeat-x;
	float: left;
	height: 23px;
	color:#FFFFFF;
	padding-top:3px;
	cursor:pointer;
}

div#button_grijs_right{
	background-image: url(../../img/button_grijs_right.png);
	background-repeat:no-repeat;
	float: left;
	height: 23px;
	width: 11px;
	cursor:pointer;
}

#ingelogd{
padding-top: 1px;
position:absolute;
left: 620px;
top: 10px;
width: 400px;

}

#login_form {
padding-top: 1px;
position:absolute;
left: 629px;
@left: 510px;
width: 400px;

}

#user_login{
float:right;
height: 23px;
width:140px;;
text-align:left;
padding-top: 8px;
}

#user_buttons{

}


/* List: Media */
#content ul.list-media,
#content .template2 ul {
	list-style:					none;
	margin:						10px 0 20px 0;
	height:						90px;
}

#content ul.list-media li,
#content .template2 ul li {
	float:						left;
	width:						135px;
	margin:						0 20px 0 0;
}

#content ul.list-media li img.visual,
#content .template2 ul img {
	margin:						0 0 5px 0;
	padding:					3px;
	border:						1px solid #CCC;
	background:					#FFF;
}



/* List: Profiles */
#content ul.list-profiles {
	list-style:					none;
	margin:						0 0 40px 0;
}

#content ul.list-profiles li {
	margin-bottom:				10px;
}

#content ul.list-profiles li a.visual img {
	float:						left;
	margin:						0 10px 0 0;
}

#content ul.list-profiles li .details {
	float:						left;
	width:						170px;
	padding-top:				15px;
}

#content ul.list-profiles li .details p {
	margin-bottom:				5px;
}

/* Javascriptslider: Last photos */
.last-photos {
	position:			relative;
	height:				100px;
	margin:				20px 0 20px 0;
	background:			url(../image/bg-lastphotos.png) no-repeat top left;
}

.last-photos div.wrapper {
	overflow:			hidden;
	height:				100px;
	width:				auto;
}

.last-photos div.absolute {
	position:			absolute;
	height:				100px;
	width:				672px;
	overflow:			hidden;
	left:				25px;	
}

#spotlightcontent_huur .last-photos div.absolute,
#spotlightcontent_koop .last-photos div.absolute,
#spotlightcontent_nieuwbouw .last-photos div.absolute {
	height:				200px;
}

.last-photos ul {
	position:			absolute;
	top:				-14px;
	left:				0px;
	list-style:			none;
	width:				50000px;
}

.last-photos ul li {
	float:				left;
	width:				126px;
	margin:				0 19px 0 0;
	text-align:			left;
}

.last-photos ul li img {
	margin:				0;
	padding:			3px;
	background:			#FFF;
	border:				1px solid #d1d1d1;	
}

.last-photos a.nav-lastphotos-left, 
.last-photos a.nav-lastphotos-right {
	width:				18px;
	height:				100px;
	display:			block;
	position:			absolute;
	outline:			0;
	top:				0px;
}

.last-photos a.nav-lastphotos-left {
	background:			url(../image/btn-lastphotos-left.gif) no-repeat top left;
	left:				0px;
}

.last-photos a.nav-lastphotos-right {
	background:			url(../image/btn-lastphotos-right.gif) no-repeat top left;
	left:				702px;
}

.photo-large {
	width:				800px;
	margin:				0px auto;
	text-align:			center;
}