/* CSS Document */

/* commented backslash hack \*/ 
html, body{
	margin:0;
	padding:0;
	background: #00893d url(/Static/Images/Hotel/img_body_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #007550;
	text-align: left;
}
		} 	
		
/* end hack */
html,body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	background: #00893d url(/Static/Images/Hotel/img_body_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	}
	
body {}/* centre for ie5.+*/
	#outer{
	min-height:100%;
	height:auto;
	width:970px;
	background: url(/Static/Images/Hotel/img_outer_bg.jpg);
	background-position: bottom;
	margin-left:auto;/* center it*/
	margin-right:auto;/* center it*/
	position:relative;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height:14px;
	color: #ffffff;
	text-align: left;
} 
		
* html #outer{
	height:100%;
	background: url(/Static/Images/Hotel/img_outer_bg.jpg);
	background-position: bottom;
	width:970px;/* box model hack for ie5.+*/
	w\idth:970px
}

#header {
	position: absolute;
	top: 0;
	z-index: 9;
	*left: 0;
}

.slideTitle {
	display: none;
}

#treeImages {
	position: relative;
	width: 970px;
	height: 260px;
}

#treeImages_skin {
	margin-top: -260px;
	position: relative;
	z-index: 5;
	width: 970px;
	height: 260px;
	background: url(/Static/Images/Hotel/img_header_overlay.png);
}

#logoholder {
	padding-top: 44px;
	padding-left: 23px;
	width: 970px;
	height: 172px;
	position: relative;
	z-index: 9;
}

#navigatieholder {
	width: 970px;
	height: 44px;
	background: url(/Static/Images/Hotel/img_navigatie_bg.png);
	position: relative;
	z-index: 10;
}

#navigatie {
	padding-left: 20px;
	padding-top: 6px;
	width: 950px;
	height: 23px;
	position: relative;
	z-index:11;
}

#contentwrapper {
	width:970px;
	position:relative;
	float:left;
}

#kolomlinks {
	width: 286px;
	position: relative;
	float: left;
}

.component {
	width: 232px;
	padding-left: 27px;
}

.componentheader {
	width: 232px;
	height: 51px;
	background: url(/Static/Images/Hotel/img_component_header.gif);
}

.componenttitle {
	padding-top: 9px;
	padding-left: 39px;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}

.componentbg {
	width: 232px;
	background: url(/Static/Images/Hotel/img_component_bg.gif);
	background-repeat: repeat-y;
}

.componentimageholder {
	padding: 0 0 10px 19px;
	width: 195px;
	height: 106px;
}

.componentimage {
	width: 195px;
	height: 106px;
	/*background: url(/Static/Images/Hotel/img_component.jpg);*/
}

.componentimageoverlay {
	position: relative;
	top: -109px;
	*top: -110px;
	width: 195px;
	height: 106px;
	background: url(/Static/Images/Hotel/img_component_image_overlay.png);
}

.componentpadding {
	padding: 0 25px 0 25px;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000887;
}

.componentsubtitle {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #fc7c00;
}

.componentfooter {
	width: 232px;
	height: 54px;
	background: url(/Static/Images/Hotel/img_component_footer.gif);
	text-align: center;
	line-height: 5.5em;
}

a.componentlink {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000887;
	text-decoration: none;
}

a.componentlink:hover {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #fc7c00;
	text-decoration: none;
}

.componentspacer {
	width: 232px;
	height: 25px;
}

#kolommidden {
	width: 398px;
	position: relative;
	float: left;
}

#contentholder {
	padding: 10px 0 210px 0;
}

#contentholder p {
	padding-top: 10px;
}

#kolomrechts {
	width: 286px;
	position: relative;
	float: left;
}

#clearfooter{clear:both;height:23px;width:100%}
div>p {margin:0}

#footer {
	width:970px;
	position:absolute;
	margin-bottom: 0px;
	bottom: 0;
	left:0;
	height:23px;
	background: #004b2c;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
}

#footerleft {
	width: 400px;
	padding-left: 29px;
	position: relative;
	float: left;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 2em;
	color: #ffffff;
}

#footerright {
	width: 400px;
	padding-right: 29px;
	position: relative;
	float: right;
	text-align: right;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 2em;
	color: #ffffff;
}

a.footerlink {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

a.footerlink:hover {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #fa7d00;
	text-decoration: none;
}

/*-- RTE styles --*/

.RTEDefault {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
}

.RTETitle {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}

.RTESubTitle {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
}

a.RTESubTitle {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}

a.RTESubTitle:hover {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #fa7d00;
	text-decoration: none;
}

p {
	padding-top: 5px;
}

/*-- standaard links --*/

a {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;	
}
a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #fa7d00;
}

/*-- formulier styles --*/

.form_header {
	vertical-align: top;
	padding-top: 4px;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #f58020;
}

.form_input {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-left: 5px;
	color: #007550;
	border: solid 1px #aed1c5;
	background-color: #ffffff;
	width: 250px;
	height:17px
}

.form_textarea {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #007550;
	padding-left: 5px;
	border: solid 1px #aed1c5;
	background-color: #ffffff;
	width: 250px;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	SCROLLBAR-FACE-COLOR: #aed1c5;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}

.form_button {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	line-height: 15px;
	border: solid 1px #f58020;
	background-color: #f58020;
	color: #ffffff;
	height:20px;
}