/* 
===========================================================================================	
	Developed by MCW Studio's
	For more information visit www.mcw.nl 

	Css documment for Mcw Cms websites.

	This is the main css file for the websites.
	This file is based on the rendering of Firefox 3.5 and Internet Explorer 8.
		
	The purpose of the other files is listed below:
	
	ie.css 		                -->		Needed to overcome the differences in 
										rendering between Firefox and Internet Explorer
	ie6.css		                -->		Needed for correct rendering in Internet Explorer 6


	Used colors within website:
	body background: #172C40;
	content background: #f6f3e9;

	text: #64604E;
	links: #00386E;
	kop: #00386E;	

===========================================================================================
*/

.clear { clear:both; }

html, body {
	margin: 0px; padding: 0px; width:100%; height:100%;
}
body {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	background-color:#172C40;
	background-image:url('../_images/bg.png');
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:left top;
	color:#64604E;
	margin-bottom:1px;
}
form {
	background:Transparent url('../_images/bg-trame.png') scroll no-repeat center center;
	height:760px;
}

a { 
	outline:none;
	color:#00386E;
}
img { border:none; }
ul {
	list-style:none;
	margin:0; padding:0 0 10px 0;
}
ul li {
	padding:0 0 5px 20px;
	background:Transparent url('../_images/bullet.gif') scroll no-repeat 0 3px;
}

#pageContainer {
	position:relative; border-top:solid 33px #020305;
	background:#ffffff url('../_images/rounded-top.png') scroll no-repeat center top;
	width:960px; margin:0 auto;
	min-height:400px; height:auto !important; height:400px;
}
	#siteIdentity {
	     position:absolute; left:10px; top:-25px; z-index:1104;
	     width:82px; height:115px; overflow:visible;
	     
	}
		#siteIdentity a {
			display:block; text-decoration:none; outline:none; overflow:visible;
			width:82px; height:115px;
			color:#f6f3e9; font-size:14px;
			background:Transparent url('../_images/logo-novotel.png') scroll no-repeat 0 35px;
		}
		#siteIdentity a span {
			 width:82px; white-space:nowrap;
		}
	
	
	#pageVisual {
		background:#172C40;
		width:960px; height:205px;
		position:relative;
	}
		#pageVisual p { margin:0; padding:0; }
		#pageVisual img {
			width:960px;
			height:200px; padding-top:5px; padding-left:1px;
			border:none; outline:none; display:block;
		}
		.pageVisualFrame {
			background:Transparent url('../_images/pageVisualFrame.png') scroll no-repeat left top;
			width:960px; height:205px; overflow:hidden; text-indent:-9999px;
			position:absolute; left:0; top:0; z-index:1101;
		}
		#pageVisualFrameForEditor-left {
			width:15px; background-position:left 3px;
		}
		#pageVisualFrameForEditor-right {
			width:15px; left:945px; background-position:right 3px;
		}
		#pageVisual .ea {
			margin:0 -1px; padding:0;
		}
		
	#pageContent {
		width:960px;
		padding-top:1px;
	}
		#mainColumn {
			width:550px;
			background:#f6f3e9 url('../_images/bg-main-site.jpg') no-repeat left bottom;
			float:left;
			margin-left:170px;
			display:inline; /* ie6 double margin bug fix */
			min-height:500px; height:auto !important; height:500px;
			padding-bottom:20px;
		}
		#mainColumn p, #mainColumn h1, #mainColumn h2, #mainColumn h3, #mainColumn h4, #mainColumn h5, #mainColumn h6, #mainColumn div div, #mainColumn ul, #mainColumn ol {
			padding-left:20px; padding-right:20px;
		}
		#mainColumn div.ea {
			width:550px; overflow:hidden;
		}
		#rightColumn {
			width:200px; padding:20px;
			float:left;
			overflow:hidden;
		}
		
	#footer {
		background:url("../_images/bg-footer.png") no-repeat scroll left top #172C40;
		color:#FFFFFF;
		font-size:10px;
		width:940px; padding:0 0 0 20px;
		height:67px;	
		border-bottom:solid 30px #172C40;
	}
		#footer p {
			margin:0; padding:30px 0 0 0;
		}
		#footer a {
			color:#FFFFFF;
			text-decoration:none;
		}
		#footer a.novotellink {
			margin-right:78px;
			color:#7a93ad;
		}
		#footer a.mcwlink {
			margin-left:78px;
			color:#7a93ad;
		}
		#footer a:hover {
			text-decoration:underline;
		}
		#footer .footerdivider {
			padding:0 5px;
		}



/* -- Homepage -- */
#homePageContent {
	width:960px;
	min-height:200px; height:auto !important; height:200px;
	padding-top:1px;
	background:Transparent url('../_images/bg-home-block.jpg') no-repeat center 1px;
}
#homePageVisual {
		background:#172C40;
		width:960px; height:465px;
		position:relative;
	}
		.homePageVisualImage {
			width:960px;
			height:460px; padding-top:5px;
			overflow:hidden;
		}
			.homePageVisualImage img, .homePageVisualImage object {
				width:960px;
				height:460px;
				border:none; outline:none; display:block;
			}
		.homePageVisualFrame {
			background:Transparent url('../_images/homePageVisualFrame.png') scroll no-repeat left top;
			width:960px; height:465px; overflow:hidden; text-indent:-9999px;
			position:absolute; left:0; top:0; z-index:1101;
		}
#homeCol1 {
	padding:20px 4px 20px 20px;
	width:300px;
	float:left;
}
#homeCol2 {
	padding:20px 4px 20px 14px;
	width:290px;
	float:left;
	border-left:solid 2px #ffffff;
}
#homeCol3 {
	padding:20px 20px 20px 14px;
	width:290px;
	float:left;
	border-left:solid 2px #ffffff;
}

/* MCW EDITOR DECLARTIONS */
h1, h2, h3, h4, h5, h6, p {
	margin:0; padding:2px;
}
h1 {
	color:#00386E;
	font-size:20px;
	padding:0 0 15px 0;
}
h2 {
	color:#00509d;
	font-size:14px;
}
h3 {
	color:#00509d;
	font-size:13px;
}
h4 {
	color:#00509d;
	font-size:12px;
}
h5 {
	color:#00509d;
	font-size:11px;
}
h6 {
	color:#00509d;
	font-size:10px;
}
p.pVariant1 {
	padding:20px 0 20px 0;
	border-top:solid 2px #ffffff;
	margin:0;
}
p.pVariant2 {
	padding:0 0 20px 0;
	border-bottom:solid 2px #ffffff;
	margin:0 0 20px 0;
}
a.aVariant1 {
	padding:0 0 0 20px;
	background:Transparent url('../_images/puce-link.png') scroll no-repeat 0 3px;
}

/* END MCW EDITOR DECLARTIONS */
p {
	padding:0 0 15px 0;
}
h1 {
	padding:0 0 20px 0;
}
#homePageContent h1 {
	padding:0 0 19px 0;
	line-height:17px;
}
h2 {
	padding:0 0 10px 0;
}
#homePageContent h2 {
	padding:0 0 20px 0;
}
h3, h4 {
	padding:0 0 10px 0;
}
h5, h6 {
	padding:0 0 5px 0;
}