/* POPUP OSTERN, WEIHNACHTEN...*/
div.popup {z-index:999; position:absolute; top:15px; left:135px; -moz-opacity:0.95; filter: alpha(opacity = 95); opacity:0.95;}
div.popup .txtright {float:right;}
/*div.popup img {border:4px solid #fff}*/

/* SPECIAL THICKBOX */

.special_thickbox {visibility:visible; position:absolute; top:25px; z-index:1; left:150px; width:500px; height:449px; z-index:999999}
.special_thickbox a.close {color:#fff; font-weight:bold; position:absolute; z-index:2; top:-20px; right:20px; padding:4px 10px; background:#730e10}
.special_thickbox a.close:hover {color:#fff; background:#920d10; text-decoration:none}

/*  PRELOADER */

.preloadedImages {
margin-left:-4000px;
float:left;
}

/* ALLGEMEINES */

body {margin:0px; font-family: Tahoma, Verdana; font-size: 12px; line-height: 18px; text-decoration: none; color:#000000; background-color:#621004}
div.seitenbreite {width:959px; margin:0 auto; position:relative}
a{color: #5e1012; text-decoration:none}
a:hover {color: #871a1d; text-decoration:underline}
h1 {color:#621617; font-size:180%; padding:10px; margin:0px; font-family:"Times New Roman", Times, serif; background-color:#fff7e9; font-weight:normal}
h2 {color:#558395; font-size:110%; margin:3px; font-weight:normal}
h3 {color:#000000; font-size:125%; margin:5px 0px 3px 0px; font-weight:normal}
h4 {color:#006600; font-size:135%; margin:16px 0px 3px 0px; font-weight:normal}
h5 {color:#3d3d3d; font-size:115%; margin:0px 0px 0px 0px; font-weight:normal}
hr {background-color:#5d5d5d;color:#5d5d5d;height:1px;border-style:none;}
hr.hellgrau {background-color:#eeeeee;color:#eeeeee;height:1px;border-style:none;}
.false {font-weight:bold; color:#ff0000}
.true {font-weight:bold; color:#006600}
.preisangabe {font-size:125%; color:#006600}
img {behavior:url(png.htc)}
img {border:0px}
a.linkbutton {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/button.jpg); background-repeat:no-repeat; display:block; width:136px; float:right; height:22px; text-transform:uppercase; font-size:80%; font-weight:bold; color:#ffffff; text-align:center; margin-top:6px}
a.linkbutton:hover {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/button-hover.jpg);text-decoration:none}

/* BACKGROUND */

div.background-head {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/background-begin.jpg); background-repeat:no-repeat; width:959px; height:17px; margin-top:15px}
div.background-middle {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/background.jpg); background-repeat:repeat-y; width:959px}
div.background-footer {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/background-end.jpg); background-repeat:repeat-y; width:959px; height:22px}

/* HEADER */

div.header {height:140px}
a.logo {position:absolute; top:0px; left:418px; background-image:url(http://www.fuchsbau-timmendorf.de/bilder/logos/fuchsbau-logo.jpg); background-repeat:no-repeat; width:142px; height:130px; display:block}
div.sprachen {position:absolute; left:835px; top:14px}
div.sprachen a.de {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/de.jpg); background-repeat:no-repeat; width:18px; height:11px; display:block; float:left; margin-right:7px}
div.sprachen a.en {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/en.jpg); background-repeat:no-repeat; width:18px; height:11px; display:block; float:left; margin-right:7px}
div.sprachen a.nl {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/nl.jpg); background-repeat:no-repeat; width:18px; height:11px; display:block; float:left; margin-right:7px}
div.sprachen a.dk {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/dk.jpg); background-repeat:no-repeat; width:18px; height:11px; display:block; float:left; margin-right:7px}
div.sprachen a.se {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/se.jpg); background-repeat:no-repeat; width:18px; height:11px; display:block; float:left; margin-right:7px}

/* NAVIGATION */

div.navigation {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/navigation-background.jpg); background-repeat:no-repeat; width:960px; height:46px; margin-left:10px;}
div.navigation ul {list-style:none; list-style-type:none; margin:0px; padding:5px 0px 0px 5px;}
div.navigation ul li a {color:#ffffff; display:block; height:24px; padding:9px 0px 0px 0px;}
div.navigation ul li a:hover {color:#ffffff; text-decoration:none}
div.navigation ul li {text-transform:uppercase; font-family:"Times New Roman", Times, serif; float:left; text-align:center; display:block; width:108px; height:38px; margin:0px 7px 0px 1px;}
div.navigation ul li:hover {color:#ffffff; background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/navigation-hover.jpg)}
div.navigation ul li.Active {color:#ffffff; background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/navigation-hover.jpg); display:block; height:38px; padding:0px 0px 0px 0px}

/* SUBNAVIGATION HOVER */

div.navigation ul li ul { display:none;}
div.navigation ul li:hover ul {position:relative; z-index:2; display:block; background-image:none; list-style:none; list-style-type:none; margin:0px 0px 0px 0px; padding:8px 0px 0px 0px; z-index:9;}
div.navigation ul li ul li {border-bottom:1px solid #4c0a0c; background-image:none; border-top:1px solid #6a1416; background-color:#5e1012; -moz-opacity:0.97; filter: alpha(opacity = 97); opacity:0.97; width:200px; text-align:left; height:32px; text-indent:12px}
div.navigation ul li ul li:hover {background-image:none; background-color:#4c0a0c}
div.navigation ul li ul li a:hover {background-image:none; height:24px; background-color:#4c0a0c}

/* SUBNAVIGATION FEST*/

div.sub {margin:20px 0px 0px 9px; float:left; width:234px}
div.sub ul {list-style:none; list-style-type:none; margin:0px 0px 40px 0px; padding:0px}
div.sub ul li {text-indent:40px; height:26px}
div.sub ul li.first {border-bottom:1px solid #efe6d5}
div.sub ul li.middle {border-top:1px solid #fffffe; border-bottom:1px solid #efe6d5}
div.sub ul li.last {border-top:1px solid #fffffe}

div.sub ul li.firstActive {border-bottom:1px solid #efe6d5; background-color:#faeed6; font-weight:bold}
div.sub ul li.middleActive {border-top:1px solid #fffffe; border-bottom:1px solid #efe6d5; background-color:#faeed6; font-weight:bold}
div.sub ul li.lastActive {border-top:1px solid #fffffe; background-color:#faeed6; font-weight:bold}

div.sub ul li a {text-transform:uppercase; display:block; width:232px; height:22px; padding-top:4px; font-family:"Times New Roman", Times, serif}
div.sub ul li a:hover {background-color:#faeed6; text-decoration:none}

/* HEADER */

div.header {position:relative}
div.header h1 {position:absolute; top:50px; left:10px; color:#621617; font-size:230%; padding:14px; margin:0px; font-family:"Times New Roman", Times, serif; background-color:#fff7e9; font-weight:normal; z-index:2}
div.header h2 {position:absolute; top:95px; left:25px; color:#4a4a4a; font-size:170%; margin:0px; font-family:"Times New Roman", Times, serif; font-weight:normal; z-index:2}
div.adresse {float:left; margin:1px 0px 0px 10px; width:234px; height:379px; background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/adresse-head-background.gif); position:relative;; z-index:1}
div.adresse .kontaktdaten {position:absolute; top:145px; left:14px; font-size:80%}
div.onlinebuchung {border-left:1px solid #cbc1af; border-bottom:1px solid #7d776b; background-color:#fff8ea; text-transform:uppercase; font-family:"Times New Roman", Times, serif; width:232px; height:22px; padding-top:4px; text-align:center; float:right; z-index:15000; position:absolute; right:0px; top: 0px;}
div.onlinebuchung a {font-size:110%}

/* EYECATCHER */

div.eyecatcherflash {width:696px; height:379px; float:left; margin:1px 0px 0px 0px; position:relative}
div.flashheader {z-index:1; float:left}
div.eyecatcher {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/1.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher2 {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/2.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher3 {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/3.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-historie {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/historie.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-hotel {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/hotel.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-aktuelles {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/aktuelles.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-arrangements {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/arrangements.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-buffet {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/buffet.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-buffet2 {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/buffet2.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-festlichkeiten {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/festlichkeiten.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}

div.eyecatcher-hochzeiten {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/hochzeiten.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}

div.eyecatcher-golf {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/golf.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-halbpension {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/halbpension.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-kurzfristig {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/kurzfristig.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-privatefeiern {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/privatefeiern.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-restaurant {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/restaurant.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-tagungen {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/tagungen.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-themenbuffet {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/themenbuffet.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-wellness {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/eyecatcher/wellness.jpg); width:696px; height:379px; float:left; position:relative; margin:1px 0px 0px 0px; z-index:1}
div.eyecatcher-abschluss {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/eyecatcherbottom.png); width:696px; height:63px; position:absolute; bottom:0px; z-index:10000}

/* TOGGLE/SLIDER */

div.boxes{-moz-opacity:0.90; filter: alpha(opacity = 90); opacity:0.90; width:232px; height:250px; position:absolute; top:26px; left:464px; margin-left:-1px; border-bottom:1px solid #7d776b; border-left:1px solid #cbc1af; background-color:#fff8ea; z-index: 160000;}
div.boxesprice{width:620px;}
div.boxes p {text-align:center; padding:6px}
img.box_head{border:0px}

/* MAINCONTENT */

div.maincontent {width:959px; clear:left; background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/maincontent.gif); background-repeat:repeat-y}
div.content {margin:20px; float:left; width:650px}
div.content p {width:650px}
div.content p.starttext {width:650px}
div.contentbooking {margin:20px; float:left; width:650px}
div.contentbooking p {width:650px}
div.content .tuerschild {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/tuerschild.jpg); background-repeat:no-repeat; width:139px; height:279px; float:right; position:relative; margin-left:12px}
div.content .tuerschild .headline {position:absolute; top:110px; left:6px; text-align:center; width:115px; color:#ffffff; font-weight:bold; text-transform:uppercase;}
div.content .tuerschild .description {position:absolute; top:138px; left:6px; text-align:center; font-size:100%; width:115px; color:#ffffff}
div.content .tuerschild .description h3 {color:#ff9c00; text-transform:uppercase; margin:0px; padding:0px; font-size:96%}
div.content .tuerschild .preis {position:absolute; top:193px; left:6px; text-align:center; font-size:100%; width:115px; color:#ffd68e}
div.content .tuerschild .preistop {position:absolute; top:144px; left:6px; text-align:center; font-size:100%; width:115px; color:#ffd68e; font-weight:bold}
div.content .tuerschild .preisfarbe {color:#ffd68e; font-weight:bold}
div.content .tuerschild .preisfarbe2 {color:#ffd68e;}
div.content .tuerschild .normaltext {color:#ffffff}
div.content .tuerschild .descriptiontop {position:absolute; top:142px; left:6px; text-align:center; font-size:100%; width:115px; color:#ffffff}
div.content .tuerschild .descriptiontop #example2 {height:70px; margin:0px; padding:0px}
div.content .tuerschild .descriptiontop #example3 {height:72px; margin:0px; padding:0px}
a.slider_prev, a.slider_next {color:#9e1804}
div.content .tuerschild .descriptiontop h3 {color:#ff9c00; text-transform:uppercase; margin:0px; padding:0px; font-size:96%}
div.content .tuerschild .link a {position:absolute; top:240px; left:2px; text-align:center; font-size:100%; width:125px; color:#ffffff; text-transform:uppercase; font-size:80%}
div.content .teasertuerschilder {float:right; width:302px}
div.content table {margin:12px 0px 0px 0px; width:620px; padding:0px; background-color:#fff7e9; border:1px solid #faeed6;  border-collapse: separate; border-spacing: 0px}
div.content table tr {padding:0px; margin:0px}
div.content table td {padding:10px; margin:0px}
div.content table td.first p, td.middle p, td.last p {padding:0px; margin:0px}
div.content table td.first {border-bottom:1px solid #efe6d5; margin:0px}
div.content table td.middle {border-top:1px solid #fffffe; border-bottom:1px solid #efe6d5; margin:0px}
div.content table td.last {border-top:1px solid #fffffe; margin:0px}
div.content table td img {text-align:center; margin:0px}

div.content table .preise {border-top:1px solid #faeed6; border-left:1px solid #faeed6; border-right:0px; border-bottom:0px;}
div.content table td.head {font-weight:bold; text-transform:uppercase; border-right:1px solid #faeed6; border-bottom:2px solid #faeed6;}
div.content table td.headohne {font-weight:bold; text-transform:uppercase; border-bottom:2px solid #faeed6;}
div.content table td.headAnwendungen {font-weight:bold; text-transform:uppercase; border-right:1px solid #faeed6; border-bottom:2px solid #faeed6;}
div.content table td.headAnwendungenCenter {font-weight:bold; text-transform:uppercase; border-right:1px solid #faeed6; border-bottom:2px solid #faeed6; text-align:center}
div.content table td.contenthead {height:55px; border-bottom:1px solid #faeed6; border-right:2px solid #faeed6;}
div.content table td.content {border-bottom:1px solid #faeed6; border-right:1px solid #faeed6; background-color:#fffefc; text-align:center}
div.content table td.contentspeisen {border-bottom:1px solid #faeed6; border-right:1px solid #faeed6; background-color:#fffefc; text-align:left}
div.content table td.contentohne {border-bottom:1px solid #faeed6; background-color:#fffefc; text-align:center}
div.content table td.contentleft {border-bottom:1px solid #faeed6; border-right:1px solid #faeed6; background-color:#fffefc; text-align:left}
div.textbegr {width:300px; }

.preis {color:#006600; font-size:110%; font-weight:bold}
.kontaktmail {background-color:#fff7e9; border:1px solid #faeed6; padding:8px; margin: 10px 0px}
div.ContentOnlineBuchung {float:right; width:250px; margin:0px; padding:0px}
div.content img {margin-bottom:5px}
div.contentbild {float:right; margin-left:18px; width:140px}
div.mitarbeiterbild {float:left; margin:8px 12px 0px 0px; width:125px}
.mitarbeitername {color:#000000; font-size:115%; margin:0px; padding:0px; font-weight:normal}
div.referenzenbilder {float:left; margin:10px; height:75px; display:block; cursor:default}
div.referenzenbreite {width:600px}
div.contentbildbuchen {float:right; margin-left:18px; width:175px; text-align:center}
div.contentbildbuchen img {margin-top:12px}
a.arrangementbuchen {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/buchen-button.jpg); display:block; width:175px; height:35px; margin-top:14px}
a.arrangementbuchen:hover {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/buchen-button-hover.jpg)}
a.arrangementbuchenEN {background-image:url(../bilder/layout/booking-button.jpg); display:block; width:175px; height:35px; margin-top:14px}
a.arrangementbuchenEN:hover {background-image:url(../bilder/layout/booking-button-hover.jpg)}
a.arrangementbuchenSE {background-image:url(../bilder/layout/se-buchen-button.jpg); display:block; width:175px; height:35px; margin-top:14px}
a.arrangementbuchenSE:hover {background-image:url(../bilder/layout/se-buchen-button-hover.jpg)}
a.speisekarteoeffnen {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/speisekarte-button.jpg); display:block; width:175px; height:35px; margin-top:14px}
a.speisekarteoeffnen:hover {background-image:url(http://www.fuchsbau-timmendorf.de/bilder/layout/speisekarte-button-hover.jpg)}

/* PROSPEKTTEASER */

div.content .contentteaser {clear:both;}

div.content .prospekt {float:left; width:330px; margin-right:30px}
div.content .prospekt h3 {color:#621617; font-size:130%; margin:0px 0px 6px 0px; padding:0px; font-family:"Times New Roman", Times, serif}
div.content .prospekt img {float:left; border:0px; margin:0px 8px 25px 0px}

div.content .anfahrt {float:left; width:270px}
div.content .anfahrt h3 {color:#621617; font-size:130%; margin:0px 0px 6px 0px; padding:0px; font-family:"Times New Roman", Times, serif}
div.content .anfahrt img {float:left; border:0px; margin-right:8px}

/* FOOTER */

.footer {background-color:#faeed6; color:404040; height:20px; margin:2px 0px 0px 9px; width:921px; text-transform:uppercase; padding:5px}
.footer .footerlinks {float:right}
.footer .footerlinks a {color:#404040;}

/*FORMULARE*/

.label {float:left; display:block; width:100px; margin-bottom:6px}
.input {border:1px solid #6b6b6b; width:450px;  margin-bottom:6px}
.select {width:114px}
.submitbutton {border:1px solid #6b6b6b; width:200px;  margin-bottom:6px}
.submitbuttonteaser {border:1px solid #6b6b6b; margin-bottom:6px}
input.code {border:1px solid #6b6b6b; width:112px; margin-bottom:6px}
textarea {border:1px solid #6b6b6b; width:450px;  margin-bottom:6px; height:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}

/*===== CSS theme file for CalendarXP 6.0 (Totally configurable) =====*/
/* Calendar Head - the cells showing "Sunday", "Monday" .... */
.CalHead {cursor:default; text-align:center; font:bold 7.5pt Tahoma, Verdana, sans-serif; color:#565656;}
/* Day Cell - the container cell of each day */
.CalCell {cursor:hand; text-align:center;}
/* Day Number */
.CellAnchor {text-decoration:none; font:9pt verdana;}

/* WeekNo Head - the top cell in the week number column */
.WeekHead {cursor:default; text-align:center; font:bold 10pt arial; color:cyan;}
/* WeekNo Column Cell - the cells of the week number column */
.WeekCol {cursor:default; text-align:center; font:bold 9pt arial; background:cyan;}

/* Month navigators - the "<" or ">" used to move to previous or next month */
.MonthNav {vertical-align:middle; height:22; width:18; font:10pt Fixedsys; color:black;}
A.MonthNav:hover {color:yellow}
A.MonthNav:active {color:red}

/* styles for the 3 calendar portions (actually 3 table TDs) */
.CalTop {text-align:center;}
.CalMiddle {}
.CalBottom {text-align:center;}

/* Calendar title - showing year and month */
.CalTitle {vertical-align:middle; font:10pt arial; color:black;}

/* The style of internal floating div/layer tags */
.FreeDiv {}

/*===== Above CSS are commonly used in the script engine =====*/

/*====== Following are additional per-theme styles ======*/
.Today {text-decoration:none; font:bold 10pt verdana; color:white;}
A.Today:hover {color:yellow;}
A.Today:active {color:red;}

/* Schnellbuchungsmaske Anfang */
#HWBMask { position:relative; top:11px; left:11px; width:180px; padding:15px; margin:0; background-color:#FFF; border:1px solid #cbc1af;
overflow:hidden; }
#HWBMask label, #HWBMask table, #HWBMask td, #HWBMask P { font-family: Arial, Helv, Helvetica, sans-serif; font-size:11px;
color:#000; }
#HWBMask table { width:100%; border:0; }
#HWBMask label { cursor:pointer; }
#HWBMask input, #HWBMask select { font-family:Arial, Helv, Helvetica, sans-serif; font-size:11px; color:#000; }
/* alin submit button and give it a background */
#hwbbutton { margin: 10px 0; text-align:right; }
#HWBMask .submit { background-color:#777; font-size:11px; color:#FFF; font-weight:bold; padding:1px
5px; border:0; cursor:pointer; }
#HWBMask .submitOver { background-color:#999; font-size:11px; color:#FFF; font-weight:bold; padding:1px 5px; border:0;
cursor:pointer; }
/* calendar icon please change for hotel if necessary */
#hwbdt1, #hwbdt2 { width:18px; height:18px; display:block; background:url(http://secure.hotelwebservice.de/media/_icons/calender.gif); background-repeat:no-repeat;
cursor:pointer; }
/* calendar please change #BBB (dark) and #888(light over) */
.calendar { position: relative; display: none; border: 1px solid; border-color: #FFF #555 #555 #FFF; font-size: 11px; cursor: pointer;
background-color:#F7F4ED; color:#000; font-family: Arial, Helv, Helvetica, sans-serif; }
.calendar table { border:1px solid; border-color:#FFF #555 #555 #FFF; font-size:11px; cursor:pointer; background-color:#FFF;
color:#000; font-family:Arial, Helv, Helvetica, sans-serif; }
.calendar .button { text-align:center; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB; }
.calendar .nav { background:#BBB url(menuarrow.gif) no-repeat 100% 100%; }
.calendar thead .title { font-weight:bold; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB;
color:#555; text-align:center; }
.calendar thead .headrow { }
.calendar thead .daynames { }
.calendar thead .name { border-bottom:1px solid #555; padding:2px; text-align:center; background-color:#F1F1F1; color:#555; }
.calendar thead .weekend { color:#833131; font-weight:bold; }
.calendar thead .hilite { border:2px solid; padding:0px; border-color:#F7F4ED #555 #555 #F7F4ED; }
.calendar thead .active { border-width:1px; padding:2px 0px 0px 2px; border-color:#555 #F7F4ED #F7F4ED #555; }
.calendar tbody .day { width:2em; text-align:right; padding:2px 4px 2px 2px; }
.calendar table .wn { padding:2px 3px 2px 2px; border-right:1px solid #555; background-color:#E1E6F5; color:#555; }
.calendar tbody .rowhilite td { background-color:#888; color:#555; }
.calendar tbody td.hilite { padding:1px 3px 1px 1px; border-top:1px solid #fff; border-right:1px solid #172E55; border-bottom:1px solid
#172E55; border-left:1px solid #FFF; }
.calendar tbody td.active { padding:2px 2px 0px 2px;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; }
.calendar tbody td.selected { font-weight:bold;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; padding:2px 2px
0px 2px; background-color:#F1F1F1; color:#172E55; }
.calendar tbody td.weekend { color:#833131; }
.calendar tbody td.today { font-weight:bold; color:#172E55; }
.calendar tbody td.disabled { color:#BBB; text-decoration:line-through; }
.calendar tbody .emptycell { visibility:hidden; }
.calendar tbody .emptyrow { display:none; }
.calendar tfoot .footrow {}
.calendar tfoot .ttip { background-color:#BBB; padding:1px; border:1px solid; border-color:#172E55 #E1E6F5 #E1E6F5 #172E55;
color:#172E55; text-align:center; }
.calendar tfoot .hilite { border-top:1px solid #FFF; border-right:1px solid #172E55; border-bottom:1px solid #172E55; border-left:1px
solid #FFF; padding:1px; background-color:#C7C4BB; }
.calendar tfoot .active { padding:2px 0px 0px 2px;border-top:1px solid #172E55;border-right:1px solid #FFF;border-bottom:1px solid
#FFF;border-left:1px solid #172E55; }
.combo { position:absolute; display:none; width:4em; top:0px; left:0px; cursor:pointer; border:1px solid; border-color:#E1E6F5
#172E55 #172E55 #E1E6F5; background-color:#FFF;color:#172E55;font-size:smaller;padding:1px; }
.combo .label,.combo .label-IEfix { text-align:center; padding:1px; }
.combo .label-IEfix {width:4em; }
.combo .active { padding:0px; border:1px solid #172E55; }
.combo .hilite {border:1px solid #172E55;background-color:#E1E6F5; color:#172E55; }



/* Simple Slider */
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}