﻿html, body 
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	color: #1c1c20;
	background: url(/images/backgroundReverse.gif) top left repeat-x #ebeced;
}

body.reverse
{
	background: url(/images/background.gif) top left repeat-x #ffffff;
}

img
{
	border: 0px;
}

#container
{
	width: 942px;
	margin: 0px auto;
	overflow-x: hidden;
}

#header 
{
	height: 60px;
	overflow: hidden;
	background: #fff;
}

#header img.logo
{
	float: right;
}

/* Staan laten voor menu in projectensites */
#vestedaMenu_veMenu
{
	position: relative;
	z-index: 10;
	height: 20px;
	background: #818084;
}


.backToWoningaanbod
{
	width: 157px;
	height: 20px;
	position: absolute; /* Bart 7 juli, was 'relative' maar werkte niet in IE8 en FF3.5 */
	margin-top: -20px;
	cursor: pointer;
}

#content
{
	/* De uiteindelijke hoogte
	   van dit DIVje wordt vanuit
       Javascript berekend */
	min-height: 500px;
	height: 500px;
	background: #fff;
}

#contentHome
{
	height: 520px;
	overflow: hidden;
	background: #fff;
}

#contentHome #flashomvat 
{
	width: 942px;
	height: 260px;
	overflow: hidden;
	background: url(/images/flashlite072010.jpg) no-repeat #333333;
}

#contentHome #flash 
{
	height: 260px;
	overflow: hidden;
}

#contentHome #bottom 
{
	height: 300px;
	overflow: hidden;
	color: #666666;
}

#contentHome #bottom .bottomPanel 
{
	width: 294px;
	height: 260px;
	overflow: hidden;
	float: left;
	padding: 20px 10px 20px 10px;
}

#content.selectiepagina
{
	height: auto !important;
	min-height: 658px;
	height: 658px;
}

.selectiepagina .selectieMinHeight
{
	height: auto !important;
	min-height: 552px;
	height: 552px;
}

#content.home img
{
	display: block;
	margin-bottom: 10px;
}

/* contentBoven */
#content #stream1
{
	padding: 20px 10px 20px 10px;
	background: #2b292f;
	color: #fff;
	line-height: 22px;
}

/* contentBoven */
#content #stream1.minheight
{
	height: auto !important;
	min-height: 160px;
	height: 160px;
}

/* contentLinks */
#content #stream2
{
	width: 451px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	overflow-x: hidden;
}

/* contentRechts */
#content #stream3
{
	width: 451px;
	float: right;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	overflow-x: hidden;
}

/* contentLinks (sitemap) */
#content #stream2_sitemap
{
	width: 294px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	overflow-x: hidden;
}

/* contentMidden (sitemap) */
#content #stream3_sitemap
{
	width: 294px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	overflow-x: hidden;
}

/* contentRechts (sitemap) */
#content #stream5_sitemap
{
	width: 294px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	overflow-x: hidden;
}

/* contentBreed */
#content #stream4
{
	padding: 20px 10px 20px 10px;
}

/* contentBreed */
/*
#content #stream4.minheight
{
	height: auto !important;
	min-height: 160px;
	height: 160px;
}

#content #stream4Nieuws 
{
	padding: 20px 10px 20px 10px;
}
*/

/* contentFoto */
#content #stream5
{
	padding: 0px;
	width: 431px;
	height: 460px;
	
	position: absolute;
	margin-left: 20px;
	margin-top: -480px;
}

#content #stream5.overhoeks
{
	padding: 0px;
	width: 274px;
	height: 475px;
	
	position: absolute;
	margin-left: 20px;
	margin-top: -480px;
}

#content #stream5_foto
{
	width: 942px;
	height: 500px;
	overflow: hidden;
}

#footer 
{
	width: 922px;
	clear: both;
	padding: 5px 10px;
	overflow: hidden;
	font-size: 10px;
	color: #797979;
}

#footer a:link, #footer a:hover, #footer a:active, #footer a:visited
{
	color: #797979;
	text-decoration: none;
}

#footer a:hover
{
	border-bottom: 1px solid #797979;
}

#footer span
{
	padding: 0px 5px;
}

#footer .complexInfoDiv
{
	width: 294px;
	overflow: hidden;
	float: right;
}

/********** seLink **********/

/* Geldt voor alle links IN tekst */
.seLink a:link, .seLink a:hover, .seLink a:active, .seLink a:visited 
{
	color: #6095c1;
	text-decoration: none;
}

.seLink a:hover 
{
	border-bottom: 1px solid #6095c1;
}

/* Geldt voor alle links op home */
.seLinkHome a:link, .seLinkHome a:hover, .seLinkHome a:active, .seLinkHome a:visited 
{
	color: #666666;
	text-decoration: none;
}

.seLinkHome a:hover 
{
	border-bottom: 1px solid #666666;
}

/* Geldt voor de link ELEMENTEN */
a.seLink:link, a.seLink:hover, a.seLink:active, a.seLink:visited 
{
	color: #6095c1;
	text-decoration: none;
}

a.seLink:hover 
{
	border-bottom: 1px solid #6095c1;
}

/* Geldt voor de link ELEMENTEN nieuwsbrief */
a.seLinkNB:link, a.seLinkNB:hover, a.seLinkNB:active, a.seLinkNB:visited 
{
	color: #fff;
	text-decoration: none;
}

a.seLinkNB:hover 
{
	border-bottom: 1px solid #fff;
}

/* Geldt voor alle links IN tekst nieuwsbrief */
.seLinkNB a:link, .seLinkNB a:hover, .seLinkNB a:active, .seLinkNB a:visited 
{
	color: #fff;
	text-decoration: none;
}

.seLinkNB a:hover 
{
	border-bottom: 1px solid #fff;
}

/********** List item ********/


.seLink ul, seLink li
{
	margin: 0px;
	padding: 0px;
}

.seLink ul
{
	margin-left: 16px;
}

.seLink p
{
	margin-top: 0px;
	margin-bottom: 0px;
}


/********** seSearch *********/

.seZoekPagePnl a:link, .seZoekPagePnl a:hover, .seZoekPagePnl a:active, .seZoekPagePnl a:visited
{
	color: #000;	
	text-decoration: none;
}

.seZoekPagePnl a:hover
{
	color: #000;	
	text-decoration: underline;
}

/********** seExtranet **********/

.seExtranetLogin 
{
	margin-top: 5px;
	float: left;
}

/********** seFormulier **********/

.seFormulierTextBox
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	border: 1px solid #587b99;
}

.seFormulierTextArea
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	border: 1px solid #587b99;
	overflow: auto;
}

.seFormulierDropdown
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.seFormulierRadio
{
	position: relative;
	left: -4px;
}

.seFormulierCheck
{
	position: relative;
	left: -3px;
}

.seFormulierLabel 
{
	padding-left: 11px;
	background: url(/images/formLabel.gif) no-repeat;
}

.seFormulierLabelVerplicht 
{
	padding-left: 11px;
	background: url(/images/formLabelVerplicht.gif) no-repeat;
}

.seFormulierFloatMargin
{
	float: left;
	padding-left: 10px;
}

.seFormulierFloatMarginNoPadding
{
	float: left;
	padding-left: 0px;
}

.seFormulierTussenDiv 
{
	clear: both;
	width: auto;
	height: 0px;
	overflow: hidden;
}

/********** Maximale huur **********/

.huurBlokLinks 
{
	width: 451px;
	height: 460px;
	overflow: hidden;
	float: left;
	padding: 20px 10px;
	background: #2a282e;
	color: #fff;
}

.huurBlokRechts 
{
	width: 451px;
	height: 460px;
	overflow: hidden;
	float: right;
	padding: 20px 10px;
	/*color: #9e9e9e;*/
}

.huurBlokLinks .textboxDiv 
{
	width: 139px;
	overflow: hidden;
	float: left;
	font-size: 11px;
	letter-spacing: -1px;
}

.huurBlokLinks #textboxDiv1 
{
	margin-right: 16px;
}

.huurBlokLinks #textboxDiv2 
{

	margin-right: 16px;
}

.huurBlokLinks #textboxDiv3 
{
	margin-right: 0px;
}

.huurBlokLinks .textbox
{
	border: none;
	width: 137px;
	height: 18px;
	padding-top: 2px;
	margin-top: 4px;
}

.huurBlokLinks .maxhuurPijlen 
{
	width: 317px;
	height: 100px;
	overflow: hidden;
	background: url(/images/maxhuurPijlen.gif) no-repeat;
	
	margin-left: 67px;
	margin-top: 15px;
}

.huurBlokLinks .maxhuurPijlen input 
{
	margin-left: 117px;
	margin-top: 40px;
}

.huurBlokLinks .uitkomstDiv
{
	display: block;
	height: 100px;
	margin: 0px auto;
	font-size: 11px;
	margin-top: 5px;
	text-align: center;
}

.huurBlokLinks .uitkomstLabel
{
	font-size: 40px;
}

/**** NIEUWSBRIEF TEMPLATE ****/

#streamNB1omvat
{
	width: 100%;
	height: auto;
	padding: 20px 10px 20px 10px;
	float: none;
	
	background: #2b292f;
	color: #fff;
	line-height: 22px;
}

#streamNB1omvat.minheightNB 
{
	height: auto !important;
	min-height: 160px;
	height: 160px;
}

#streamNB2omvat
{
	width: 608px;
	height: auto;
	padding: 20px 10px 20px 10px;
	float: left;
	
	background: #fff;
	color: #000;
	line-height: 22px;
	overflow-x: hidden;
}

#streamNB3omvat
{
	width: 294px;
	height: auto;
	padding: 20px 10px 20px 10px;
	float: right;
	
	background: #5da1d0;
	color: #fff;
	line-height: 22px;
	overflow-x: hidden;
}

#streamNB4omvat
{
	width: 608px;
	height: 95px;
	padding: 20px 10px 20px 10px;
	float: left;
	
	background: #72797f;
	color: #fff;
	line-height: 22px;
}

#streamNB5omvat
{
	width: 294px;
	height: 95px;
	padding: 20px 10px 20px 10px;
	float: right;
	
	background: #72797f;
	color: #fff;
	line-height: 22px;
}

.addthis_button_compact:link, .addthis_button_compact:hover, .addthis_button_compact:active, .addthis_button_compact:visited
{
	font-family: Arial, sans-serif !important;
	text-decoration: none !important;
	font-size: 13px !important;
	position: relative !important;
	top: -1px !important;
	border: none !important;
}

.landingsPaginaHoverKnop{
    position:absolute;
    width:20px; 
    height:20px;
    background-image: url('/images/1px_transparent.png');
    cursor: pointer;
}


.landingsPaginaProjectInfo{
    background-color: #2A282E;
    width: 551px;
    height: 180px;
    position: absolute;
    display: none;
    top: 278px;
    left: 68px;
}

.VerticalLine{
    background-color: #2A282E;
    width: 4px;
    position: absolute;
    height: 0px;
}

.ProjectInfoTextContainer{
    float: left; 
    position: relative; 
    padding: 20px;
    width: 305px; 
    height: 174px;
}

.ProjectInfoPhotoContainer{
    float: right; 
    position: relative; 
    margin: 3px 3px 3px 0px; 
    background: white; 
    width: 198px; height: 174px;
}

.ProjectVheNumber{
    left: 310px;
    top: 80px;
    position: absolute;
}

.ProjectMoreInfo{
    position: absolute;
    left: 20px;
    top: 150px;
}