﻿/*******************************************GENERAL****************************************/
body	{scrollbar-3dlight-color: #f0f0f0; scrollbar-arrow-color: #28353f; scrollbar-darkshadow-color: #f0f0f0; scrollbar-face-color: #bababa; scrollbar-highlight-color: #f0f0f0; scrollbar-shadow-color: #f0f0f0; scrollbar-track-color: #f0f0f0}

body
{
	background-image: url(/media/bg-site.gif);
	background-position:center top;
	background-color: #ffffff;
	background-repeat: repeat-x;
	text-align:left;
	color: #404040;
}

.image-zoom
{
	border: 2px solid #fbcc25;
}


/*************************** TEXT **************************/

.text
{
	color: #404040;
}

a
{
	color: #404040;
}

.title, h1
{
	color: #1d419f;
}

.titlesmall, h2
{
	color: #404040;
}

.title-module,
.title-module a
{
	color: #1d419f;
}

.title-module a:hover
{
	color: #404040;
}


/************************** Banner ************************/

#banner
{
	background-image: url(/media/banner.jpg);
	background-repeat: no-repeat;
	border: 10px solid #ffffff;
}

#banner .banner-bottom
{
	background-image: url(/media/bg-menu-flyout.png);
	background-repeat: no-repeat;
}


#banner .language a
{
	background-image: url(/media/bg-language.png);
	background-repeat: no-repeat;
	color: #ffffff;
}

#banner .language a:hover
{
	color: #ffe368;
}

/*************************** COLUMNS *********************************/

#col-right
{
	background-color: #ffffff;
}

/*************************** MENU LEFT *************************/

#menu-left .title
{
	background-image: url(/media/bg-menu.png);
	background-repeat: no-repeat;
	background-position: left 1px;
}

#menu-left .title a:hover
{
	color: #ffffff;
}


#menu-left .menu-left-1
{
	background-image: url(/media/flower-b.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu-left .menu-left-1:hover,
#menu-left .menu-left-1-active
{
	background-image: url(/media/flower-a.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu-left .menu-left-separator
{
	background-color: #f8cb2a;
}


/*************************** MENU LEFT 2 *************************/


#menu-left2 .menu-left-0 a
{
	color: #14140c;
}

#menu-left2 .menu-left-0 a:hover
{
	color: #1d419f;
}

#menu-left2 .blog
{
	background-image: url(/media/blog.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu-left2 .anreise
{
	background-image: url(/media/anreise.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu-left2 .anfrage
{
	background-image: url(/media/anfrage.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu-left2 .preise
{
	background-image: url(/media/preise.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu-left2 .routenplaner
{
	background-image: url(/media/routenplaner.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



/*************************** MENU FLYOUT *************************/

#menu-flyout .menu-0 img
{
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
}

#menu-flyout .menu-0:hover img
{
	border-top: 5px solid #1d419f;
	border-bottom: 5px solid #1d419f;
}

#menu-flyout .menu-0 .menu-0-1
{
	color: #ffffff;
}

#menu-flyout .flyout,
#menu-flyout .flyout-1
{
	background-image: url(/media/bg-flyout.png);
	background-repeat: repeat;
}

#menu-flyout .flyout .menu-1:hover
{
	background-color: #ffffff;
}

/*************************** PATH **********************************/

.sitepath a
{
	color: #1d419f;
}

.sitepath a:hover
{
	color: #404040;
}

/************************* BOTTOM **********************/

#bottom
{
	background-image: url(/media/bg-bottom.jpg);
	background-repeat: repeat-x;
}

/************************ FRAME WEATHER **************/

#frame-weather .top
{
	background-image: url(/media/frame-weather-top.gif);
	background-repeat: no-repeat;
}

#frame-weather .bottom
{
	background-image: url(/media/frame-weather-bottom.gif);
	background-repeat: no-repeat;
}

#frame-weather .title a
{
	color: #404040;
}

#frame-weather .title a:hover
{
	color: #1d419f;
}

#frame-weather .menu a
{
	color: #1d419f;
	background-image: url(/media/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#frame-weather .menu a:hover
{
	color: #404040;
}

#frame-weather .container
{
	background-color: #fbcc25;
}

#frame-weather .container .box .textblock
{
	background-color: #fef3b9;
}

#frame-weather .container .box .box-top
{
	background-image: url(/media/frame-weather-container-top.gif);
	background-repeat: no-repeat;
}

#frame-weather .container .box .box-bottom
{
	background-image: url(/media/frame-weather-container-bottom.gif);
	background-repeat: no-repeat;
}

#frame-weather .text-blue
{
	background-color: #ffffff;
	border: 1px solild #ffeb82;
	color: #146cd0;
}

#frame-weather .text-red
{
	background-color: #ffffff;
	border: 1px solild #ffeb82;
	color: #9f0202;
}

/************************* MENU BOTTOM ***************/

#menu-bottom .menu-bottom-separator
{
	background-color: #e5b305;
}

#menu-bottom .menu-bottom-0 a:hover
{
	color: #000000;
}


#menu-bottom .copypright
{
	color: #1d419f;
}



/************************ ADDRESS *******************/

#address .mail
{
	border-top: 1px solid #1d419f;
}

#address .mail a
{
	color: #1d419f;
	background-image: url(/media/arrow-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#address .mail a:hover
{
	color: #404040;
}


/************************ Service *******************/

#service a
{
	color: #1d419f;
}

#service a:hover
{
	color: #404040;
}

/**************************** WEBCAMS **********************/

#webcams .item,
#webcams .detail
{
	background-image: url(/media/bg-module.png);	
	background-repeat: repeat-y
}


#webcams .link
{
	color: #1d419f;
	background-image: url(/media/arrow-blue.gif);	
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#webcams .link:hover
{
	color: #404040;
}


/**************************** OFFERS **********************/

#offers .item,
#offers .detail
{
	background-image: url(/media/bg-module2.png);	
	background-repeat: repeat-y
}


#offers .link
{
	color: #1d419f;
	background-image: url(/media/arrow-blue.gif);	
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

#offers .link:hover
{
	color: #404040;
}



/**************************** FRAME OFFERS **************************************/

#frame-offers .container
{
	background-color: #ffffff;
}

#frame-offers .frame-offers-title
{
	background-image: url(/media/bg-frame-offers-title.png);	
	background-repeat: no-repeat;
}

#frame-offers .frame-offers-title a
{
	color: #ffffff;
}

#frame-offers .arrow .back
{
	background-image: url(/media/arrow-left.gif);
	background-repeat: no-repeat;
}

#frame-offers .arrow .next
{
	background-image: url(/media/arrow-right.gif);
	background-repeat: no-repeat;
}


#frame-offers .image
{
	border: 5px solid #ffffff;
}

#frame-offers .container .title a
{
	color: #1d419f;
}

#frame-offers .links a
{
	/*background-image: url(/media/arrow-black.gif);	
	background-repeat: no-repeat;
	background-position: 0px 4px;*/
}

#frame-offers .links a:hover
{
	color: #404040;
}


/************************/

.cjq-popup .ui-dialog-titlebar
{
    color:#ffffff;
    background-color:#1d419f;
}
