/*=== MEDIA ===*/
@media print 
{
    .noprint, #Top, #Middle .MenuKader, #bottom .taal, #Creations, #Infobon, #Back, #PrintPage, #taal	{display: none;}
	#TopPrint {display: block;}
/*	 {display: block; width:160px; float:left;}*/
	#fotoreeks1, #fotoreeks2, #fotoreeks3, #fotoreeks4 {display: block; width:640px; float:left;}
	#VastgoedDetail .VGFotos {margin: 10px 0 0 0; padding:0;}
}
@media screen 
{
    #footerPrint, #TopPrint {display: none;}
    .showonprintpage {display:none;}
	#PrintPage {display: block;}
	#Content{margin-top:241px;border-top: 1px solid #5E728B;}
	#fotoreeks2, #fotoreeks3, #fotoreeks4 {display: none;}
	#VastgoedDetail .VGFotos { text-align:right;  margin-top: 10px;}

}

/*=== Body ===*/
body
{
margin:0;
padding:0;
background-color: #FEFFFF;
font-size: 12px;
}
p, td, th, div, span, h1, h2, h3, h4 
{
font-family: Verdana, Tahoma, Arial, Swiss, Helvetica;
}

h1
{
color:#5E728B;
font-size:16px;
font-weight: bold;
margin:0;
}

h2
{
color:#036;
font-size:12px;
padding-bottom:5px;
font-weight: bold;
margin:0;
}


/*=== TOP ===*/
#Top
{
height: 26px; 
border-bottom: 1px solid #63748D;
width: 100%;
}	
#Top .nav
{
width: 290px;
background-color: #63748D;
font-size: 12px;
color: #FFF;
height: 26px; 
border-top: 4px solid #FFF; 
border-bottom: 2px solid #FFF; 
padding: 0 10px 0 10px; 
font-weight: bold;
}
#Top a {FONT-SIZE: 12px; color: #FFF; text-decoration: none;}
#Top a:hover {FONT-SIZE: 12px; text-decoration: underline;}

/*=== MIDDLE ===*/
#Middle
{
	background-color:#DEE3EA;
    background: url(/look/BgMiddle.jpg);
    background-repeat: repeat-x;
}
#Middle .MenuKader	
{
padding: 6px 10px 4px 10px !important;
padding: 6px 10px 7px 10px;
}
#Middle .MenuBg
{
background-color: #FFF;
background: url(/look/BgMenu.jpg);
background-repeat: no-repeat;
background-position: top right;
/*height:100%;*/
}

/*=== CONTENT ===*/
#ContentHomepage
{
width:939px !important;
width:939px;
height: 185px;
border-top:1px solid #5E728B; 
text-align:left;
background-color:#F1EDEC;
/*padding:0 10px 10px 10px !important;
padding:10px 10px 10px 10px;*/
}

#Content
{
background-color:#F1EDED;
/*height:100%;*/
width:629px !important;
width:629px;
text-align:left;
/*padding:0 10px 10px 10px !important;
padding:10px 10px 10px 10px;*/
}
#ContentInfo
{
font-size: 11px;
color: #036;
padding:10px 10px 10px 10px !important;
padding:10px 10px 10px 10px;
/*border:1px solid #F00;*/
}
#ContentInfo a {color: #576B7A; text-decoration: underline;}
#ContentInfo a:hover {color: #036; text-decoration: none;}
#ContentInfo a:visited {color: #036; text-decoration: underline;}

/*=== Menu === */
#Menu
{
background-color:#DDD;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
width: 280px !important;
width: 290px;
padding: 10px 5px 10px 5px;


}
#Menu .bg
{
background-color:#FFF;
}
#Menu .Titel, .TitelZoek
{
line-height:39px !important;
line-height:40px;
text-align:center;
font-size: 18px;
color:#D00;
}
#Menu .TitelZoek
{
height:40px;
font-size: 12px;
font-weight: bold;
text-align:left;
}
#Menu .TitelInfo
{
font-size: 12px;
color:#D00;
font-weight: bold;
text-align:left;
}

#Menu a.Menu {color: #D00; text-decoration: none;}
#Menu a.Menu:hover {text-decoration: underline;}

	/*=== Zoek ref formulier ===*/
#ZoekFormulier
{
background-color:#DDD;
margin: 0px 0 0px 0 !important;
margin: 0px 0 -10px 0;
}
#ZoekFormulier .Button {
	margin-top: 0px;
	font-weight: bold;
	font-size: 8pt;
	margin-bottom: 0px;
	background-color: #DF302B;
	border: 1px solid #DF302B;
	color: #FFF;
}
#ZoekFormulier .ButtonVakantie {
	margin-top: 0px;
	font-weight: bold;
	font-size: 8pt;
	margin-bottom: 0px;
	background-color: #576B7A;
	border: 1px solid #576B7A;
	color: #FFF;
}
#ZoekFormulier .Buttonverkoop {
	margin-top: 0px;
	font-weight: bold;
	font-size: 8pt;
	margin-bottom: 0px;
	background-color: #576B7A;
	border: 1px solid #576B7A;
	color: #FFF;
}

#ZoekFormulier input, textfield, select {
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #DF302B;	
	background-color: #FFF;
	text-transform: none;	
	color: #069;
	margin-top:2px;
}
#ZoekFormulier option {
	font-size: 11px;
	font-weight: normal;
	background-color: #FFF;
	text-transform: none;	
	color: #069;
}

#ZoekFormulier .Error 
{
FONT-SIZE: 10px; 
color: #F90; font-weight: bold;
margin: 5px 0 5px 0;
height: 15px;
}

#ZoekFormulier .FormErrorMessage	
{
color:#00F;
font-size:10px;
font-weight: bold;
text-align:center;
/*border:1px solid #0F0;*/
line-height:12px;
}

#ZoekFormulier a {color: #576B7A; text-decoration: none;}
#ZoekFormulier a:hover {text-decoration: underline;}

/*=== Zoekforulier vakantie ===*/
#ZoekFormulierVakantie
{
background-color:#DDD;
margin: 0px 0 0px 0 !important;
margin: 0px 0 -10px 0;
}
#ZoekFormulierVakantie .Button {
	margin-top: 0px;
	font-weight: bold;
	font-size: 8pt;
	margin-bottom: 0px;
	background-color: #DF302B;
	border: 1px solid #DF302B;
	color: #FFF;
}
#ZoekFormulierVakantie .ButtonVakantie {
	MARGIN-TOP: 0px;
	font-weight: bold;
	font-size: 8pt;
	margin-bottom: 0px;
	background-color: #576B7A;
	border: 1px solid #576B7A;
	color: #FFF;
}
#ZoekFormulierVakantie .Buttonverkoop {
	margin-top: 0px;
	font-weight: bold;
	font-size: 8pt;
	margin-bottom: 0px;
	background-color: #576B7A;
	border: 1px solid #576B7A;
	color: #FFF;
}

#ZoekFormulierVakantie input, textfield, select {
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #DF302B;	
	background-color: #FFF;
	text-transform: none;	
	color: #069;
	margin-top:2px;
}
#ZoekFormulierVakantie option {
	font-size: 11px;
	font-weight: normal;
	background-color: #FFF;
	text-transform: none;	
	color: #069;
}

#ZoekFormulierVakantie .Error 
{
font-size: 10px; 
color: #F90; 
font-weight: bold;
margin: 5px 0 5px 0;
height: 15px;
}
#ZoekFormulierVakantie .FormErrorMessage	
{
color:#00F;
font-size:10px;
font-weight: bold;
text-align:center;
/*border:1px solid #0F0;*/
line-height:12px;
}



#ZoekFormulierVakantie a {color: #576B7A; text-decoration: none;}
#ZoekFormulierVakantie a:hover {text-decoration: underline;}

/*=== BOTTOM ==*/
#bottom 
{
height: 18px !important;
height: 22px; 
width:100%;
border-top: 2px solid #FFF;
background-color: #63748D;
padding: 4px 0px 0 0;
}	
#bottom .bottom {width:940px;}	
#bottom .adres
{
font-size: 9px;
color: #FFF;
width:640px;
text-align:left;
float:left;
}
#bottom .taal
{
font-size: 11px;
color: #FFF;
font-weight: bold;
text-align:center;
}

#bottom a {color: #FFF; text-decoration: none;}
#bottom a:hover {text-decoration: underline;}

/*== Creations & Disclaimer ==*/
#Creations
{
    font-size: 10px; 
    text-align: right; 
    color: #999; 
	width:940px;
	padding-right:10px;
/*	border:1px solid #F00;*/
}
#Creations a {color: #999; text-decoration: none;}
#Creations a:hover {text-decoration: underline;}

/*=== Vastgoed thumbs voor lijst */
#VastgoedThumb
{
width:134px !important;
width:136px; 
height:158px !important;
height:161px;
border: 1px solid #CCC;
background-color:#FFF;
float:left;
font-size: 11px;
text-align:center;
margin:10px 10px 10px 10px !important;
margin:10px 15px 10px 5px;
/*margin:10px 0px 10px 0px;  << ok */
/*margin:10px 5px 10px 10px !important;*/
}

.Space
{
float:left;
width:18px;
}

#VastgoedThumb .InfoHome			{height:66px;}
#VastgoedThumb .Info				{height:60px;}
#VastgoedThumb .FotoBorder			{border: 1px solid #CCC;margin-bottom:7px;}
#VastgoedThumb .Type				{color:#036;}
#VastgoedThumb .Plaats, .Ligging	{color:#369;}
#VastgoedThumb .Prijs				{color:#369; font-weight: bold;font-size: 12px;}
#VastgoedThumb .VerkochtVerhuurd    {color:#FFF; font-weight: bold;font-size: 12px; width:134px; background-color:#F00; height:15px;}


#VastgoedThumbSyndic
{
width:134px !important;
width:136px; 
height:216px !important;
height:218px;
border: 1px solid #CCC;
background-color:#FFF;
float:left;
font-size: 11px;
text-align:center;
margin:10px 10px 10px 10px !important;
margin:10px 15px 10px 5px;
/*margin:10px 0px 10px 0px;  << ok */
/*margin:10px 5px 10px 10px !important;*/
}

#VastgoedThumbSyndic .InfoHome			{height:66px;}
#VastgoedThumbSyndic .Info				{height:60px;}
#VastgoedThumbSyndic .FotoBorder			{Border: 1px solid #CCC;margin-bottom:7px;}
#VastgoedThumbSyndic .Type				{color:#036;}
#VastgoedThumbSyndic .Plaats, .Ligging	{color:#369;}
#VastgoedThumbSyndic .Prijs				{color:#369; font-weight: bold;font-size: 12px;}
#VastgoedThumbSyndic .VerkochtVerhuurd    {color:#FFF; font-weight: bold;font-size: 12px; width:134px; background-color:#F00;}

#VastgoedThumbHome
{
width:134px !important;
width:136px; 
height:165px !important;
height:167px;
Border: 1px solid #CCC;
background-color:#FFF;
float:left;
font-size: 11px;
text-align:center;
margin:10px 10px 10px 10px !important;
margin:10px 0px 10px 0px;
}

#VastgoedThumbHome .InfoHome			{height:66px;}
#VastgoedThumbHome .Info				{height:60px;}
#VastgoedThumbHome .FotoBorder			{border: 1px solid #CCC;margin-bottom:7px;}
#VastgoedThumbHome .Type				{color:#036;}
#VastgoedThumbHome .Plaats, .Ligging	{color:#369;}
#VastgoedThumbHome .Prijs				{color:#369; font-weight: bold;font-size: 12px;}
#VastgoedThumbHome .VerkochtVerhuurd    {color:#FFF; font-weight: bold;font-size: 12px; width:134px; background-color:#F00;}

#Menu .FormDropDownType	{width:168px;background-color:#FFF;border:1px solid #F00;}
#Menu .VakantieLabel, .VerkoopLabel		
{
width:90px; float:left; text-align:right;margin-top:4px;
color:#12545F;
font-weight: bold;
}
#Menu .VakantieLabelInfo
{
padding:2px 0 0 94px;
/*width:111px !important;*/
/*width:210px;*/
float:left;
/*border:1px solid #F00;*/
font-size:10px;
text-align:left;
color:#12545F;
font-weight: normal;
}

#Menu .ZoekenRefFR 
{
width:88px !important;
width:81px;
}
#Menu .ZoekenRefNL 
{
width:110px !important;
width:114px;
}
#Menu .ZoekenNL   
{
width:75px !important;
width:67px;
}
#Menu .ZoekenFR
{
width:97px !important;
width:100px;
}

#VastgoedLijst
{
	overflow: hidden;
	background-color:#F1EDEC;
	height:100%;
	padding-bottom:10px;
	font-size:10px;
}

/*=== Vastgoed detail */
#VastgoedDetail
{
	padding:10px 10px 10px 10px !important;
	padding:10px 10px 10px 10px;
	font-size: 11px;
	font-family: Arial, Verdana, Swiss, Helvetica;
	width: 610px !important;
	width: 630px;
	height:100%;
}
#VastgoedDetail .VGDetail
{
	float:left; 
	width:430px;
	margin-top:10px;
	font-size: 11px;
}
#VastgoedDetail .VGVerkochtVerhuurd
{
	background-color:#D30; 
	color:#FFF; 
	text-align:center;
	font-weight: bold; 
	font-size:12px;
	margin-bottom: 10px;
}

#VastgoedDetail .Printer
{
vertical-align:text-bottom;
}

#VastgoedDetail .VGTitel            {color: #036; font-size: 12px; font-weight: bold;margin:14px 0 5px 0;}
#VastgoedDetail a.VGTitel     		{text-decoration: underline;}
#VastgoedDetail a.VGTitel:hover     {text-decoration: none;}

#VastgoedDetail a     		        {color: #036; text-decoration: underline;}
#VastgoedDetail a:hover             {color: #036; text-decoration: none;}

#VastgoedDetail .VGResidentieNaam   {color: #036; font-weight: bold;}
#VastgoedDetail .VGRefnr            {color: #036;}
#VastgoedDetail .VGAdres            {color: #036; margin-top:0px;}
#VastgoedDetail .VGText             {color: #036;}

#VastgoedDetail .VGKenmerken        {color: #036; width:290px; margin-bottom:10px;}
#VastgoedDetail .VGKenmerkenIcon    {color: #006699; width:10px; float:left; margin-left:77px;}
#VastgoedDetail .VGKenmerkenTitel   {color: #036; font-weight: bold; text-align:right; width:150px; float:left; padding-right:5px;}
#VastgoedDetail .VGKenmerkenDetail  {color: #036; }


#VastgoedDetail .VGSpecs {
width:144px;
float:left; 
text-align:right;
margin-right:5px;
color: #036;
}

#VastgoedDetail .VGSpecInfo
{
color: #036;
}

#VastgoedDetail .VGInfoText         {color: #036;}
#VastgoedDetail .VGComfort          {color: #036; margin-left:125px !important; margin-left:152px;}
#VastgoedDetail .VGPubText          {color: #036;}
#VastgoedDetail .VGDocumenten       {color: #036;}

#VastgoedDetail .VGType             {color: #036; font-weight: bold; text-align: right;}
#VastgoedDetail .VGTypeDetail       {color: #036;}

#VastgoedDetail .VGVerdiepingen       {color: #036; font-weight: bold; text-align: right;}
#VastgoedDetail .VGVerdiepingenDetail {color: #036;}

#VastgoedDetail .VGAantalPersonen       {color: #036; font-weight: bold; text-align: right;}
#VastgoedDetail .VGAantalPersonenDetail {color: #036;}

#VastgoedDetail .Foto
{
border:1px solid #036;
margin-bottom: 10px;
}

#VastgoedDetail form
    {
    padding: 10px;
    font-size: 11px;
	color: #036;
	margin:0;
    } 

#VastgoedDetail label
    {
    float: left;
    width: 75px;
    text-align: right;
    margin-right: 5px;
    }	
	
#VastgoedDetail input
    {
    background-color: #f5f5f5;
    font-size: 11px;
	width:250px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    margin-bottom: 2px;
	color:#036;
    }	

#VastgoedDetail input.button
    {
	font-weight: bold;	
    background-color: #036;
    font-size: 11px;
	width:250px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    margin-bottom: 2px;
	color:#FFF;
    }		
#VastgoedDetail	select
    {
    width: 160px;
    font-size: 11px;
    background-color: #f5f5f5;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 2px;
    }
	
#VastgoedDetail textarea
    {
    width: 250px;
    height: 100px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    
    margin-bottom: 2px;
    }
	
#VastgoedDetail .FormErrorMessage	
{
color:#D00;
font-size:10px;
font-weight: bold;
/*border:1px solid #0F0;*/
line-height:12px;
}

#Navigation
{
text-align: center;
}

#Navigation ul
{
padding: 0 0 0px 0 !important; /*top right bottom left */
margin: 0;
}

#Navigation li
{
display: inline; 
margin: 0 0.15em 0 2px;
}

#Navigation  li a
{
height: 22px;
line-height: 22px;
width: 26px;
border: 1px solid #CCC;
color: #036;
margin: 0px 0 3px 0 !important;
margin: 10px 0 10px 0;
background-color:#FFF;
text-decoration: none;
text-align: center;
}

#Navigation  li a.active {color: #DF302B; text-decoration: underline; font-weight: bold;}

#Navigation  li a:hover  {color: #DF302B; text-decoration: underline;}
/* Hide from IE5-Mac \*/
#Navigation  li a {float: none}
/* End hide */

#PopUp a 		{font-size: 11px; color: #FFF; text-decoration: none;}
#PopUp a:hover 	{text-decoration: underline;}