/* CSS Document */

/*Overzicht advertenties*/
#toppaging
{
  height:20px;
  margin-bottom: 5px;
}

.advertentie{
	background: url(../img/overzichtbg.gif) repeat-x;
	height: 139px;
	width: 288px;
	padding: 10px 12px;
	color: #691609;
	float: left;
	margin: 0 24px 15px 0;
}
.right{
	margin: 0 0 15px 0;
}
.advertentie .head{
	background: url(../img/deviderline.gif) repeat-x left bottom;
	padding: 0 0 5px 0;
}
.datum{
	display: block;
	width: 113px;
	float: left;
}
.naam{
	display: block;
	float: left;
	color: #a30101;
	font-weight: bold;
}
.img{
	float: left;
	width: 100px;	
	position: relative;
	height: 117px;
	margin: 8px 0 0 0;
}

.img img{
	height: 117px;
	width: 100px;
	z-index: 1;

}
.nieuw{
    position: absolute;
	top: 0;
    display: block;
	z-index: 10;
	width: 100px;
	height: 117px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../img/label_nieuw3.png) no-repeat;
}


.info{
	padding: 8px 0 0 0;
	line-height: 21px;
	width: 175px;
	float: right;
}
.txt{
	height: 91px;
}
.advertentie .button, #zoeken .button{
	display: block;
	float: left;
	height: 17px;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	background: url(../img/advertentiebutton.gif) repeat-x;
	padding: 3px 7px 0 7px;;
	border-left: 1px solid #a30101;
	border-right: 1px solid #a30101;	
}
.advertentie .button:hover, #zoeken .button:hover{
	background: url(../img/advertentiebuttonhover.gif) repeat-x;
	border-left: 1px solid #c20000;
	border-right: 1px solid #c20000;
}
#footer
{
  clear: both;
	color: #cebea0;
	margin-top: 5px;
}
#footer a{
	color: #cebea0;
	text-decoration: underline;
}

#foot{
  clear: both;
  text-align: center;
}

/*Profiel*/
#profiel{
	background: #e2ca9f url(../img/profielbg.gif) repeat-x;
	margin: 0 0 15px 0;
	padding: 10px 12px;
	color: #691609;
	clear: both;
}
#profiel .row{
	padding: 0 0 10px 0;
}
#profiel .left{
	width: 272px;
	float: left;
}
#profiel .right{
	width: 339px;
	float: right;
}
#profiel .right a{
	color: #a30101;
}
#profiel h1, #profiel h2{
	color: #a30101;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 5px 0;	
	background: url(../img/profieldevider.gif) repeat-x left bottom;
	margin: 0 0 5px 0;
}
#profiel .mailicon{
	position: relative;
	top: 1px;
	margin: 0 5px 0 0;
}
#profiel .photoicon{
	position: relative;
	top: 1px;
	margin: 0 5px 0 0;
}
#profiel .profielfoto{
	width: 100px;
	float: left;
	display: block;
	margin: 5px 10px 0 0;
}
#profiel .profielinfo{
	padding: 5px 0 0 0;
}
#profiel .profielinfo li a{
	color: #a30101;
}
#profiel .profielinfo li{
	list-style: none;
	height: 21px;
}
#profiel .profielinfo li span{
	font-weight: bold;
}
#profiel p{
	line-height: 21px;
	margin: 0 0 10px 0;
}
#profiel .mogelijkheden li{
	list-style: none;	
	height: 21px;	
	background: url(../img/listmogelijkheden.gif) 0 3px no-repeat;
	text-indent: 12px;
}
#profiel .mogelijkheden li:first-letter{
	text-transform:capitalize;
}
#profiel form label{
	display: block;
	margin: 0 0 5px 0;
}
#profiel form input, #profiel form textarea{
	margin: 0 0 10px 0;
}
#profiel a.button{
  color:#fff;
}
#profiel .button{
	display: block;
	float: left;
	height: 17px;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	background: url(../img/advertentiebutton.gif) repeat-x;
	padding: 3px 7px 0 7px;;
	border-left: 1px solid #a30101;
	border-right: 1px solid #a30101;	
}
#profiel .button:hover{
	background: url(../img/advertentiebuttonhover.gif) repeat-x;
	border-left: 1px solid #c20000;
	border-right: 1px solid #c20000;
}
#profiel .fotos{
	padding: 3px 0 0 0;
}
#profiel .fotos img{
	height: 170px;
	margin: 0 10px 10px 0;
}
/*Banner*/
#banner{
  margin: 0 0 15px 0;
}

/*Laatst bezocht*/	
#laatstbezocht{
	background: #e2ca9f url(../img/profielbg.gif) repeat-x;
	margin: 0 0 15px 0;
	padding: 10px 12px;
	color: #691609;
}
#laatstbezocht h1, #laatstbezocht h2{
	color: #a30101;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 5px 0;	
	background: url(../img/profieldevider.gif) repeat-x left bottom;
	margin: 0 0 5px 0;
}
#laatstbezocht .advertentie{
	background: none;
	height: 127px;
	width: 306px;
	overflow: hidden;
	color: #691609;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
#laatstbezocht .right{
	margin: 0;
}
#laatstbezocht .advertentie .img{
	padding: 8px 0 0 0;
	float: left;
	width: 100px;
}
#laatstbezocht .advertentie .info{
	padding: 8px 0 0 0;
	line-height: 21px;
	width: 195px;
	float: right;
}
/*Betaalscherm*/
#betaalscherm{
	background: #f7eddc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	padding: 5px 5px 10px 5px;
	color: #000;
	font-size: 11px;
}
#betaalscherm h1, #betaalscherm h2{
	color: #000;
	font-size: 14px;
	background: url(../img/deviderbetalen.gif) repeat-x bottom left;
}
/*
#betaalscherm form{
	height: 35px;
}
#betaalscherm .nummer{
	font-weight: bold;
	color: #be0000;
}
#betaalscherm .tarief{
	color: #9f9076;
	font-size: 9px;
}
#betaalscherm input{
	float: left;
	width: 50px;
	display: block;
}*/
#betaalscherm .button, #betaalscherm .button:hover{
	background: url(../img/greenbutton2.gif) repeat-x;
	margin: 10px 0 0 11px;	
	padding: 0;
	float: none;
	border: none;
	display: block;
	width: 93px;
	height: 29px;
	text-indent: -9999em;
}

#betaalscherm ul li{
	list-style: none;
	background: url(../img/listbetalen.gif) no-repeat 0 8px;
	padding-left: 12px;
	line-height: 24px;
	/*height: 24px;*/
	font-size: 13px;
}

#betaalscherm span.bold{
  font-weight: bold;
}
 
#betaalscherm span.accent{
  font-weight: bold;
  color: #3e9f03;
}


/*Betaal*/
#betaal{
	background: #e2ca9f url(../img/profielbg.gif) repeat-x;
	margin: 0 0 15px 0;
	padding: 10px 12px 0 12px;
	color: #691609;
	clear: both;
}
#betaal .left{
	width: 200px;
	float: left;
	padding: 0 10px 0 0;
	margin: 0 0 15px 0;
	color: #691609;
	clear: both;
	height: 305px;
}
#betaal .right{
	width: 412px;
	float: right;
}
#betaal .right a{
	color: #a30101;
}
#betaal h2{
	color: #a30101;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 5px 0;	
	background: url(../img/profieldevider.gif) repeat-x left bottom;
	margin: 0 0 10px 0;
}
#betaal h2 span{
	display: block;
	float: left;
}
#wrapper #betaal h2 a{
	display: block;
	float: right;
	color: #CF2C2C;
}

#profiel h1 span, #laatstbezocht h2 span{
	display: block;
	float: left;
}
#wrapper #profiel h1 a, #laatstbezocht h2 a{
	display: block;
	float: right;
	color: #CF2C2C;
}
#zoeken h2 span{
	display: block;
	float: left;
}
#wrapper #zoeken h2 a{
	display: block;
	float: right;
	color: #CF2C2C;
}

#wrapper #betaal h2 a:hover{
	display: block;
	float: right;
	color: #CF2C2C;
	text-decoration: underline;
}
#betaal .profielfoto{
	width: 120px;
	display: block;
	margin: 5px 10px 5px 0;
	float: left;
}
#betaal .profielinfo{
	padding: 0;
	display: block;
	float: left;
}
#betaal .profielinfo li{
	list-style: none;
}
#betaal .profielinfo li span{
	font-weight: bold;
	display: block;
}
#betaal p{
	line-height: 18px;
	margin: 0 0 5px 0;
}
/*Zoeken*/
#zoeken{
	background: #e2ca9f url(../img/profielbg.gif) repeat-x;
	margin: 0 0 15px 0;
	padding: 10px 12px;
	color: #691609;
}
#zoeken h2{
	color: #a30101;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 5px 0;	
	background: url(../img/profieldevider.gif) repeat-x left bottom;
	margin: 0 0 5px 0;
}
#zoeken .col{
	float: left;
	width: 200px;
}
#zoeken label{
	display: block;
	margin: 0 0 5px 0;
}
#zoeken select{
	margin: 0 0 10px 0;
	width: 175px;
}
#zoeken input{
	width: 170px;
	margin: 0 0 13px 0;
}