/* CSS Document */

/* 
Hotel Cortina
======================================================================================
URL:				http://www.hotel-cortina.be/
Start ontwerp: 		24 mei 2009
Start html: 		26 januari 2009
Ontwerp: 			Jean Baeyens
Auteur: 			Jean Baeyens
======================================================================================
*/


/* Kleuren
Achtergrond:		#000000
Tekst:			#777777
Linkjes:			#2997C8
Kopjes:			#FFF
*/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777777; 
	margin: 20;
	padding: 30;
	background: #000000 url(../images/bg.jpg) no-repeat;
	background-attachment: fixed;
	background-position: center top;
	}
P.j {
	FONT-SIZE: 10px; COLOR: rgb(102,51,51) ;letter-spacing: 1px ;line-height: 10pt 
}
P.e {
	FONT-SIZE: 14px; COLOR: rgb(102,51,51) ;letter-spacing: 1px ;line-height: 10pt 
}
a {
color: #900;
text-decoration: none;
}

A:link {
	FONT-WEIGHT: bold; COLOR: rgb(209,47,47); TEXT-DECORATION: none
}
A:visited {
	FONT-WEIGHT: bold; COLOR: rgb(120,120,120); TEXT-DECORATION: none
}
A:active {
	FONT-WEIGHT: bold; COLOR: rgb(209,47,47); TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: bold; COLOR: rgb(209,47,47); TEXT-DECORATION: none
}
#canvas {
	margin: 0 auto;
	padding: 30px;
	width: 80%;
	height: 520px;
	background: url(../images/canvas.png);
}

#canvas_hotel {
	margin: 0 auto;
	padding: 30px;
	width: 80%;
	height: 650px;
	background: url(../images/canvas.png);
}

#canvas_kalender {
	margin: 0 auto;
	padding: 30px;
	width: 80%;
	height: 1100px;
	background: url(../images/canvas.png);
}

#canvas_congressen {
	margin: 0 auto;
	padding: 30px;
	width: 80%;
	height: 870px;
	background: url(../images/canvas.png);
}

#canvas_route {
	margin: 0 auto;
	padding: 30px;
	width: 80%;
	height: 850px;
	background: url(../images/canvas.png);
}

#canvas_panorama {
	margin: 0 auto;
	padding: 30px;
	width: 80%;
	height: 500px;
	background: url(../images/canvas.png);
}

#canvas_reservatie {
	margin: 0 auto;
	padding: 30px;
	width: 80%;
	height: 850px;
	background: url(../images/canvas.png);
}

#canvas_foto {
	margin: 0 auto;
	padding: 30px;
	width: 80%;
	height: 830px;
	background: url(../images/canvas.png);
}

#canvas_events {
	margin: 0 auto;
	padding: 30px;
	width: 80%;
	height: 650px;
	background: url(../images/canvas.png);
}

#canvas_trouwplanner {
	margin: 0 auto;
	padding: 30px;
	width: 80%;
	height: 3000px;
	background: url(../images/canvas.png);
}

#panorama {
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	height: 100%;
}

#text_container {
	margin: 0 auto;
	position: relative;
	padding: 30px;
	width: 150px;
	height: 200px;
	background: url(../images/canvas_text.png);
	text-align: center;
}

#text_container_escoffier {
	margin: 0 auto;
	position: relative;
	padding: 30px;
	width: 200px;
	height: 200px;
	background: url(../images/canvas_text.png);
	text-align: center;
}

#text_container_buffet {
	margin: 0 auto;
	position: relative;
	padding: 30px;
	width: 250px;
	height: 300px;
	background: url(../images/canvas_text.png);
	text-align: center;
}
/* start code voor positie movie */
.floatl{float:middle;}
.widthl{width:-100px;}
.width230{width:-100px;}
.bumpright{position:relative;top:-180px} /* mac ie5.x doesn't like position relative */ 
/* einde code voor positie movie */

}
/* Standaard tabel */
table {
border: 0px 
background: #000 ;
border-spacing: 0px;
}

/* opmaak kolommen van menu */
table td.menu {
width: 150px;
padding: 0px;
} 

/* opmaak kolommen van Home pagina */
table td.home {
height: 300px;
width: 450px;
background: black;
}

/* opmaak tabel voor pagina Home */
.home {
height: 355px;
width: 700px;
background-image: url(../Pictures/escoffier_a.png);
}

/* opmaak tabel voor pagina Home_FR */
.home_fr {
height: 355px;
width: 700px;
background-image: url(../Pictures/escoffier_fr.png);
}

/* opmaak tabel voor pagina escoffier */
.escoffier {
height: 355px;
width: 700px;
background-image: url(../Pictures/escoffier.jpg);
}

/* opmaak tabel voor pagina limoges */
.limoges {
height: 355px;
width: 700px;
background-image: url(../Pictures/limoges.jpg);
}

/* opmaak tabel voor pagina sevres */
.sevres {
height: 355px;
width: 700px;
background-image: url(../Pictures/sevres.jpg);
}

/* opmaak tabel voor pagina melvin */
.melvin {
height: 355px;
width: 700px;
background-image: url(../Pictures/melvin.jpg);
}

/* opmaak tabel voor pagina Events */
.events {
height: 420px;
width: 591px;
background-image: url(../Pictures/bord_1.jpg);
}

/* opmaak tabel voor pagina Route */
.route {
height: 401px;
width: 567px;
background-image: url(../Pictures/route.gif);
}

/* opmaak lijn onder logo en boven sitemap */
.line {
background: url(../images/hr1.gif) no-repeat center bottom;
margin: 8px auto;
height: 1px;
}

.leftCongresColumn
{
	width				: 80px;
	text-align			: center;
	font-weight			: bold;
	border-style		: solid;
	border-color		: #8d7452;
	border-width		: 1px;
	border-left-width		: 0px;
	border-right-width	: 0px;
	border-bottom-width	: 0px;
}

.rightCongresColumn
{
	width				: 280;
	vertical-align		: middle;
	background-color		: #fbf1c5;
	border-style		: solid;
	border-color		: #8d7452;
	border-width		: 1px;
	border-left-width		: 0px;
	border-bottom-width	: 0px;
	border-right-width	: 0px;
}
.rightonderCongresColumn
{
	width				: 280;
	vertical-align		: middle;
	border-style		: solid;
	border-color		: #8d7452;
	border-width		: 1px;
	border-left-width		: 0px;
	border-bottom-width	: 0px;
	border-right-width	: 0px;
}

.leftAlbumColumn
{
	width				: 250px;
	text-align			: right;
	background-color		: #fbf1c5;
	font-weight			: bold;
	border-style		: solid;
	border-color		: #8d7452;
	border-width		: 1px;
	border-left-width		: 0px;
	border-right-width	: 0px;
	border-bottom-width	: 0px;
}

.rightAlbumColumn
{
	width				: 60;
	vertical-align		: middle;
	border-style		: solid;
	border-color		: #8d7452;
	border-width		: 1px;
	border-left-width		: 0px;
	border-bottom-width	: 0px;
	border-right-width	: 0px;
}
.rightonderAlbumColumn
{
	width				: 60;
	vertical-align		: middle;
	border-style		: solid;
	border-color		: #8d7452;
	border-width		: 1px;
	border-left-width		: 0px;
	border-bottom-width	: 0px;
	border-right-width	: 0px;
}
.order a {
	display: block;
	width: 110px;
	padding: 10px 5px 10px 45px;
	height: 25px;
	color: #fff;
	text-decoration: none;
}
.order a:hover {color: #fcd356;}
.bw, .bw a {background: url(../images/bg-bw.gif) 0 0 no-repeat;}
.ga, .ga a {background: url(../images/bg-ga.gif) 0 0 no-repeat;}
}
.bw a:hover, .ga a:hover {background-position: 0 -45px;}
}

#footer a{
	padding-top: 0px;
	display: block;
	width: 100%;
	height: 100%;
	background: #5d1011; 
}

#footer a:hover{
	background: #9d8353; 
}