﻿/****************************************** BODY ****************************************/

body
{
	background-color: #dd984d;
	background-image: url(/media/background.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color: #333333;
}

#site
{
	background-image: url(/media/background-site.png);
}

#middle
{
	background-color: #ffffff;
}


.body-gallery,
.print-body,
#recommend
{
	background-image: none;
	background-color: #ffffff;
}

ul
{
	list-style-image:url(/media/listicon.gif);
}


.language a
{
	color: #9f070d;
	background-color: #ffffff;
}

.language a:hover
{
	color: #9f070d;
	background-color: #fad199;
}


/************************ STYLES *********************/

.title, h1
{
	color: #9f070d;
}

.titlesmall, h2
{
	color: #9f070d;
}

a
{
	color: #333333;
}

/*********************** BANNERSLOGAN **********************/

#bannerslogan
{
    background-image: url(/media/bg-slogan.png);
    background-repeat: no-repeat;
}

/************************ TABS *****************/


#weather .ui-state-active a,
#weather .ui-state-active a:link,
#weather .ui-state-active a:visited
{
	color: #ffffff;
}

.cjq-popup .ui-dialog-titlebar
{
	background-color: #9f070d;
}

.cjq-popup .ui-dialog-titlebar a
{
	background-color: #ffffff;
}

.cjq-popup .ui-dialog-titlebar a:hover
{
	background-color: #e4e1dd;
}

/************************ QUICKREQUEST *******************/

#quickrequest
{
	background-color: #7d0b0f;
	color: #ffffff;
}

#quickrequest .button
{
	color: #ffffff;
	background-image: url(/media/pfeil-white.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

/*********************** BANNER ***********************/

#banner
{
	background-image: url(/media/banner.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/********************** MENU FLYOUT ***********************/

#menu-flyout,
#menu-flyout a
{
   color: #ffffff;
}

#menu-flyout .active,
#menu-flyout .level-0:hover
{
   background-image: url(/media/bg-flyout-menu0.png);
   background-position: center bottom;
   background-repeat: repeat-x;
}


#menu-flyout .flyout,
#menu-flyout .flyout-1
{
   background-image: url(/media/bg-flyout.png);
}

#menu-flyout .flyout .level-1 .menu-1:hover,
#menu-flyout .flyout-1 .level-2 .menu-2:hover
{
   background-color: #9c070d;
}

#menu-flyout .separator
{
	background-color: #ffffff;
}


/*********************** COL LEFT ********************/

#col-left
{
}


/*************************** MENU LEFT **********************/

#menu-left
{
	background-color: #fad199;
	color: #7e0b0f;
}

#menu-left a
{
	color: #7e0b0f;
}

#menu-left .menu-left-0 a
{
	color: #333333;
}

#menu-left .menu-left-1 a,
#menu-left .menu-left-1-active a
{
	background-image: url(/media/pfeil-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#menu-left .menu-left-1,
#menu-left .menu-level-2
{
	border-bottom: 1px solid #bea17a;
}

#menu-left .menu-left-1 a:hover,
#menu-left .menu-left-1-active a
{
	color: #333333;
}

#menu-left .menu-left-2 a:hover,
#menu-left .menu-left-2-active a
{
	color: #333333;
}


/********************* MENU LEFT 2 ***********************/

#menu-left2
{
	background-image: url(/media/menu-left2-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#menu-left2 a
{
	color: #ffffff;
}


#menu-left2 .container
{
	background-color: #9f070d;
}

#menu-left2 .menu-0
{
	border-bottom: 1px solid #7d0b0f;
}

#menu-left2 .menu-0 a
{
	background-image: url(/media/pfeil-white.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#menu-left2 .menu-0 a:hover
{
	color: #ebebeb;
}

/*********************** COL RIGHT ********************/

#col-right
{
}

/******************** PATH ***********************/

.path
{
	border-bottom: 1px solid #eccdcf;
}

.path .item
{
	background-image: url(/media/pfeil-black.gif);
	background-repeat: no-repeat;
	background-position: 15px 3px;
}

.path .item:hover
{
	color: #000000;
}



/************************** BOTTOM *******************/ 

#bottom .service-logo
{
	background-color: #ffffff;
}

#bottom .service a:hover
{
	color: #000000;
}


#bottom .info
{
	background-color: #7d0b0f;
}

#bottom .logos .holidaycheck .link
{
	border: 1px solid #e9a051;
	background-color: #fad199;
	color: #313131;
	background-image: url(/media/pfeil-holidaycheck.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
}

#bottom .logos .holidaycheck .link:hover
{
	color: #ffffff;
	background-color: #9f070d;
	border: 1px solid #e9a051;
	background-image: url(/media/pfeil-white.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

/*********************** ADDRESS *************************/

#address,
#address a
{
	color: #ebebeb;
}

/*********************** FRAME NEWSLETTER *************************/

#frame-newsletter .button a
{
	color: #ebebeb;
}

#frame-newsletter .button a:hover
{
	color: #ffffff;
}

#frame-newsletter .button
{
	background-image: url(/media/pfeil-white.gif);
	background-repeat: no-repeat;
	background-position: 20px 8px;
}

/****************************** FRAME WEATHER ***************************/

#frame-weather,
#frame-weather a
{
	color: #ebebeb;
}

#frame-weather .button a
{
	background-image: url(/media/pfeil-white.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#frame-weather .button a:hover
{
	color: #ffffff;
}

/****************************** MENU BOTTOM ************************/

#menu-bottom a
{
	color: #333333;
}

#menu-bottom a:hover
{
	color: #000000;
}

/************************** WEBCAMS ***********************/

#webcams .item
{
	background-color: #e8e8e8;
}

#webcams .link a
{
	background-image: url(/media/pfeil-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#webcams .link a:hover
{
	background-image: url(/media/pfeil-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #9f070d;
}

#webcams .detail .image
{
	border: 5px solid #fad199;
}


/************************** FOTOGALLERY ***********************/

#fotogallery .item .image
{
	border: 3px solid #9f070d;
}

#fotogallery .link a
{
	background-image: url(/media/pfeil-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#fotogallery .link a:hover
{
	background-image: url(/media/pfeil-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #9f070d;
}

/************************** OFFERS ***********************/

#offers .item
{
	background-color: #fff3e3;
}

#offers .bg-image
{
	background-color: #fad199;
}

#offers .detail .image
{
    border-top: 1px solid #e5d5c8;	
}

#offers .image
{
	background-color: #ffffff;
}


#offers .item .description .clear
{
    background-color: #e5d5c8;	
}

#offers .item .description .price
{
    border-top: 1px solid #e5d5c8;	
}


#offers .item .link a
{
	background-image: url(/media/arrow-black.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#offers .item .link a:hover
{
	background-image: url(/media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #9f070d;
}

/***/

#offers .detail .container
{
    background-color: #fff3e3;
    border-bottom: 1px solid #e3d4cd;
}

#offers .detail .description
{
    border-top: 1px solid #e9d1cd;
}

#offers .detail .image
{
	border: 7px solid #fad199;
	background-color: #ffffff;
}

#offers .detail .offer-request
{
	border-bottom: 1px solid #e9d1cd;
}

#offers .detail .offer-request a
{
	background-image: url(/media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #9f070d;
}

#offers .detail .link a
{
	background-image: url(/media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #9f070d;
}

#offers .detail .link .back
{
	background-image: url(/media/arrow-black.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #000000;
}



/************************** DOWNLOADS ***********************/


#downloads .link a
{
	background-image: url(/media/pfeil-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#downloads .link a:hover
{
	background-image: url(/media/pfeil-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #9f070d;
}


/***************************** LINKS *****************************/

#links .titlemodule a
{
	background-image: url(/media/pfeil-black.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

#links .titlemodule a:hover
{
	background-image: url(/media/pfeil-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	color: #9f070d;
}

/*****************************guestbook*****************************/
#guestbook .headerGuestbook
{
    border-bottom: solid 1px #c4c4c4;
}
#guestbook .insert-button
{
    background-image:url(/media/arrow-black.png);
    background-repeat: no-repeat;
    color:#c4c4c4;    
}

#guestbook .insert-button:hover
{
    background-image:url(/media/arrow-black.png);
    background-repeat: no-repeat;
    color:#9f070d;    
}

#guestbook-list .description
{
    background-color:#ffffff;
    border:solid 1px #9f070d;
}

#guestbook-list .name
{
    background-color:#9f070d;
    color:#ffffff;
}
#guestbook-list .date
{
    color:#ffffff;
}
#guestbook-list .description .infos .homepage a
{
    color:#9f070d;
}


/********************* FRAME OFFERS *******************/

#frame-offers .frame-offers-title a
{
	color: #9f070d;
}

#frame-offers .frame-offers-title
{
	background-image: url(/media/bg-white.png);
}

#frame-offers .item-background
{
	background-image: url(/media/bg-frame-offers.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#frame-offers .item .date
{
	background-image: url(/media/bg-flyout.png);
	color: #ffffff;
}

#frame-offers .item .link a
{
	/*background-image: url(/media/pfeil-red.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;*/
	color: #ae2b1c;
}


/*---------------------------------------------------*/
/*  treatments
/*---------------------------------------------------*/

#treatments .item
{
    border-left: 1px solid #fad199;
    border-right: 1px solid #fad199;
    border-bottom: 1px solid #fad199;
}

#treatments .titlemodule
{
    background-color: #fad199;
}

#treatments .block-right
{
    border-left: 1px solid #fad199;
}

#treatments .link
{
    background-image:url(../media/arrow-black.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

#treatments .link a:hover
{
    color: #000000;
}


/************************** tours **************************/

#tours .link a
{
	background-image: url(/media/arrow-black.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#tours .link a:hover
{
	background-image: url(/media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #9f070d;
}

/*---------------------------------------------------
/*  pager
/*---------------------------------------------------*/

.pager a:hover
{
   background-color:#9f070d;
   color: #ffffff; 
}

.pager a.active,
.pager a.page:hover
{
   background-color: #9f070d;
   color: #ffffff; 
}

.pager .first
{
    background-image:url(../media/icon-pager-first.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.pager .last
{
    background-image:url(../media/icon-pager-end.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.pager .previous
{
    background-image:url(../media/icon-pager-last.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.pager .next
{
    background-image:url(../media/icon-pager-next.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
