@font-face {
	font-family: "Cali";
	src: local("Cali"), url(/include/fonts/calibri.ttf) format('truetype');	
}

@font-face {
	font-family: "CaliB";
	src: local("CaliB"), url(/include/fonts/calibrib.ttf) format('truetype');	
}

body {
	background: url(/images/bg.jpg) repeat-x white;
	font-family : calibri,"Cali", arial, helvetica, lucida sans unicode, lucida console, sans-serif;
	font-size: 14px;
	text-align: center;
	color: black;
	margin: 0;
	padding: 0;
}

img {margin: 0px;padding: 0px;border: none;	}

h1, h2, h3, h4, h5 { font-family: calibri,"CaliB"; font-weight: bold ;color: #e3000a;}
h1 {color: #e3000a; font-size: 30px;}
h2 {color: #b61d22;}

p {	margin: 10px 0px 0;	padding: 0px;}
a {}

.bold {font-weight: bold;}
.italic {font-style: italic;}

.clearfix:after{content: ".";visibility: hidden;display: block;	height: 0;	clear: both;}
.noDisplay {display:none;}

#wrapper {margin: 0 auto; padding: 0; width: 900px; position: relative; text-align: left;}
	#header {margin: 0; padding: 0; height: 50px; width: 900px;}
		#logo {margin: 0; padding: 0 0 0 50px; width: 300px; float: left; height: 50px; background: url(/images/logo.jpg) no-repeat; line-height:48px;}
			#logo span {color: white;}
		#smallContact {margin: 0; padding: 0; float: right; text-transform:uppercase;}
			#smallContact p {margin: 0px 7px 0; padding: 14px 0 0 0; color: white; float: left; height: 50px; font-size: 12px; line-height: 11px;}
			#smallContact h1 {margin: 0; padding: 10px 0 0 0; font-size: 30px; font-family: calibri,"CaliB";font-weight:bold; line-height: 28px; float: left; color: white}
			#smallContact a {color: white;}
	#banner {margin: 10px 0; border: 1px solid white; padding: 0; width: 898px; height: 262px; position: relative;}
		#menu {margin: 0; border-right: 1px solid white; padding: 0; width: 246px; height: 262px; background: url(/images/bg_menu.jpg) no-repeat;}
			#menu ul {margin: 0; padding: 15px 20px 0; width: 206px; height: 262px;  list-style: none;}
				#menu ul li {}
					#menu ul li a {display: block; margin: 0; padding: 0; width:206px; height: 33px; font-size: 18px; line-height: 33px; color: white; text-decoration: none; background: url(/images/bg_menu_border.png) no-repeat left top;}
					#menu ul li:first-child a {background: none;}
					#menu ul li a span {display: none; margin-right: 10px; color: black; font-family: "Cali"; font-weight: bold;}
					#menu ul li a:hover span, #menu ul li a.active span {display: inline;}
		#slideshow {position:absolute; height:262px; top:0px;}
			#slideshow IMG {position:absolute;top:0; left:247px; z-index:8;}
			#slideshow IMG.active {z-index:10;}
			#slideshow IMG.last-active {z-index:9;}
	#steps {margin: 22px 0; padding: 0; width: 900px; height: 148px; background: url(/images/bg_steps.png) no-repeat center;}
		.step {margin:0 0 0 20px; padding: 35px 10px 0 10px; width: 185px; height: 130px; float: left; position: relative;}
			.step h2 {margin: 0; padding: 0; color: #e3000a; font-size: 24px;}
			.step p {margin: 5px 0 0 0; padding: 0; font-size: 18px;}
			.step a {position: absolute; top: 75px; left: 120px;}
	
	#content {margin: 0; padding: 0 0 40px 0; width: 900px;}
		#left {margin: 0; padding: 0; width: 600px; float: left;}
		#right {margin: 0; padding: 0; width: 275px; float: right;}
			#right h1 span {font-size: 16px;}
			#right p {margin: 0; padding: 0;}
			#right ul {margin: 0; padding: 0; list-style: none;}
			#right div{width: 175px; float:left;}
				#right ul li {margin: 0; border-top: 1px solid #cdcdcd; padding: 7px 10px; font-size: 13px; height:13px;}
				#right ul li.noPrice {color: #5a0000;}
				#right ul li:first-child {border: none;}
					#right ul li span {color: #b61d22; float: right; width:80px; text-align: right;}
			#right p .btn_reserveer {display: block; margin: 10px 0 0 0; padding: 0; width: 128px; height: 27px; background: url(/images/btn_reserveer.png) no-repeat; line-height: 27px; text-align: center; color: white; font-weight: bold; text-decoration: none; float: right;}
			#right p .btn_reserveer:hover {color: black;}
					
#footer {margin: 0; padding: 5px 0; width: 100%; height: 125px; background: #120000; }
	#innerFooter {margin: 0 auto; padding: 0; width: 900px; text-align: left; position: relative;}
	#innerFooter h1 {color: white; font-size: 18px;}
		#innerFooter .column {float: left; padding-right: 30px; width: auto;}
			#innerFooter .column p {color: white; margin: 0;}
	#innerFooter #copyright {position: absolute; top: 0px; right: 0; margin: 0; padding: 0;}
		#innerFooter #copyright h1 {margin: 0; padding: 0;}
		#innerFooter #copyright p {margin: 5px 0 0 0; padding: 0; float: right; font-size: 11px; color: white;}


#order > label {	float:left;	width:100px;}
#order > input,#order>textarea { width: 225px;}

.reserveringForm  span {	float:left;	width:150px;}
.reserveringForm > input {  float: left; clear: right;}