/* screen.css
------------------------------------------------------------------------
This stylesheet contains the basic CSS rules for pillerseetal 

Author: elements.at 
--------------------------------------------------------------------- */

/* Basic CSS Rules
--------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
}


div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;			
}

h1 {
	color: #000;
	font-weight: bold;
	font-size: 19px;
	line-height: 22px;	
}

h2 {
	color: #005b76;
	font-weight: bold;	
	font-size:15px;
	line-height:17px;
}


h3 {
	color: #327b91;
	font-weight: bold;	
}

h4 {
	color: #000;
	font-weight: bold;		
}

object {
	display: block;
}

a:link {
	color: #7f9ca4;
	text-decoration: underline;
}

a:visited {
	color: #2b819a;
	text-decoration: underline;
}

a:hover {
	color: #2b819a;
	text-decoration: underline;
}

a:active {
	color: #2b819a;
	text-decoration: underline;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clear {
	clear: both !important;
}

.debug {
	border: 1px solid #000;
}


/* GENERAL SITE CONTAINERS
--------------------------------------------------------------------- */

body {
	background:url(/static/img/body_background.jpg) repeat-x center top;
}

#site {
	width:980px;
	margin:0 auto;
	position:relative;
}


/* META NAVIGATION
--------------------------------------------------------------- */

#metaNav {
	position:absolute;
	left:215px;
	top:41px;
	width:646px;
	height:34px;
	z-index:100;
}

#metaNav ul {
	list-style:none;
	overflow:visible;
}

#metaNav ul li {
	display:block;
	float:left;
	position:relative;
}

#metaNav ul li.sfhover {
	background:url(/static/img/metanav_top_bg.gif) no-repeat top left;
}

#metaNav ul li.sfhover a {
	background:url(/static/img/metanav_top_right_bg.gif) no-repeat top right;
}

#metaNav ul li a {
	display:block;
	overflow:hidden;
	text-decoration:none;
	cursor:pointer;
}

#metaNav ul li em {
	color:#FFFFFF;
	display:block;
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	line-height:20px;
	padding: 8px 13px 6px 13px;
}

#metaNav ul li ul {
	left:-999em;
	width:200px;
	position:absolute;
	top:34px;
	overflow:hidden;
	padding:0;
}

/* Ebene 2 (Aufklappen darunter)*/
#metaNav ul li.sfhover ul {
	left: 0;
}

#metaNav ul li ul li {
	width:200px;
	background:#025c77 !important;
	height:auto;
	margin:0;
	overflow:hidden;
	padding:0;
}

#metaNav ul li ul li.upper {
	width:200px;
	height:9px;
	overflow:hidden;
	background:url(/static/img/metanav_sub_upper_bg.gif) center top repeat-x !important;
}

#metaNav ul li ul li.lower {
	width:200px;
	height:8px;
	overflow:hidden;
	background:url(/static/img/metanav_sub_lower_bg.png) left top no-repeat !important;
}

* html #metaNav ul li ul li.lower {
	background:url(/static/img/metanav_sub_lower_bg.gif) left top no-repeat !important;
}

#metaNav ul li.sfhover ul li a {
	background:none;
	color:#d6f0fb;
	padding: 2px 12px 4px 12px;
	width:176px;
}

#metaNav ul li.sfhover ul li a:hover {
	color:#fff;
	background:#01445d;
}

#metaLogo {
	position:absolute;
	padding:0 0 0 7px;
	left:0;
	top:0;
	width:202px;
	height:98px;
	z-index:100;
}

#metaLogo img {
	behavior: url(/static/js/iepngfix.htc);
}


/* LANGUAGE BOX
--------------------------------------------------------------- */

#metaLanguage {
	width:131px;
	height:18px;
	overflow: visible;
	position:absolute;
	top:17px;
	left:215px;
	z-index:101;
}

#metaLanguage .actualselect {
	width: 101px;
	height: 14px;
	overflow: hidden;
	padding: 1px 5px;
	border: 1px solid #c1e9f8;
	border-right: none;
	color: #2b819a;
	float: left;
	cursor: pointer;
}

#metaLanguage .selectbutton {
	background: url(/static/img/language_select_button.gif) left top no-repeat;
	float: left;
	width: 19px;
	height: 18px;
	overflow: hidden;
	cursor: pointer;
}

#metaLanguage .options {
	background: #c1e9f8;
	width: 102px;
	overflow: hidden;
	padding: 5px 5px 10px 5px;
	float: left;
}

#metaLanguage .options a {
	display: block;
	width: 102px;
	line-height: 14px;
	overflow: hidden;
	margin: 0;
	padding: 2px 0;
	text-decoration: none;
	color: #2b819a;
	border-bottom: 1px solid #6bc9ed;
}


/* SEARCH BOX
--------------------------------------------------------------- */

#metaSearch {
	width:270px;
	height:20px;
	position:absolute;
	top:17px;
	left:708px;
	z-index:101;
}

#metaSearch label {
	width:110px;
	color:#2b819a;
	float:left;
	text-align:right;
	padding:2px 5px 0 0;
}

#metaSearch input {
	float:left;
}

#metaSearch input.field {
	background:none;
	border:1px solid #c1e9f8;
	padding:2px 2px 1px 2px;
	color:#2b819a;
}

#metaSeason {
	width:104px;
	height:33px;
	position:absolute;
	top:42px;
	left:861px;
	z-index:101;
}

#top {
	width: 980px;
	height: 75px;
	overflow:hidden;
}


/* general elements
--------------------------------------------------------------------- */
/* Dinge wie Hauptnavigation Sprachauswahl ...*/

.z_text {
	width:175px;
	height:200px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	padding:10px 10px 15px 15px;
}

.z_text h2 {
	margin:0 0 7px 0;
}

.z_text h2 a {
	display:block;
	color:#005b76;
	background:url(/static/img/zimmersuche_menu_arrow.gif) no-repeat right center;
	text-decoration:none;
}

.z_text #z_form {
	width: 175px;
	height:115px;
	overflow:hidden;
}

.z_text #z_form p {
	margin: 0 0 4px 0;
	overflow:hidden;
	width: 175px;
}

.z_text #z_form p.submit_line {
	margin: 0 0 4px 0;
	overflow: hidden;
	width: 170px;
}

.z_text #z_form h2 {
	margin:0 0 10px 0;
}

.z_text #z_form label {
	width:57px;
	float:left;
}

.z_text #z_form input {
	background:#a0d1e3;
	border:1px solid #a0d1e3;
	color:#000000;
	float:left;
	line-height:13px;
	overflow:hidden;
	padding:1px 4px 2px 4px;
}

.z_text #z_form select {
	background:#a0d1e3;
	border:1px solid #a0d1e3;
	color:#000000;
	float:left;
	line-height:13px;
	overflow:hidden;
	padding:0px 0px 0px 4px;
}

.z_text #z_form .daymonth {
	width:15px;
	margin:0 1px 0 0;
}

.z_text #z_form .year {
	width:27px;
}

.z_text #z_form .calendar_icon {
	width:23px;
	height:18px;
	float:left;
	background:url(/static/img/calendar_icon.gif) no-repeat;
	cursor:pointer;
}

.z_text #z_form .persons {
	width:15px;
	margin:0 12px 0 0;
}

.z_text #z_form label.nights {
	width:45px;
}

.z_text #z_form .nights {
	width:20px;
}

.z_text #z_form .category {
	width:112px;
}

.z_text #z_form .submit, #cb_textarea .submit {
	height:16px !important;
	padding:0 14px 3px 5px !important;
	background:url(/static/img/submit_button_bg.gif) #005B76 right center no-repeat !important;
	/*border:1px solid #005B76;*/
	border:none !important;
	overflow:visible !important;
	cursor:pointer !important;
	color:#fff !important;
}

.z_text #z_form .submit {
	float:right;
}

.z_text ul {
	width:170px;
	overflow:hidden;
	list-style:none;
	padding:5px 0 0 0;
}

.z_text ul li {
	width:170px;
	overflow:hidden;
	margin:0 0 5px 0;
}

.z_text ul li a {
	width:158px;
	overflow:hidden;
	display:block;
	background: url(/static/img/zimmersuche_menu_arrow.gif) no-repeat right center;
	text-decoration: none !important;
	padding:0 12px 0 0;
	color: #005b76;
	font-weight: bold;	
	font-size:15px;
	line-height:18px;
}

.z_text ul li a em {
	font-style:normal;
	text-decoration:none !important;
}

/* BOTTOM BAR TEASER
--------------------------------------------------------------- */

.bt_teaser {
	width:200px;
	height:186px;
	float:left;
	cursor:pointer;
	background:url(/static/img/bottom_teaserbar_bg.gif);
}

.bt_teaser .bt_image {
	width:200px;
	height:90px;
	overflow:hidden;
	text-align:right;
}

.bt_teaser .bt_text {
	height:65px;
	overflow:hidden;
	padding:10px 15px 0 15px;
}

.bt_teaser .bt_text h3 {
	margin:0 0 6px 0;
}

.bt_teaser .bt_text h3 a {
	margin:0 0 6px 0;
	color: #327b91;
}

.bt_teaser .bt_text a {
	text-decoration:none;
	color:#2e4046;
}


/* PILLERSEE CARD
--------------------------------------------------------------- */

#pilCard {
	width:217px;
	height:119px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:221px;
	z-index:6;
}

#pilCard #pilCard_background {
	behavior: url(/static/js/iepngfix.htc);
	background:url(/static/img/pillerseetalcard_background.png) left top no-repeat;
	width:217px;
	height:119px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}

#pilCard #pilCard_text {
	width:172px;
	height:50px;
	position:absolute;
	top:42px;
	left:0;
	overflow:hidden;
	padding:15px 15px 0 15px;
}

#pilCard #pilCard_text h2 {
	color:#fff;
	padding:0 0 5px 0;
}

#pilCard #pilCard_text p {
	height:28px;
	overflow:hidden;
}

#pilCard #pilCard_text p a {
	color:#fff;
	text-decoration:none;
}


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

#footer {
	width: 965px;
	height: 48px;
	overflow: hidden;
	padding:0 0 0 15px;
	background:url(/static/img/footer_background.gif) no-repeat;
}

.footerleft {
	width:820px;
	overflow:hidden;
	float: left;
}

.copytext {
	height:14px;
	padding:17px 16px 0 0;
	overflow:hidden;
	color: #7f9ca4;
	float:left;
}

.footerlinks {
	height:14px;
	padding:17px 0 0 0;
	overflow:hidden;
	float:left;
}

#footer a {
	margin:0 16px 0 0;
	text-decoration:none;
	color: #7f9ca4;
}

.footericons {
	height:18px;
	padding:15px 0 0 0;
	overflow:hidden;
	float:left;
}

#footer #elementsLogo {
	width: 122px;
	overflow: hidden;
	padding: 4px 0 0 0;
	float:right;
}

#elementsLogo a {
	background: url(/static/img/elements.gif) right 4px no-repeat;
	color:#7f9ca4;
	display: block;
	width: 72px;
	height: 14px;
	overflow:hidden;
	padding: 13px 30px 7px 0;
	text-decoration:none;
}

#elementsLogo a:hover {
	background: url(/static/img/elements_hover.gif) right 4px no-repeat;
}

/* portal.css
------------------------------------------------------------------------
This stylesheet contains the CSS rules for portal of pillerseetal 

Author: elements.at 
--------------------------------------------------------------------- */


#portal {
	overflow:hidden;
}

#portalTop {
	width:980px;
	height:525px;
	overflow:hidden;
	position:relative;
}

#portalBottom {
	width:980px;
	overflow:hidden;
	background:url(/static/img/bottom_teaserbar_bg.gif) top right repeat-y;
}

#sujet {
	width:980px;
	height:340px;
	overflow:hidden;
	position:relative;
}

.mask {
	behavior: url(/static/js/iepngfix.htc);
	background:url(/static/img/mask_sujet_portal.png) left top no-repeat;
	width:980px;
	height:340px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	z-index:5;
}


/* SUJET TEASER BOXES
--------------------------------------------------------------- */

#sujetTeaserContainer {
	width:980px;
	height:170px;
	margin:15px 0 0 0;
	overflow:hidden;
}

.wetterBox {
	width:195px;
	height:170px;
	overflow:hidden;
	background:url(/static/img/wetterbox_bg.gif) no-repeat top left;
	float:left;
}

.wetterBox h2 {
	margin:13px 0 0 13px;
}

.wetterBox h2 a {
	text-decoration:none;
	color:#005B76;
}

.wetterBox .w_container {
	width:180px;
	height:65px;
	overflow:hidden;
	padding:0 0 0 15px;
}

.wetterBox .w_container .w_icon {
	width:50px;
	height:50px;
	overflow:hidden;
	margin:6px 0 0 0;
	float:left;
}

.wetterBox .w_container .w_icon img {
	behavior: url(/static/js/iepngfix.htc);
	width:63px;
	height:50px;
}

.wetterBox .w_container .w_text {
	width:120px;
	height:55px;
	padding:10px 0 0 10px;
	overflow:hidden;
	float:left;
}

.wetterBox .w_container .w_text a {
	text-decoration:none;
}

.eventBox {
	width:195px;
	height:170px;
	overflow:hidden;
	background:url(/static/img/eventbox_bg.gif) no-repeat top left;
	float:left;
}

.eventBox #ev_slider {
	height:150px;
	overflow:hidden;
	padding:15px 15px 0 15px;
}

.eventBox #ev_slider .ev_item {
	height:17px;
	overflow:hidden;
	margin:0 0 10px 0;
}

.eventBox #ev_slider .ev_item .ev_headline {
	height:17px;
	overflow:hidden;
	margin:0 0 5px 0;
	background:url(/static/img/slider_maximize_icon.gif) no-repeat right;
	cursor:pointer;
}

.eventBox #ev_slider .ev_item .ev_headline.open {
	background:none;
}

.eventBox #ev_slider .ev_item .ev_headline em {
	color: #005b76;
	font-weight: bold;	
	font-size:15px;
	line-height:16px;
	font-style:normal;
}

.eventBox #ev_slider .ev_item .ev_detail {
	height:42px;
	overflow:hidden;
}

.eventBox #ev_slider .ev_item a {
	text-decoration:none;
}

.sujetTeaser {
	width:193px;
	height:170px;
	overflow:hidden;
	position:relative;
	border-left:solid 1px #80adbb;
	border-right:solid 1px #256e8d;
	float:left;
	cursor:pointer;
}

.teaserOverlay {
	behavior: url(/static/js/iepngfix.htc);
	width:193px;
	height:170px;
	position:absolute;
	top:0;
	left:0;
	background:url(/static/img/sujetteaser_bg.png);
}

.sujetTeaser .s_price {
	width:55px;
	height:28px;
	position:absolute;
	top:60px;
	left:123px;
	z-index:5;
	color:#005b76;
	text-align:center;
	overflow:hidden;
}

.sujetTeaser .s_text {
	width:163px;
	height:56px;
	position:absolute;
	overflow:hidden;
	top:98px;
	left:15px;
	z-index:5;
}

.sujetTeaser .s_text h3 {
	width:163px;
	overflow:hidden;
	color:#FFF;
}

.sujetTeaser .s_text p {
	width:163px;
	overflow:hidden;
}

.sujetTeaser .s_text p a {
	color:#FFF;
	text-decoration:none;
}


/* SIDE TEASER
--------------------------------------------------------------- */

#sideTeaser {
	width:200px;
	height:388px;
	top:137px;
	left:780px;
	position:absolute;
	z-index:7;
}

#pilSpezial {
	width:200px;
	height:77px;
	top:0;
	left:0;
	position:absolute;
}

#pilSpezial .ps_background {
	behavior: url(/static/js/iepngfix.htc);
	width:200px;
	height:77px;
	position:absolute;
	top:0;
	left:0;
	background:url(/static/img/pilspezial_bg.png) no-repeat;
	z-index:1;
}

#pilSpezial .ps_text {
	height:53px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	padding:12px 15px 0 15px;
	z-index:2;
	cursor:pointer;
}

#pilSpezial .ps_text h2 {
	height:17px;
	overflow:hidden;
	margin:0 0 8px 0;
	color:#894c10;
}

#pilSpezial .ps_text p a {
	color:#894c10;
	text-decoration:none;
}


/* ZIMMERSUCHE FORM
--------------------------------------------------------------- */

#zimmersuche {
	width:200px;
	height:230px;
	position:absolute;
	top:77px;
	left:0;
}

#zimmersuche .z_background {
	behavior: url(/static/js/iepngfix.htc);
	width:200px;
	height:230px;
	position:absolute;
	top:0;
	left:0;
	background:url(/static/img/zimmersuche_bg.png) no-repeat;
}

.miniteaser {
	width:170px;
	height:51px;
	overflow:hidden;
	position:absolute;
	top:307px;
	left:0;
	padding:15px;
	background:url(/static/img/miniteaser_bg.gif) no-repeat;
	cursor:pointer;
}

.miniteaser .mi_text {
	height:28px;
	overflow:hidden;
}

.miniteaser .mi_text a {
	text-decoration:none;
	color:#2e4046;
}


/* BOTTOM TEASER CONTAINER
--------------------------------------------------------------- */

.bottomTeaserContainer {
	width:780px;
	overflow:hidden;
	float:left;
}

.bottomTeaser {
	width:390px;
	height:77px;
	margin:15px 0 0 0;
	overflow:hidden;
	float:left;
	cursor:pointer;
}

.bottomTeaserBar {
	width: 200px;
	float:right;
}

.bottomTeaser .t_image {
	width:115px;
	height:77px;
	float:left;
}

.bottomTeaser .t_text {
	width:245px;
	height:61px;
	overflow:hidden;
	padding:8px 15px 0 15px;
	float:left;
}

.bottomTeaser h3 {
	width:170px;
	overflow:hidden;
	margin:0 0 5px 0;
	padding:0 5px 0 0;
	float:left;
}

.bottomTeaser h3.wide {
	width:245px;
}

.bottomTeaser h3 a {
	text-decoration:none;
}

.bottomTeaser .t_date {
	width:70px;
	margin:0 0 5px 0;
	overflow:hidden;
	float:right;
	text-align:right;
	color:#327b91;
}

.bottomTeaser .t_text p {
	width:245px;
	overflow:hidden;
	float:left;
}

.bottomTeaser .t_text p a {
	text-decoration:none;
	color:#425358;
}

.bottomTeaser .t_text p img {
	margin:0 0 0 3px;

}

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 5px solid #fff;
  font-size: 11px;
  color: #fff;
  cursor: default;
  background: #1892BD;
  font-family: tahoma,verdana,sans-serif;
  z-index:1000;
}

.calendar table {
  border: 1px solid #fff;
  font-size: 11px;
  color: #fff;
  cursor: default;
  background: #B6CD37;
  font-family: tahoma,verdana,sans-serif;
  z-index:1000;  
  
    border-collapse: collapse;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid #fff;
  z-index:1000;  
}

.calendar .nav {
  background: transparent url(/shared/shop/neutral/menuarrow.gif) no-repeat 100% 100%;
  z-index:1000;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #FFFFFF;
  background: #B6CD37;
  color: #fff;
  text-align: center;
  z-index:1000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */ 
	border-bottom: 1px solid #FFFFFF; 
	padding: 2px; 
    text-align: center; 
	background: #D1E067; 
	z-index:1000; 
} 
.calendar thead .weekend 
    { /* How a weekend day name shows in header */ color: #000; z-index:1000; 
    } 
.calendar thead .hilite { /* How do the buttons in header appear when hover */ 
	border: 1px solid #fff; 
	padding: 0px; 
	background-color: #7C910E; 
	z-index:1000; 
	
	border: none;
	border-bottom: 1px solid #FFFFFF; 
} 
.calendar thead .active { /* Active (pressed) buttons 
    in header */ padding: 2px 0px 0px 2px; border: 1px solid #FFFFFF; 
    background-color: #D1E067; z-index:1000; } /* The body part -- contains all 
    the days in month. */ 
.calendar tbody .day { /* Cells 
  <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
    z-index:1000;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
    z-index:1000;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
    z-index:1000;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #FFFFFF;
  background: #D1E067;
   z-index:1000;
}

.calendar tbody .rowhilite td {
  background: #7C910E;
  z-index:1000;
}

.calendar tbody .rowhilite td.wn {
  background: #7C910E;
    z-index:1000;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid #7C910E;
  z-index:1000;
  
  padding: 2px 4px 2px 2px;
  border: none;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid #FFFFFF;
  z-index:1000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #FFFFFF;
  padding: 2px 2px 0px 2px;
  background: #eaecee;
  color: #333 !important;
  z-index:1000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #000;
  z-index:1000;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #ffffff;
  z-index:1000;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
  z-index:1000;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
  z-index:1000;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #CDC8B9;
  padding: 1px;
  border: 1px solid #FFFFFF;
  background: #B6CD37;
  color: #fff;
  text-align: center;
  z-index:1000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border: 1px solid #fff;
  padding: 1px;
  background: #7C910E;
    z-index:1000;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border: 1px solid #FFFFFF;
    z-index:1000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid #fff;
  background: #D1E067;
  font-size: 90%;
  padding: 1px;
    z-index:1000;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
    z-index:1000;
}

.calendar .combo .label-IEfix {
  width: 4em;
    z-index:1000;
}

.calendar .combo .active {
  background: #7C910E;
  padding: 0px;
  border: 1px solid #FFFFFF;
    z-index:1000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
    z-index:1000;
}

.calendar td.time {
  border-top: 1px solid #FFFFFF;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
    z-index:1000;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
    z-index:1000;
}

.calendar td.time .ampm {
  text-align: center;
    z-index:1000;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
    z-index:1000;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
    z-index:1000;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
    z-index:1000;
}


 /* screen.css */

/* GLOBAL
--------------------------------------------------------------- */
body {
	background:url(/static/img/summer/body_background.jpg) repeat-x center top;
}

h2 {
	color: #526200;
}

h3 {
	color: #718319;
}

a:link {
	color: #7c910e;
	text-decoration: underline;
}

a:visited {
	color: #505d09;
	text-decoration: underline;
}

a:hover {
	color: #505d09;
	text-decoration: underline;
}

a:active {
	color: #505d09;
	text-decoration: underline;
}

.c_top .ct_sujet .ct_overlay {
	background:url(/static/img/summer/mask_sujet_content.png) left top no-repeat;
}

.mask {
	background:url(/static/img/summer/mask_sujet_portal.png) left top no-repeat;
}

/* META NAVIGATION
--------------------------------------------------------------- */
#metaNav ul li.sfhover {
	background:url(/static/img/summer/metanav_top_bg.gif) no-repeat top left;
}

#metaNav ul li.sfhover a {
	background:url(/static/img/summer/metanav_top_right_bg.gif) no-repeat top right;
}


#metaNav ul li ul li.upper {
	background:url(/static/img/summer/metanav_sub_upper_bg.gif) center top repeat-x !important;
}

#metaNav ul li ul li.lower {
	background:url(/static/img/summer/metanav_sub_lower_bg.png) left top no-repeat !important;
}

* html #metaNav ul li ul li.lower {
	background:url(/static/img/summer/metanav_sub_lower_bg.gif) left top no-repeat !important;
}

#metaNav ul li ul li {
	background:#505e00 !important;
}

#metaNav ul li.sfhover ul li a {
	color:#ecf2bc;
}

#metaNav ul li.sfhover ul li a:hover {
	background:#343d00;
}


/* LANGUAGE BOX
--------------------------------------------------------------- */
#metaLanguage .selectbutton {
	background: url(/static/img/summer/language_select_button.gif) left top no-repeat;
}


#metaLanguage .actualselect {
	border: 1px solid #e9f68f;
	border-right: none;
	color: #6e800b;
}


#metaLanguage .options {
	background: #e9f68f;
}

#metaLanguage .options a {
	border-bottom: 1px solid #6e800b;
	color: #6e800b;
}


/* SEARCH BOX
--------------------------------------------------------------- */
#metaSearch label {
	color:#6e800b;
}

#metaSearch input.field {
	border:1px solid #e9f68f;
	color:#6e800b;
}

/* GENERAL ELEMENTS
--------------------------------------------------------------------- */
.z_text #z_form .calendar_icon {
	background:url(/static/img/summer/calendar_icon.gif) no-repeat;
}

.z_text ul li a {
	background:url(/static/img/summer/zimmersuche_menu_arrow.gif) no-repeat right center;
	color: #526200;
}

.z_text #z_form input {
	background:#d1e067;
	border:1px solid #d1e067;
	color:#798445;
}

.z_text #z_form select {
	background:#d1e067;
	border:1px solid #d1e067;
	color:#798445;
}

.z_text #z_form .submit, #cb_textarea .submit {
	background:url(/static/img/summer/submit_button_bg.gif) #7C910E right center no-repeat !important;
	/*border:1px solid #005B76;*/
}


/* BOTTOM BAR TEASER
--------------------------------------------------------------- */
.bt_teaser {
	background:url(/static/img/summer/bottom_teaserbar_bg.gif);
}

.bt_teaser .bt_text h3 a {
	color: #327b91;
}

.bt_teaser .bt_text a {
	color:#3f462e;
}


/* FOOTER
--------------------------------------------------------------- */
#footer {
	background:url(/static/img/summer/footer_background.gif) no-repeat;
}

.copytext {
	color: #9fa37f;
}

#footer a {
	color: #9fa37f;
}

#elementsLogo a {
	background: url(/static/img/summer/elements.gif) right 4px no-repeat;
	color:#9fa37f;
}

#elementsLogo a:hover {
	background: url(/static/img/summer/elements_hover.gif) right 4px no-repeat;
}

/* portal.css */

/* SUJET TEASER BOXES
--------------------------------------------------------------- */

#pilCard #pilCard_background {
	background:url(/static/img/summer/pillerseetalcard_background.png) left top no-repeat;
}

.teaserOverlay {
	background:url(/static/img/summer/sujetteaser_bg.png);
}

.sujetTeaser {
	border-left:1px solid #b5ce5a;
	border-right:1px solid #9aa75d;
}

.sujetTeaser .s_price {
	color: #718319;
}

#portalBottom {
	background:url(/static/img/summer/bottom_teaserbar_bg.gif) top right repeat-y;
}

.wetterBox {
	background:url(/static/img/summer/wetterbox_bg.gif) no-repeat top left;
}

.eventBox {
	background:url(/static/img/summer/eventbox_bg.gif) no-repeat top left;
}

.eventBox #ev_slider .ev_item .ev_headline {
	background:url(/static/img/summer/slider_maximize_icon.gif) no-repeat right;
}

.eventBox #ev_slider .ev_item .ev_headline em {
	color: #526200;
}


/* ZIMMERSUCHE FORM
--------------------------------------------------------------- */
#zimmersuche .z_background {
	background:url(/static/img/summer/zimmersuche_bg.png) no-repeat;
}

.miniteaser {
	background:url(/static/img/summer/miniteaser_bg.gif) no-repeat;
}

.miniteaser .mi_text a {
	color:#3f462e;
}

/* BOTTOM TEASER CONTAINER
--------------------------------------------------------------- */
.bottomTeaser .t_date {
	color:#718319;
}


/* content.css */

.c_top .ct_sidebar .ct_zimmersuche {
	background:url(/static/img/summer/content_sidebar_top_bg.jpg) left top no-repeat;
}

/* WETTER BOX
--------------------------------------------------------------- */
.c_top .ct_sidebar #wetterBox {
	background:url(/static/img/summer/content_sidebar_bottom_bg.jpg) left top no-repeat;
}

.c_bottom {
	background:url(/static/img/summer/content_body_bg_repeat.gif) #d9e5a7 repeat-y;
}

.c_bottom .cb_left {
	background:url(/static/img/summer/content_body_bg.jpg) left top no-repeat;
}

#wetterBox .w_container .w_text a {
	color:#7c910e;
}

/* INLINE MENU
--------------------------------------------------------------- */
#cb_menu ul {
	border-top:1px solid #c6d676;
}

#cb_menu ul li {
	border-bottom:1px solid #c6d676;
}

#cb_menu ul li a {
	color:#2e4046;
	background:url(/static/img/summer/inline_menu_arrow_inactive.gif) right center no-repeat;
}

#cb_menu ul li a:hover {
	color:#7c910e;
	background:url(/static/img/summer/inline_menu_arrow_active.gif) right center no-repeat;
}

#cb_menu ul li.active a.active {
	color:#7c910e;
	background:url(/static/img/summer/inline_menu_arrow_active.gif) right center no-repeat;
}

/* MAIN CONTENT
--------------------------------------------------------------- */
#cb_textarea .headline h1 {
	color: #526200;
}

#cb_textarea .contentblock {
	color:#2e4046;
}

#cb_textarea .contentblock h3 {
	color:#526200;
}

#cb_textarea .contentblock ul {
	color:#2e4046;
}

#cb_textarea .contentblock ul li {
	background:url(/static/img/summer/content_list_icon.gif) left 5px no-repeat;
}

#cb_textarea .contentblock a {
	color:#7c910e;
}

#cb_textarea .contentblock a:hover {
	color:#526200;
}

#cb_textarea .galleryblock .zoom {
	background:url(/static/img/summer/gallery_zoom_icon.gif) right top no-repeat;
}

#cb_textarea .contentblock table {
	border:1px solid #D1E067;
}

#cb_textarea .contentblock table th {
	background:#D1E067;
}


/* OFFER PAGE
--------------------------------------------------------------- */
#cb_textarea .offerblock {
	color:#2e4046;
}

#cb_textarea .offerblock .offeritem {
	background:url(/static/img/summer/offer_item_bg.jpg) no-repeat;
}

.offeritem .o_text strong, .offeritem .o_text b {
	color:#627500;
}

.offeritem .o_text h3 a {
	color:#627500;
}

.offeritem .o_text .o_date {
	color:#627500;
}

.offeritem .o_text .o_sub .o_price {
	color:#627500;
}

/* OFFER DETAIL PAGE
--------------------------------------------------------------- */
#cb_textarea #offerdetailblock .odb_details .container {
	background:url(/static/img/summer/offers_bubble_bg.gif) no-repeat;
}

#cb_textarea #offerdetailblock .odb_details .container .bottom {
	background:url(/static/img/summer/offers_bubble_bottom_bg.gif) no-repeat;
}

#cb_textarea #offerdetailblock .odb_details .text {
	color:#2E4046;
}

#cb_textarea #offerdetailblock .odb_details .text .date {
	color:#718319;
}

#cb_textarea #offerdetailblock .odb_details .text .inc {
	color:#718319;
}

#cb_textarea #offerdetailblock .odb_details .text .benefits {
	background:#D1E067;
	border:1px solid #D1E067;
	color:#798445;
}

#cb_textarea #offerdetailblock .odb_details .text .price .pickerl {
	background:url(/static/img/summer/price_pickerl.jpg) no-repeat;
}

#cb_textarea #offerdetailblock .odb_details .text .price .pickerl .tag {
	color:#718319;
}

#cb_textarea #offerdetailblock .odb_form input {
	background:#D1E067;
	border:1px solid #D1E067;
	color:#798445;
}

#cb_textarea #offerdetailblock .odb_form input.submit {
	background:url(/static/img/summer/submit_button_bg.gif) #7C910E right center no-repeat;
}

#cb_textarea #offerdetailblock .odb_form select {
	background:#D1E067;
	border:1px solid #D1E067;
	color:#798445;
}

#cb_textarea #offerdetailblock .odb_form textarea {
	background:#D1E067;
	border:1px solid #D1E067;
	color:#798445;
}


/* WEBCAM PAGE
--------------------------------------------------------------- */
#webcams .wc_item {
	background:url(/static/img/summer/webcam_item_bg.jpg) no-repeat;
}

#webcams .wc_item:hover h3 {
	color:#f79d01;
}

/* PRESS PAGE
--------------------------------------------------------------- */
#cb_textarea .pressblock {
	color:#2e4046;
}

#cb_textarea .pressblock .pressitem {
	background:url(/static/img/summer/press_border_line.gif) left top no-repeat;
}

.pressitem .p_text strong, .offeritem .p_text b {
	color:#0e6986;
}

.pressitem .p_text h3 a {
	color:#627500;
}

.pressitem .p_text .p_date {
	color:#627500;
}

/* FERATEL
--------------------------------------------------------------- */
.c_bottom.wide {
	background:#bde1ee url(/static/img/summer/content_body_bg_repeat_wide.gif) repeat-y;
}

.c_bottom.wide .cb_left {
	background:url(/static/img/summer/content_body_bg_wide.jpg) no-repeat;
}

/* LOIPEN PAGE
--------------------------------------------------------------- */
#cb_textarea .loipenblock .loipenitem {
	background:url(/static/img/summer/content_trenner.gif) center bottom no-repeat;
}

.loipenblock .loipenitem .lp_loipen .lp_line .col_1 {
	background:url(/static/img/summer/list_icon.gif) left center no-repeat;
}

.loipenblock .loipenitem .lp_loipen .lp_line .col_1 b, .loipenblock .loipenitem .lp_loipen .lp_line .col_1 strong {
	color:#718319;
}

.loipenblock .loipenitem .lp_loipen .lp_line .col_1 i {
	color:#627500;
}

.loipenblock .panoramalink a {
	text-decoration:none;
	color:#718319;
}

.loipenblock .panoramalink a:hover {
	color:#526200;
}

/* PRESSE PIC PAGE
--------------------------------------------------------------- */
#pic_category_form select {
	background:#D1E067;
	border:1px solid #D1E067;
	color:#798445;
}

#cb_textarea .pressepicblock .pic_container .pic_image {
	color:#c4d773;
}

#cb_textarea .pressepicblock .pic_container .pic_image .zoom {
	background:url(/static/img/summer/gallery_zoom_icon.gif) right top no-repeat;
}

#cb_textarea .pressepicblock .pic_container .pic_description {
	background:url(/static/img/summer/press_pic_bottom.gif) no-repeat;
}

.pic_container .pic_description a {
	color:#7c910e;
	background:url(/static/img/summer/inline_menu_arrow_active.gif) right 5px no-repeat;
}

/* EVENTS PAGE
--------------------------------------------------------------- */
#cb_textarea .eventblock .eventitem {
	background:url(/static/img/summer/event_item_bg.jpg) no-repeat;
}

.eventitem .e_text h3 a {
	color:#627500;
}

.eventitem .e_text .e_date {
	color:#627500;
}

/* WEATHER PAGE
--------------------------------------------------------------- */
.wetterblock #wetter_header {
	background:url(/static/img/summer/weather_header_bg.jpg) no-repeat;
}

#wetter_header .wh_item .label {
	color:#627500;
}

#wetter_header .wh_item .image .wh_legend {
	background:url(/static/img/summer/wetter_degree.gif) left 20px no-repeat;
}

#wetter_header .wh_item .image .wh_degree em {
	color:#627500;
}

#snowreport .header {
	background:url(/static/img/summer/snowreport_header_bg.jpg) no-repeat;
}

#snowreport .header table td {
	color:#627500;
}

#snowreport .block {
	background:url(/static/img/summer/content_trenner.gif) left top no-repeat;
}

#snowreport .block .line div {
	border-top:1px solid #b8ce5c;
}

#snowreport .block.wide .line div {
	border-top:1px solid #b8ce5c;
}

#snowreport .block .headline {
	color:#627500;
}

/* A bis Z List PAGE
--------------------------------------------------------------- */
#cb_textarea .contentblock.azform select {
	background:#d1e067;
	border:1px solid #d1e067;
	color:#798445;
}

#cb_textarea .contentblock.azform .keyword {
	background:#d1e067;
	border:1px solid #d1e067;
	color:#798445;
}

.azlistblock .azitem {
	background:url(/static/img/summer/az_item_bg.jpg) no-repeat;
}


/* Event List PAGE
--------------------------------------------------------------- */
#cb_textarea .contentblock.eventform select {
	background:#d1e067;
	border:1px solid #d1e067;
	color:#798445;
}

#cb_textarea .contentblock.eventform input {
	background:#d1e067;
	border:1px solid #d1e067;
	color:#798445;
}

#cb_textarea .calendar_icon {
	background:url(/static/img/summer/calendar_icon.gif) no-repeat;
}

.eventlistblock .eventitem {
	background:url(/static/img/summer/az_item_bg.jpg) no-repeat;
}

/* Event + A/Z Detail PAGE
--------------------------------------------------------------- */
#cb_textarea .detailblock .headline .category {
	color:#7c910e;
}

#cb_textarea .detailblock .description .image a .zoom {
	background:url(/static/img/summer/gallery_zoom_icon.gif) right top no-repeat;
}

#cb_textarea .detailblock .description a {
	color:#7c910e;
}

/* Paging
--------------------------------------------------------------- */
.paging a {
	background:#D1E067;
	color:#798445;
}

.paging a:hover, .paging a.active {
	background:#7C910E;
	color:#fff;
}

.paging a.prev {
	background-color:#D1E067;
}

.paging a.prev:hover {
	background-color:#7C910E;
}

.paging a.next {
	background-color:#D1E067;
}

.paging a.next:hover {
	background-color:#7C910E;
}


/* Default Form PAGE
--------------------------------------------------------------- */
#cb_textarea .contentblock.form select {
	background:#D1E067;
	border:1px solid #D1E067;
	color:#798445;
}

#cb_textarea .contentblock.form input {
	background:#D1E067;
	border:1px solid #D1E067;
	color:#798445;
}

#cb_textarea .contentblock.form textarea {
	background:#D1E067;
	border:1px solid #D1E067;
	color:#798445;
}