

/* wrapper header logo's */

/*

body.landingPage #page_header	{
	height: 144px;
}

body.landingPage #page_logo	{
	top: 10px;
}

/ * alternative header for adwords landingpage * /
body.landingPage.adwords #page_header {
	height: 162px;

}
body.landingPage.adwords #page_logo {
	top: 20px;
}

#page_header #landing_logo	{
	position: absolute;
	right: 50px;
	top: 50px;
}

body.landingPage #page_prtext {
	padding-top: 20px;
	font-size: 18px;
}

*/

#page_landingContent	{
	position: relative;
	margin-top: 35px;  /* like div#centerColumn */

	/* center the element */
	width: 80%;
	left: 50%;
	margin-left: -40%;
}

/* welcome text */

.welcomeText {
	background: #F0F9FD;
	border: 2px solid #FE7303;
	padding: 0.5em;
	margin-bottom: 1em;
}



/* content box */

.boxFull,
.boxLeft,
.boxRight	{
	border: 1px solid #ff7300;
	padding: 0.5em 0.5em 2em 0.5em;
	margin: 20px 0;
}

#page_landingContent .boxFull	{
	border: 1px solid #ff7300;
	padding: 0.5em 0.5em 2em 0.5em;
}

#page_landingContent .boxLeft,
#page_landingContent .boxRight	{
	position: relative;
	width: 45%;
	background: #Fff;
}
#page_landingContent .boxLeft	{
	float: left;
}
#page_landingContent .boxRight	{
	float: right;
	margin-left: 2%;
}

#maxHypotheek,
#maxKoopsom,
#maxResult	{
	xmin-height: 22em;
}

* html #maxHypotheek,
* html #maxKoopsom,
* html #maxResult	{
	xheight: 22em;
}

/* footer buttons */

#footerButtons	{
	clear: both;
	text-align: center;  /* centers divs for MSIE5 */

	/* center align */
	position: relative;
}

* html #footerButtons	{
	margin-bottom: 30px;
}

#footerButtons ul	{
	margin: 0;
	padding: 0;
	position: relative;
	margin: 0 auto;  /* auto center */
	width: 100%;

	height: 4em; /* contents is absolute positioned */
}

#footerButtons ul:after {
	/* clear for css2 browsers */
	content: '.';
	display: block;
	clear: left;
	height: 0;
	line-height: 0%;
	visibility: hidden;
}

* html #footerButtons ul {
	/* clear for MSIE */
	height: 0.1em;
}

#footerButtons li	{
	/* left and right use 50%, center is placed on top */
	list-style: none;
}

#footerButtons li.footerLeft {
	/* move li to the left, link inside to the right */
	float: left;
	display: inline;
	width: 49%;
}

#footerButtons li.footerRight {
	/* reverse for right button */
	float: right;
	display: inline;
	width: 49%;
}

#page_wrapper #footerButtons li.footerLeft a { /* for MSIE, give more priority */
	float: right;
	display: inline;
	margin-right: 100px;
}

#page_wrapper #footerButtons li.footerRight a {
	float: left;
	display: inline;
	margin-left: 100px;
}

#footerButtons li.footerCenter {
	/* center is absolute, therefore not interfering with left/right boxes */
	position: absolute;
	left: 50%;
	width: 200px;
	xtop: -15px;
	margin-left: -100px;
	
}


#footerButtons li.footerLeft a,
#footerButtons li.footerRight a,
#footerButtons li.footerCenter a {
	background: url(graphics/button_right_bg.png) repeat-x;
	background-position: right top;
	padding: 0 20px 0 10px;
	
	xfont-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #0E0E69;
	white-space: nowrap; 
	/* make link appear as block */
	xpadding: 5px;
	display: block;
}



#footerButtons li.footerLeft a {
	background-color: #0e0e69;
	color: #fff;
	border: 0;
}

#footerButtons li.footerRight a {
	background-color: #ff7300;
	color: #fff;
	border: 0;
}

#footerButtons li.footerCenter a {
	background-color: #ff7300;
	color: #fff;
	border: 0;
}

#footerButtons li.footerLeft a:hover {
	color: #FF7300;
}

#footerButtons li.footerRight a:hover {
	color: #0e0e69;
}

#footerButtons li #section_offices {
	margin: auto; /* auto center */
	width: 170px;
}

#footerButtons li #section_offices p {
	font-weight: bold;
	margin-bottom: 0.5em;
}

#footerButtons li #section_offices form {
	font-weight: bold;
	margin-bottom: 0.5em;
}

#page_landingContent h1	{
	font-size: 1.6em;
}

#page_landingContent h2	{
	color: #298DBF;
	font-size: 1.3em;
	margin-bottom: 0.5em;
}

/* list forms */

#page_landingContent label	{
	display: block;
	float: left;
	width: 50%;
	margin-right: 0.5em;
	font-weight: normal;
}

* html #page_landingContent label	{
	width: 50%;
}

#page_landingContent #maxResult .section_list div	{
	margin-bottom: 0.5em;
}

#page_landingContent input	{
	font-size: 0.9em;
	width: 100px;
}
#page_landingContent input.button	{
	font-size: 1.15em;
	width: auto;
}
input.radio,
input.checkbox {
	width: auto !important;
}

/* custom width for some textfields */

#page_landingContent input#voorletters {
	width: 25px;
	margin-right: 5px;
}
#page_landingContent input#achternaam {
	width: 64px;
}




/* align the buttons at same height */
#page_landingContent .boxLeft input.button,
#page_landingContent .boxRight input.button	{
	position: absolute;
	bottom: 35px;
	right: 30px;
}

#page_landingContent form span.postfix {
	color: #EC4249;
}

#disclaimer	{
	font-size: 0.9em;
	color: #298DBF;
	margin-bottom: 1em;
}

#maxNewsletter form,
#maxNewsletter #mandatoryForm	{
	width: 80%;
	margin-left: 100px;
}

#maxThanks table	{
	width: 50%;
}

#maxResult {
	padding-left: 20px;
}

#maxResult .section_list	{
	xmargin-top: 4em;
}

#maxResult .section_list div	{
	width: 75%;
	xtext-align: right;
	xmargin-bottom: 1em;
}

#maxResult .section_list div.highLight 	{
	font-weight: bold;
	color: #0E0D6A;
	font-size: 1.3em;
}

#maxResult .section_list div.highLight label 	{
	font-weight: bold;
	margin-bottom: 2em;
}

form#frmNewsletter {
	width: 350px;
}

/* different alignment for calculate via homepage */

.home #maxResult h1	{
	text-align: left;
}

.home #maxResult .section_list {
	margin-top: 2em;
}

.home #maxResult .section_list div	{
	width: 90%;
	text-align: left;
	margin-bottom: 1em;
}

.home #page_prtext {
	position: absolute;
	font-style: normal;
	left: 180px;
	top: 25px;
	line-height: 140%;
	font-size: 100%;
}
.home #page_prtext h1 {
	xfont-size: 3em;
	xline-height: 4em;
	margin-bottom: 0.5em;
}


/* Logo's */

#logoBar	{
	position: relative;
	top: 2em;
	padding: 1em;
	text-align: center;
	margin-bottom: 20px;
}

#logoBar img	{
	border: 0;
	margin: 0.2em 1em;
	vertical-align: middle;
}

#logoBar .odd	{
	margin-right: 0px;
}
#logoBar .even	{
	margin-left: 0px;
}


/* logo's in header ipv footer tbv Adwords campagne */

#page_header #logoBar {
	top: 40px;
}

#page_header #logoBar span {
	display: block;
}


#landing_logo {
	float: right;
	margin: 40px 30px;
}


