html, body, div, img
{
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
}

html
{
	background-image: url("../pics/static/background.jpg");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #004787;
	width: 100%;
	min-height: 100%;
	margin-bottom: 1px;
	
	overflow-x: hidden;
}

body 
{
	font-family: Verdana;
	font-size: 13px;
	width: 100%;
	min-height: 100%;
}

a
{
	color: #35759E;
	text-decoration: none;
}
a.bold
{
	font-weight: bold;
}
a:hover
{
	text-decoration: underline;
}

hr
{
	border: 0;
	height: 1px;
	background-color: #7D9ED2;
}

table
{
	width: 100%;
}
table tr td
{
	padding: 0 10px;
}

img 
{
	vertical-align:bottom;
}

select, input, textarea
{
	font-family: Verdana;
	font-size: 13px;
}

#printLogo
{
	display: none;
}

#header
{
	position: relative;
	z-index: 10;
}

#header #logo
{
	background-image: url("../pics/static/logoBackground.png");
	background-position: center;
	height: 146px;
	min-width: 990px;
	width: 100%;
}

#header #logo #logoText
{
	color: #0F4679;
	cursor: pointer;
	padding: 100px 0 0 0;
	margin: 0 auto;
	width: 925px;
}

#header #logo #logoText a
{
	font-weight: normal;
}

#header #logo #logoText h1
{
	color: #FFF;
	display: inline;
	font-family: Georgia;
	font-size: 38px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#header #logo #contact
{
	color: #1D2B59;
	padding: 0 10px;
}

#header #banner
{
	background-color: #114A83;
	overflow: hidden;
}

#header #banner #slideShow
{
	padding-top: 10px;
	overflow: hidden;
}

#header #menuContainer
{	
	background-image: url("../pics/static/menuBackground.png");
	background-repeat: repeat-x;
	color: #FFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	position: relative;
	height: 10px;
	z-index: 10;
}

#header #menuContainer #menu
{
	padding: 0 55px;
	margin: 0 auto;
	position: relative;
	width: 865px;
}

#header #menuContainer #menu .menuItem
{
	border: 2px solid #FFF;
	border-width: 0 0 0 2px;
	padding: 0 10px;
	position: relative;
	float: left;
}

#header #menuContainer #menu .menuItem:first-child
{
	border: 0;
}

#header #menuContainer #menu .subMenu
{
	background-color: #88A9C2;
	border: 1px solid #00193E;
	display: none;
	padding: 7px 0;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 11;
}

#header #menuContainer #menu .subMenu a
{
	display: block;
	padding: 4px 14px;
}

#header #menuContainer #menu .subMenu a:hover
{
	background-color: #FFF;
	color: #00679E;
	text-decoration: none;
}

#header #menuContainer #menu a
{
	color: #FFF;
}

#container 
{
	background-image: url("../pics/static/containerBackground.png");
	margin: 0 auto;
	position: relative;
	width: 985px;
	z-index: 1;
}

#content
{
	background-color: #FFF;
	background-image: url("../pics/static/contentBackground.jpg");
	background-repeat: repeat-x;
	color: #15264D;
	color: #202020;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	margin: 0 30px;
	padding: 35px;
	overflow: hidden;
}

#content #leftContent
{
	float: left;
}

#content #rightContent
{
	float: right;
	/*text-align: center;*/
}

#content #bigWidth
{
	width: 540px;
	margin-bottom: 20px;
}

#content #smallWidth
{
	width: 279px;
	margin-bottom: 20px;
}

#content #smallWidth.sidePictures img
{
	margin-bottom: 10px;
}

#content #rightContent #weekSpecial
{
	border: 1px solid #0D447A;
	border-width: 0 1px;
	text-align: left;
	padding: 0 10px;
	margin: 0px;
}

#content #rightContent #weekSpecial img
{
	border: 1px solid #1D2B59;
	display: block;
	margin: 0 auto;
}

#content #rightContent #weekSpecial h2
{
	background-color: #6A8CAD;
	color: #FFF;
	font-family: Georgia;
	font-size: 22px;
	font-weight: normal;
	margin: 0 -10px 10px -10px;
	padding: 7px 10px;
}

#content #rightContent #weekSpecial a
{
	display: block;
	font-size: 14px;
	margin: 10px 0 0 0;
	padding: 0;
}

#content #rightContent #weekSpecial #price
{
	display: block;
	color: #4B4B4B;
}

#content #fullWidthContent
{
	clear: both;
}

#footer
{
	background-image: url("../pics/static/footerBackground.png");
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
	margin: 0 auto;
	height: 40px;
	width: 985px;
	clear: both;
	color: #829CC8;
}
#footer span
{
	margin: 10px 40px;
}

#footer a
{
	color: inherit;
	font-weight: normal;
}

#footer a:hover
{
	color: #BFCCE3;
	text-decoration: none;
}

/* Aanbod css */

#content #fullWidthContent #offerOptions
{
	background-color: #86A2BF;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	padding: 4px;
	text-align: right;
	margin: 0 8px;
}

#content #fullWidthContent #offerOptions select
{
	margin-right: 30px;
}

#content #fullWidthContent #offerOptions select:last-child
{
	margin: 0 8px;
}

#content #leftContent #offerImage
{
	margin-top: 20px;
	color: #1D2B59;
	font-size: 13px;
}

#content #leftContent #offerImage h2
{
	color: #144579;
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 18px;
}

#content #leftContent #offerImage img
{
	border: 1px solid #7B7B7B;
	cursor: pointer;
	display: block;
}

#content #leftContent #offerImage p
{
	color: #000;
	font-size: 11px;
}

#content #rightContent #offerMenu
{
	overflow: auto;
}

#content #rightContent #offerMenu a
{
	color: #144479;
	display: block;
	float: left;
	font-weight: bold;
	padding: 5px 5px;
}
#content #rightContent #offerMenu a:hover
{
	text-decoration: underline;
}
#content #rightContent #offerMenu a.selected
{
	background-color: #4A759F;
	color: #FFF;
	text-decoration: none;
}

#content #rightContent .offerDetails
{
	border: 1px solid #A4BACF;
	display: none;
	padding: 15px;
	margin-bottom: 10px;
}

#content #rightContent .offerDetails#detail_0
{
	display: block;
}

#content #rightContent .offerDetails table, #content #rightContent .offerDetails table tr, #content #rightContent .offerDetails table tr td
{
	padding: 0;
	margin: 0;
	border: 0;
	border-spacing: 0;
}

#content #rightContent .offerDetails #offerFeatures tr td
{
	border-top: 1px solid #A4BACF;
	padding: 3px;
	vertical-align: top;
}

#content #rightContent .offerDetails #offerFeatures tr:first-child *
{
	border: 0;
}

#content #rightContent .offerDetails table tr td:first-child
{
	width: 180px;
	padding: 3px;
	text-align: right;
	vertical-align: top;
}

#content #rightContent .offerDetails #photos, #content #rightContent .offerDetails #FloorPlanPhotos
{
	text-align: center;
}

#content #rightContent .offerDetails #photos img, #content #rightContent .offerDetails #FloorPlanPhotos img
{
	border: 1px solid #6A8CAD;
	margin: 4px 1px;
}

#content #fullWidthContent #offerIntro
{
	margin: 0 0 10px 220px;
}

#content #fullWidthContent #noResults
{
	display: none;
	padding: 30px 10px;
}

#content #fullWidthContent .offers tr td
{
	padding: 0;
	vertical-align: top;
	overflow: auto;
	height: auto;
}

#content #fullWidthContent .offers .offerImage
{
	width: 180px;
	position: relative;
	overflow: hidden;
}

#content #fullWidthContent .offers .offerImage a
{
	display: block;
	position: relative;
}

#content #fullWidthContent .offers .offerImage a:hover
{
	text-decoration: none;
}

#content #fullWidthContent .offers .offerImage img
{
	border: 1px solid #7B7B7B;
	border-bottom: 0;
}

#content #fullWidthContent .offers .offerImage img.overlay
{
	border: 0;
	position: absolute;
	margin: 1px;
	height: 80px;
	z-index: 10;
}

#content #fullWidthContent .offers .offerImage .caption
{
	clear: both;
	background-color: #144579;
	border: 1px solid #7B7B7B;
	border-top: 0;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	padding: 0 3px;
	z-index: 11;
}

#content #fullWidthContent .offers .offerDetails
{
	height: 100%;
	padding: 0 10px;
	margin-left: 25px;
	border: 1px solid #6A8CAD;
}
#content #fullWidthContent .offers tr td.offerDetails h2
{
	display: inline;
	color: #202020;
	text-transform: uppercase;
}
#content #fullWidthContent .offers tr td.offerDetails h3
{
	color: #4A759F;
	margin: 0 0 -10px 0;
	text-transform: uppercase;
}
#content #fullWidthContent .offers tr td.offerDetails a
{
	color: #35759E;
	font-weight: normal;
}
#content #fullWidthContent .offers tr td.offerDetails .price
{
	margin-left: 50px;
}
#content #fullWidthContent .offers tr td.offerDetails .openHouse
{
	color: #4A759F;
	display: block;
	float: right;
	font-weight: bold;
	vertical-align: baseline;
}

#content #fullWidthContent .contactForm tr td:first-child
{
	text-align: right;
	vertical-align: top;
	width: 300px;
}
#content #fullWidthContent .contactForm input[type="text"], #content #fullWidthContent .contactForm textarea, #content #fullWidthContent .contactForm select,
#content #rightContent .brochureForm input[type="text"], #content #rightContent .brochureForm textarea, #content #rightContent .brochureForm select
{
	padding: 1px;
	width: 250px;
}

/* Google maps */


#content #rightContent .offerDetails #GMmap #bubble
{
	font-size: 11px;
	width: 100px;
}

#content #rightContent .offerDetails #GMmap #bubble #subtext
{
	font-size: 9px;
	color: #6A8CAD;
}

#content #rightContent .offerDetails #GMmap #bubble td
{
	padding: 4px;
	vertical-align: top;
	width: auto;
}

#content #rightContent .offerDetails #GMmap #bubble td:first-child
{
	width: 150px;
}
#content #rightContent .offerDetails #GMmap #bubble td img
{
	border: 1px solid #7B7B7B;
}

#content #rightContent .offerDetails #GMmap #bubble td h2
{
	margin-top: 0;
	padding-top: 0;
}

/* Team page */

#content #fullWidthContent .team td
{
	vertical-align: top;
}

#content #fullWidthContent .team .peopleImage
{
	width: 180px;
	position: relative;
	overflow: hidden;
}

#content #fullWidthContent .team .peopleDetails
{
	height: 100%;
	margin-left: 25px;
	border: 1px solid #6A8CAD;
}

#content #fullWidthContent .team .peopleDetails h2
{
	font-family: Georgia, Garamond, 'Times New Roman';
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 4px;
}

#content #fullWidthContent .team .peopleDetails h3
{
	color: #6A8CAD;
	display: inline;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#content #fullWidthContent .team .peopleDetails .email
{
	margin-left: 50px;
}

/* SlideShow */



#slideShow
{
	width: 3000px;
	height: 190px;
	overflow: hidden;
}

#slideShow .slide
{
	background-color: #004787;
	border: 0;
	position: relative;
	display: inline;
	float: left;
	overflow: hidden;
	
	width: 355px;
	height: 190px;
}

#slideShow .slide img
{
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	
	width: 355px;
	height: 190px;
}

/* Common classes */

#content h1
{
	color: #1D2B59;
	font-family: Georgia, Garamond, Times New Roman;
	font-size: 28px;
	line-height: 34px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 3px 0;
}

#content h2
{
	color: #1D2B59;
	font-size: 17px;
	line-height:21px;
	margin: 0;
	padding: 8px 0 0 0;
}

#content p
{
	padding: 0;
}

.lightText
{
	color: #6A8CAD;
}

.normalHide
{
	display: none;
}