/*   stylesheet Woningnet   */
/*     www.woningnet.nl     */

/* 
Deze CSS bevat de elementen die voor de woningdetails gebruikt worden
*/

/* kleuren:
	rood: #F03435
	grijze kaderlijnen: #C8C8C8
	grijze vlakken: #EFEFEF
	grijze tekst: #6C6C6C
	koopwoningen: #BFD1E5
	vrije sector woningen: #BDE1BD
*/
#content 
{
    width: 590px;
}

#kolom_content 
{		
	width: 606px;
}
#header
{
	width: 606px;
}

#details .detaillabel
{
	width: 160px;
	display: block;
	float: left;
}
#details .detailvalue
{
	width: auto;
	display: block;
	float: left;
	
}
#detail {
	vertical-align: bottom;
	clear:both;
}

.detaillabel
{
    width: 150px;
}

.detailvalue
{
    width: 200px;
}
td.table_columnmedium 
{
    width: 70%;
}

#layercontainer	{
	position:relative;
	display:block;
	margin-top:0px;
	z-index:0;
	padding-bottom: 1px;
}

.vlak_grijs_kader {
	border:none;
	border: solid 1px #000;
	padding: 8px 8px 8px 8px;
	color:#000;
	display:block;
	width: 572px;
	/*width: 468px;	*/
}

.vlak_grijs {
	padding-bottom:5px;
	margin-bottom:10px;
	/*margin-bottom:-13px;*/
	background-color:#FFFFFF;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

.tabs #notab {
	background-color: #EFEFEF;
	padding: 8px 8px 8x 8px;
	border: solid 1px #EFEFEF;
	border-bottom:none;
	display:block;
	clear:both;
}
.kadertable100 
{
    width: 570px;
}
#overzicht {
	position:absolute; 
	visibility:hidden;
	left:0; 
	top:0; 
	z-index:1;
}
#beschrijving {
	position:absolute; 	
	visibility:hidden; 
	left:0; 
	top:0; 
	z-index:1;
}
#fotos {
	position:absolute; 
	visibility:hidden; 
	left:0; 
	top:0; 
	z-index:1;
}
#wijkinformatie {
	position:absolute; 
	visibility:hidden; 
	left:0; 
	top:0; 
	z-index:1;
}
#algemeen {
	position:absolute; 
	visibility:hidden; 
	left:0; 
	top:0; 
	z-index:1;
}
#thumb {
	float:right;
	}
#thumb .verkocht, #thumb .verhuurd, #thumb .nieuw, #thumb .digitaal {
	margin-left: 1px;
	margin-top: 1px;
	height: 60px;		
}
.logo_tekst {
	font-family: verdana;
	font-size: 10px;
}
#extra_logos, #eigenschap_iconen, #voorrang_iconen {
	margin-top:10px;
}
#extra_logos img, #eigenschap_iconen img, #voorrang_iconen img {
	margin:2px;
}
.small_image
{
	width:80px;
	height:60px;
	border: solid 1px #000;
}

/* ++++++ Logo Digitaal ea op Woningadvertentie ++++++ */

/*div voor meerdere logo's*/
#extra_logos 
{
	display: block;
	margin-left: 2px;
}

/* de regel voor het digitaal logo */
.extra_logos_container a, .extra_logos_container a:visited 
{
	float: left;
	display: block;
	cursor: pointer;
	margin-bottom: 4px;
	text-decoration: none;
}

/*image*/
#extralogo_digitaal 
{
	float: left;
}

/* link kleur van de tekst*/ 
a #extra_logos_tekst, a:visited #extra_logos_tekst
{
	color: #F03435;
}
a:hover #extra_logos_tekst 
{
	color: #F03435;
}

#toollinks {
	display:none;
}

#vorige a:hover, #volgende a:hover {
	color: #F03435;
}

#extralogo_hom 
{
	float: right;
	padding-bottom: 10px;
}

#icon_hom {
	margin-right: 1px;
}

 #table_logos td a
 {
	cursor: pointer;
 }
 
 #extra_logos_tekst
 {    
     width: 100%;
 }
 
.flexibellink a:hover,a:visited
{
	color: #F03435;
}

#kolom_context
{	
	display: none; /*'display: none' > kolom is onzichtbaar - 'display: inline' > kolom is zichtbaar */
}

.tabs a, .tabs a:visited 
{
    padding: 1px 8px 5px 8px;
}
.tabs a:hover 
{
    padding: 1px 8px 5px 8px;
}

.tabs a:active , a.activetab , a:visited.activetab, a:hover.activetab
{
    padding: 2px 8px 5px 8px;	    
}