/*---------------------
		This CSS is intended to be the general design template for style sheet to customize Comers.
		The stylesheet is used by Comers in customer local sites.

		If no local customize css is used, comersstandard.css will be used.

----------------------*/
/*---------------------
		General Font styles
-------------------------*/

/* ---------- layout styles begin ---------- */
div, p, blockquote, form, label, ul, li, ol, dl, fieldset, address, body, td, th, input,
	textarea, select, h1, h2, h3, h4, h5, h6, a, input#textfield1 {
   font-family: Georgia, 'Times New Roman', seif;
	word-spacing: 0.05em;
	letter-spacing: 0px;
	color: #333;
}

/* ---------- FONTS BEGIN ---------- */
/* ---------- headings begin   ---------- */
h1 {font-size:1.5em;font-weight:bold;}
h2 {font-size:1.3em;font-weight:bold;}
h3 {font-size:1.2em;font-weight:bold;}
h4 {font-size:1.1em;font-weight:bold;}
h5 {font-size:1.1em;font-weight:bold;}
h6 {font-size:1.1em;font-weight:bold;}
/* ---------- headings end   ---------- */
/* ---------- FONTS END   ---------- */

/* standardheader.jsp style this to get nice links in header menu */

.cs9HeaderMenu {
	position: relative;
	width: 734px;
	height: 95px;
	background: transparent url(../images/menu-bg.png) top left no-repeat;
	text-align:center;
}
.cs9HeaderMenu ul{
	position: absolute;
	left: 0;
	top: 49px;
}

#menu #submenu li a{
	margin-left: 25px;
}
#menu #submenu li a,
.cs9HeaderMenu li a {
   color: #000;
	letter-spacing: -2px;
	text-transform:uppercase;
	display: inline-block;
	font-size: 16px;
	padding: 0px;
	position: relative;
	text-decoration: none;
	top: 2px;
}

.cs9HeaderMenu li a:hover {
	border-bottom: 1px dotted #E6301F;
	color: #E6301F;
}
/*-- HEADER MENU LINKS END---*/
/*-- FOOTER LINKS BEGIN--*/

.cs9FooterMenu li a:hover, .cs9FooterDestinations li a:hover {
    text-decoration: underline;
}

/*-- FOOTER LINKS END---*/
/* ---------- LINKS END ---------- */

#menu ul {
/*     liststyle to UL-tag in menu
	list-style-image:url(../images/pixelpil.gif);
	list-style-position: inside;
*/
}

#menu li {
   padding:.1em 0 .1em 0;
	text-indent:0em;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	background: #ffffff;
/*	 border-bottom: 1px dashed #999999;  */
}

#menu li a:hover, #menu li span.selected {
/*	 background: url(../images/pixelpil.gif) scroll 0 no-repeat;     */
	 text-decoration:none;
}
#menu #submenu li span.selected a{
	border-bottom: 1px dotted #E6301F;
	color: #E6301F;
}
/*---------- LEFT MENU END ------*/
/* ---------- HEADER BEGIN ---------- */
/* this is also where you can specify height if the header should be of specific height
 	this is the div that specifies use of full width, do not compromise */
div#header{
	position: relative;
	margin: 0;
	width: 100%;
	height: 180px;
}
div#header ul{
	background: none;
	color: #000000;
}
.cs9StandardHeader {
/*	background: url(../images/header.jpg) no-repeat;  */
	float: left;
	width: 100%;
}

/* contains logo, language and minicart divs */
.cs9HeaderTop {
	float:left;
	width: 100%;
	height: 85px;
}

/* contains only company logo */
.cs9HeaderLogo {
   display: block;
	height: 83px;
	position: absolute;
	top: 25px;
	width: 400px;
	z-index: 101;
}

/* RSS feed logo in upper right corner in header */


.cs9HeaderRss {
   float: right;
}

/* RSS feed logo end */

.cs9HeaderCartLang {
	float:right
}

/*---- lang div ----*/
/* contains lang switchers */
.cs9HeaderLang {
   position: absolute;
	float:right;
	padding: .2em;
	/* if float right not ok, use this code,
	beware that minicart might overflow the searchfield!
	my suggestion is actually to put the searchfield in a float right aswell,
	that way the menu could be any width without going under the searchfield.
					/DV 090925
	*/
	top: 40px;
	right: 250px;
}

.cs9HeaderLang li {
    display: inline; /* remove this line if you prefer vertical flags! */
    margin: 0 5px;
}
/*--------------------*/

/*-------- minicart in header ----*/
/* -- position the minicart with this div */
div.minicart {
	border: none;
	padding: 0;
	float: left;
	width: 100%;
	background: none;
	top: 10px;
	left: 10px;
}
div.minicart div{
	width: auto;
	/*background: transparent url(../images/minicart-top.png) top left no-repeat;*/
}
.cs9HeaderCart {
	position: absolute;
	float: right;
	bottom: 0;
	right: 0;
	height: 70px;
	width: 220px;
	background: transparent url(../images/minicart-bottom.png) bottom left no-repeat;
}

/* this span display block is used to display mincart in three rows */
/* otherwise minicart is displayed in one row */

span.cartlink, span.amount, span.delete {
    display: block;
	 /*margin-bottom: 3px;*/
}

.amount {
    color: red;
}
/*overrides standard css*/
.minicart span#miniCartPrice, .minicart span.cs9CartGotoBooking a, .minicart span.cs9CartCancelBooking a{ line-height: 1.8em; }
div.minicart div span.amount{ border: none; }
/*------------------------------------*/

/* contains menu and freetextsearch */
.cs9HeaderBottom {
   float: left;
	width: 100%;
	height: 95px;

}

/*---- menu container -----*/
.cs9HeaderMenu {
   float: left;
}

.cs9HeaderMenu li {
	background: url(../images/menu-separator.gif) no-repeat 8px 9px;
	display: list-item;
	float: left;
	padding: 0px 0px 0px 24px;
}
.cs9HeaderMenu li:first-child{
	background: none;
}
/*-----------------------------*/

/* free text search */
.cs9HeaderSearch{}

.cs9HeaderSearch .fg-button {
    padding:0 0.1em;
}

.cs9HeaderSearch input {
	border:1px solid #ddd;
	padding:0.2em;
}




/***********************************
		----- HEADER END --------
*************************************/

/* ---------- FOOTER BEGIN ---------- */

#footer div, #footer li, #footer a {
	line-height:2.5em;
}

#footer {
/*    border-top: 1px #999999 solid;   */
/*    margin: .5em .5em .5em .5em;    */
	text-align: center;
	margin:1em 1em 0 1em;
/*  border:0px solid green;    */
	height: 337px;
}

.cs9FooterMenu {

}

.cs9FooterMenu ul, .cs9FooterDestinations ul {
    text-align: center;
}


.cs9FooterMenu li, .cs9FooterDestinations li {
   display: inline;
	padding: 0 0.5em;
}


.cs9FooterDestinations, .cs9FooterMenu {
    border-top: 1px #dddddd dashed;
    border-bottom: 1px #dddddd dashed;
}

/* ---------- FOOTER END  ---------- */

/*------- CUSTOMER LOGIN START ----------*/
.customerShowBooking{
	padding: 0 10px 30px 10px;
	background: #fff url(../images/calendar-bottom.gif) bottom left no-repeat;
}
.cs9CustomerLogin {
/* this class is used to style login fields */
}

/*------- CUSTOMER LOGIN END ------------*/

/* ---------------------------------------- */
/* ---------- LAYOUT STYLES BEGIN---------- */
body {
/*
	 background: url( ../images/bodybg.png ) no-repeat scroll top;
	 												Use background image to display background image
*/
/*	 background:url(../images/blue-fade.png ) repeat scroll top;   */
	 margin:0 auto;

/*	 margin:10px auto;  Use this code when you want space over and below container.
 								margin auto center page */

	background: #ffffff url(../images/body-bg.gif);
	color: #333;
	font-family: Georgia, 'Times New Roman', seif;
	font-size: 13px;
	line-height:1.5em;
	overflow-x: hidden;

}

#container {
   /*padding: 0 5px;*/
   margin:0 auto;
   position: relative;
	width: 970px;
	border:none;
}

/* Wrapper area contains all area1, area2 and so on
	Wrapper area is used to declare background color, border

*/

#wrapper{

}

/*---------- LEFT MENU BEGIN ------*/

/*-- start page begin --- */
/* Area1 start definition here */
/* Should be absolute pixelsize */

#menu{
	position: relative;
	float: left;
	display: inline;
	width: 220px;
}

/* the START-area start definition here */

body#start #area1 {
    float:left;
 /*--
     This width has to be changed
     if not using a column to the right

 ---*/
    width: 560px;
	 margin:0 10px 0 10px;

}

body#start #area2 {
   float: left;
   margin:0 10px 0 0;
   width: 220px;
	border:0 solid red;
}

body#start #area3 {
	display:none;
}

body#start #area4 {
	display:none;
}

body#start #area5 {
	display:none;
}

body#start #area6 {
	display:none;
}

body#start #area7 {
	display:none;
}

body#start #area8 {
	display:none;
}

body#start #area9 {
	display:none;
}
/*-- start page end --- */

/*-- result page begin --*/

body#result #area1 {
   float:left;
 /*--
     This width has to be changed
     if not using a column to the right
 ---*/
   width: 560px;
	margin:0 10px 0 10px;

}

body#result #area2 {
   float:left;
   width: 220px;
	margin-right:10px;
}

body#result #area3 {
	/*display:none;  */
	width: 780px;
	float: left;
	margin:0 10px 0 10px;
}

body#result #area4 {
	display:none;
}

body#result #area5 {
	display:none;
}

body#result #area6 {
	display:none;
}

body#result #area7 {
	display:none;
}

body#result #area8 {
	display:none;
}

body#result #area9 {
	display:none;
}
/*-- result page end --- */

/*-- result charter page begin --*/

body#resultcharter #area1 {
   float:left;
 /*--
     This width has to be changed
     if not using a column to the right
 ---*/
   width: 530px;
	margin:0 10px 0 10px;

}

body#resultcharter #area2 {
   float:left;
   width: 250px;
	margin-right:10px;
}

body#resultcharter #area3 {
	float: left;
	width: 780px;
	margin: 0 10px;
}

body#resultcharter #area4 {
	display:none;
}

body#resultcharter #area5 {
	display:none;
}

body#resultcharter #area6 {
	display:none;
}

body#resultcharter #area7 {
	display:none;
}

body#resultcharter #area8 {
	display:none;
}

body#resultcharter #area9 {
	display:none;
}
/*-- result charter page end --- */

/*-- book page begin --*/
body#book #area1 {
    float:left;
    /*--
     This width has to be changed
     if not using a column to the right
---*/
    width: 770px;
	margin:0 10px 0 10px;
}

body#book #area2 {
	display:none;
}

body#book #area3 {
	display:none;
}

body#book #area4 {
    display:none;
}

body#book #area5 {
	display:none;
}

body#book #area6 {
	display:none;
}

body#book #area7 {
	display:none;
}

body#book #area8 {
	display:none;
}

body#book #area9 {
	display:none;
}
/*-- book page end --- */

/*-- login page begin --*/
body#standard #area1 {
   position: relative;
	float: left;
	display: inline-block;
	width: 730px;
	margin: 0 0 0 20px;
}

body#standard #area2 {
	display:none;
}

body#standard #area3 {
	display:none;
}

body#standard #area4 {
    display:none;
}

body#standard #area5 {
	display:none;
}

body#standard #area6 {
	display:none;
}

body#standard #area7 {
	display:none;
}

body#standard #area8 {
	display:none;
}

body#standard #area9 {
	display:none;
}
/*-- login page end --- */


body#popup #container {
    width: auto;
}

/* ---------- LAYOUT STYLES END  ---------- */

/*---- These classes are used to style the .cs9SearchParameters div and its elements ----*/
.cs9SearchParameters{
	border: none;
}

.cs9SearchText {
	width: 610px;
}

#cs9SearchForm{
	width: auto;
	background: transparent url(../images/calendar-bottom.gif) bottom left no-repeat;
	padding: 30px 10px 30px 10px;

}
#parallellForm{
	position:relative;
	width: 100%;
	overflow-x: hidden;
	padding: 10px 0;
	z-index: 2;
}
#calendarWrapper{
	float:left;
	display: inline;
	width: 100%;
	padding-top: 30px;
	background: transparent url(../images/calendar-top.gif) top left no-repeat;
	z-index: 2;
}
#calendarMapWrapper{
	float: left;
	width: 100%;
	overflow-x: hidden;
	padding: 0;
}
#cs9Calendar{
	float: left;
	margin-right: 10px;
}

#cs9SearchForm .cs9ExtraInfoFields{
	position: relative;
	float:left;
	width: 200px;
}
.cs9searchFormSearchButton{
	/*this is a wrapper for submitbutton*/
	/*default position is below calendar*/
	/*since search is not relative we cant use absolute.*/
	/*position: absolute;
	right: 150px;
	top: 0;
	z-index: 5;*/
	position: relative;
	top:-30px;
	left: 500px;
	display: inline;
}
.cs9searchFormSearchButton input{
	/*make button wider*/
	padding-left: 2em;
	padding-right: 2em;
}
/*MATCH ALV ELEMENTS*/
.cs9ProductSeparator, .cs9PackageSeparator{
	border-bottom: 2px dashed #666666;
}
.cs9ProductContainer{
	border: 0px solid #000000;
}
.cs9Name{
	margin: 0px 0px 6px;
	padding: 0px;
}
h1{
	margin: 0px 0px 6px;
	padding: 6px 0px;
}
div#minimenu{
	position: relative;
	width: 220px;
	height: 332px;
	background: transparent url(../images/minimenu.png) no-repeat;
	margin-top: 15px;
}
div#minimenu span {
	display: block;
	outline: 0px;
	padding: 4px;
	position: absolute;
	text-align: center;
	width: 100%;
}
div#minimenu span a{
	font-size: 21px;
	font-weight: 900;
	text-decoration: none;
}
div#minimenu span.item-1 {
	top: 16px;
}
div#minimenu span.item-2 {
	top: 66px;
}
div#minimenu span.item-3 {
	top: 112px;
	left: 10px;
}

div#submenu{
	position: relative;
	display: inline-block;
	width: 100%;
	background: transparent url(../images/submenu-top.png) no-repeat;
}
div#submenu ul.listLevel1{
	background: url(../images/submenu-bottom.png) bottom left no-repeat;
	padding: 34px 0 44px 0;
	margin: 0;
}

div#paintings{
	background: url(../images/paintings.png) no-repeat 50% 0%;
	height: 638px;
	left: -280px;
	position: absolute;
	top: 170px;
	width: 1521px;
	z-index: -1;
}

div#footerPaintings{
	position: absolute;
	background: url(../images/footer.png) no-repeat 50% 100%;
	height: 373px;
	overflow: hidden;
	bottom: -108px;
	left: -50%;
	width: 2500px;
	z-index: -1;
}

#ALVHeaderMenu{
	position: absolute;
	float: right;
	top: 10px;
	right:0;
}
#ALVHeaderMenu ul{
	float:left;
	margin: 0px;
	padding: 0px 0px 0.25em 1em;
}
#ALVHeaderMenu ul li{
	float:left;
	margin: 0px 0px 0px 0.5em;
	padding: 0.2em 0.5em 0px 0px;
}
#ALVHeaderMenu ul li a{
	text-decoration: none;
	font-weight: normal;
}
#ALVHeaderMenu ul li a img{
	width: 16px;
	height: 16px;
}

.cs9ElementInformationRow{ font-size: 1em; }
/*END MATCH ALV ELEMENTS*/