﻿
/*---------------------------------------------------
/*  site-general
/*---------------------------------------------------*/

body
{
	color: #2b2b2b;
}

.image-bottom
{
	background-image: url(../media/bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#banner .banner-transparency
{
	background-image: url(../media/banner-bottom.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#banner .bg
{
	background-image: url(../media/banner.png);
	background-repeat: no-repeat;
}


#banner .language a
{
	background-image: url(../media/bg-language.png);
	background-repeat: no-repeat;
}

#banner .language a:hover
{
	color: #ffffff;
}

#site
{
	
}

#content
{
	background-image: url(../media/bg-content.png);
	background-repeat: no-repeat;
}

#col-right
{
	border-top: 1px solid #d7d7d7;
}

.title, h1,
.title a
{
	color: #6d0000;
}

.titlesmall, h2,
.titlesmall a
{
}

.title-module,
.title-module a
{
	color: #6d0000;
}

.frame-link,
.frame-link a
{
	background-color: #cac1a8;
}

.frame-link a:hover
{
	background-color: #b5a988;
	color: #ffffff;
}


a
{
	color: #2b2b2b;
}

ul
{
	list-style-image: url(../media/arrow-grey.png);
}


.moto
{
    background-image: url(../media/moto.png);
    background-repeat: no-repeat;
    background-position: 100px 0px;
}

.bike
{
    background-image: url(../media/bike.png);
    background-repeat: no-repeat;
    background-position: 135px 0px;
}

.hiking
{
    background-image: url(../media/hiking.png);
    background-repeat: no-repeat;
    background-position: 175px 0px;
}

/*---------------------------------------------------
/*  menu flyout
/*---------------------------------------------------*/

#menu-flyout
{
	background-image: url(../media/transparent-white.png);
}

#menu-flyout a
{
	color: #2a2929;
}

/*#menu-flyout .level-0 .menu-0
{
	border-top: 5px solid #6f0000;
}

#menu-flyout .level-0 .green
{
	border-top: 5px solid #608127;
}

#menu-flyout .level-0 .blue
{
	border-top: 5px solid #274f81;
}

#menu-flyout .level-0 .yellow
{
	border-top: 5px solid #d59c12;
}
*/

#menu-flyout .flyout,
#menu-flyout .flyout1
{
	background-image: url(../media/bg-flyout.png);
}

#menu-flyout .flyout a,
#menu-flyout .flyout1 a
{
	color: #ffffff;
}



#menu-flyout .flyout .level-1 .menu-1:hover,
#menu-flyout .flyout-1 .level-2 .menu-2:hover
{
	background-color: #6f0000;
	color: #ffffff;
}

#menu-flyout .level-1 .menu-1green:hover,
#menu-flyout .level-1 .menu-1green.selected,
#menu-flyout .level-2 .menu-2green:hover
{
	background-color: #608127;
	color: #ffffff;
}

#menu-flyout .level-1 .menu-1blue:hover,
#menu-flyout .level-1 .menu-1blue.selected,
#menu-flyout .level-2 .menu-2blue:hover
{
	background-color: #274f81;
	color: #ffffff;
}

#menu-flyout .level-1 .menu-1yellow:hover,
#menu-flyout .level-1 .menu-1yellow.selected,
#menu-flyout .level-2 .menu-2yellow:hover
{
	background-color: #d59c12;
	color: #ffffff;
}


/*---------------------------------------------------
/*  menu
/*---------------------------------------------------*/

#menu
{
	background-image: url(../media/bg-menu.png);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #d7d7d7;
	background-color: #ffffff;
}

#menu .separator
{
	background-color: #f3f2ee;
}

#menu .menu-0,
#menu .menu-0 a
{
	color: #6f0000;
}

#menu .menu-1 a
{
	background-image: url(../media/arrow-brown.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	color: #393939;
}

#menu .menu-1 a:hover,
#menu .menu-1-active a
{
	background-image: url(../media/arrow-brown.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	color: #6f0000;
}

#menu .menu-2 a
{
	background-image: url(../media/arrow-brown.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	color: #393939;
}

#menu .menu-2 a:hover,
#menu .menu-2-active a
{
	background-image: url(../media/arrow-brown.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	color: #6f0000;
}

#menu .menu-3 a
{
	background-image: url(../media/arrow-brown.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	color: #393939;
}

#menu .menu-3 a:hover,
#menu .menu-3-active a
{
	background-image: url(../media/arrow-brown.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	color: #6f0000;
}


/*---------------------------------------------------
/*  path
/*---------------------------------------------------*/


.sitepath a:hover
{
	color: #6d0000;
}


/*---------------------------------------------------
/*  sercvice
/*---------------------------------------------------*/

#content .service
{
	border-top: 1px solid #ded8ca;
}


/*---------------------------------------------------
/*  bottom
/*---------------------------------------------------*/


#bottom
{
	background-image: url(../media/transparent-bottom.png);
	background-repeat:no-repeat;
	background-position: left bottom;
	color: #4a4a4a;
}

/*---------------------------------------------------
/*  address
/*---------------------------------------------------*/

#bottom .address
{
	background-image: url(../media/bg-box.png);
	background-repeat: no-repeat;
	color: #6a0101;
}

#bottom .address a
{
	color: #6a0101;
}

#bottom .address .container .links a
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	color: #6a0101;
}


.copyright
{
	color: #ffffff;
	background-image: url(../media/shadow-copyright.png);
	background-repeat: no-repeat;
}

/*---------------------------------------------------
/*  frame newsletter
/*---------------------------------------------------*/

#bottom .frame-newsletter
{
	background-image: url(../media/bg-box2.png);
	background-repeat: no-repeat;
}

#bottom .frame-newsletter .container .input
{
	background-repeat: no-repeat;
	background-color: #ffffff;
	border: 1px solid #ded8ca;
	color: #333333;
}

#bottom .frame-newsletter .container .links a
{
	background-image: url(../media/arrow-grey.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}



/*---------------------------------------------------
/*  holidaycheck
/*---------------------------------------------------*/

#bottom .holidaycheck
{
	background-image: url(../media/bg-box.png);
	background-repeat: no-repeat;
}

#bottom .holidaycheck .container .links a
{
	background-image: url(../media/arrow-grey.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}


/*---------------------------------------------------
/*  teaser
/*---------------------------------------------------*/

#teaser
{
	border-top: 5px solid #b5a988;
	background-color: #e0dcd1;
	background-image: url(../media/bg-frame.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*---------------------------------------------------
/*  frame weather
/*---------------------------------------------------*/

#frame-weather
{
	border-top: 5px solid #b5a988;
	background-color: #e0dcd1;
	background-image: url(../media/bg-frame.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#frame-weather .item img
{
	border: 1px solid #b5a988;
}

#frame-weather .item .temp-min
{
	color: #0874be;
}

#frame-weather .item .temp-max
{
	color: #6f0000;
}


#frame-weather .container .link a
{
	background-image: url(../media/arrow-ocre.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

/*---------------------------------------------------
/*  tipps
/*---------------------------------------------------*/

#tipps
{
	border-top: 5px solid #b5a988;
	background-color: #e0dcd1;
	background-image: url(../media/bg-frame.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#tipps .item .link a
{
	background-image: url(../media/arrow-ocre.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

/*---------------------------------------------------
/*  quickrequest
/*---------------------------------------------------*/
 
#quickrequest
{
	background-image: url(../media/bg-quickrequest.png);
	background-repeat: no-repeat;
	color: #ece7de;
}

#quickrequest .input,
#quickrequest .inputsmall
{
	color: #333333;
	border: 1px solid #4b081e;
}
 
.quickrequest-links
{
	background-image: url(../media/bg-quickrequest-links.png);
	background-repeat: no-repeat;
}

.quickrequest-links a
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 10px 3px;
	color: #ece7de;
}


/*---------------------------------------------------
/*  menu bottom
/*---------------------------------------------------*/

#menu-bottom
{
	background-image: url(../media/shadow-menu-bottom.png);
	background-repeat: no-repeat;
}

#menu-bottom a
{
	color: #ffffff;
}

/*---------------------------------------------------
/*  webcams
/*---------------------------------------------------*/
 
#webcams .item
{
	/*background-color: #e0dcd1;*/
	background-image: url(../media/bg-frame-offers.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#webcams .item .image
{
	border: 3px solid #b5a988;
}


#webcams .link a
{
	background-image: url(../media/arrow-grey.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

#webcams .detail .image
{
	border: 5px solid #b5a988;
}

/*---------------------------------------------------
/*  frame offers
/*---------------------------------------------------*/
#frame-offers
{
	background-image: url(../media/bg-frame-offers.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#frame-offers .date
{
	background-color: #6f0000;
	color: #ffffff;
}

#frame-offers .item .container .image img
{
	top: 0px;
	border: 1px solid #b5a988;
}


#frame-offers .item .container .name-start a
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

#frame-offers .item .container .name-start a:hover
{
	color: #6f0000;
}

/*---------------------------------------------------
/*  offers
/*---------------------------------------------------*/
#offers .item .container
{
	background-image: url(../media/bg-offer-item-top.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#offers .item .container,
#offers .item .container a
{
	/*color: #ffffff;*/
}

#offers .price
{
	background-image: url(../media/bg-price.png);
	background-repeat: no-repeat;
	color: #ffffff;
}

#offers .item .image
{
	background-image: url(../media/bg-offer-item-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#offers .link a
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#offers .link a:hover
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #6f0000;
}

/*---------------------------------------------------
/*  offers-home
/*---------------------------------------------------*/
#offers-home .item .container
{
	background-image: url(../media/bg-offer-item-top.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#offers-home .item .container,
#offers-home .item .container a
{
	/*color: #ffffff;*/
}

#offers-home .price
{
	background-image: url(../media/bg-price.png);
	background-repeat: no-repeat;
	color: #ffffff;
}

#offers-home .item .bottom
{
	background-image: url(../media/bg-offer-item-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#offers-home .link a
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#offers-home .link a:hover
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #6f0000;
}

/*---------------------------------------------------
/*  downloads
/*---------------------------------------------------*/

#downloads .link a
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#downloads .link a:hover
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #6f0000;
}


/*---------------------------------------------------
/*  fotogallery
/*---------------------------------------------------*/

#fotogallery .image
{
	border: 3px solid #6f0000;
}

#fotogallery .link a
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#fotogallery .link a:hover
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	color: #6f0000;
}


/*---------------------------------------------------
/*  frame downloads
/*---------------------------------------------------*/

#frame-downloads
{
	border-top: 5px solid #b5a988;
	background-color: #e0dcd1;
	background-image: url(../media/bg-frame.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


#frame-downloads .container .link a
{
	background-image: url(../media/arrow-ocre.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}


/*---------------------------------------------------
/*  frame fotogallery
/*---------------------------------------------------*/

#frame-fotogallery
{
	border-top: 5px solid #b5a988;
	background-color: #e0dcd1;
	background-image: url(../media/bg-frame2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/*---------------------------------------------------
/*  news
/*---------------------------------------------------*/

#news .image
{
	border: 1px solid #cac1a8;
}

#news .link a
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #6f0000;
}

#news .link a:hover
{
	background-image: url(../media/arrow-grey.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #2b2b2b;
}


#news .news-list
{
	border-bottom: 1px solid #ded8ca;
}

#news .listlink a
{
	/*background-image: url(../media/blog.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;*/
}



/*---------------------------------------------------
/*  events
/*---------------------------------------------------*/

#events .image
{
	border: 1px solid #cac1a8;
}

#events .link a
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #6f0000;
}

#events .link a:hover
{
	background-image: url(../media/arrow-grey.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #2b2b2b;
}

/*---------------------------------------------------
/*  routeplanner
/*---------------------------------------------------*/

#route-planner .container
{
	background-color: #f7f4ef;
}

/*---------------------------------------------------*/
/*  footer
/*---------------------------------------------------*/

#footer
{
	border-top: 1px solid #ded8ca;
}

#footer .image img
{
	border: 2px solid #ded8ca;
}


#footer .link a
{
	background-image: url(../media/arrow-ocre.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}




/*---------------------------------------------------
/*  tours
/*---------------------------------------------------*/
#tours .module-image
{
	border: 5px solid #560000;
}

#tours .title-module,
#tours .title-module a
{
	background-color: #560000;
	color: #ffffff;
}

#tours .item
{
	background-color: #e7e3da;
}

#tours .link
{
	background-image: url(../media/arrow-red.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
/*elevation position line*/
#tours .elevation .elevation-position
{
	background-color:#ffffff;
}
#tours .elevation .elevation-position .value
{
	background-color:White;
}
/*elevation points of interest*/
.points-of-interest .header
{
	
}
.points-of-interest .header .icon
{
	background-image:url(..../media/gMap/poi-icon-minus.png);
}
.points-of-interest .header .minus
{
	background-image:url(..../media/gMap/poi-icon-minus.png);
}
.points-of-interest .header .plus
{
	background-image:url(..../media/gMap/poi-icon-plus.png);
}
.points-of-interest .content
{
	background-image:url(..../media/gMap/poi-bg.png);
}
.points-of-interest .footer
{
	background-image:url(..../media/gMap/poi-bg-bottom.png);
}
.points-of-interest .content .category
{
	color:#560000;
}
.points-of-interest .content .category .icon
{
	background-image:url(..../media/gMap/map-icon-inactive.png);
}
.points-of-interest .content .category-active .icon
{
	background-image:url(..../media/gMap/map-icon.png);
}
.points-of-interest .content .category:hover .value,
.points-of-interest .content .category-active .value
{
	color:#000000;
}
/*icons*/
.points-of-interest .content .category .icon-othertours
{
	background-image:url(..../media/gMap/map-icon-tour-inactive.png);
}
.points-of-interest .content .category-active .icon-othertours
{
	background-image:url(..../media/gMap/map-icon-tour.png);
}

.points-of-interest .content .category .icon-hotel
{
	background-image:url(..../media/gMap/map-icon-hotel-inactive.png);
}
.points-of-interest .content .category-active .icon-hotel
{
	background-image:url(..../media/gMap/map-icon-hotel.png);
}

.points-of-interest .content .category .icon-refreshment
{
	background-image:url(..../media/gMap/map-icon-refreshment-inactive.png);
}
.points-of-interest .content .category-active .icon-refreshment
{
	background-image:url(..../media/gMap/map-icon-refreshment.png);
}
/*download gpx */
#tours .downloads .link-gpx
{
	background-image:url(..../media/gMap/icon-gpx-active.gif);
}
#tours .downloads .link-gpx:hover
{
	color: #560000;
	background-image:url(..../media/gMap/icon-gpx.gif);
}
/*other tours*/
#tours .othertours-link
{
	background-image:url(..../media/gMap/map-icon-tour.png);
}
#tours .othertours-link:hover
{
	color: #560000;
	background-image:url(..../media/gMap/map-icon-tour-inactive.png);
}

/*gmap info box*/
.map-info-box .detail-link
{
	background-image:url(..../media/arrow-ocre.gif);
}

/*---------------------------------------------------
/*  tours commments
/*---------------------------------------------------*/
#tourscomments
{
	border-bottom:solid 1px #423934;
}
#tourscomments .item .title
{
	color:#423934;
}
#tourscomments .item .description
{
	background-color: #eeece6;
}
#tourscomments .item .author .name
{
	color:#560000;
}
#tourscomments .item .author .homepage
{
	float:right;
	display:block;
}
.comments .send-button
{
	/*background-color:#bf9a04;*/
	color:#ffffff;
	background-image:url(..../media/bg-quickrequest-title.png);
	
}

/*---------------------------------------------------
/*  tours galleries
/*---------------------------------------------------*/

#tours .fotogalleries .gallery-item
{
	border-top:solid 4px #560000;
	border-right:solid 4px #560000;
	border-left:solid 4px #560000;
}

#tours .fotogalleries .gallery-item .link
{
	background-color:#560000;
	background-image:url(..../media/arrow-brown-i.gif);
	color:#ffffff;
}

/*---------------------------------------------------
/*  tours download form
/*---------------------------------------------------*/
#toursdownload .send-button
{
	color:#ffffff;
	background-image:url(..../media/bg-quickrequest-title.png);
}

#toursdownload .input-date img
{
	background-color:#bf9a04;
	
}








/*---------------------------------------------------
/*  jquery popup
/*---------------------------------------------------*/

.ui-widget-overlay
{
    background-color: #6f0000;
}
.cjq-popup
{
    color: #333333;
    background-color: #ffffff;
    border: solid 1px #6f0000;
}

.cjq-popup .ui-dialog-titlebar
{
    background-color: #6f0000;
    color: #ffffff;
    border: solid 1px #6f0000;
}

.cjq-popup .ui-dialog-titlebar a
{
    color: #333333;
    background-color: #ffffff;
}

.cjq-popup .ui-dialog-titlebar a:hover
{
    color: #333333;
    background-color: #e4e0d7;
}

.print-body
{
    background-color:#ffffff;
}

.ui-widget-content
{
    border: solid 1px #6d0000;
    background-color:#ffffff;
}

#weather .ui-state-active a,
#weather .ui-state-active a:link,
#weather .ui-state-active a:visited
{
	color: #ffffff;
}

#weather .ui-state-default a:hover
{
	color: #ffffff;
}

body.popup
{
	background-color:#ffffff;
}

/*---------------------------------------------------
/*  toursceduler search
/*---------------------------------------------------*/
.search-box 
{
    border-bottom:solid 2px #b5a988;
    border-top:solid 2px #b5a988;
    background-image:url(../media/bg-lines.png);
    background-color: #e0dcd1;
}
.search-box .button-reset 
{
    color:#333d23;
    background-image:url(../media/listicon.png);
}

/*---------------------------------------------------
/*  toursceduler
/*---------------------------------------------------*/

#toursceduler .header 
{
    background-color:#f1f1f1;
    
}
#toursceduler .item
{
    border-bottom:dotted 1px #e8e8e8;
}
#toursceduler .item .date
{
    color:#6d0000;
}
#toursceduler .item .tourname
{
    color:#333d23;
}
#toursceduler .item .type
{
    color:#333d23;
}
#toursceduler .duration
{
    background-image:url(../media/gMap/icon-duration.png);
}
#toursceduler .length
{
    background-image:url(../media/gMap/icon-length.png);
}
#toursceduler .altitudeup
{
    background-image:url(../media/gMap/icon-altitude.png);
}
#toursceduler .altitudedown
{
    background-image:url(../media/gMap/icon-altitudedown.png);
}
#toursceduler .item .icon-details
{
    background-image:url(../media/arrow-down.png);
}
#toursceduler .item .icon-close
{
    background-image:url(../media/arrow-up.png);
}
#toursceduler .item .details .header
{
    background-color:transparent;
    color:#3e3e3e;
}
#toursceduler .item .details .image
{
    border:solid 1px #a7a7a7;
}
.gray-box .curve-tl
{
    background-image:url(../media/curve-gray-tl.gif);
}
.gray-box .curve-tr
{
    background-image:url(../media/curve-gray-tr.gif);
}
.gray-box .curve-bl
{
    background-image:url(../media/curve-gray-bl.gif);
}
.gray-box .curve-br
{
    background-image:url(../media/curve-gray-br.gif);
}
#toursceduler .item .icon-print,
.toursceduler-search  .icon-print
{
    background-image:url(../media/icon-pdf.png);
}
#toursceduler .item .icon-print:hover,
.toursceduler-search  .icon-print:hover
{
    background-image:url(../media/icon-pdf-active.png);
    color:#6f0000;
}

#toursceduler .item .link-map
{
    background-image:url(../media/icon-gmap-off.png);
}
#toursceduler .item .link-map:hover
{
    background-image:url(../media/icon-gmap.png);
}
/*---------------------------------------------------
/*  toursceduler pdf
/*---------------------------------------------------*/
.pdf-header
{
    border-bottom:solid 2px #a7a7a7;
}
/*---------------------------------------------------
/*  toursceduler pdf list
/*---------------------------------------------------*/
body.pdf
{
    background:none;
    background-image:none;
    background-color:#ffffff;
}

/*---------------------------------------------------
/*  pager
/*---------------------------------------------------*/

.pager a
{
   border:solid 2px #cac1a8;
   color:#000000;
   
}
.pager a:hover
{
   background-color:#cac1a8;
   color:#ffffff; 
}

.pager a.active,
.pager a.page:hover
{
   background-color:#6f0000;
   border:solid 2px #6f0000;
   color:#ffffff; 
}

.pager a.first
{
    background-image:url(../media/icon-pager-first.gif);
}

.pager a.last
{
    background-image:url(../media/icon-pager-end.gif);
}

.pager a.previous
{
    background-image:url(../media/icon-pager-previous.gif);
}

.pager a.next
{
    background-image:url(../media/icon-pager-next.gif);
}
