/* ==================================== */
/*  WienTourismus CSS : Content Styles  */
/* ==================================== */

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

/*- Links -*/

#mainContent a {
    color: #E3000E;
}

#mainContent a:hover,
#mainContent a:focus,
#mainContent a:active {
    text-decoration: underline;
}

#mainContent a.extern {
    background: transparent url(/++resource++wir/img/bgExternalLink.png) no-repeat right 0.15em;
    padding: 0 14px 0 0;
}

#mainContent a.download {
    background: transparent url(/++resource++wir/img/iconDownload.png) no-repeat right 0.2em;
    padding: 2px 15px 2px 1px;
}

#mainContent a.pdf {
    background: transparent url(/++resource++wir/img/iconFile_pdf.png) no-repeat right 0.15em;
    padding: 2px 19px 2px 1px;
}

#mainContent a.doc {
    background: transparent url(/++resource++wir/img/iconFile_doc.png) no-repeat right 0.15em;
    padding: 2px 19px 2px 1px;
}

#mainContent a.xls {
    background: transparent url(/++resource++wir/img/iconFile_xls.png) no-repeat right 0.15em;
    padding: 2px 19px 2px 1px;
}

#mainContent a.img {
    background: transparent url(/++resource++wir/img/iconFile_img.png) no-repeat right 0.15em;
    padding: 2px 19px 2px 1px;
}

#mainContent a.audio {
    background: transparent url(/++resource++wir/img/iconFile_audio.png) no-repeat right 0.15em;
    padding: 2px 16px 2px 1px;
}

#mainContent a.video {
    background: transparent url(/++resource++wir/img/iconFile_video.png) no-repeat right 0.15em;
    padding: 2px 19px 2px 1px;
}

#mainContent a.zip {
    background: transparent url(/++resource++wir/img/iconFile_zip.png) no-repeat right 0.15em;
    padding: 2px 19px 2px 1px;
}

#mainContent a.wienkarte {
    background: transparent url(/++resource++wir/img/iconWienkarte.gif) no-repeat right 0.25em;
    padding: 0 20px 0 0;
}

#mainContent a.rss {
    background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat 3px -699px;
    color: #000000;
    padding: 1px 0 2px 22px;
    text-decoration: none;
}

#pageContent a.rss:hover,
#pageContent a.rss:focus,
#pageContent a.rss:active {
    color: #E30001;
    text-decoration: underline;
}

#mainContent h3 {
    color: #E3000E;
    line-height: 1.3;
}

.tooltipWrapper {
    position: absolute;
    right: -0.2em;
    top: -0.9em;
}

.tooltipBox {
    background: transparent url(/++resource++wir/img/bgHeaderInfo.png) repeat left top;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 5px #cccccc;
    -moz-box-shadow: 1px 1px 5px #cccccc;
    -webkit-box-shadow: 1px 1px 5px #cccccc;
    color: #666666;
    display: none;
    font-size: 0.95em;
    font-weight: normal;
    padding: 0.4em;
    position: absolute;
    right: -1.1em;
    top: -3.1em;
    white-space: nowrap;
}

.tooltipBox span {
    background: transparent url(/++resource++wir/img/bgTooltipTriangle.png) no-repeat left bottom;
    bottom: -5px;
    display: block;
    height: 5px;
    position: absolute;
    right: 1em;
    width: 16px;
}

/*- Richtext (General Stuff for the areas that are made with the richText Editors) -*/

.richText h2 {
    clear: left;
    color: #E3000E;
    font-family: Palatino,'Palatino Linotype','Times New Roman',serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.3;
    padding-top: 0.5em;
}

#twoColumnRight .tile-richtext {
    font-family: Arial, Helvetica, sans-serif;
}

#twoColumnRight .tile-richtext h2 {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 0.7em;
    text-transform: none;
}

.richText blockquote,
.tile-richtext  blockquote {
    border: 1px solid #E3000E;
    border-width: 1px 0;
    color: #E3000E;
    font-family: Palatino,'Palatino Linotype','Times New Roman',serif;
    font-size: 1.4em;
    line-height: 1.2;
    margin: 2em 0;
    padding: 1em 0.5em;
}

.b2b .richText blockquote,
.b2b .tile-richtext  blockquote {
    border: 2px solid #E3000E;
    border-width: 0 0 0 2px;
    color: black;
    font-family: inherit;
    font-size: 1em;
    font-style: italic;
    margin: 1em 0;
    padding: 0 0 0 2.5em;
}

.richText div.infoblock,
.tile-richtext  div.infoblock {
    border-left: 2px solid #585851;
    margin: 1em 0;
    padding-left: 2.5em;
}

.richText p,
.tile-richtext p {
    margin: 0.3em 0 1em;
}

.richText p.linkList a {
    border-right: 1px solid #000000;
    margin-right: 0.3em;
    padding-right: 0.5em;
}

.richText p.linkList a.last {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.richText ul,
.tile-richtext ul {
    margin: 0.5em 0 0.5em 0.3em;
}

.richText ul li,
.tile-richtext ul li {
    background: transparent url(/++resource++wir/img/bgBullet.gif) no-repeat left 0.6em;
    line-height: 1.3;
    padding: 0.2em 0 0.2em 14px;
}

.richText ol,
.tile-richtext ol {
    list-style-type: decimal;
    margin: 1em 0 1em 2.8em;
}

.richText ol li,
.tile-richtext ol li {
    padding: 0.2em 0;
}

.richText img.alignleft,
.tile-richtext img.alignleft {
    float: left;
    margin: 0.5em 0.5em 0.5em 0;
}

.richText img.alignright,
.tile-richtext img.alignright {
    float: right;
    margin: 0.5em 0 0.5em 0.5em;
}

#mainContent .tile-richtext a:hover,
#mainContent .tile-richtext a:focus,
#mainContent .tile-richtext a:active {
    color: black;
}

p.hint {
    color: #585851;
    font-size: 0.95em;
}

/*- Forms */

form p {
    clear: both;
    padding: 0.2em 0;
}

input[type="text"],
input[type="password"],
select,
textarea {
    background: white url(/++resource++wir/img/bgInputbox.png) no-repeat right top;
    border: none;
    border-bottom: 1px solid #f3f3f1;
    border-left: 1px solid #f3f3f1;
    font-size: 1.11em;
    padding: 2px;
}

input,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
}

select {
    padding-bottom: 0;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
textarea:hover,
textarea:focus {
    background-position: right -400px;
    border-bottom: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    background-position: right -800px;
}

input.hint {
    color: #999999;
}

.errors {
    background-color: #FEFCFC;
    border: 1px solid #E57175;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 1em;
    padding: 1em;
}

.errors h2,
.errors p {
    color: #E3000E;
}

.errors ul {
    margin-left: 1em;
}

.errors ul li {
    background: transparent url(/++resource++wir/img/bgBullet.gif) no-repeat left 0.8em;
    color: #E3000E;
    padding: 0.2em 0 0.2em 14px;
}

.error input[type="text"],
.error input[type="password"],
.error textarea,
.error select {
    background-position: right -1200px;
    border-bottom: 1px solid #E57175;
    border-left: 1px solid #E57175;
}

.error input:hover,
.error input:focus,
.error textarea:hover,
.error textarea:focus {
    background-position: right -1200px;
    border-color: #D93138;
}

.input,
.option,
.submit {
    clear: both;
    margin: 0.3em 0;
    padding: 0.3em 0;
}

.submit a.cancel {
    margin-left: 0.67em;
}

.input label {
    display: block;
}

.req label span,
.req legend span {
    color: #E3000E;
}

#mainContent .error label {
    color: #E3000E;
}

.error label em {
    display: block;
    font-size: 0.95em;
    font-style: normal;
    font-weight: normal;
}

.input input {
    width: 18em;
}

.input textarea {
    font-size: 1em;
    width: 42.5em;
}

.option {
    padding-left: 1.8em;
    position: relative;
}

.option input {
    float: left;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0.4em;
}

.dontShow {
    display: none;
}

button {
    font-family: Arial, Helvetica, sans-serif;
}

button.link {
    background-color: transparent;
    border: none;
    color: #E3000E;
    cursor: pointer;
    display: block;
    padding: 0;
    text-decoration: underline;
}

button.link:hover,
button.link:focus,
button.link:active {
    color: black;
}

/* --- Main Content Elements ------------------------------------ 

  .threeContentBox        The 3 column wide content Boxes
  .twoContentBox          The 2 column wide content Boxes
  .oneContentBox          The 1 column wide content Boxes

  .teaserList             A List of teasers
  
----------------------------------------------------------------- */

/*- General -*/

.archived,
.offline,
.notOnline {
    background-color: #FFFCD9;
    border: 1px solid #E1E0BC;
    border-radius: 6px;
    color: #666633;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 0.83em;
    padding: 1em;
}

.archived {
    background: #FFFCD9 url(/++resource++wir/img/iconInfo.png) no-repeat 0.5em center;
    padding-left: 2.5em;
}

.offline {
    background: #e3000e url(/++resource++wir/img/bgMainNavFirstLevelHover.gif) repeat-x left top;
    border-color: #e3000e;
    color: white;
    font-weight: bold;
}

.richText .archived p,
.richText .offline p {
    margin: 0;
}

.notOnline p {
    margin: 0.2em 0;
}

.twoContentBox .teaserList li,
.oneContentBox .teaserList li {
    cursor: pointer;
}

#mainContent .twoContentBox .teaserList a,
#mainContent .oneContentBox .teaserList a {
    text-decoration: none;
}

.twoContentBox .teaserList li:hover,
.oneContentBox .teaserList li:hover {
    background-color: #eaeaea;
    margin-left: -0.67em;
    margin-right: -0.67em;
    padding-left: 0.67em;
    padding-right: 0.67em;
}

#mainContent .twoContentBox .teaserList a:hover,
#mainContent .twoContentBox .teaserList a:focus,
#mainContent .twoContentBox .teaserList a:active,
#mainContent .oneContentBox .teaserList a:hover,
#mainContent .oneContentBox .teaserList a:focus,
#mainContent .oneContentBox .teaserList a:active,
#mainContent .twoContentBox .teaserList li:hover a,
#mainContent .oneContentBox .teaserList li:hover a {
    text-decoration: underline;
}

#mainContent .twoContentBox .teaserList span.packageLink,
#mainContent .oneContentBox .teaserList span.packageLink {
    background: transparent url(/++resource++wir/img/iconShoppingCart.png) no-repeat left center;
    display: block;
    font-size: 0.95em;
    margin-top: 0.3em;
    padding: 0.2em 0 0.2em 25px;
}

/* --- Kampagnen Teaser --------------------------------------- */

.twoContentBox .teaserList li.campaign,
.oneContentBox ul.teaserList li.campaign {
    background-color: white;
    border: 1px solid #E3000E;
    margin-left: -0.67em;
    margin-right: -0.67em;
    padding: 0.67em;
}

.twoContentBox .teaserList li.campaign:hover,
.oneContentBox .teaserList li.campaign:hover {
    background-color: #FCFCFC;
}

#oneColumnCT {
    border: 1px solid #E3000E;
    margin-bottom: 0.83em;
    padding: 0.67em;
}

#oneColumnCT .teaserList li a {
    text-decoration: none;
}

#oneColumnCT .teaserList li a:hover,
#oneColumnCT .teaserList li a:focus,
#oneColumnCT .teaserList li a:active,
#oneColumnCT:hover .teaserList li a {
    text-decoration: underline;
}

#oneColumnCT .teaserList li {
    clear: left;
    cursor: pointer;
    padding: 0;
}

#oneColumnCT:hover {
    background-color: #FCFCFC;
}

#oneColumnCT .teaserList .teaserLeft {
    float: left;
    min-width: 362px;
    padding: 1.6em 0 0 0;
    width: 30.2em;
}

#oneColumnCT .teaserList li h3 {
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 1.4em;
}

#oneColumnCT .teaserList img {
    float: right;
    width: 160px;
}

/* --- threeContent (and Article) ----------------------------- */

.threeContentBox h1 {
    color: #E3000E;
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.2;
    padding: 1.1em 0 1.5em;
}

.threeContentBox h1 span {
    display: block;
    font-size: 0.6em;
    line-height: 1;
}

.threeContentBox h1.icon {
    background-color: transparent;
    background-position: left 0.3em;
    background-repeat: no-repeat;
    padding-top: 4.3em;
}

.threeContentBox h1.sightseeing {
    background-image: url(/++resource++wir/img/iconCategorySightseeing.png);
}

.threeContentBox h1.musik-buehne,
.threeContentBox h1.music-stage-shows {
    background-image: url(/++resource++wir/img/iconCategoryMusic.png);
}

.threeContentBox h1.einkaufen-essen-trinken,
.threeContentBox h1.shopping-wining-dining {
    background-image: url(/++resource++wir/img/iconCategoryShopping.png);
}

.threeContentBox h1.lifestyle-szene,
.threeContentBox h1.lifestyle-scene {
    background-image: url(/++resource++wir/img/iconCategoryLifestyle.png);
}

.threeContentBox h1.wien-fuer,
.threeContentBox h1.vienna-for {
    background-image: url(/++resource++wir/img/iconCategoryViennaFor.png);
}

.threeContentBox h1.reiseinfos,
.threeContentBox h1.travel-info {
    background-image: url(/++resource++wir/img/iconCategoryTravelinfo.png);
}

.threeContentBox h1.myvienna {
    background-image: url(/++resource++wir/img/iconCategoryMyVienna.png);
}

.threeContentBox img.startImage {
    float: right;
    padding: 1.5em 0 2em 1em;
}

.threeContentBox .teaserText {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
}

#mainContent .article a {
    text-decoration: underline;
}

#mainContent .article a:hover,
#mainContent .article a:focus,
#mainContent .article a:active {
    color: black;
}
/*- Vertical Imagebar on the right -*/

.article .verticalImagebar {
    clear: both;
    float: right;
    width: 160px;
}

.article .verticalImagebar div {
    margin-bottom: 2em;
}

.article .verticalImagebar img {
    display: block;
}

.article .verticalImagebar .caption {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.2;
    padding-top: 0.2em;
}

/*the slim richText next to the image-bar*/
.article .slim {
    margin-right: 170px;
}

/*- Extended Articles (slideshow, gallery, video.) -*/

.article .extended {
    background-color: #DCDCD5;
    border: 1px solid #DCDCD5;
    clear: both;
    margin: 1em 0;
    padding: 1.1em 0.67em 0;
    text-align: center;
}

#mainContent .article .extended h3 {
    color: black;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 0.8em;
}

.article .extended div.legend {
    font-size: 0.95em;
    margin: 0 auto;
    padding: 0.7em;
    width: 70%;
}

/* Inpage Booking */

.article #inpageBooking {
    background-color: white;
    border-color: #E3000E;
    margin-top: 2em;
    padding-top: 0.67em;
    text-align: left;
}

#mainContent .article #inpageBooking h3 {
    background: transparent url("/++resource++wir/img/iconShoppingCart.png") no-repeat scroll left 0.1em;
    color: #E3000E;
    font-size: 1.5em;
    margin-bottom: 0;
    padding-left: 27px;
}

.article #inpageBookingForm {
    padding: 0;
}

.article #inpageBookingForm .date {
    clear: none;
    float: left;
    margin-bottom: 0;
    margin-left: 1.5em;
    width: 9em;
}

.article #inpageBookingForm .first {
    margin-left: 0;
}

.article #inpageBookingForm .date input {
    float: left;
    width: 5.7em;
}

.article #inpageBookingForm .date img {
    cursor: pointer;
    margin-left: 0.5em;
}

.article #rooms {
    clear: none;
    float: left;
    margin-bottom: 0;
    margin-left: 2em;
}

.article #rooms label {
    margin-bottom: -0.3em;
}

.article #inpageBookingForm .roomRow input {
    float: left;
    width: 1.5em;
}

.article #inpageBookingForm .roomRow select {
    margin: 0 0 0 0.5em;
    width: 16.6em;
}

.article #inpageBookingForm .submit {
    padding-right: 0.4em;
    padding-top: 0;
}

.article #inpageBookingSubmit {
    background: transparent url(/++resource++wir/img/iconSearch.png) no-repeat right -134px;
    border: none;
    color: #E3000E;
    cursor: pointer;
    float: right;
    height: 33px;
    padding: 0 1.8em 0 0;
    vertical-align: middle;
}

.article #inpageBookingSubmit:hover {
    color: black;
}

/* Video & Audio Player */

#videoCast {
    position: relative;
}

#mediaPlayer {
    margin: 0 0 1.1em 0;
    width: auto;
}

#mediaPlayer.bigSize {
    background-color: #DCDCD5;
    border: 2px solid #585851;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 1px 1px 15px #999999;
    -moz-box-shadow: 1px 1px 15px #999999;
    -webkit-box-shadow: 1px 1px 15px #999999;
    margin-left: -16.9em;
    width: 76.67em;
}

#mediaPlayer #objectWrapper {
    margin: 0 auto;
}

#mediaPlayer #playlist {
    border-bottom: 1px solid #bbbbbb;
    padding: 7px;
}

#mediaPlayer #playlist li {
    cursor: pointer;
    padding: 0.3em 0;
}

#mediaPlayer #playlist li:hover,
#mediaPlayer #playlist li.hover {
    background-color: #f3f3f1;
}

#mediaPlayer #playlist li.active {
    font-weight: bold;
}

#mediaPlayer #playlist a {
    float: left;
    font-size: 0.95em;
    text-decoration: none;
}

#mediaPlayer #playlist a:hover,
#mediaPlayer #playlist a:focus,
#mediaPlayer #playlist a:active {
    color: #E3000E;
    text-decoration: underline;
}

#mediaPlayer #playlist span {
    float: right;
    font-size: 0.95em;
}

#mediaPlayer #mediaControlPanel {
    background-color: white;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 4px #BBBBBB;
    -moz-box-shadow: 0 0 4px #BBBBBB;
    -webkit-box-shadow: 0 0 4px #BBBBBB;
    margin: 0.67em auto 0;
    position: relative;
    width: 496px;
}

#audioCast #mediaPlayer #mediaControlPanel {
    margin-top: 0;
}

#mediaPlayer.bigSize #mediaControlPanel {
    margin: 0.67em auto;
}

#mediaPlayer #mediaTimer {
    padding: 7px;
}

#mediaPlayer .isPlaylist #mediaTimer {
    border-top: 1px solid #E5E5E5;
}


#mediaPlayer #timercurrent,
#mediaPlayer #timerduration {
    float: left;
    font-size: 0.95em;
    text-align: left;
    width: 10%;
}

#mediaPlayer #timerduration {
    float: right;
    text-align: right;
}

#mediaPlayer #timerprogress {
    background-color: #DCDCD5;
    border: 1px solid #CCCCCC;
    float: left;
    height: 0.9em;
    margin: 0.25em 0;
    width: 79.5%;
}

#mediaPlayer #timerinnerProgress {
    background: #e3000e url(/++resource++wir/img/bgMainNavFirstLevelHover.gif) repeat-x left top;
    float: left;
    height: 0.9em;
    width: 0;
}

#mediaPlayer #mediaControls {
    padding: 0 7px 7px;
}

#mediaPlayer #mediaControls li {
    float: left;
    margin-right: 4px;
}

#mediaPlayer #mediaPlayControls,
#mediaPlayer #mediaVolumeControls,
#mediaPlayer #mediaExtrasControls {
    background-color: #DCDCD5;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left;
    margin-left: 10px;
    padding: 4px 0 4px 4px;
}

#mediaPlayer #mediaPlayControls {
    margin-left: 0;
}

#mediaPlayer #mediavolume {
    background-color: white;
    border: 1px solid #CCCCCC;
    margin-top: 7px;
    width: 3em;
}

#mediaPlayer #mediavolumeInner {
    background: #585851;
    float: left;
    height: 10px;
    width: 0;
}

#mediaPlayer #mediavolumeInner.muted {
    background: #999999;
}

#mediaPlayer #mediaControls li a {
    border: 1px solid #CCCCCC;
    background-color: white;
    background-image:url(/++resource++wir/img/playercontrols/playercontrols.png);
    background-repeat: no-repeat;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 3px #CCCCCC;
    -moz-box-shadow: 0 0 3px #CCCCCC;
    -webkit-box-shadow: 0 0 3px #CCCCCC;
    display: block;
    height: 24px;
    width: 24px;
}

#mediaPlayer #mediaControls li a:hover,
#mediaPlayer #mediaControls li a:focus {
    background-color: #F3F3F1;
    border-color: #AAAAAA;
}

#mediaPlayer #mediaControls li a:focus {
    border-color: #666666;
}

#mediaPlayer #mediaControls li a:active {
    background-color: #E7E7E7;
    border-color: #AAAAAA;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}


#mediaPlayer #mediaplay.pause {
    background-position: center -24px;
}

#mediaPlayer #mediastop {
    background-position: center -48px;
}

#mediaPlayer #mediaseekBackward {
    background-position: center -72px;
}

#mediaPlayer #mediaseekForward {
    background-position: center -96px;
}

#mediaPlayer #mediavolumeDown {
    background-position: center -120px;
}

#mediaPlayer #mediavolumeUp {
    background-position: center -144px;
}

#mediaPlayer #mediamute {
    background-position: center -168px;
}

#mediaPlayer #mediamute.unmute {
    background-position: center -192px;
}

#mediaPlayer #mediaresize.smallSize {
    background-position: center -216px;
}

#mediaPlayer #mediaresize {
    background-position: center -240px;
}

#mediaPlayer #mediacaptions {
    background-position: center -264px;
}

#mediaPlayer #mediacaptions.on {
    background-position: center -288px;
}

#mediaPlayer #copyright {
    position: absolute;
    bottom: 9px;
    right: 9px;
}

.article .imageBlock .image,
.article .imageSlideshow .image {
    margin: 0.67em 0 1.5em;
}

.article .imageBlock img,
.article .imageSlideshow img {
    box-shadow: 0 0 4px #999999;
    -moz-box-shadow: 0 0 4px #999999;
    -webkit-box-shadow: 0 0 4px #999999;
    display: block;
    margin: 0 auto;
}

.article .imageSlideshow {
    position: relative;
}

.article .imageSlideshow #slideNavBack,
.article .imageSlideshow #slideNavForward {
    background: transparent url(/++resource++wir/img/iconNextPrevInactive.png) no-repeat 10% center;
    display: block;
    position: absolute;
    top: 0;
}

.article .imageSlideshow #slideNavForward {
    background-position: 90% center;
}

.article .imageSlideshow #slideNavBack:hover,
.article .imageSlideshow #slideNavBack:focus,
.article .imageSlideshow #slideNavBack:active {
    background: transparent url(/++resource++wir/img/iconPrev.png) no-repeat 10% center;
}

.article .imageSlideshow #slideNavForward:hover,
.article .imageSlideshow #slideNavForward:focus,
.article .imageSlideshow #slideNavForward:active {
    background: transparent url(/++resource++wir/img/iconNext.png) no-repeat 90% center;
}

.article .imageGallery .galleryImage {
    float: left;
    height: 160px;
    padding-bottom: 12px;
    width: 160px;
}

.article .imageGallery .galleryImage a {
    display: block;
}

.article .imageGallery .galleryImage img {
    box-shadow: 0 0 4px #999999;
    -moz-box-shadow: 0 0 4px #999999;
    -webkit-box-shadow: 0 0 4px #999999;
    display: block;
    margin: auto;
}

.article .imageGallery .middle {
    padding-left: 12px;
    padding-right: 12px;
}

.article .imageGallery #galleryPagination {
    clear: both;
    margin-bottom: 1em;
}

.article .imageGallery #galleryPagination li {
    float: left;
    margin-right: 0.5em;
}

.article .imageGallery #galleryPagination li a {
    background-color: #F3F3F1;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
}

.article .imageGallery #galleryPagination li span {
    display: block;
    padding: 0.5em 1em;
}

.article .imageGallery #galleryPagination li a:hover,
.article .imageGallery #galleryPagination li a:focus,
.article .imageGallery #galleryPagination li a:active {
    background-color: #E9E9E0;
    color: #E3000E;
}

.article .panorama-viewport {
    border: 11px solid #DCDCD5;
}

.article #serviceBar {
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
    background: url(/++resource++wir/img/iconThumb.png) 4em center no-repeat;
    margin: 2em -0.67em 0 -0.67em;
    min-height: 7em;
}

.article #serviceBar .spacer {
    background: url(/++resource++wir/img/servicebar-shadow.png) top left repeat-x;
    padding: 1em 0 0 0;
}

.article ul.articlebuttons {
    float: right;
    width: 16em;
    margin-right: 3em;
    min-height: 7em;
}

.article #serviceBar li {
    padding: 0.4em 0;
    white-space: nowrap;
}

.article #serviceBar .social {
    width: 8em;
    padding-right: 1em;
}

.article #serviceBar a {
    color: black;
    font-size: 0.95em;
    padding: 0.1em 0 0.6em;
    text-decoration: none;
}

.article #serviceBar a:hover,
.article #serviceBar a:focus,
.article #serviceBar a:active {
    color: black;
    text-decoration: underline;
}

.article #serviceBar #book a {
    background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat left -300px;
    padding-left: 30px;
}

.article #serviceBar #itinerary a,
.article #serviceBar .itinerary a {
    background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat left -200px;
    padding-left: 24px;
}

.article #serviceBar #recommend a {
    background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat 2px 0;
    padding-left: 24px;
}

.article #serviceBar #editors a {
    background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat left -100px;
    padding-left: 24px;
}

#rate {
    position: relative;
}

#rate span {
    font-size: 0.95em;
    padding: 0.1em 0;
}

#rate span.votes {
    color: #666666;
    font-size: 0.8em;
}

#starRatingForm button {
    font-size: 0.95em;
    vertical-align: top;
}

#starRatingForm select {
    font-size: 0.95em;
    margin-top: 0.3em;
}

#starRating .ratingHint {
    font-size: 0.95em;
    left: -4.5em;
    position: absolute;
    top: -2em;
    width: 15em;
}

#rate #starRating,
#rate #starRating li:hover em,
#rate #starRating li:active em,
#rate #starRating li:focus em,
#rate #starRating li.hover em,
#rate #starRating .currentRating{
    background: transparent url(/++resource++wir/img/iconpackService_r1.png) repeat-x left -10000px;
}

#rate #starRating {
    float: left;
    background-position: left -600px;
    position: relative;
    width: 75px;
    height: 14px;
    list-style: none;
    margin: 0.1em 0.5em 0;
    padding: 0;
}

#rate.focus {
    outline: 1px dotted black;
}

#rate #starRating li {
    float: left;
    height: 14px;
    margin: 0;
    width: 15px;
}

#rate #starRating em,
#rate #starRating .currentRating {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    text-indent: -1000em;
    height: 14px;
    line-height: 14px;
    outline: none;
    overflow: hidden;
    border: none;
}

#rate #starRating li.hover em {
    background-position: left -628px;
    cursor: pointer;
}

#rate #starRating #oneStar em {
    width: 15px;
    z-index: 6;
}

#rate #starRating #twoStars em {
    width: 30px;
    z-index: 5;
}

#rate #starRating #threeStars em {
    width: 45px;
    z-index: 4;
}

#rate #starRating #fourStars em {
    width: 60px;
    z-index: 3;
}

#rate #starRating #fiveStars em {
    width: 75px;
    z-index: 2;
}

#rate #starRating .currentRating {
    z-index: 1;
    background-position: left -614px;
}

#rate #starRating.hover .currentRating,
#rate #starRating.activeFocus .currentRating {
    visibility: hidden;
}

#rate .tooltipWrapper {
    float: none;
    height: auto;
    right: 0.2em;
    width: auto;
}

#rate .tooltipBox {
    padding: 0.8em;
    top: -4.3em;
    width: 14.5em;
}

#rate.hover .tooltipBox,
#rate.focus .tooltipBox {
    display: block;
}

#rate .tooltipBox span {
    background-position: center top;
    height: 5px;
    left: 1em;
    right: auto;
    top: auto;
}

#rate .tooltipBox strong {
    display: block;
}

#rate span {
    float: left;
}

/*- Similar Articles Box -*/

.article .similar ul li {
    float: left;
    line-height: 1.3;
    margin: 0 1.397em 0.5em 0;
    width: 14.1em;
}

.article .similar ul li.last {
    margin-right: 0;
    width: 13.25em;
}

#mainContent .article .similar ul li a {
    font-size: 0.95em;
    font-weight: bold;
    text-decoration: none;
}

#mainContent .article .similar ul li a:hover,
#mainContent .article .similar ul li a:focus,
#mainContent .article .similar ul li a:active {
    color: #E3000E;
    text-decoration: underline;
}

/*- HTML Block -*/

.article .htmlBlock {
    clear: both;
}

/* --- interactive Elements ------------------------------------ */

.threeColumnForm {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0.5em;
}

.threeColumnForm label {
    color: #585851;
    font-weight: bold;
}

.threeColumnForm fieldset legend {
    color: #585851;
}

.threeColumnForm .half {
    float: left;
}

.threeColumnForm .right {
    clear: none;
    margin-left: 2.1em;
}

#recommendForm fieldset {
    float: left;
    width: 20.7em;
}

#recommendForm fieldset.left {
    margin-right: 1.8em;
}

#recommendForm .subjectWrap input {
    width: 38.2em;
}

#feedbackForm .nameWrap,
#feedbackForm .emailWrap {
    clear: none;
    float: left;
    width: 20.7em;
}

#feedbackForm .nameWrap {
    margin-right: 1.8em;
}

#recommendForm h2 {
    color: #E3000E;
    font-size: 1.2em;
    margin: 1.5em 0 0.3em;
    padding-left: 0.3em;
}

#recommendForm .emailContent {
    font-family: "Courier New", Courier, monospace;
    padding: 0.5em 1em;
}

#recommendForm .emailContent .preview {
    border: 1px dotted black;
}

#recommendForm .emailContent .preview:hover,
#recommendForm .emailContent .hover {
    background-color: #FFFCD9;
}

#recommendForm .emailContent .active {
    background-color: #fff8a5;
    border: 1px solid #E1E0BC;
}

#recommendForm #preview_field_subject {
    font-weight: bold;
}


/*--- Newsletter ---*/ 

.newsletterReg p.margin,
p.newsletterMargin {
    margin-bottom: 1em;
}

#newsletterForm select {
    width: 18.3em;
}

#newsletterForm fieldset {
    margin-top: 0.5em;
}

#newsletterForm #birthYear {
    width: 5em;
}

#newsletterForm div#newsletter_mw {
    margin: 0.5em 0;
    border-top: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    padding: 0.5em 0;
}



/* --- myVienna ----------------------------------------------- */

/* --- Start Page --- */

#addToItinerary {
    background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat left -189px;
    padding: 0.5em 0 0.5em 24px;
}

#itineraryBox h2 {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 0.5em;
    padding-top: 0;
}

ul.myviennaItineraryList {
    border-top: 1px solid #D8DCDF;
    margin: 0.5em 0;
}

ul.myviennaItineraryList li {
    background: none;
    border-bottom: 1px solid #D8DCDF;
    padding: 0.5em 2em 0.5em 0.3em;
    position: relative;
}

ul.myviennaItineraryList li.hover {
    background-color: #f3f3f1;
}

ul.myviennaItineraryList li .tripDefault {
    position: absolute;
    right: 0.3em;
    top: 0.5em;
}

ul.myviennaItineraryList li .tripDefault form,
ul.myviennaItineraryList li .tripDefault form div {
    display: inline;
}

ul.myviennaItineraryList li .tripDefault button {
    background: none;
    border: none;
    cursor: pointer;
    margin: -0.2em -0.2em 0 0;
    padding: 0;
}

ul.myviennaItineraryList li.hover .tripDefault button,
ul.myviennaItineraryList li .tripDefault button:focus,
ul.myviennaItineraryList li .tripDefault button:active {
    display: inline;
    height: auto;
    overflow: visible;
    position: static;
    width: auto;
}

#mainContent ul.myviennaItineraryList a {
    text-decoration: none;
}

#mainContent ul.myviennaItineraryList a:hover,
#mainContent ul.myviennaItineraryList a:focus,
#mainContent ul.myviennaItineraryList a:active {
    color: #E3000E;
    text-decoration: underline;
}

ul.myviennaItineraryList li.adder {
    background-color: transparent;
    border: none;
    padding: 0.8em 0 0.5em;
} 

#mainContent ul.myviennaItineraryList li.adder a {
    background-color: #f8f8f8;
    border: 1px solid #D8DCDF;
    color: #585851;
    display: block;
    float: left;
    font-weight: bold;
    padding: 0.4em 0.7em;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#mainContent ul.myviennaItineraryList li.adder a:hover,
#mainContent ul.myviennaItineraryList li.adder a:focus {
    background-color: #f0f0f0;
    color: #585851;
    text-decoration: none;
}

#mainContent ul.myviennaItineraryList li.adder a:focus {
    color: #E3000E;
}

#mainContent ul.myviennaItineraryList li.adder a:active {
    background-color: #e8e8e8;
    color: #444444;
}

ul.myviennaItineraryList li img.public {
    margin-left: 0.3em;
}

ul.myviennaItineraryList li span {
    background-color: #f3f3f1;
    color: #888888;
    font-size: 0.95em;
    vertical-align: top;
}

/* --- Itinerary Page --- */

.myviennaItineraryTitle {
    position: relative;
}

ul.myviennaAdminLinks {
    margin: 0;
    position: absolute;
    right: 0;
    top: 7.5em;
}

ul.myviennaAdminLinks li {
    background: none;
    border-right: 1px solid #E3000E;
    float: left;
    margin-right: 0.5em;
    padding: 0 0.5em 0 0;
}

ul.myviennaAdminLinks li.last {
    border: none;
    margin-right: 0;
    padding: 0;
}

ul.myviennaAdminLinks a {
    font-size: 0.95em;
}

#pageContent ul.myviennaAdminLinks a.rss {
    background-position: left -700px;
    padding-bottom: 5px;
    padding-top: 2px;
    text-decoration: none;
}

#pageContent ul.myviennaAdminLinks a.rss:hover,
#pageContent ul.myviennaAdminLinks a.rss:focus,
#pageContent ul.myviennaAdminLinks a.rss:active {
    color: #E30001;
    text-decoration: underline;
}

.hasitems {
    border-top: 1px solid #AAAAAA;
    margin: 0 -0.67em;
}

.hasitems h2 {
    background-color: #DCDCD5;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    color: #444444;
    padding: 0.1em 0.5em 0.2em;
}

#mainContent .tripitems ul {
    margin: 0;
}
#mainContent .tripitems ul.ui-sortable {
    position: relative;
}

#mainContent .tripitems li {
    background: none;
    border-bottom: 1px solid #AAAAAA;
    padding: 0;
    position: relative;
}
#mainContent .tripitems li.ui-sortable-helper {
    border: 1px dashed #AAAAAA;
    background-color: #EAEAEA;
}

.tripitem .itemContent {
    padding: 0.8em 0.67em;
}

.tripitem .image {
    float: left;
}

.tripitem .image img {
    display: block;
}

.tripitem .itemInfo {
    padding-left: 172px;
}

.tripitem .itemInfo p {
    line-height: 1.5;
    margin: 0.3em 0;
}

.tripitem .itemInfo h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    margin-bottom: 1em;
    width: 20em;
}

#mainContent .tripitem .itemInfo h3 a {
    text-decoration: none;
}

#mainContent .tripitem .itemInfo h3 a:hover,
#mainContent .tripitem .itemInfo h3 a:focus,
#mainContent .tripitem .itemInfo h3 a:active,
#mainContent .tripitem .hover h3 a {
    color: #E3000E;
    text-decoration: underline;
}

.tripitem .itemInfo h3 .stars {
    background-color: transparent;
    background-position: right top;
    background-repeat: no-repeat;
}

.tripitem .itemInfo h3 .fiveStar {
    background-image: url(/++resource++wir/img/iconFiveStar.png);
    padding-right: 92px;
}

.tripitem .itemInfo h3 .fourStar {
    background-image: url(/++resource++wir/img/iconFourStar.png);
    padding-right: 74px;
}

.tripitem .itemInfo h3 .threeStar {
    background-image: url(/++resource++wir/img/iconThreeStar.png);
    padding-right: 56px;
}

.tripitem .itemInfo h3 .twoStar {
    background-image: url(/++resource++wir/img/iconTwoStar.png);
    padding-right: 38px;
}

.tripitem .itemInfo h3 .oneStar {
    background-image: url(/++resource++wir/img/iconOneStar.png);
    padding-right: 20px;
}

.tripitems .tripitem .hover {
    background-color: #EAEAEA;
    cursor: pointer;
}

.tripitem .itemControls {
    margin-left: 172px;
    padding: 0 0.67em 0.8em;
}

.tripitem .itemControls .itemDelete {
    position: absolute;
    right: 0.67em;
    top: 0.67em;
}

.tripitem .itemControls .itemSort {
    position: absolute;
    left: 0.67em;
    top: 10.5em;
}

.tripitem .itemControls .itemSort button,
#mainContent .tripitem .itemControls .itemSort a {
    background-position: 0.2em;
    background-repeat: no-repeat;
    background-color: #F3F3F1;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 0.9em;
    padding: 0.1em 0.4em 0.2em 18px;
    text-decoration: none;
}

.tripitem .itemControls .itemSort button.down {
    background-image: url(/++resource++wir/img/iconSortDown.png);
}

.tripitem .itemControls .itemSort button.up {
    background-image: url(/++resource++wir/img/iconSortUp.png);
}

#mainContent .tripitem .itemControls .itemSort a.move {
    background-image: url(/++resource++wir/img/iconSortMove.png);
    cursor: move;
    display: block;
    text-decoration: none;
}

.tripitem .itemControls .itemSort form {
    float: left;
    margin: 0 0.5em 0 0;
}
.tripitem .itemControls .itemSort form .submit {
    margin: 0;
    padding: 0;
}

.tripitem .itemControls .itemComment {
    padding: 0;
}

.tripitem .itemControls .itemComment .threeColumnForm {
    padding-top: 0;
    padding-bottom: 0;
}

.tripitem .itemControls .itemComment .input,
.tripitem .itemControls .itemComment p {
    clear: none;
    margin: 0;
}

.tripitem .itemControls .itemComment textarea {
    width: 28.5em;
}

.tripitem .itemControls .itemComment .submit a {
    margin-left: 0.67em;
}

.tripitem .itemControls .itemComment .commentAdder {
    padding-top: 0.67em;
}

.tripitem .itemControls .itemComment .commentText {  
    background: transparent url(/++resource++wir/img/bgQuot.png) no-repeat 0.67em 0.67em;
    border: 1px solid #F3F3F1;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: text;
    margin: 0.67em 0 0 0;
    padding: 0.8em 0.67em 1em 4em;
    position: relative;
}

.tripitem .itemControls .itemComment .commentText a {
    height: 0;
    left: -999em;
    overflow: hidden;
    position: absolute;
    top: -999em;
    width: 0;
}

.tripitem .itemControls .itemComment .commentText a:hover,
.tripitem .itemControls .itemComment .commentText a:focus,
.tripitem .itemControls .itemComment .commentText a:active {
    bottom: 0;
    color: #E3000E;
    display: block;
    height: auto;
    overflow: visible;
    left: 4em;
    top: -1em;
    white-space: nowrap;
}

.tripitem .itemControls .editable .hover {
    background-color: #FBF9E8;
    border: 1px dashed #D3D2C3;
}

.deleteTrip {
    margin-top: -4.8em;
    padding-bottom: 3em;
}

.deleteTrip a {
    float: right;
}

.myviennaItineraryActions,
.pressImageDownload{
    background-color: #DCDCD5;
    border: 1px solid #CCCCCC;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius:; 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    margin: 0 -0.67em -0.5em;
    padding: 0.67em;
}

.myviennaItineraryActions .private,
.myviennaItineraryActions .public {
    color: #444444;
    font-weight: bold;
    margin-top: 0;
}

.myviennaItineraryActions .private {
    background: transparent url(/++resource++wir/img/iconLocked.png) no-repeat left top;
    padding-left: 20px;
}

.myviennaItineraryActions .public {
    background: transparent url(/++resource++wir/img/iconUnlocked.png) no-repeat left top;
    padding-left: 24px;
    position: relative;
}

.myviennaItineraryActions:hover .public .tooltipBox {
    display: block;
}

.myviennaItineraryActions .public .url {
    color: #616161;
    float: right;
    font-size: 0.95em;
    font-weight: normal;
}

.myviennaItineraryActions p.shareNotice {
    color: #616161;
    font-size: 0.95em;
    margin-bottom: 0;
}

.myviennaItineraryActions ul {
    margin: 0.5em 0;
}

.myviennaItineraryActions ul.visitor {
    padding-top: 1.5em;
}

.myviennaItineraryActions ul li {
    background: none;
    float: left;
    padding: 0;
    width: 31%;
}

.myviennaItineraryActions ul li.middle {
    margin: 0 3.4%;
}

.myviennaItineraryActions ul li.wide {
    width: 48.8%;
    margin-right: 1em;
}

.myviennaItineraryActions ul li.right {
    margin-right: 0;
}

.pressImageDownload p.buttons {
    margin: 0 auto;
    width: 31%;
}

.myviennaItineraryActions li button {
    font-family: Verdana, Arial,Helvetica,sans-serif;
    border: 1px solid #AAAAAA;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    padding: 0.4em 27px 0.4em 0.4em;
    text-align: left;
    width: 100%;
}

.pressImageDownload .image {
    display: block;
    margin: 0.67em 0 1em;
}

.pressImageDownload .image img,
.pressImageDownload .image img {
    box-shadow: 0 0 4px #999999;
    -moz-box-shadow: 0 0 4px #999999;
    -webkit-box-shadow: 0 0 4px #999999;
    display: block;
    margin: 0 auto;
}


.myviennaItineraryActions li button.makePublic {
    background: white url(/++resource++wir/img/iconUnlockedSmall.png) no-repeat 10.5em center;
}

.myviennaItineraryActions li button.makePrivate {
    background: white url(/++resource++wir/img/iconLockedSmall.png) no-repeat 10.5em center;
}

.myviennaItineraryActions li button:hover,
.myviennaItineraryActions li button:focus,
.myviennaItineraryActions li button:active {
    background-color: #f3f3f1;
}

#mainContent .myviennaItineraryActions ul li a.button,
#mainContent .pressImageDownload a.button {
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12em center;
    border: 1px solid #AAAAAA;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: black;
    display: block;
    padding: 0.5em 27px 0.6em 0.5em;
    text-decoration: none;
}
#mainContent .myviennaItineraryActions li a.button:hover,
#mainContent .myviennaItineraryActions li a.button:focus,
#mainContent .myviennaItineraryActions li a.button:active,
#mainContent .pressImageDownload a.button:hover,
#mainContent .pressImageDownload a.button:focus,
#mainContent .pressImageDownload a.button:active {
    background-color: #f3f3f1;
    text-decoration: none;
}
#mainContent .myviennaItineraryActions li a.send {
    background-image: url(/++resource++wir/img/iconSend.png);
}
#mainContent .myviennaItineraryActions li a.download,
#mainContent .pressImageDownload a.download {
    background-image: url(/++resource++wir/img/iconDownload.png);
}
#mainContent .myviennaItineraryActions li a.import {
    background-image: url(/++resource++wir/img/iconMyViennaSmall.png);
    background-position: 95% 0.6em;
}

#mainContent .myviennaItineraryActions li.wide.right {
    float: right;
}
#mainContent .myviennaItineraryActions li.wide a.button {
    background-position: 19.5em center;
}

#mainContent .myviennaItineraryActions li.wide a.previous {
    background-image: url(/++resource++wir/img/iconPanoramaPrev.png);
    background-position: 0.5em center;
    padding-right: 0.5em;
    padding-left: 27px;
}
#mainContent .myviennaItineraryActions li.wide a.next {
    background-image: url(/++resource++wir/img/iconPanoramaNext.png);
    background-position: 19.5em center;
    text-align: right;
}

.myviennaItineraryActions .archived {
    border-color: #cccccc;
    margin-bottom: 0;
}
.tripitems .archived {
    margin-left: 0.67em;
    margin-right: 0.67em;
    margin-top: 0.67em;
}
.myviennaItineraryActions .archived p,
.tripitems .archived p {
    margin: 0;
}

/* --- Personalization Page --- */

#personalizationTeaser {
    background-image: url(++resource++wir/img/iconPersonalization.png);
    background-repeat: no-repeat;
    background-position: 0 0.2em;
    margin: 2.5em 0 1em;
    padding-left: 55px;
}

#personalizationTeaser.space {
    margin: 2em 0;
}

#personalizationTeaser:hover {
    background-color: #fdfdfd;
    cursor: pointer;
}

#personalizationTeaser h2 {
    font-size: 1.4em;
    font-weight: normal;
    padding-top: 0;
}

#personalizationTeaser h2.alone {
    margin-bottom: 1.2em;
    padding-top: 0.5em;
}

#personalizationTeaser h2.alone a {
    text-decoration: none;
}

#personalizationTeaser:hover h2.alone a {
    text-decoration: underline;
}

#personalizationTeaser h2.alone a:hover,
#personalizationTeaser h2.alone a:focus,
#personalizationTeaser h2.alone a:active {
    color: #E3000E;
    text-decoration: underline;
}

#personaSelector h2 {
    margin-bottom: 1em;
}

#personaSelector ul {
    margin: 0;
    padding: 0;
}

#personaSelector li {
    background-color: white;
    background-image: none;
    /*background-repeat: no-repeat;
    background-position: 42.1em 0.55em;*/
    border: 1px solid #D8DCDF;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
    margin: 0.5em 0;
    padding: 0.5em;
}

#personaSelector li.selected {
    border-color: #585851;
    cursor: auto;
}
#personaSelector li.hover {
    border-color: #E3000E;
}
#personaSelector li.hover label {
    text-decoration: underline;
}

#personaSelector li label {
    cursor: pointer;
    color: #E30001;
    display: block;
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0.5em;
}
#personaSelector li.selected label {
    cursor: auto;
}
#personaSelector li.noPersona label {
    margin-bottom: 0;
}

#personaSelector li input {
    float: left;
    margin-left: -1.5em;
    vertical-align: middle;
}

#personaSelector li div {
    float: right;
    margin: 0 0.5em 0 0;
    padding: 0;
    width: 35em;
}

#personaSelector li div p {
    float: left;
    margin: 0;
}

#personaSelector li img {
    margin: 1em 0.5em 0 1em;
}


.personalizedDay .myviennaItineraryTitle {
    background: #585851 url(/++resource++wir/img/bgMainNavFirstLevelTopLeft.gif) no-repeat scroll left top;
    margin: -0.67em -0.67em 0 -0.67em;
}
.personalizedDay .myviennaItineraryTitle h1 {
    background: transparent url(/++resource++wir/img/bgMarginalContentBoxHeaderRight.gif) no-repeat scroll right top;
    color: white;
    padding: 0.5em 0.5em 0.35em 0.5em;
}
.personalizedDay .myviennaItineraryTitle p.teaserTest {
    background-color: #F3F3F1;
    margin: 0;
    padding: 0.67em;
}

/* --- myVienna Dialog --- */

#myViennaDialog .threeContentBoxOuter,
#myViennaDialog .threeContentBoxWrap,
#myViennaDialog .threeContentBoxAdditional,
#myViennaDialog .threeContentBox {
    background: none;
}

#myViennaDialog h1 {
    padding: 0.3em 0 0.5em; 
}

#myViennaDialog p.tripName {
    font-size: 1.2em;
}

#myViennaDialog .newTrip {
    margin-top: 1em;
}

#myViennaDialog input.faded {
    color: #AAAAAA;
}

/* --- Specials ----------------------------------------------- */

/*- Search results -*/

#cse-search-box #searchquery {
    width: 34em;
}

.search #searchResults .details {
    margin: 0.5em 0 1em;
}

.search #searchResults p.facets {
    text-align: right;
    margin-right: 6.5em;
}

.search #searchResults p.facets a {
    border-left: 1px solid #585851;
    margin-left: 0.5em;
    padding-left: 0.5em;
}
.search #searchResults p.facets a.first {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}
.search #searchResults p.facets a.selected {
    font-weight: bold;
}

.search #searchResults h4 strong {
    text-decoration: underline;
}

.search #searchResults ul {
    margin-left: 0;
}
.search #searchResults ul li {
    background: none;
    border-top: 1px solid #AAAAAA;
    margin-top: 1em;
    padding-left: 0;
    padding-top: 1em;
}

.search #searchResults ul li p {
    margin-bottom: 0.3em;
}

.search #searchResults ul li h4 a {
    text-decoration: none;
}

.search #searchResults ul li h4 a:hover, 
.search #searchResults ul li h4 a:focus, 
.search #searchResults ul li h4 a:active {
    text-decoration: underline;
}

.search #searchResults ul li .url {
    color: #585851;
    display: block;
    margin-top: 0.3em;
}

/*- Weather & Event Box -*/ 

.infoBox {
    background-color: white;
    border: 1px solid #D8DCDF;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 1em;
    padding: 1em 1em 0 1em;
}

.infoBoxTwoColumns {
    background: white url(/++resource++wir/img/bgEventBoxSeperator.png) repeat-y center top;
}

.infoBoxColumn {
    float: left;
    margin-bottom: 1em;
    min-width: 151px;
    padding: 0 1em;
    width: 12.6em;
}

.infoBoxTwoColumns .infoBoxColumn {
    width: 19.9em;
}

.infoBoxLeft {
    border-left: none;
    clear: both;
    padding-left: 0;
}

.infoBoxMiddle {
    border-left: 1px solid #D8DCDF;
    border-right: 1px solid #D8DCDF;
}

.infoBoxRight {
    padding-right: 0;
}

/*- Weather -*/

.weather h1 {
    padding: 1em 0;
}

.infoBoxColumn h2,
.infoBoxColumn h3,
.infoBoxColumn h4 {
    color: #E3000E;
    text-align: center;
}

.infoBoxColumn img {
    display: block;
    margin: 1em auto;
}

.infoBoxColumn .secondary {
    font-size: 0.95em;
}

.infoBoxColumn .temperature {
    background: transparent url(/++resource++wir/img/weather/temperature.png) no-repeat left 0.1em;
    color: #444444;
    font-weight: bold;
    padding: 0.2em 12px 0.2em;
}

.infoBoxColumn .info {
    margin-top: 1.5em;
}

.weather .richText img {
    display: block;
    margin: 0 auto;
}

.weather #source {
    font-size: 0.95em;
    font-style: italic;
    margin-top: -0.5em;
    text-align: right;
}

/*- Press images disclaimer page -*/

.pressDisclaimerLanguage {
    background-color: #FFFFFF;
    border: 1px solid #DCDCD5;
    float: right;
    margin-top: 0.67em;
    padding: 0.3em;
}

.pressDisclaimerLanguage select {
    border: 1px solid #DCDCD5;
    padding: 0;
}

.pressDisclaimer .copyright {
    margin-bottom: 1em;
}

/*-------------- B2B Orderlist & Orderreview -----------------*/

#orderlist {
    border-top: 1px solid #AAA;
    margin: 0px -0.67em;
}

#orderlist h2 {
    background-color: #DCDCD5;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #AAA;
    color: #444444;
    padding: 0.1em 0.5em 0.2em;
}

#orderlist h2.open {
    border-bottom-color: #CCC;
}

#oneColumn #orderlist h2 a {
    background: transparent url(/++resource++wir/img/iconExtendArrows.png) no-repeat right -95px;
    color: #444444;
    display: block;
    padding-right: 14px;
    text-decoration: none;
}

#oneColumn #orderlist h2.open a {
    background: transparent url(/++resource++wir/img/iconReduceArrows.png) no-repeat right -95px;
}

#oneColumn #orderlist h2 a:hover,
#oneColumn #orderlist h2 a:focus,
#oneColumn #orderlist h2 a:active {
    background-color: #DADAD3;
    background-position: right 10px;
    text-decoration: underline;
}

#oneColumn #orderlist h2 span {
    float: right;
    font-size: 0.7em;
    padding-top: 0.3em;
}

.orderprocess ul {
    margin: 0;
}

#orderlist li {
    background: none;
    border-bottom: 1px solid #AAA;
    line-height: 1.5;
    margin: 0;
    padding: 0.7em 0.8em 0.8em 5.7em;
    position: relative;
}

#orderlist label {
    color: #E3000E;
    float: left;
    font-size: 1.5em;
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
    line-height: 1.3;
    margin: 0 0.5em 0.3em 0;
}

#orderlist label span {
    display: block;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 1;
    padding-left: 0.1em;
}

#orderlist li input {
    border-bottom-color: #DDD;
    border-left-color: #DDD;
    position: absolute;
    left: 0.9em;
    top: 0.7em;
    width: 3em;
}

#orderlist li input:hover,
#orderlist li input:focus {
    border-bottom-color: #BBB;
    border-left-color: #BBB;
}

#orderlist li.error input {
    border-bottom-color: #E57175;
    border-left-color: #E57175;
}

#orderlist li p {
    font-size: 0.9em;
}

#orderlist li p.description {
    clear: none;
    float: right;
    margin: 0.5em 0 0;
    padding: 0 0 0 0.2em;
}

.orderprocess .submit {
    margin: 0 0 -0.5em;
    padding: 0.67em;
    text-align: right;
}

/* not available styles */

#orderlist li.notavailable {
    color: #777;
}

#orderlist li.notavailable input {
    background: #FCFCFC;
    border: 1px solid #DDD;
    padding-top: 1px;
    width: 2.97em;
}

#orderlist li.notavailable label {
    color: #777;
}

#orderlist p.availability {
    border-top: 1px solid #CCC;
    color: black;
    float: left;
    font-style: italic;
    margin: 0.4em 0 0 0.1em;
    padding: 0 0.3em;
}

/* Order Review */

#orderoverview {
    background-color: white;
    border: 1px solid #D8DCDF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 0px 0.67em 0.1em;
}

#orderreview h3 {
    font-weight: normal;
    margin: 1.5em 0 0.3em;
}

#orderreview ul {
    border-top: 1px solid #CCC;
    margin-bottom: 1em;
}

#orderreview li {
    background: none;
    margin: 0;
    padding: 0.5em;
}

#orderreview li:nth-of-type(even) {
    background-color: #F7F7F7;
}

#orderreview li span.amount {
    display: inline-block;
    width: 4.5em;
}

#orderreview li span.subtitle {
    color: #707070;
    font-size: 0.9em;
}

#orderreview .submit {
    margin: 1em -1.17em -1em;
}

/*************** LOCATIONS in Article *******************/

/*- Location Box -*/

.article .locationEntry {
    background: transparent url(/++resource++wir/img/iconLocation.png) no-repeat 8px 0.6em;
    font-size: 0.9167em;
    margin: 1em 0;
    padding: 0.2em 0 0.2em 31px;
}

.article .locationEntry h3 {
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
    font-size: 1.4em;
    font-weight: normal;
}

#mainContent .article .locationEntry h3 a {
    text-decoration: none;
}

#mainContent .article .locationEntry h3 a:hover,
#mainContent .article .locationEntry h3 a:focus,
#mainContent .article .locationEntry h3 a:active {
    color: #E3000E;
    text-decoration: underline;
}

.article .locationEntry h3 span {
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1;
    margin-bottom: 1em;
}

.article .locationEntry p {
    line-height: 1.4;
    margin: 0.67em 0;
}

.article .locationEntry p strong {
    display: block; /* for Besondere Angebote */
}

.article .locationEntry .toolbar {
    margin: 1.5em 0 0;
}

.article .locationEntry .toolbar .clear {
    clear: left;
}

#mainContent .locationEntry .toolbar a {
    color: black;
}

#mainContent .article .locationEntry .toolbar a:hover,
#mainContent .article .locationEntry .toolbar a:focus,
#mainContent .article .locationEntry .toolbar a:active {
    color: #E3000E;
}

.article .locationEntry .toolbar a {
    display: block;
    float: left;
    padding: 0.3em 0.9em;
}

.article .locationEntry a.mapLink {
    background: transparent url(/++resource++wir/img/iconMap.png) no-repeat left top;
    padding-left: 26px;
}

.article .locationEntry .toolbar a.accessibility,
.article .locationEntry .toolbar a.details {
    background: transparent url(/++resource++wir/img/iconExtendArrows.png) no-repeat 97% 0.9em;
    padding-right: 17px;
}

#mainContent .article .locationEntry .toolbar a.open {
    background-image: url(/++resource++wir/img/iconReduceArrows.png);
}

.article .locationEntry .toolbar a.details {
    background-position: 92% 0.9em;
}

.article .locationEntry .toolbar a.accessibility img {
    background-color: #f3f3f1;
    padding: 1px 4px 1px 2px;
    vertical-align: top;
}

#mainContent .article .locationMoreCompact a.mapLink {
    color: black;
    padding-bottom: 0.4em;
    padding-top: 0.4em;
}

#mainContent .article .locationMoreCompact a.mapLink:hover,
#mainContent .article .locationMoreCompact a.mapLink:focus,
#mainContent .article .locationMoreCompact a.mapLink:active {
    color: #E3000E;
}

/* Location Box Details */

.article .locationEntry .locationMore {
    clear: left;
}

.article .locationEntry .locationMore .accessibility,
.article .locationEntry .locationMore .details {
    display: none;
}

.article .locationEntry .locationMore .access,
.article .locationEntry .locationMore .parking,
.article .locationEntry .locationMore .rest,
.article .locationEntry .locationMore .richText,
.article .locationEntry .locationMore .detailsContact,
.article .locationEntry .locationMore .detailsOpen,
.article .locationEntry .locationMore .detailsPrices {
    padding-top: 0.7em;
}

.article .locationEntry .locationMoreCompact .detailsContact {
    margin-bottom: 1.5em;
    padding-top: 0;
}

.article .locationEntry .locationMore h4 {
    color: #E3000E;
    font-weight: normal;
}

.article .locationEntry .locationMore ul li {
    margin: 0.2em 0;
    padding: 0.3em 0;
}

.ar .article .locationEntry .locationMore ul li.phone span {
    display: inline;
}

.article .locationEntry .locationMore ul li span {
    display: block;
}

.article .locationEntry .locationMore .detailsOpen ul,
.article .locationEntry .locationMore .detailsPrices ul,
.article .locationEntry .locationMore p,
.article .locationEntry .locationMore .access ul,
.article .locationEntry .locationMore .detailsContact ul li {
    background: transparent none no-repeat left 2px;
    margin-left: 0;
    padding-left: 28px;
}

.article .locationEntry .locationMore .detailsOpen ul li,
.article .locationEntry .locationMore .detailsPrices ul li,
.article .locationEntry .locationMore .access ul li {
    background: none;
    padding-left: 0;
}

/* Richtext inside Location */

.article .locationEntry .richText p {
    padding-left: 0;
}

.article .locationEntry .richText h2 {
    font-size: 1.3em;
}

.article .locationEntry .richText blockquote {
    font-size: 1.2em;
    margin: 1em 0;
}

.article .locationEntry .richText strong {
    color: black;
}

.article .locationEntry .richText ul {
    margin-left: 1em;
}

.article .locationEntry .richText ul li {
    padding: 0.2em 0px 0.2em 14px;
}

.article .locationEntry .richText p strong  {
    display: inline;
}

/* contact */

.article .locationEntry .locationMore ul li.phone {
    background-image: url(/++resource++wir/img/iconLocationPhone.png);
}

.article .locationEntry .locationMore ul li.fax {
    background-image: url(/++resource++wir/img/iconLocationFax.png);
}

.article .locationEntry .locationMore ul li.email {
    background-image: url(/++resource++wir/img/iconLocationEmail.png);
}

/* open hours */

.article .locationEntry .locationMore .detailsOpen ul {
    background-image: url(/++resource++wir/img/iconLocationPeriodes.png);
}

.article .locationEntry .locationMore .detailsOpen ul.times {
    background-image: url(/++resource++wir/img/iconLocationTimes.png);
}

/* prices */

.article .locationEntry .locationMore .detailsPrices ul {
    background-image: url(/++resource++wir/img/iconLocationPrices.png);
}

.article .locationEntry .locationMore .detailsPrices ul.pricesInfo {
    background-image: url(/++resource++wir/img/iconLocationPricesInfo.png);
}

/* Accessibility */

.article .locationEntry .locationMore .access ul, 
.article .locationEntry .locationMore .parking p,
.article .locationEntry .locationMore .rest p.wheelchair {
    background-image: url(/++resource++wir/img/iconWheelchair.png);
}

.article .locationEntry .locationMore .rest p.wheelchair {
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}

.article .locationEntry .locationMore p.blind {
    background-image: url(/++resource++wir/img/iconBlind.png);
    margin: 0 0 0 0.3em;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}

.article .locationEntry .locationMore p.generalComment {
    margin: 0;
    padding: 0.2em 0;
}

/*- Map -*/

#mapWrapper {
    background: transparent url(/++resource++wir/img/imgMappreview.png) no-repeat left top;
    clear: both;
    cursor: pointer;
    margin: 2em -0.67em 0;
    padding-top: 27px;
    position: relative;
    -webkit-transition: padding 0.3s ease-in;
    -moz-transition: padding 0.3s ease-in;
    transition: padding 0.3s ease-in;
}

#mapWrapper.open {
    padding-top: 0;
}

#mapIconLarge {
    position: absolute;
    bottom: 0.4em;
    left: 1.3em;
}

#mapWrapper #showHideMap  {
    border: 1px solid #bababa;
    border-top-width: 0;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.13);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.13);
    box-shadow: 0 1px 1px rgba(0,0,0,0.13);
    background: #DCDCD5 url(/++resource++wir/img/iconExtendArrows.png) no-repeat 95% 1.2em;
    color: #444444;
    display: inline-block;
    font-weight: bold;
    margin-left: 0.67em;
    padding: 0.5em 25px 0.5em 60px;
    text-decoration: none;
}

#mapWrapper.hover #showHideMap,
#mapWrapper #showHideMap:hover,
#mapWrapper #showHideMap:focus,
#mapWrapper #showHideMap:active {
    color: #E3000E;
}

#mapWrapper.open #showHideMap {
    background-image: url(/++resource++wir/img/iconReduceArrows.png);
}

#mapCanvas {
    border-bottom: 1px solid #CCCCCC;
    display: none;
    width: 100%;
    height: 400px;
}

/*************** LOCATIONS for both *******************/

.locationEntry strong {
    font-weight: normal;
}

/*************** LOCATIONS on own Page *******************/

.locationpage h1 {
    background-image: url(/++resource++wir/img/iconLocation_large.png);
    padding-bottom: 0.5em;
}

.locationpage .locationMore,
.locationpage .accessibility {
    clear: both;
}

.locationpage .detailsPrices,
.locationpage .detailsOpen {
    float: left;
    width: 48.5%;
    margin-right: 3%;
}

.locationpage .detailsPrices {
    margin-right: 0;
}

.locationpage h2 {
    margin: 0.5em 0 0.6em;
}

.locationpage h3 {
    margin-top: 1.5em;
}

.locationpage .locationbubble h3 {
    margin-top: 0;
}

.locationpage .locationbubble p {
    padding: 0;
    margin: 0;
}

#mainContent .locationpage a:hover,
#mainContent .locationpage a:focus,
#mainContent .locationpage a:active {
    color: black;
}

.locationpage ul li {
    margin: 0.2em 0;
    padding: 0.3em 0;
}

.locationpage ul li span {
    display: block;
}

.locationpage p,
.locationpage .detailsOpen ul,
.locationpage .detailsPrices ul,
.locationpage .access ul,
.locationpage .detailsContact ul li {
    background: transparent none no-repeat 2px 2px;
    margin-left: 0;
    padding-left: 26px;
}

.locationpage .detailsOpen ul li,
.locationpage .detailsPrices ul li,
.locationpage .access ul li {
    background: none;
    padding-left: 0;
}

#mainContent .locationpage .mapLink {
    background: transparent url(/++resource++wir/img/iconMap.png) no-repeat left top;
    color: black;
    display: block;
    float: right;
    margin-right: 0.5em;
    padding: 0.3em 0.6em 0.3em 26px;
}

#mainContent .locationpage .mapLink:hover,
#mainContent .locationpage .mapLink:focus,
#mainContent .locationpage .mapLink:active {
    color: #E3000E;
}

/* contact */

.locationpage ul li.phone {
    background-image: url(/++resource++wir/img/iconLocationPhone.png);
}

.locationpage ul li.fax {
    background-image: url(/++resource++wir/img/iconLocationFax.png);
}

.locationpage ul li.email {
    background-image: url(/++resource++wir/img/iconLocationEmail.png);
}

/* open hours */

.locationpage .detailsOpen ul {
    background-image: url(/++resource++wir/img/iconLocationPeriodes.png);
}

.locationpage .detailsOpen ul.times {
    background-image: url(/++resource++wir/img/iconLocationTimes.png);
}

/* prices */

.locationpage .detailsPrices ul {
    background-image: url(/++resource++wir/img/iconLocationPrices.png);
}

.locationpage ul.pricesInfo,
.locationpage p.openInfo{
    background-image: url(/++resource++wir/img/iconLocationPricesInfo.png);
}

/* Accessibility */

.locationpage .access ul,
.locationpage .parking p,
.locationpage .rest p.wheelchair {
    background-image: url(/++resource++wir/img/iconWheelchair.png);
}

.locationpage .rest p.wheelchair {
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}

.locationpage p.blind {
    background-image: url(/++resource++wir/img/iconBlind.png);
    margin: 0 0 0 0.3em;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}

.locationpage p.generalComment {
    margin: 0;
    padding: 0.2em 0;
}

.locationpage .locationEntry .richText h2 {
    font-size: 1.3em;
}

.locationpage .locationEntry .richText p {
    padding-left: 0;
}

.locationpage .locationEntry .richText blockquote {
    font-size: 1.2em;
    margin: 1em 0;
}

.locationpage .locationEntry .richText strong {
    color: black;
}

.locationpage .locationEntry .richText ul {
    margin-left: 1em;
}

.locationpage .locationEntry .richText ul li {
    padding: 0.2em 0px 0.2em 14px;
}

.locationpage #mapWrapper {
    border-bottom-width: 0;
    margin-top: 2em;
    padding-bottom: 0;
}

/*- Gewinnspiel -*/

.win .threeColumnForm {
    padding: 0;
}

.win .option {
    margin-left: 2em;
}

.win2 #field_birthyear,
.win2 #field_zipcode {
    width: 5em;
}

.win .submit,
.win2 .submit {
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 1.4em;
    text-align: right;
}

.win .errors {
    clear: both;
}

.win .html {
    display: none;
}

.terms {
    color: #585851;
    font-size: 0.95em;
    padding: 0.3em 0;
}

.terms p {
    margin: 0.4em 0;
}

#winbox p {
    margin: 0.7em 0;
}

/* --- mostly twoContent --------------------------------------- */

.twoContentBox h1 {
    color: #E3000E;
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.2;
    padding: 1.1em 0 1.5em;
}

.twoContentBox h2,
.oneContentBox h2,
.article .similar h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    margin-bottom: 0.7em;
    text-transform: uppercase;
}

.twoContentBox h2.icon,
.oneContentBox h2.icon {
    margin-bottom: 0;
    padding: 6px 0 22px;
}

.twoContentBox h2.package,
.oneContentBox h2.package {
    background: transparent url(/++resource++wir/img/iconContentBoxPackage.png) no-repeat top left;
    padding-left: 36px;
}

.twoContentBox h2.person,
.oneContentBox h2.person {
    background: transparent url(/++resource++wir/img/iconContentBoxPerson.png) no-repeat top left;
    padding-left: 36px;
}

.twoContentBox h2.personalization,
.oneContentBox h2.personalization {
    background: transparent url(/++resource++wir/img/iconContentBoxPersonalization.png) no-repeat top left;
    color: #E3000E;
    font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
    font-size: 1.4em;
    margin-top: -20px;
    margin-left: -10px;
    padding-left: 10px;
    padding-top: 32px;
    padding-bottom: 10px;
    position: relative;
    line-height: 1.2;
    text-transform: none;
}

.twoContentBox .teaserList li {
    clear: left;
    margin-bottom: 0.83em;
    padding: 0;
}

.twoContentBox .teaserList .teaserLeft {
    float: left;
    min-width: 180px;
    padding: 1em 0 0 0;
    width: 15em;
}

.twoContentBox .teaserList li.lead .teaserLeft h3,
.twoContentBox .teaserList li.lead h3 {
    margin-bottom: 1.5em;
}

.twoContentBox .teaserList img {
    float: right;
    width: 160px;
}

.twoContentBox p a.more,
.oneContentBox p a.more {
    background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat right -895px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    margin-bottom: 0.6em;
    padding-right: 12px;
    text-decoration: none;
}

.twoContentBox p a.rss,
.oneContentBox p a.rss {
    display: block;
    float: right;
    margin-top: -0.1em;
}

#mainContent .twoContentBox p a.rss:hover,
#mainContent .twoContentBox p a.rss:focus,
#mainContent .twoContentBox p a.rss:active,
#mainContent .oneContentBox p a.rss:hover,
#mainContent .oneContentBox p a.rss:focus,
#mainContent .oneContentBox p a.rss:active {
    text-decoration: underline;
}

/* --- oneContent ---------------------------------------------- */

.oneContentBox .teaserList li {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding-bottom: 0.75em;
    padding-top: 0.75em;
}

.oneContentBox .teaserList li.lead {
    margin-top: 0;
    padding-top: 0;
}

.oneContentBox .teaserList li.lead h3 {
    margin-bottom: 0;
    margin-top: 0.5em;
}

/*--- Language specific changes ---------------------*/

body.ja .richText h2,
body.ja .richText blockquote,
body.ja .tile-richtext  blockquote,
body.ja #oneColumnCT .teaserList li h3,
body.ja .threeContentBox h1,
body.ja #personaSelector li label,
body.ja .locationEntry h3,
body.ja .twoContentBox h1,
body.ja .twoContentBox h2.personalization,
body.ja .oneContentBox h2.personalization {
    font-family: 'MS Mincho' 'Times New Roman', serif;
}




/* HRS  HOTEL SERCH STYLES */
/* Hotelsuche - Formular */

h1.hrs-h1 {
    font-weight: bold;
    font-family: Verdana;
    color: #cc1f2f;
    font-size: 1.6em;
    padding: 0.4em 0 0.9em 0;
}

.hs-right {
    width: 33%;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 0.9em;
}

.hs-right .spacer {
    padding-left: 1em;
}

.hs-right span {
    color: #4d4d4d;
}

ul#hs-feature-list {
    margin-top: 1em;
}

ul#hs-feature-list li {
    background: transparent url(/++resource++wir/img/hrs-tick.png) 0 0.4em no-repeat;
    padding-left: 20px;
    margin-bottom: 1.2em;
}


.hs-left {
    width: 65%;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border-right: 1px solid #e5e5e5;
    font-size: 0.9em;
    vertical-align: top;
}

.hs-left .field {
    padding: 1.2em 0;
    width: 98%;
}

.hs-left .field div {
    float: left;
    width: 50%;

}



.hs-left .field div.spacer {
    width: 100% !important;
    float: none;
    clear: both;
    padding: 0 0.5em;
}

.hs-left .field .datewrap {
    position: relative; 
}

.hs-left .field .datewrap img {
    position: absolute;
    top: 2em;
    right: 1.1em;
}

.datewrap input {
    width: 9em;
}



div.hs-rooms {
    width: 18% !important;
    margin-right: 6%;
    position: relative;
}

div.hs-rooms p {
    width: 15em;
    display: block;
}

div.dwf {
    margin-right: 0.7em;
    width: 50% !important;
}

div.dwf img {
    right: 3em !important;
}

div.dwr {
    width: 44% !important;
}

div.dwhs {
    width: 57% !important;
}

div.dwss {
    width: 40% !important;
}


div.hs-rooms label {
    height: 3.2em;
    display: block;
}


div.hs-rooms.last {
    margin-right: 0;
    width: 17% !important;
}


div.hs-rooms input {
    width: 80%;
}

.hs-left input {
    display: block;
    margin-top: 0.4em;
}

.hs-left button.submit {
    background: #CC1F2F url(/++resource++wir/img/hrs_search-submit.jpg) top left repeat-x;
    width: auto;
    border: none;
    display: block;
    float: right;
    margin: 1em 1.5em 1em 0;
    font-weight: bold;
    color: #fff;
    font-size: 1.4em;
    position: relative;
    padding: 0 2em 0 1.5em;
    height: 2.2em;
}

#min-rating {
    margin-right: 0.4em;
}

.hs-left button.submit:hover, .hs-left button.submit.selected {
    cursor: pointer;
}

.hs-left button.submit img {
    vertical-align: middle;
    margin-right: 0.7em;
}


/* Liste der Hotels */

ul.hrs-hotel-list {
    clear: both;
    display: block;
}

ul.hrs-hotel-list .hotel-information a, ul.hrs-hotel-list .hl-left a.details {
    background: transparent url(/++resource++wir/img/darrow.png) right center no-repeat;
    padding-right: 10px;
}


ul.hrs-hotel-list.hrs-showlist {
    display: block;
}

ul.hrs-hotel-list.hrs-hidelist {
    display: none;
}

.hrs-hotel-list li {
    width: 50%;
    float: left;
    min-height: 12.3em;
}

* html .hrs-hotel-list li { 
    height: expression( this.scrollHeight < 140 ? "140px" : "auto" );
}


.hrs-hotel-list .hl-left {
    width: 8em;
    float: left;
    text-align: center;
}

.hrs-hotel-list .hl-right {
    width: 16.1em;
    float: left;
    padding-left: 0.5em;
    padding-bottom: 1.5em;
}

.hrs-hotel-list {
    font-size: 0.9em;
}

.hrs-hotel-list a {
    text-decoration: none !important;
    color: #c5000e;
}

.hrs-hotel-list a:hover, .hrs-hotel-list a:active, .hrs-hotel-list a:focus {
    text-decoration: underline !important;
}

.hl-right strong {
    text-decoration: underline;

}

.hotel-headline {
    margin-bottom: 0.2em;
}


.hotel-information strong {
    text-decoration: none;
}

.hotel-image {
    position: relative;
}

.hotel-image img {                                
    width: 100%;
    margin-bottom: 0.2em;
}

.rating {
    font-size: 0.8em;
    margin-bottom: 0.2em;
    display: block;
}

.rating img {
    width: 35px;
    margin-bottom: 0.2em;
}

.hotel-image .special-price {
    position: absolute; 
    bottom: 0.35em;
    right: 0;
    width: auto;
    height: auto;
}

h2#hrs-hotelist-heading {
    color: #cc1f2f;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.4em;
    margin-top: 1.2em;
}



/* TAbbed nav */


ul#hrs-tabs {
    display: block;
    border-bottom: 1px solid #dcdcda;
    margin-bottom: 1em;
    margin-top: -0.4em;
}

ul#hrs-tabs li {
    display: block;
    width: auto;
    float: left;
    text-align: center;
    padding: 0.8em 0;

}

ul#hrs-tabs li a {
    padding: 0.2em 1em;
    text-decoration: none !important;
    color: #787876;
    border-right: 1px solid #dcdcda;
}

ul#hrs-tabs li a:hover, ul#hrs-tabs li a:active, ul#hrs-tabs li a:focus {
    color: #CC1F2F !important;
    text-decoration: underline !important;
}

ul#hrs-tabs li.last a {
    border-right: none;
}

ul#hrs-tabs li.active a {
    color: #cc1f2f;
    text-decoration: underline !important;
    font-weight: bold;
}

.hotel-headline a {
    color: #000 !important;
}

.hotel-headline a:hover, .hotel-headline a:focus, .hotel-headline a:active {
    color: #CC1F2F !important;
}



/* FOOTER  */

#hrs-footer {
    margin: 2em 0;
    font-size: 0.9em;
    color: #333333;
}

#hrs-footer a {
    text-decoration: none !important;
    font-weight: bold;
}

#hrs-footer span.left {
    float: left;
}

#hrs-footer span.right {
    float: right;
}

#hrs-footer span.right a {
    font-weight: normal;
    color: #000;
}

#stars {
    margin-top: 2.5em;
    padding: 0.5em;
    border-top: 1px dotted #d3d3d3;
}

#stars.highlight {
    background-color: #fef2ca;
}

#hrs-min-rating {
    display: block;
    margin-bottom: 0.2em;
}

/* Sidebar */

#hrs-qb-hotelsubmit {
    width: 7.2em;
    height: 2.5em;
    background: #CC1F2F url(/++resource++wir/img/hrs_search-submit-small.jpg) 0 0 no-repeat;
    color: #fff;
    font-weight: bold;
    text-align: left;
    border: none;
    font-size: 1em;
    line-height: 2.5em !important;
    vertical-align: middle;
    padding: 0 0 0 5px;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    float: right;
}

#hrs-qb-hotelsubmit:hover {
    cursor: pointer;
}

#hrs-hotelsubmit-wrap {
    position: relative;
    margin-top: 1em;
}

#hrs-hotelsubmit-wrap div.hrslogo {
    position: absolute;
    left: 0;
    top: -0.2em;
    width: 5.5em;
    font-size: 93%;
}

#hrs-hotelsubmit-wrap div.hrslogo img {
    margin-top: -3px;
}

#hrs-form-logo {
    display: block;
    margin-top: 0.2em;
}


/*Children*/

.subfield {
    width: 98% !important;
    float: none !important;
    clear: both;
    background: #fcfcfa;
    margin-top: 0.5em;
    padding: 0.5em 0;
    border: 1px solid #fcfcfa;
}

.subfield div {
    float: left;
    padding: 0 0.5em;
}

.subfield div.subfield_prefix {
    width: 5em;
    height: 4em;
    line-height: 4em;
    vertical-align: middle;
    text-align: center;
}

.subfield div.subfield_prefix img {
    vertical-align: middle;
    margin-top: 0.5em;
}


.subfield div.subfield_age {
    width: 6em;
}

.subfield div.subfield_bed {
    width: 10em;
}




/* Form.js css */

.fieldFocused {
    background: #fcfcfa;
    border-color: #ccc;
}

.wrong input {
    background-position: right -1200px;
    border-bottom: 1px solid #E57175;
    border-left: 1px solid #E57175;
}


/* Error Handling */
div.children_error {
    background: #fbebed;
    border: 1px solid #CC1F2F;
}

.hrs-error {
    color: #cb212e;
    font-size: 0.9em;
}

.hrs-dialog {
    border: 2px solid #cc1f2f;
    position: absolute;
    z-index: 100;
    background: #fff;
    width: 40em;
    padding: 1em;
    -moz-border-radius: 4px;
    color: #000000;
}

.hrs-dialog img.corner {
    position: absolute;
    right: 2em;
    bottom: -13px;
}

.hrs-dialog strong {
    display: block;
    margin-bottom: 0.5em;
}

.hrs-dialog p {
    color: #767676;
    margin-top: 0.5em;
    font-size: 98%;
}

.hrs-dialog p span {
    display: block;

}

.hrs-dialog a.closelink {
    position: absolute;
    top: 0.7em;
    right: 1em;
    font-size: 95%;
    text-decoration: none;
    color: #cc1f2f;
}

.hrs-dialog span.number {
    font-size: 130%;
    font-weight: bold;
    display: block;
    margin-top: 0.5em;
    position: relative;
    width: 12.5em;
    color: #cc1f2f;
    padding: 0.2em 2em;
}

.hrs-dialog span.number sup {
    font-size: 0.6em;
    position: absolute;
    bottom: 1.2em;
    right: 3.5em;
}

div.hs-rooms.error label {
    color: #cc1f2f !important;
}

.hs-spacer {
    margin-right: 3.2em !important;
}

#submit-wrapper {
    position: relative;
}


#errlist label {
    text-decoration: underline;

}

#errlist label:hover {
    color: #000;
    cursor: pointer;
}

/* Language Specific Tab-Headings of HRS */
body.fr ul#hrs-tabs li a {
    padding: 0.2em 0.8em;
}

body.es ul#hrs-tabs li a {
    padding: 0.2em 0.4em;
    font-size: 95%;
}

body.hu ul#hrs-tabs li a {
    padding: 0.2em 0.6em;
    font-size: 95%;
}

body.ru ul#hrs-tabs li a {
    padding: 0.2em 0.7em;
    font-size: 95%;
}

body.pl ul#hrs-tabs li a {
    padding: 0.2em 0.5em;
}




a.help {
    background: url(/++resource++wir/img/iconInfo.png) center center no-repeat;
    text-indent: -999em;
    display: inline-block;
    width: 18px;
    height: 18px;
}

/* FAQ */
#faq .faq-container {
    display: none;
    background-color: #fff;
    padding: 0.5em 4em 0.5em 2em;
}

#faq h2 {
    color: #454545;
    font-size: 1.2em;
    border-top: 1px solid #aaaaa8;
    border-bottom: 1px solid #aaaaa8;
    padding: 0.6em 0.6em 0.6em 2em;
    margin-top: -1px;
    background: url(/++resource++wir/img/faq_dot.png) 8px 16px no-repeat;
}

#faq h2.open {
    background-position: 8px -77px;
    border-bottom: none;
}

#faq h2.open a {
    color: #ed0000;
    background-position: right -52px;
}

#faq h2.open a:hover,
#faq h2.open a:active,
#faq h2.open a:focus {
    color: #ed0000;
}

#faq h2 a {
    color: #454545;
    display: block;
    padding-right: 3em;
    background: url(/++resource++wir/img/faq_arrow.png) right 5px no-repeat;
}

#mainContent #faq h2 a:hover,
#mainContent #faq h2 a:focus,
#mainContent #faq h2 a:active {
    text-decoration: underline;
}

#mainContent #faq h2 a {
    text-decoration: none;    
}

/* B2b - Copy Button */
.ui-dialog-content .richText,
.ui-dialog-content .teaserText {
    font-size: 115%;
    font-family: Verdana, Arial, sans-serif;
}

#b2bnews-link-wrap {
    background: #fff;
    margin: -0.72em 1em 0 0;
    padding: 0.2em 0.7em 0.3em;
    width: auto;
    float: right;
    border: 1px solid #ccc;
    border-radius: 0 0 6px 6px;
    border-top: none;
    box-shadow: 0 2px 3px #ccc;
}

#b2bnews-link-wrap a {
    background: url(/++resource++wir/img/iconCopy.png) left center no-repeat;
    padding: 0.3em 0 0.3em 1.4em;
    text-decoration: none !important;
    font-size: 95%;
    line-height: 1.5;
}

#b2b-body .threeContentBox img.startImage {
    clear: right;
}

#b2b-body div.presscontact {
    padding-top: 2em;
    font-size: 0.9167em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

#b2b-body .div.presscontact h2 {
    font-size: 1.4em;
}

#b2b-body div.presscontact .richText {
    width: 21.5em;
}

#b2b-body div.presscontact .even {
    clear: both;
    float: left;
}

#b2b-body div.presscontact .odd {
    float: right;
}