/* ================================
    CSS STYLES FOR Module SW_Makelaar
   ================================
*/

.HDR_Adres 
{
	font-size: larger;
	font-weight:bold;
	color:Maroon;
}
.HDR_pcwp
{
}
.hdr_space
{
	height:2px;
}
.hdr_prijs
{
	font-size: larger;
	font-weight:bold;
}



















/*
TABS display
works with following HTML:
<link rel="stylesheet" href="style/test1.css" type="text/css" media="all">
<div class="pgtabs-content">
	<ul class="pgtabs">
		<li onclick="id='sel';">
			<a href="#1" >Overzicht</a></li>
		<li onclick="id='sel';">
			<a href="#2" >Omschrijving</a></li>
		<li onclick="id='sel';">
			<a href="#3" >Kenmerken</a></li>
		<li onclick="id='sel';">
			<a href="#4" >Foto's</a></li>
		<li id="sel" onclick="id='sel';">
			<a href="#5" >Kaart</a></li>
	</ul>
</div>
*/


.pgf  {
	background:  url("images/line.gif") repeat-x bottom;
	padding-bottom: 1px;
	margin-bottom: 1em;
	float: left;
	line-height: normal;
	width: 100%;
}

ul.pgfpg {
	margin: 0; /*!important*/
	padding: 0;
	list-style: none;
}

ul.pgfpg li {
	font-size: 0.9em;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 0 9px;
	list-style-type: none;
	background:  url("images/pgf_left.gif") no-repeat left top;
	background-color: Transparent;
}


ul.pgfpg li#sel  {
	background: url("images/pgf_left-active.gif");
	margin-bottom: -1px;
	/*position:relative;*/
	background-color: Transparent;
	z-index: 1;
}

ul.pgfpg li a  {
	background: url("images/pgf_right.gif") no-repeat right top;
}

ul.pgfpg li#sel a {
	color: black;
	padding-bottom: 2px;
	background: url("images/pgf_right-active.gif") right top;
}

ul.pgfpg li a:hover {
	color: Red;
	text-decoration: none;
}

ul.pgfpg li a:link, 
ul.pgfpg li a:visited {
	float: left;
	display: block;
	padding: 4px 9px 1px 0px;
	text-decoration: none;
	font-weight: bold;
	color: #808080;
}