/*=== MEDIA ===*/
@media print 
{
    .noprint, #TopArea, #NavigationArea, #Top, #Middle .MenuKader, #bottom .taal, #Creations, #Infobon, #Back, #PrintPage, #taal	{display: none;}
	#TopPrint {display: block;}
/*	 {display: block; width:160px; float:left;}*/
	#fotoreeksScreen {display: none;}
	#fotoreeksMedia {display: block;}
    #VastgoedDetail {width:340px;}
	#VastgoedDetail .VGFotos {margin: 10px 0 0 0; padding:0;}
	#ContentArea {width:600px;}
	#Content {width:600px;}	
	#Content .TblContent {}	
    #Bottom {width:600px;}
    #Bottom .Adres 	{padding:5px 0 0 0px; word-spacing:0.1em;}    
}
@media screen 
{
    #footerPrint, #TopPrint {display: none;}
    .showonprintpage {display:none;}
	#PrintPage {display: block;}
	#fotoreeksScreen {margin:0;padding:0;display: block; }
	#fotoreeksMedia {display: none;}
	#Content {width:950px;}		
	#Content .TblContent {width:936px;}
    #VastgoedDetail
    {
	width: 427px !important;
	width: 430px;
    }
    #Bottom {width:950px;}
    #Bottom .Adres 	{padding:5px 0 0 180px; word-spacing:0.1em;}    
}

/*=== Body ===*/
body
{
    background-color: #FFF;
    padding: 0;
    margin: 0;
    font-family: Verdana, Helvetica;	
	font-size: 11px;
}
#TopArea
{
	text-align:center;
	background-color:#F60; /*DA772E*/
	height: 230px !important;
	height: 220px;
}
#Top
{
	background: url(/look/TopBg.jpg);
    background-position: top center;
	padding-top:34px;
	margin: 0 auto 0 auto;
	width:950px;
	height: 230px;
/*	border:1px solid #F00;*/
	text-align:left;	
}
#Top .Language
{
	padding:15px 22px 9px 0;
	text-align:right;	
	color:#FFF;
	font-size: 12px;
	font-weight: bold;
/*	border:1px solid #F00;*/
}
#Top a {color:#FFF;font-size: 12px;font-weight: bold; text-decoration: none;}
#Top a:hover {color:#FFF;font-size: 12px;font-weight: bold; text-decoration: underline;}

#Top .TopImage
{
	padding-right:22px !important;
	padding-right:21px; 
	text-align:right;		
}
#NavigationArea
{
	text-align:center;
	background-color:#FFBA3C;
	height: 24px;
}
#Navigation 
{
	text-align:left;	
	margin: 0 auto 0 auto;
	width:950px;
/*	border:1px solid #F00;*/
}
#Navigation   a {color: #000; text-decoration: none;}
#Navigation   a:hover{color: #FFF; border-bottom:5px solid #F60;} /*DA772E*/

#Navigation ul
{
  margin: 0;
  padding:3px 0 0 180px;
  list-style: none;
}
#Navigation li
{
  	display: inline;
  	list-style: none;
  	position: relative;
	font-size: 13px;
/*	font-weight: bold;*/
}

#ContentArea {background-color:#FCEFD2; text-align:center;}
#Content 
{
	text-align:center;
	margin: 0 auto 0px auto;
	padding: 5px 0 5px 0 !important;
	padding: 0px 0 5px 0;
}
#Content .ContentRight
{
	color: #006;
	background: url(/look/BgKader.jpg) 100% 0 no-repeat;
	font-size:11px;
	padding-top:0px;
	padding:0 0 0 0px;
	border:0px solid #F00;
}
#Content .ContentRightNav
{
	color: #006;
	font-size:12px;
	border:0px solid #F00;
    background-image:none;
    height:12px;
    text-align:center;
    background-color:#FFBA3C;
    padding-top:5px;
}

#Content a {color: #006;}
#Content a:hover {color: #D9772E;text-decoration: none;}
#Content tr {font-size:11px; color:#006}

#BottomArea {background-color:#F60; height: 24px; text-align:center;}  /* DA772E*/
#Bottom 
{
	text-align:left;
	color: #FFF;
	font-size:10px;
	margin: 0 auto 0 auto;
}

#Bottom a 		{color: #FFF; text-decoration: none;}
#Bottom a:hover	{color: #FFF; text-decoration: underline;}
#CreationsArea 	{text-align:center;}
#Creations
{
	padding:3px 0px 0px 0px;
	color:#CCC;
	margin: 0 auto 0 auto;
	width:950px;
	font-size:10px;
}
#Creations a {color: #CCC; text-decoration: none;}
#Creations a:hover{color: #999; text-decoration: underline;}


.KaderL {background: url(/look/KT1.gif) 0 0 repeat-x; text-align: left; width:100%; margin:0px 4px 0 0 !important; margin:5px 4px 0 0; padding-bottom:0px !important; padding-bottom:0px;
width: 462px !important; width: 458px;background-color:#FFF;
}
.KaderL div {background: url(/look/KB1.gif) 0 100% repeat-x;}
.KaderL div div {background: url(/look/KL1.gif) 0 0 repeat-y;}
.KaderL div div div {background: url(/look/KR1.gif) 100% 0 repeat-y;}
.KaderL div div div div {background: url(/look/KBL1.gif) 0 100% no-repeat;}
.KaderL div div div div div {background: url(/look/KBR1.gif) 100% 100% no-repeat;}
.KaderL div div div div div div {background: url(/look/KTL1.gif) 0 0 no-repeat;}
.KaderL div div div div div div div {background: url(/look/KTR1.gif) 100% 0 no-repeat; padding: 3px 5px 6px 3px; margin: 0;}
.KaderL div div div div div div div div {background: url(/look/FFF.gif) 100% 100% repeat;}

.KaderR {background: url(/look/KT2.gif) 0 0 repeat-x; text-align: left; width:100%; margin:0px 4px 0 0 !important; margin:5px 4px 0 0; padding-bottom:0px !important; padding-bottom:0px;
width: 462px !important; width: 456px; background-color:#F2CBA0;}
.KaderR div {background: url(/look/KB2.gif) 0 100% repeat-x;}
.KaderR div div {background: url(/look/KL2.gif) 0 0 repeat-y;}
.KaderR div div div {background: url(/look/KR2.gif) 100% 0 repeat-y;}
.KaderR div div div div {background: url(/look/KBL2.gif) 0 100% no-repeat;}
.KaderR div div div div div {background: url(/look/KBR2.gif) 100% 100% no-repeat;}
.KaderR div div div div div div {background: url(/look/KTL2.gif) 0 0 no-repeat;}
.KaderR div div div div div div div {background: url(/look/KTR2.gif) 100% 0 no-repeat; padding: 3px 5px 6px 3px; margin: 0;}
.KaderR div div div div div div div div {background: url(/look/BgKader.jpg) 100% 0 no-repeat;}


.KaderRNav {background: url(/look/KT2.gif) 0 0 repeat-x; text-align: left; width:100%; margin:0px 4px 0 0 !important; margin:5px 4px 0 0; padding-bottom:0px !important; padding-bottom:0px;
width: 462px !important; width: 456px; background-color:#FFBA3C;}
.KaderRNav div {background: url(/look/KB2.gif) 0 100% repeat-x;}
.KaderRNav div div {background: url(/look/KL2.gif) 0 0 repeat-y;}
.KaderRNav div div div {background: url(/look/KR2.gif) 100% 0 repeat-y;}
.KaderRNav div div div div {background: url(/look/KBL2.gif) 0 100% no-repeat;}
.KaderRNav div div div div div {background: url(/look/KBR2.gif) 100% 100% no-repeat;}
.KaderRNav div div div div div div {background: url(/look/KTL2.gif) 0 0 no-repeat;}
.KaderRNav div div div div div div div {background: url(/look/KTR2.gif) 100% 0 no-repeat; padding: 3px 5px 6px 3px; margin: 0;}
.KaderRNav div div div div div div div div {background-color: #FFBA3C}
#SubNav a  {text-decoration: none;}
#SubNav a:hover {color: #FFF; border-bottom:2px solid #F60;}   /*DA772E*/

h1 	{font-size:12px;}
h2  {font-size:12px;}

.FormDropDown 	{FONT-SIZE: 12px; color: #000066; font-family: Arial, Verdana, Swiss, Helvetica; background-color: #F2CBA0;}
.FormTitel 		{FONT-SIZE: 12px; color: #003366; font-family: Arial, Verdana, Swiss, Helvetica; font-weight: bold;}
.FormSubmit 	{FONT-SIZE: 12px; color: #FFFFFF; font-family: Arial, Verdana, Swiss, Helvetica; background-color: #003366; 
font-weight: bold; 
border-style: solid; 
border-width: 1px; 
border-top-color: #9999CC; border-left-color: #9999CC; 
border-right-color: #000000; border-bottom-color: #000000;
}


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

#VastgoedItem 
{
	width:144px !important;
	width:140px;
	text-align:center; 
	FONT-SIZE: 11px; 
	color: #003366; 
	font-family: Arial, Verdana, Swiss, Helvetica;
	padding:0 0 0 6px;
	margin:0px;
	float:left;
/*	border:1px solid #F00;*/
}
#VastgoedItem .ResidentieBorder {border-style: solid; border-width: 1px; border-color: #999999;}
#VastgoedItem .VastgoedSoort  		{FONT-SIZE: 10px; color: #000000; font-family: Verdana, Swiss, Helvetica; padding:0px; width:143px;text-align:center;}
#VastgoedItem .VastgoedPrijs  		{FONT-SIZE: 11px; color: #003366; font-weight: bold; width:142px;text-align:center;}
#VastgoedItem .VastgoedResidentie   {font-weight: bold; padding:0px; width:143px;text-align:center;}
#VastgoedItem .VastgoedAdres  	    {font-weight: bold; padding:0px; width:143px;text-align:center;}
#VastgoedItem .VastgoedPrijsred  		{FONT-SIZE: 11px; color: #900; font-weight: bold; width:142px;text-align:center;}
.VastgoedLine 
{
width: 440px !important;
margin:8px  !important;
width: 438px;
margin:6px;
}

.VastgoedVerkocht {FONT-SIZE: 11px; color: #EE3439; font-weight: bold; font-family: Arial, Verdana, Swiss, Helvetica;}
.VastgoedVerkochtDetail {FONT-SIZE: 12px; color: #EE3439; font-weight: bold; font-family: Arial, Verdana, Swiss, Helvetica;}
.VastgoedVerhuurd {FONT-SIZE: 11px; color: #EE3439; font-weight: bold; font-family: Arial, Verdana, Swiss, Helvetica;}
.VastgoedVerhuurdDetail {FONT-SIZE: 12px; color: #EE3439; font-weight: bold; font-family: Arial, Verdana, Swiss, Helvetica;}
.Image {border-style: solid; border-width: 1px; border-color: #999999;}
/*.VastgoedLijstBorder {border-style: solid; border-width: 1px; border-color: #CCCCCC; background-color: #FFFFFF;}*/
/*
.VGResidentieNaam   {FONT-SIZE: 11px; color: #003366; font-weight: bold; font-family: Arial, Verdana, Swiss, Helvetica;}
.VGResidentieSoort  {FONT-SIZE: 14px; color: #003366; font-family: Arial, Verdana, Swiss, Helvetica; font-weight: bold;}
.VGRefnr            {FONT-SIZE: 16px; color: #003366; font-weight: bold; font-family: Arial, Verdana, Swiss, Helvetica;}
.VGRefnrWit         {FONT-SIZE: 16px; color: #FFFFFF; font-weight: bold; font-family: Arial, Verdana, Swiss, Helvetica;}
.VGAdres            {FONT-SIZE: 11px; color: #003366; font-family: Arial, Verdana, Swiss, Helvetica;}
.VGText             {FONT-SIZE: 11px; color: #000000; font-family: Verdana, Arial, Swiss, Helvetica;}
.VGPubText          {FONT-SIZE: 11px; color: #000000; font-family: Verdana, Arial, Swiss, Helvetica;}
.VGLastMinutes      {FONT-SIZE: 11px; color: #000000; font-family: Verdana, Arial, Swiss, Helvetica;}

.VGInfoText         {FONT-SIZE: 11px; color: #003366; font-family: Arial, Verdana, Swiss, Helvetica;}
.VGComfort          {FONT-SIZE: 11px; color: #003366; font-family: Arial, Verdana, Swiss, Helvetica;}
.VGDocumenten       {FONT-SIZE: 11px; color: #003366; font-family: Verdana, Arial, Swiss, Helvetica; font-weight: bold;}

.VGType             {FONT-SIZE: 11px; color: #003366; font-weight: bold; font-family: Arial, Verdana, Swiss, Helvetica; text-align: right;}
.VGTypeDetail       {FONT-SIZE: 11px; color: #003366; font-family: Arial, Verdana, Swiss, Helvetica;}

.VGVerdiepingen       {FONT-SIZE: 11px; color: #003366; font-weight: bold; font-family: Arial, Verdana, Swiss, Helvetica; text-align: right;}
.VGVerdiepingenDetail {FONT-SIZE: 11px; color: #003366; font-family: Arial, Verdana, Swiss, Helvetica;}

.VGAantalPersonen       {FONT-SIZE: 11px; color: #003366; font-weight: bold; font-family: Arial, Verdana, Swiss, Helvetica; text-align: right;}
.VGAantalPersonenDetail {FONT-SIZE: 11px; color: #003366; font-family: Arial, Verdana, Swiss, Helvetica;}

.VGKenmerken        {FONT-SIZE: 11px; color: #000000; font-family: Verdana, Arial, Swiss, Helvetica;}
.VGKenmerkenIcon    {FONT-SIZE: 11px; color: #006699; font-family: Verdana, Arial, Swiss, Helvetica;}
.VGKenmerkenTitel   {FONT-SIZE: 11px; color: #003366; font-family: Verdana, Arial, Swiss, Helvetica; font-weight: bold;}
.VGKenmerkenDetail  {FONT-SIZE: 11px; color: #000000; font-family: Verdana, Arial, Swiss, Helvetica;}
*/


#Nav
{
text-align: center;
font-size:12px;
}

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

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

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

#Nav  li a.active {color: #F60; text-decoration: underline; font-weight: bold;}    /*DA772E*/

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


/*=== Vastgoed detail */
#VastgoedDetail
{
	background: none;
/*	padding:5px 5px 5px 5px;*/
	font-size: 11px;
	font-family: Arial, Verdana, Swiss, Helvetica;
/*	width: 427px !important;
	width: 430px;*/
	height:100%;
	padding:0px;
/*	border:1px solid #F00;*/
}
#VastgoedDetail .VGDetail
{
	background: none;
	float:left; 
/*	width:430px;*/
	margin:10px 0 0 0;
	padding:0;  
	font-size: 11px;
}
#VastgoedDetail .VGVerkochtVerhuurd
{
	background: none; 	
	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            {background: none; color: #036; font-size: 12px; font-weight: bold;margin:14px 0 0px 0;}
#VastgoedDetail a.VGTitel     		{background: none; text-decoration: underline;}
#VastgoedDetail a.VGTitel:hover     {background: none; text-decoration: none;}

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

#VastgoedDetail .VGResidentieNaam   {font-size: 14px; background: none; color: #036; font-weight: bold; float:left;}
#VastgoedDetail .VGRefnr            {font-size: 14px; background: none; color: #036; text-align:right;} 
#VastgoedDetail .VGAdres            {font-size: 13px; background: none; color: #036; margin-top:0px;}
#VastgoedDetail .VGText             {background: none; color: #036;}

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


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

#VastgoedDetail .VGSpecInfo
{
background: none;
color: #036;
}

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

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

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

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

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

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

#VastgoedDetail label
    {
	background: none;	
    float: left;
    width: 75px;
    text-align: right;
    margin-right: 5px;
    }	
	
#VastgoedDetail input
    {
	background: none;	
    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
    {
	background: none;	
	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
    {
	background: none;	
    width: 160px;
    font-size: 11px;
    background-color: #f5f5f5;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 2px;
    }
	
#VastgoedDetail textarea
    {
	background: none;	
    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	
{
	background: none;	
	color:#D00;
	font-size:10px;
	font-weight: bold;
	/*border:1px solid #0F0;*/
	line-height:12px;
}


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

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

#Content 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;
    }		
#Content	select
    {
    width: 160px;
    font-size: 11px;
    background-color: #f5f5f5;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 2px;
    }
	
#Content textarea
    {
    width: 250px;
    height: 100px;
    background-color: #f5f5f5;
    color:#036;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    
    margin-bottom: 2px;
    }
	
#Content .FormErrorMessage	
{
color:#D00;
font-size:10px;
font-weight: bold;
/*border:1px solid #0F0;*/
line-height:12px;
}

#VastgoedDetail .Field {font-size: 12px; background: none; color: #036; font-weight: bold; text-align:right; width:150px; float:left; padding:0px; padding-right:15px;height:15px; border:0px solid red;}
#VastgoedDetail .Info {font-size: 12px; background: none; color: #036; width:420px !important; width:250px; padding:0px;height:15px; border:0px solid red;}
#VastgoedDetail p {margin:0px;padding:0px;}

div.CrossBanner{ text-decoration:none; position:relative; float:left;}
div.CrossBanner span.Banner{ visibility:visible; position:absolute; left:0px;top:0px!important;left:1px;top:6px;;clear:left;}