@charset "utf-8";
/* CSS Document */

/**
 * DOCUMENTATION
 *
 * 
 * GrayTones
 * GrayL1 #F0F0F0
 * GrayL2 #E2E2E2
 * GrayL3 #CCCCCC
 * GrayL5 #B2B2B2
 * GrayL7 #999999
 * GrayL9 #666666
 * GrayL11 #333333
*/



/***************************************************************************
 * Structural
 ***************************************************************************/

*, html, body {margin:0px;padding:0px;}
html, body {height: 100%;}


.clearAllDiv {
   clear: both;
   height: 1px;
}

/* Grid */
.gridTwoColLeft {
   float:left;
   margin-top: 30px;
   width: 430px;
   padding: 0px 0px 0px 10px;
}
.gridTwoColRight {
   float: right;
   margin-top: 30px;
   width: 460px;
   padding: 0px 10px 0px 0px;
}

/***************************************************************************
 * Elements
 ***************************************************************************/

/**
 * Separator lines
*/

.separatorLineSolidL7 {
   height: 0px;
   width: 100%;
   border-style: solid;
   border-color: #666666;
   border-width: 1px 0px 0px 0px;
}

.separatorLineDottedL5 {
   height: 0px;
   width: 100%;
   border-style: dotted;
   border-color: #B5B5B5;
   border-width: 1px 0px 0px 0px;
}

/**
 * Forms
 */

input, select {
   margin-top: 2px;
   margin-bottom: 2px;
}


/***************************************************************************
 * Site design
 ***************************************************************************/

.frameHorizontalCnt {
   width: 960px;
   margin: 0px auto;
   position: relative;
}

.frameHeaderSeparator {
   position: relative;
   clear:both;
   height: 15px;
   margin-bottom: 30px;
   border-style: solid;
   border-color: #E2E2E2;
   border-width: 0px 0px 1px 0px;
}

/* Javascript stuff */
#onMouseOutLayer {
   visibility: hidden;
   position: fixed;
   z-index: 10;
   top: 0px;
   left: 0px;
   width: 99%;
   height:99%;
}

/* Bottom box */
.fpBottomBoxGpMargin {
   margin-top:30px;
}

/* Footer box */
.fpSearchField {
   position: relative;
   border: none;
   background: #ffffff url(/sitedesign/user/standard/images/fpSearchBoxBg.png) no-repeat left top;
   width: 136px;
   height: 19px;
   padding-left: 20px;
   margin-top: -10px;
}

/* Global navigation menu */
.navMenuCnt {
   width:170px;
   float:left;
   padding-right:80px;
   overflow:hidden;
   position:relative;
}

.globNavLinkCnt {
   float:right;
   width: 134px;
   height: 70px;
   border-style:dotted;
   border-width: 0px 0px 0px 1px;
   border-color: #B2B2B2;
   padding: 15px 15px 0px 15px;
   text-align: right;
}
a.globNavLinkHeader {
   color: #FF0000;
   font-size: 18px;
   text-decoration:none;
   font-weight: bold;
   letter-spacing: -1px;
}


a.navAnchorSelectedL1,
a.navAnchorNormalL1,
a.navAnchorSelectedL2,
a.navAnchorNormalL2 {
   display: block;
   text-decoration: none;
   height: 29px;
   line-height: 29px;
   border-style: dotted;
   border-width: 0px 0px 1px 0px;
   border-color: #cccccc;
   overflow: hidden;
   white-space:nowrap;
}

a.navAnchorSelectedL1, a.navAnchorSelectedL2 {
   font-weight:bold;
}
a.navAnchorSelectedL1, a.navAnchorNormalL1 {
   width: 160px; /* IE6 */
   padding-left: 10px;
}
a.navAnchorSelectedL2, a.navAnchorNormalL2 {
   width: 150px; /* IE6 */
   background-color: #F0F0F0;
   padding-left: 20px;
}

.navContainerSelectedL1 {}
.navContainerNormalL1 {}
.navContainerSelectedL2 {}
.navContainerNormalL2 {}

/***************************************************************************
 * Templates - Banner
 ***************************************************************************/

/**
 * adlist_frontpage
*/
.fpTextAd {
   float:left;
   width: 300px;
   margin: 35px 10px 45px 10px;
}
.fpTextAdText {
   float: right;
   width: 200px;
}

/***************************************************************************
 * Templates - Intranett
 ***************************************************************************/

.tableHeader, .tableContentDark, .tableContentLight {
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
}
.tableContentDark, a.linkDark {
    background-color: #DCDDC8;
    color: #202013;
}
.tableContentLight, a.linkLight {
    background-color: #DCDDC8;
    color: #676840;
}
.tableHeader {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #B7B889;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    border-color: #A5A66A;
}
/* BEGIN: To be delted */
.extranetButton {
    background-color: #33AFC9;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}
/* END: To be delted */
.selectListFields, .textAreaFields, .numbersField {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}
.selectListFields {
    border-style:solid;
    border-color: #BCBD93;
    border-width: 1px;
    scrollbar-face-color:#BCBD93;
}
.textAreaFields {
    border:1px solid #BCBD93;
    width:395px;
    scrollbar-face-color:#BCBD93;
}
.numbersField {
    text-align:right;
    width:100px;
    border: 1px solid #BCBD93;
    padding-right: 4px;
}

/***************************************************************************
 * Templates - Article
 ***************************************************************************/

/***************************************************************************
 * Templates - Mam
 ***************************************************************************/

/**
 * searchview templates
 */
.showMamBoxThumbnail, .showMamPageThumbnail, .mamThumbnailCnt {
   width:100px;
   float:left;
}
.showMamBoxThumbnail { margin:10px 10px 0px 10px; }
.showMamPageThumbnail { margin:20px 5px 0px 5px; }
.mamThumbnailCnt { margin:20px 10px 0px 10px; }

/**
 * searchview
 */

a.mamImgThumbnail {
   display:block;
   width:100px;
   height:100px;
   background-color: #F0F0F0;
   background-repeat: no-repeat;
   background-position: center center;
}

a.mamImgTumbnailTxt {
   display:block;
   margin-top:5px;
}

/***************************************************************************
 * Templates - Formmaker
 ***************************************************************************/

/* HT - Form elements standard */
.fmTextField, .fmFileField, .fmTextArea, .fmSubmitButton, .textField, .button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.fmTextField, .fmFileField, .fmTextArea { width: 250px; }
.fmSubmitButton {
margin-top: 15px;
   padding-bottom: 0.2em;
   padding-left: 0.4em;
   padding-right: 0.4em;
   padding-top: 0.2em;
}

/***************************************************************************
 * Templates - Calendar
 ***************************************************************************/

/**
 * Calendarlist
*/
.fpCalListText {
   width: 220px;
   border-style: solid;
   border-color: #666666;
   border-width: 1px 0px 1px 0px;
   padding: 10px 0px 10px 0px;
}

/**
 * CalendarMonth
*/
.calColCntLarge0,
.calColCntLarge1,
.calColCntLarge2,
.calColCntLarge3,
.calColCntLarge4,
.calColCntLarge5
{ /* Height may be altered by script ht-calendarmonth-setHeight.php */
   height: 105px;
   width: 135px;
   float: left;
   margin: 2px 0px 0px 2px;
   position: relative;
}

/* Calendar text fields */
.calColDateLarge, .calColDateLargeToday {
   font-weight: bold;
   position:absolute;
   top: 5px;
   right: 5px;
}
.calColDateLargeToday {color: #ffffff;}

.calColTextLarge0,
.calColTextLarge1,
.calColTextLarge2,
.calColTextLarge3,
.calColTextLarge4,
.calColTextLarge5 {
   position:absolute;
   left: 5px;
   bottom: 5px;
   width:125px;
   overflow: hidden;
}

a.calLinkLarge, .calLinkLarge {
   display:block;
   white-space:nowrap;
   text-decoration:none;
   font-size: 12px;
}
a.calRemoteLink, .calRemoteLink { color: #0099CC; } /* #00C7FD */


/**
 * theatreCalendar
*/
.calColCntSmall {
   height: 45px;
   width: 64px;
   float: left;
   margin: 2px 0px 0px 2px;
   position: relative;
}

.calColDateSmall {
   position:absolute;
   top:2px;
   right:2px;
   color: #ffffff;
   font-weight: bold;
}
.calColTextSmall {
   position:absolute;
   bottom: 2px;
   left: 3px;
   color: #ffffff;
   font-size: 10px;
   width: 58px;
   overflow: hidden;
}
a.calNavBottomSmall {
   text-decoration: none;
   font-weight: bold;
   color: #999999;
}

/**
 * CalendarMonth and theatreCalendar
 */
.calColTodayTl,
.calColTodayTr,
.calColTodayBl,
.calColTodayRb,
.calColEmptyTl,
.calColEmptyTr,
.calColEmptyBl,
.calColEmptyRb,
.calColDisabledTl,
.calColDisabledTr,
.calColDisabledBl,
.calColDisabledRb,
.calColContentTl,
.calColContentTr,
.calColContentBl,
.calColContentRb {
   position: relative;
   height: 100%;
   width: 100%;
   display: block;
}

.calColContentTl { background: #999999 url(/sitedesign/user/standard/images/calendar-content-tl.gif) no-repeat top left; }
.calColContentTr { background: url(/sitedesign/user/standard/images/calendar-content-tr.gif) no-repeat top right; }
.calColContentBl { background: url(/sitedesign/user/standard/images/calendar-content-bl.gif) no-repeat bottom left; }
.calColContentRb { background: url(/sitedesign/user/standard/images/calendar-content-rb.gif) no-repeat bottom right; }

.calColDisabledTl { background: #F0F0F0 url(/sitedesign/user/standard/images/calendar-disabled-tl.gif) no-repeat top left; }
.calColDisabledTr { background: url(/sitedesign/user/standard/images/calendar-disabled-tr.gif) no-repeat top right; }
.calColDisabledBl { background: url(/sitedesign/user/standard/images/calendar-disabled-bl.gif) no-repeat bottom left; }
.calColDisabledRb { background: url(/sitedesign/user/standard/images/calendar-disabled-rb.gif) no-repeat bottom right; }

.calColEmptyTl { background: #CCCCCC url(/sitedesign/user/standard/images/calendar-empty-tl.gif) no-repeat top left; }
.calColEmptyTr { background: url(/sitedesign/user/standard/images/calendar-empty-tr.gif) no-repeat top right; }
.calColEmptyBl { background: url(/sitedesign/user/standard/images/calendar-empty-bl.gif) no-repeat bottom left; }
.calColEmptyRb { background: url(/sitedesign/user/standard/images/calendar-empty-rb.gif) no-repeat bottom right; }

.calColTodayTl { background: #666666 url(/sitedesign/user/standard/images/calendar-today-tl.gif) no-repeat top left; }
.calColTodayTr { background: url(/sitedesign/user/standard/images/calendar-today-tr.gif) no-repeat top right; }
.calColTodayBl { background: url(/sitedesign/user/standard/images/calendar-today-bl.gif) no-repeat bottom left; }
.calColTodayRb { background: url(/sitedesign/user/standard/images/calendar-today-rb.gif) no-repeat bottom right; }

/***************************************************************************
 * Templates - Theatre
 ***************************************************************************/

/**
 * Slideshow
*/
.slideShowLinkBg {
   position:absolute;
   z-index: 10;
   height: 90px;
   width: 960px;
   bottom: 0px;
   background-color: #F0F0F0;
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;

}
.slideShowCnt {
   position: relative;
   width:960px;
   height:460px;
}
.slideShowLinkCnt {
   position:absolute;
   width:239px;
   height: 106px;
   bottom:0px;
   z-index:11;
}
a.slideShowLink {
   display:block;
   position: absolute;
   height: 68px;
   width: 199px;
   padding: 20px 20px 2px 20px;
   bottom: 0px;
   border-style: dotted;
   border-color: #AFAFAF;
   text-decoration: none;
   color: #333333;
}
a.slideshowLinkSelected {
   display: block;
   position: absolute;
   z-index: 12;
   height: 68px;
   width: 202px;
   left: -1px;
   padding: 20px 20px 2px 20px;
   bottom: 0px;
   background-color: #FF0000;
   text-decoration: none;
   color: #FFFFFF;
}

/**
 * Tourstoplist
*/
.tableHeaderRow, .tableRow {
   line-height: 29px;
   border-style: dotted;
   border-width: 0px 0px 1px 0px;
   border-color: #cccccc;
}
.tableHeaderRow {
   border-width: 1px 0px 1px 0px;
   text-align: left;
   font-weight: bold;
}

/**
 * Showarchivenav
*/
a.archiveNavLink,
archiveNavLink {
   font-family: Helvetica, Arial, sans-serif;
   font-size: 18px;
   text-decoration: none;
   font-weight: bold;
}

a.archiveNavLink:link,
a.archiveNavLink:visited {
   color: #333333;
}
a.archiveNavLink:hover {
   color: #FF0000;
}


/**
 * ShowBanner
*/
.showBannerCnt {
   position: relative;
   margin-top: 20px;
}
.showBannerCnt, .showBannerCntNormal, .showBannerCntFocus {
   width: 960px;
   height: 230px;
}
.showBannerCntNormal {
   background-color: #999999;
}
.showBannerCntFocus {
   position: absolute;
   background-color: #FF0000;
   z-index: 20;
}

/* Content containers */
.showBannerTxtCnt {
   float:left;
   width: 440px;
   height: 136px;
   padding: 15px 20px 20px 20px;
}
.showBannerImgCnt {
   width: 480px;
   height: 230px;
   float: right;
   background-repeat:no-repeat;
   background-position:top right;
   position:relative;
}

/* Buttons */
.showBannerButtonLeftCnt, .showBannerButtonRightCnt {
   position:absolute;
   z-index:30;
   top:175px;
}
.showBannerButtonLeftCnt { left:220px; }
.showBannerButtonRightCnt { right:500px; }

a.showBannerButtonLeftRed, .showBannerButtonRightRed, a.showBannerButtonLeftGray, .showBannerButtonRightGray {
   position: relative;
   background-repeat: no-repeat;
   height: 34px;
}
a.showBannerButtonLeftRed, a.showBannerButtonLeftGray {
   float: left;
   background-position: top left;
   display: block;
   background-color:white;
}
.showBannerButtonRightRed, .showBannerButtonRightGray {
   float: left;
   line-height: 34px;
   background-position: top right;
   padding: 0px 15px 0px 15px;
   font-size: 18px;
   font-weight: bold;
   font-family: Helvetica, Arial, sans-serif;
}

a.showBannerButtonLeftRed {
   background-image:url(/sitedesign/user/standard/images/bannerButtonLeftRed.gif);
}
.showBannerButtonRightRed {
   background-image:url(/sitedesign/user/standard/images/bannerButtonRightRed.gif);
}
a.showBannerButtonLeftGray {
   background-image:url(/sitedesign/user/standard/images/bannerButtonLeftGray.gif);
}
.showBannerButtonRightGray {
   background-image:url(/sitedesign/user/standard/images/bannerButtonRightGray.gif);
}

a.showBannerButtonLeftRed:link,
a.showBannerButtonLeftRed:visited,
a.showBannerButtonLeftGray:link,
a.showBannerButtonLeftGray:visited {
   text-decoration: none;
   color: #999999;
}

a.showBannerButtonLeftRed:hover,
a.showBannerButtonLeftRed:active,
a.showBannerButtonLeftGray:hover,
a.showBannerButtonLeftGray:active {
   text-decoration: underline;
   color: #FF0000;
}

.showListArrowRed, .showListArrowGray {
   display:block;
   position:absolute;
   top:30px;
   left:0px;
   background-repeat: no-repeat;
   background-position: top left;
   width: 16px;
   height: 32px;
}
.showListArrowRed {
   background-image: url('/sitedesign/user/standard/images/red-transparent-arrow-left.png');
}
.showListArrowGray {
   background-image: url('/sitedesign/user/standard/images/gray-transparent-arrow-left.png');
}

/***************************************************************************
 * General - Margins
 ***************************************************************************/

.marginTinyB {margin: 0px 0px 5px 0px}
.marginTinyT {margin: 5px 0px 0px 0px}
.marginTinyTB {margin: 5px 0px 5px 0px}

.marginSmallT {margin: 10px 0px 0px 0px}
.marginSmallR {margin: 0px 10px 0px 0px}
.marginSmallB {margin: 0px 0px 10px 0px}
.marginSmallL {margin: 0px 0px 0px 10px}
.marginSmallTb {margin: 10px 0px 10px 0px}

.marginMediumB {margin: 0px 0px 15px 0px}
.marginMediumT {margin: 15px 0px 0px 0px}
.marginMediumL {margin: 0px 0px 0px 15px}
.marginMediumTb {margin: 15px 0px 15px 0px}

.marginLargeT {margin: 20px 0px 0px 0px}
.marginLargeB {margin: 0px 0px 20px 0px}
.marginLargeTb {margin: 20px 0px 20px 0px}

.marginHugeT {margin: 30px 0px 0px 0px}
.marginHugeB {margin: 0px 0px 30px 0px}

.marginGiganticB {margin: 0px 0px 60px 0px}



/***************************************************************************
 * General - Colors
 ***************************************************************************/

.bgColorL1 { background-color: #F0F0F0 }


/***************************************************************************
 * General - Paddings
 ***************************************************************************/

.paddingLargeL {padding: 0px 0px 0px 20px}
.paddingSmallL {padding: 0px 0px 0px 10px}
.paddingSmallRl  {padding: 0px 10px 0px 10px}
.paddingTinyBl  {padding: 0px 0px 5px 5px}

/***************************************************************************
 * Typography
 ***************************************************************************/

/**
 * General
*/
body, td, span, input {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #333333;
}
h1.headline {margin-top:-6px;position:relative;}
h2.headlineLabel { margin-top:-5px;position:relative; }
h1, h2, .h1, .h2 { font-family: Helvetica, Arial, sans-serif; }
h1, h2, .h1, .h2, h3, .h3 { font-weight:bold; }
h1, .h1 { font-size: 34px; }
h2, .h2 { font-size: 18px; }
h3, .h3 { font-size: 13px; }
h4, .h4 { font-size: 13px; }
h5, .h5 { font-size: 13px; }
h6, .h6 { font-size: 13px; }

/**
 * Lists
 */
ul { margin-left: 1em; }
ol { margin-left: 1.5em; }



/**
 * Links
*/
a {color: #333333}
a.redLink {color: #FF0000}
a.rodLenke, .rodLenke {color: #FF0000; text-decoration:none;}

/**
 * Labels
*/
a.blueLabel, .blueLabel {
   color: #00C7FD;
   text-decoration: none;
}

/**
 * Text colors
*/
a.whiteText, .whiteText {
   color: #FFFFFF;
   text-decoration: none;
}

a.blueText, .blueText {
   color: #00C7FD;
   text-decoration: none;
}

a.grayTextL1, .grayTextL1 {
   color: #F0F0F0;
   text-decoration: none;
}
a.grayTextL3, .grayTextL3 {
   color: #CCCCCC;
   text-decoration: none;
}
a.grayTextL5, .grayTextL5 {
   color: #B2B2B2;
   text-decoration: none;
}
a.grayTextL7, .grayTextL7 {
   color: #999999;
   text-decoration: none;
}
a.grayTextL9, .grayTextL9 {
   color: #666666;
   text-decoration: none;
}
a.grayTextL11, .grayTextL11 {
   color: #333333;
   text-decoration: none;
}