* ----------------------------------------------------
 Project: 	doria.nl
 Subject: 	general CSS definitions, cloud design

 (C) 2009 Stuart McFarlane Software, Amsterdam
 ---------------------------------------------------- */
*
{
	margin: 0;
	padding: 0;
}
html
{
	overflow-y: scroll;
}
body {
	font-family: "Trebuchet MS",sans-serif,verdana,arial,helvetica;
	font-size: 10pt;
	line-height: 22px;
	color: #333;
	background-color: #f9f9db;
}
h1
{
	font-family: Georgia;
	color: #aa1b1b;
	font-size:16pt;
	font-weight:bold;
	margin-bottom: 1em;
	margin-top: 0;
}
p
{
	margin-top: 0;
	margin-bottom: 1em;
}
a:link,
a:visited
{
	color:#000;
	font-weight: bolder;
	text-decoration:none;
}
a:hover
{
	color:#000;
	font-weight: bolder;
	text-decoration:none;
}
a:active
{
	color:#000;
	font-weight: bold;
	text-decoration:none;
}

img
{
	border: none;
}

/* ----------------------------------------------------
  layout
 ---------------------------------------------------- */

#wrapper
{
	width: 1057px;
	margin: 0 auto;
	position: relative;
}

#header
{
	background-image: url(/fileadmin/images/header-bg.gif);
	position: relative;
	height: 332px;
}
#header-theme-img
{
	position: absolute;
	top: 21px;
	left: 128px;
}
#hotel-sign
{
	background-image: url("/fileadmin/images/hotel-sign.png");
	height: 356px;
	left: 44px;
	position: absolute;
	top: 157px;
	width: 73px;
}

#lang-menu
{
	position: absolute;
	right: 0px;
	top: 13px;
	width: 40px;
	font-family: "Courier New" ;
	font-size: 10px;
}
#lang-menu-top
{
	background-image: url(/fileadmin/images/lang-menu-top.gif);
	height: 9px
}
#lang-menu-bottom
{
	background-image: url(/fileadmin/images/lang-menu-bottom.gif);
	height: 9px;
}
#lang-menu .tx-srlanguagemenu-pi1
{
	margin: 0;
	padding: 0;
}
#lang-menu .tx-srlanguagemenu-pi1 .CUR
, #lang-menu .tx-srlanguagemenu-pi1 .NO
, #lang-menu .tx-srlanguagemenu-pi1 .INACT
{
	height: 32px;
	padding: 3px 5px 1px;
	position: relative;
	width: 25px;
	float: none;
}
#lang-menu .tx-srlanguagemenu-pi1 .CUR
{
	background-image: url(/fileadmin/images/flag-gradient.png);
	background-repeat: repeat-x;
}
#lang-menu .tx-srlanguagemenu-pi1 img {
	margin: 8px 2px;
}
#lang-menu span
{
	line-height: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 16px;
	left: 10px;
}
#lang-menu li.active span
{
	color: #fff;
}
#lang-menu-mid
{
	background-image: url(/fileadmin/images/lang-menu-bg.gif);
	background-repeat: repeat-y;
	padding-top: 1px;
}
#logo img
{
	position: relative;
	top: 21px;
	left: 6px;
}
#topnav
{
	width: auto;
	height: 40px;
	background-image: url(/fileadmin/images/topnav-bg.gif);
	background-repeat: repeat-y;
	padding-left: 128px;
}
#topnav ul
{
	margin: 0;
	padding: 0;
	height: 40px;
	width: 880px;
	list-style: none;
	list-style-position: outside;
	background-image: url(/fileadmin/images/topnav-bg2.gif);
	background-repeat: repeat-x;
}
#topnav li
{
	display: block;
	float: left;
	padding: 8px 0 6px;
	background-image: url(/fileadmin/images/topnav-inactive-bg.gif);
}
#topnav	li div
{
	margin: 2px 0;
	border-right: 1px #aa1b1b solid;
}
#topnav li.active
, #topnav li.hover
{
	background-image: url(/fileadmin/images/topnav-active-bg.gif);
	background-repeat: repeat-x;
	margin-left: -1px;
	margin-right: 1px;
}
/*#topnav li.first.active*/
#topnav li.first
{
	margin-left: 0;
	margin-right: 0;
}
#topnav li.last div
{
	border-right: none;
}
#topnav a
{
	font-family: Georgia;
	font-weight: bold;
	font-size: 11pt;
	color: #ae1b1b;
	padding: 12px 16px 10px;
}
#topnav li.active a
, #topnav li.hover a
{
	color: #F9F9DB;
}
#content
{
	min-height: 400px;
	background-image: url(/fileadmin/images/content-bg.gif);
	background-repeat: repeat-y;
	margin-left: 1px;
	padding-top: 24px;
}
#content-left
{
	margin-left:116px;
	padding:0 0 24px 24px;
	width:446px;
	min-height: 400px;
}
#content-right
{
	padding: 3px 48px 24px 0;
	width:382px;
}
#footer
{
	background-image: url(/fileadmin/images/footer-bg.gif);
	height: 72px;
}

#content-right .csc-textpic-image
{
	margin: 0;
}
#content-left ul
{
	list-style: inside url(/fileadmin/images/bullet.gif);
	padding-left: 2px;
}
.map-border
{
	position:absolute;
	top: 400px;
	left: 609px;
	z-index: 1;
	width: 386px;
	height: 350px;
}
.map-border-top
{
	z-index: 10;
	position: absolute;
}
.map-border-left
{
	z-index: 10;
	position: absolute;
	left: 0;
}
.map-border-right
{
	z-index: 10;
	position: absolute;
	right: 0;
}
.map-border-bottom
{
	z-index: 10;
	position: absolute;
	bottom: 0;
	left: 0;
}
#content-right .csc-textpic-caption
{
	position: relative;
	left: -3px;
	width: 392px;
	height: 44px;
	line-height: 44px;
	background-image: url(/fileadmin/images/carousel-caption-bg.png);
	color: #8e8e8e;
	text-align: center;
	font-family: Georgia;
	font-size: 18px;
}
#cycle-prev
, #cycle-next
{
	width: 18px;
	height: 19px;
	background-color: pink;
	position: relative;
	botttom: 0px;
	z-index: 10;
	top: -31px;
	cursor: pointer;
}
#cycle-prev
{
	float: left;
	left: 5px;
	background-image: url(/fileadmin/images/carousel-prev.png);
}
#cycle-next
{
	float: right;
	background-image: url(/fileadmin/images/carousel-next.png);
}
.reservation
{
	height: 500px;
	width: 850px;
}
.contenttable p
{
	margin-bottom: 0;
}
td.reservation-button
{
	text-align: right;
}
input.reservation-button
{
	background: url(/fileadmin/images/check-button.png) no-repeat top left;
	border: none;
	width: 58px;
	height: 26px;
	font-family: Georgia;
	font-weight: bold;
	font-size: 10pt;
	color: #F9F9DB;
	padding: 0 0 1px;
}
input.reservation-button:hover
{
	background: url(/fileadmin/images/check-button-hover.png) no-repeat top left;
}
p.bodytext a:link,
p.bodytext a:visited
{
	color: #d43636;
	text-decoration:none;
	font-weight: normal;
}
p.bodytext a:hover,
p.bodytext a:active
{
	color: #d43636;
	text-decoration:underline;
	font-weight: normal;
}
#formContainer
{
	top: 70px;
	left: 112px;
}