
#topContainer {
	text-align: right;
	width: 100%;
	height: 30px;
}

#container {
	width:90%;
	max-width:1280px;
	min-width:900px;
	margin:0 auto 0 9%;
	text-align:left;
	position:relative;
	z-index:1;
	clear:left;
}

/* header styles */
#search {
	clear:both;
	float:left;
	width:100%;
	padding:5px 0;
}

/* column container */
.colmask {
	position:relative;	/* Fix voor het IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;
	border: #FFF 1px solid;
}

/* common column settings */
.colmain {
	float:left;
	width:100%;
	position:relative;
}

.col1,
.col2 {
	float:left;
	position:relative;
	background-color:#FFF
}

/* 2 column settings */
.colmain { background:#FFF url(../siteimages/visual_bottom-right_0.jpg) no-repeat bottom right; }

.col1 { width:72%; }

#fullPage .col1 { width:72%; }

.col2 {
	width:26%;
	height:100%;
	clear:right;
	border-left:1px dashed #CCC;
	padding:1% 0px 1% 1%;
	z-index:999;
}

/* Footer styles */
#footer {
	width:100%;
	height:50px;
	margin:0 auto;
	padding-top:1.4em;
	display:inline-block;
	border-top: #f2f2f2 1px solid;
	background-color:#FFF;
}

/* Miscellaneous classes for reuse */
.fltrt {
	float: right;
	margin-left: 2%;
}

.fltlft {
	float: left;
	margin-right: 2%;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* Fullpage/Boekingsformulier layout */
#fullPage #siteNavigation,
#bookForm #siteNavigation{ top:0px; }

#fullPage #container .logo img,
#bookForm #container .logo img{
	width:70%;
	height:auto;
}

#fullPage #container .payoff,
#bookForm #container .payoff{ left:110px; }

#bookForm .col1 { width:100%}
#bookForm .BookingDJIVNew {margin:0 auto}
#bookForm #container {width:95%; margin: 0 auto}
#bookForm .mainContent {border-top:1px solid #6ba0d1; background-color:#edf5ff;}
#bookForm .BookingDJIVNew{border:none; margin:1em}
#bookForm .Navigate {width:90%; padding:0 2em}
#bookForm .BookingDetail {border:none;}

/* Landing layout */

#landingPage #siteNavigation { top:0px; }

#landingPage #container .logo img {
	width:70%;
	height:70%;
}

#landingPage #container .payoff { left:110px; }

#processMessage1, #processMessage2 {
	position:absolute;
	z-index:50; 
	background-color: #FFFFFF; 
	opacity:0.8; 
	filter:alpha(opacity=80); 
	color: #000000; 
	text-align: center; 
	vertical-align: middle; 
	font-weight: bold;
}

#processMessage1 p, #processMessage2 p, #processMessage1 img, #processMessage2 img {
	position: relative;
	top: 200px;
}

#processMessage1.kalender {
	top: 330px;
	width: 368px;
	height: 580px;
}

#processMessage2.faktuurregels 
{
	width: 338px;
	height: 100%;
}
