/* ===================================== */
/*  WienTourismus CSS : Marginal Styles  */
/* ===================================== */

/* --- B2B Bar ------------------------------------------------- */

#b2bBar {
  background-color: #E3000E;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.8);
  box-shadow: 0 0 5px rgba(0,0,0,0.8);
  color: white;
  font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
  position: fixed;
  top: 0;
  z-index: 101;
  min-width: 920px;
  width: 76.67em;
}

#b2bBar p {
  float: left;
  font-size: 1.8em;
  line-height: 1.1;
  padding: 0 0 0.05em 2px;
}

#b2bBar a {
  background: transparent url(/++resource++wir/img/iconTriangleWhite.png) no-repeat right 0.6em;
  color: white;
  float: right;
  font-size: 1.1em;
  margin: 0.25em 5px 0 0;
  padding-right: 10px;
  text-decoration: none;
}

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

/* --- Header -------------------------------------------------- */

#headerMain {
  background-color: white;
  float: left;
  min-width: 734px;
  position: relative;
  width: 61.17em;
}

#headerMain img {
  display: block;
  float: right;
}

#headerMain .headline-replace {
  right: 275px;
  position: absolute;
  top: 10px;
  z-index: 1;
}

#headerMain .headline-replace a,
#headerMain .headline-replace span {
  background-color: white;
  display: block;
  height: 186px;
  width: 186px;
}

#headerMain .headline-replace img {
  float: none;
  position: absolute;
  left: 0px;
  top: 0px;
}

#headerMain .headline-replace a:focus img {
  border: 1px solid #E3000E;
  left: -1px;
  top: -1px;
}

#headerInfo {
	bottom: 8px;
	position: absolute;
	right: 8px;
	width: 21em;
}

#headerInfoInner {
	background: transparent url(/++resource++wir/img/bgHeaderInfo.png) repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	margin-bottom: 27px;
}

#headerInfoInner p {
	padding: 0.67em;
}

#headerInfoInner p.copyright {
  color: #777777;
  font-size: 0.9em;
	padding-top: 0;
	padding-bottom: 0.2em;
}

#headerInfoInner p.link {
	background: transparent url(/++resource++wir/img/bgHeaderInfoLink.png) repeat left top;
	line-height: 1.3;
	padding: 0;
	text-align: right;
}

#headerInfoInner a {
	background: transparent url(/++resource++wir/img/iconArrowsRightWhite.gif) no-repeat 99% 70%;
	color: white;
	display: block;
	padding: 0.2em 1.3em 0.2em;
	text-decoration: none;
}

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

#headerCopyright {
	bottom: 8px;
	display: block;
	position: absolute;
	right: 8px;
	z-index: 10;
}

#headerCopyright img {
	display: block;
}

#headerFeatured {
  background-color: #F3F3F1;
  color: #E3000E;
  cursor: pointer;
  float: right;
  height: 19em;
  min-height: 229px;
  min-width: 176px;
  position: relative;
  width: 14.67em;
}

#headerFeatured #promotionText {
  position: absolute;
  left: 0;
  padding: 0 0.4em;
  top: 0;
  z-index: 1;
}

#headerFeatured img {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 0;
}

#headerFeatured .caption {
  font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
  font-size: 1.8em;
  line-height: 1.3;
  padding: 0.2em 0;
}

.b2b #headerFeatured .caption {
  line-height: 1.2;
}

#headerFeatured a {
  color: #E3000E;
  text-decoration: none;
}

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

#headerFeatured .subline {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2;
}

/* --- Top Navigation (Channels & Service & Language) ---------- */

#channelNav {
  float: left;
}

#serviceNav {
  float: right;
}

#languageNav {
  position: absolute;
  bottom: 0;
  left: 0;
}

#languageNav.dropdown {
  bottom: auto;
  display: block;
  left: auto;
  min-width: 102px;
  top: 0;
  width: 8.5em;
  z-index: 100;
}

#topNav.dropdown {
  padding-bottom: 0;
}

#topNav ul li {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
}

#channelNav ul li,
#serviceNav ul li {
  background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat left -1795px;
}

#channelNav ul li.first {
  background: none;
}

#topNav a,
#topNav span {
  color: black;
  display: block;
  font-size: 0.9em;
  padding: 0.2em 0.67em;
  text-decoration: none;
}

#topNav a.current,
#topNav span {
  font-weight: bold;
}

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

/*- Language Navigation -*/

#languageNav.dropdown ul  {
  padding: 0;
}

#languageNav.dropdown ul {
  padding: 0 1px;
}

#languageNav.dropdown ul.open {
  background-color: white;
  border: 1px solid #cccccc;
  border-width: 0 1px 1px 1px;
  padding: 0;
}

#languageNav.dropdown ul li {
  border-top: 1px solid #cccccc;
  float: none;
  padding: 0;
}

#languageNav.dropdown ul #currentLanguage {
  background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat right -1500px;
  border-top: none;
  cursor: pointer;
  padding-right: 15px;
}

#languageNav a,
#languageNav span {
  background: transparent url(/++resource++wir/img/flags/flags.png) no-repeat 7px -25px;
  display: block;
  padding: 0.2em 0.67em 0.2em 28px;
}

#languageNav a.nA {
  background-color: #eeeeee;
  color: #999999;
}

#languageNav a:hover,
#languageNav a:focus,
#languageNav a:active {
  background-color: #585851;
  color: white;
  text-decoration: none;
}

#languageNav a.nA:hover,
#languageNav a.nA:focus,
#languageNav a.nA:active {
  background-color: #999999;
  color: #eeeeee;
}

#languageAnchor {
	width: 1em; /* fake width to know how big 1em is */
}

/*- Flags -*/

#languageNav #en {
  background-position: 7px -96px;
}

#languageNav #it {
  background-position: 7px -167px;
}

#languageNav #fr {
  background-position: 7px -238px;
}

#languageNav #es {
  background-position: 7px -309px;
}

#languageNav #hu {
  background-position: 7px -380px;
}

#languageNav #ru {
  background-position: 7px -451px;
}

#languageNav #pl {
  background-position: 7px -522px;
}

#languageNav #ro {
  background-position: 7px -593px;
}

#languageNav #cs {
  background-position: 7px -664px;
}

#languageNav #ja {
  background-position: 7px -735px;
}

#languageNav #ar {
  background-position: 7px -806px;
}

#languageNav #cn {
  background-position: 7px -877px;
}

/* --- Main Navigation ------------------------------------------- */

#firstLevelWrap {
  background: transparent url(/++resource++wir/img/bgMainNavFirstLevelTopRight.gif) no-repeat right top;
  padding-bottom: 2.1em;
}

#firstLevel {
  background: transparent url(/++resource++wir/img/bgMainNavFirstLevelBottomRight.gif) no-repeat right bottom;
  height: 100%;
}

#firstLevelList {
  background: transparent url(/++resource++wir/img/bgMainNavFirstLevelBottomLeft.gif) no-repeat left bottom;
}

#secondLevelBgOuter {
  background: #f3f3f1 url(/++resource++wir/img/bgMainNavSecondLevelTopLeft.gif) no-repeat top left;
  bottom: 0;
  height: 2.1em;
  left: 0;
  min-width: 920px;
  position: absolute;
  width: 76.67em;
}

#secondLevelBgWrap {
  background: transparent url(/++resource++wir/img/bgMainNavSecondLevelBottomLeft.gif) no-repeat left bottom;
  height: 100%;
}

#secondLevelBg {
  background: transparent url(/++resource++wir/img/bgMainNavSecondLevelBottomRight.gif) no-repeat right bottom;
  height: 100%;
}

#secondLevelBgInner { 
  background: transparent url(/++resource++wir/img/bgMainNavSecondLevelTopRight.gif) no-repeat right top;
  height: 100%;
}

.secondLevelList {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

li.open .secondLevelList {
  top: 1.85em;
}

#mainNav .secondLevelList,
.secondLevelList li {
  display: none;
}

#firstLevelList li.open .secondLevelList,
#firstLevelList li.over .secondLevelList,
#firstLevelList li.open .secondLevelList li,
#firstLevelList li.over .secondLevelList li {
  display: block;
}

#mainNav ul li {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
}

#mainNav a,
#mainNav span {
  color: white;
  display: block;
  padding: 0.2em 1.4em;
  text-decoration: none;
}

#mainNav ul li.over a,
#mainNav a.current,
#mainNav span.current,
#mainNav a:hover,
#mainNav a:focus,
#mainNav a:active,
#mainNav ul.over li.over a.current,
#mainNav ul.over li.over span.current {
  background: #e3000e url(/++resource++wir/img/bgMainNavFirstLevelHover.gif) repeat-x left top;
}

#mainNav ul.over a.current,
#mainNav ul.over span.current {
  background: #bb0a0a url(/++resource++wir/img/bgMainNavFirstLevelActive.png) repeat-x left top;;
}

#mainNav ul li.first a,
#mainNav ul li.first span.current {
  padding: 0;
}

#mainNav ul li.first a span,
#mainNav ul li.first span.current span {
  display: block;
  padding: 0.2em 1.4em 0.2em 0.67em;
}

#mainNav ul li.firstover a,
#mainNav ul li.first a.current,
#mainNav ul li.first span.current,
#mainNav ul li.first a:hover,
#mainNav ul li.first a:focus,
#mainNav ul li.first a:active {
  background: #e3000e url(/++resource++wir/img/bgMainNavFirstLevelFirstHoverTop.gif) no-repeat left top;
}

#mainNav ul li.firstover a span,
#mainNav ul li.first a.current span,
#mainNav ul li.first span.current span,
#mainNav ul li.first a:hover span,
#mainNav ul li.first a:focus span,
#mainNav ul li.first a:active span {
  background: transparent url(/++resource++wir/img/bgMainNavFirstLevelFirstHoverBottom.gif) no-repeat left bottom;
}

#mainNav ul.over li.first a.current,
#mainNav ul.over li.first span.current {
  background: #bb0a0a url(/++resource++wir/img/bgMainNavFirstLevelFirstActiveTop.png) no-repeat left top;
}

#mainNav ul.over li.first a.current span,
#mainNav ul.over li.first span.current span {
  background: transparent url(/++resource++wir/img/bgMainNavFirstLevelFirstActiveBottom.png) no-repeat left bottom;
}

#mainNav ul.over li.firstover a.current,
#mainNav ul.over li.firstover span.current {
  background: #e3000e url(/++resource++wir/img/bgMainNavFirstLevelFirstHoverTop.gif) no-repeat left top;
}

#mainNav ul.over li.firstover a.current span,
#mainNav ul.over li.firstover span.current span {
  background: transparent url(/++resource++wir/img/bgMainNavFirstLevelFirstHoverBottom.gif) no-repeat left bottom;
}

#mainNav ul.secondLevelList li {
  background: transparent url(/++resource++wir/img/bgMainNavSecondLevelDivider.gif) no-repeat left top;
  margin-right: -1px;
}

#mainNav ul.secondLevelList li.first {
  background-image: none;
}

#mainNav ul li.firstover ul.secondLevelList li a,
#mainNav ul li.firstover ul.secondLevelList li span,
#mainNav ul.secondLevelList li a,
#mainNav ul.secondLevelList li span {
  background: none;
  border-bottom: 1px solid #F3F3F1;
  color: black;
  padding: 0.33em 1.4em 0.24em 1.4em;
}

#mainNav ul li.firstover ul.secondLevelList li.first a,
#mainNav ul li.firstover ul.secondLevelList li.first span,
#mainNav ul.secondLevelList li.first a,
#mainNav ul.secondLevelList li.first span {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  padding: 0.33em 1.4em 0.24em 0.67em;
}

#mainNav ul.secondLevelList li a.current,
#mainNav ul.over ul.secondLevelList a.current,
#mainNav ul.secondLevelList li span,
#mainNav ul.over ul.secondLevelList li span,
#mainNav ul.secondLevelList li a:hover,
#mainNav ul.secondLevelList li a:focus,
#mainNav ul.secondLevelList li a:active,
#mainNav ul li.firstover ul.secondLevelList li span,
#mainNav ul li.firstover ul.secondLevelList li a.current,
#mainNav ul li.firstover ul.secondLevelList li a:hover,
#mainNav ul li.firstover ul.secondLevelList li a:focus,
#mainNav ul li.firstover ul.secondLevelList li a:active {
  border-bottom-color: #DDDDDB;
  background: #DDDDDB url(/++resource++wir/img/bgMainNavSecondLevelHoverbg.gif) repeat-x left top;
}

#mainNav ul.secondLevelList li a.current,
#mainNav ul.over ul.secondLevelList a.current,
#mainNav ul.secondLevelList li span,
#mainNav ul.over ul.secondLevelList li span,
#mainNav ul li.firstover ul.secondLevelList li a.current,
#mainNav ul li.firstover ul.secondLevelList li span {
  border-bottom-color: #E3000E;
}

/*--- "more" Lists (if second Navigation Level is too broad)---*/

#mainNav ul.secondLevelList li.more {
  background: #DDDDDB url(/++resource++wir/img/bgMainNavSecondLevelHoverbg.gif) repeat-x left top;
  margin-right: 0;
}

#mainNav ul.secondLevelList li.more ul {
  border: 1px solid #585851;
  border-width:  0 2px 1px 2px;
  position: absolute;
  right: 0;
  z-index: 10;
}

#mainNav ul.secondLevelList li.more li {
  background-color: #DDDDDB;
  background-image: none;
  border-bottom: 1px solid #585851;
  float: none;
  margin-right: 0;
  padding-left: 0;
}

#mainNav ul.secondLevelList li.more a,
#mainNav ul li.firstover ul.secondLevelList li.more a {
  background: transparent url(/++resource++wir/img/iconExtendArrows.png) no-repeat 90% 11px;
}

#mainNav ul.secondLevelList li.more span,
#mainNav ul li.firstover ul.secondLevelList li.more span {
  padding: 0.34em 1.8em 0.24em 1em;
}

#mainNav ul.secondLevelList li.more a:hover,
#mainNav ul.secondLevelList li.more a:focus,
#mainNav ul.secondLevelList li.more a:active,
#mainNav ul li.firstover ul.secondLevelList li.more a:hover,
#mainNav ul li.firstover ul.secondLevelList li.more a:focus,
#mainNav ul li.firstover ul.secondLevelList li.more a:active {
  background: transparent url(/++resource++wir/img/iconExtendArrows.png) no-repeat 90% -94px;
  color: #444444;
  text-decoration: underline;
}

#mainNav ul.secondLevelList li.more ul li a,
#mainNav ul li.firstover ul.secondLevelList li.more ul li a {
  background: none;
}

#mainNav ul.secondLevelList li.more ul li a.current,
#mainNav ul.secondLevelList li.more ul li span,
#mainNav ul.secondLevelList li.more ul li a:hover,
#mainNav ul.secondLevelList li.more ul li a:focus,
#mainNav ul.secondLevelList li.more ul li a:active,
#mainNav ul li.firstover ul.secondLevelList li.more ul li a.current,
#mainNav ul li.firstover ul.secondLevelList li.more ul li span,
#mainNav ul li.firstover ul.secondLevelList li.more ul li a:hover,
#mainNav ul li.firstover ul.secondLevelList li.more ul li a:focus,
#mainNav ul li.firstover ul.secondLevelList li.more ul li a:active {
  background: #DDDDDB url(/++resource++wir/img/bgMainNavSecondLevelHoverbg.gif) repeat-x left top; 
  color: black;
  text-decoration: none;
}

/* --- Breadcrumb Navigation --- */

#breadcrumbs {
  background-color: #FFFCD9;
  font-size: 0.95em;
  left: -16.35em;
  padding: 0 0.67em;
  position: absolute;
  top: -1.6em;
  width: 79.46em;
}

#breadcrumbs h6,
#breadcrumbs p {
  display: inline;
}

#breadcrumbs a {
  text-decoration: none;
}

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


/* --- Marginal Elements ---------------------------------------- 

.marginalContentBox       The 1 column wide content Box in the marginal columns

---------------------------------------------------------------- */

.marginalContentBox {
  background: #585851 url(/++resource++wir/img/bgMainNavFirstLevelTopLeft.gif) no-repeat left top;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0.83em;
}

.promotion /* is a marginalContentBox with a hidden h2 */ {
	background-color: #f3f3f1;
}

.promotion .image,
.promotion .flash {
  cursor: pointer;
  margin-bottom: 0.83em;
}

.promotion .image a,
.promotion .image img,
.promotion .flash a,
.promotion .flash object {
  display: block;
}

.promotion .caption {
  font-size: 0.95em;
  line-height: 1.3;
  padding: 0.67em;
}

.promotion .hover .caption {
  text-decoration: underline;
}

.marginalContentBox h2 {
  background: transparent url(/++resource++wir/img/bgMarginalContentBoxHeaderRight.gif) no-repeat right top;
  color: white;
  font-weight: normal;
  padding: 0.1em 0.67em;
}

.marginalContentBox p,
.marginalContentBox ul,
.marginalContentBox dl,
#search,
#quickbook {
  background-color: #f3f3f1;
}

#myvienna p,
#myvienna ul,
.marginalteaser p {
  background-color: transparent;
}

.marginalContentBox a {
  color: #E3000E;
  text-decoration: none;
}

.marginalContentBox a:hover,
.marginalContentBox a:focus,
.marginalContentBox a:active {
  text-decoration: underline;
}

.topevents ul li,
.b2bnews ul li {
  padding: 0.25em 0;
}

.topevents ul li a,
.b2bnews ul li a,
.navdetail ul li a,
.navdetail ul li span {
  color: black;
  display: block;
  line-height: 1.2;
  padding: 0.5em 0.67em 0.35em;
}

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

.topevents ul li a:hover,
.b2bnews ul li a:hover,
.navdetail ul li a:hover,
.topevents ul li a:focus,
.b2bnews ul li a:focus,
.navdetail ul li a:focus,
.topevents ul li a:active,
.b2bnews ul li a:active,
.navdetail ul li a:active,
.navdetail ul li span {
  background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat left -1700px;
  color: #E3000E;
  text-decoration: none;
}

.b2bnews ul li strong {
  display: block;
  font-size: 1.053em;
  font-weight: normal;
}

.navdetail ul li span {
  font-weight: bold;
}

.topevents ul li .subline {
  display: block;
  font-size: 0.95em;
}

.marginalContentBox .link {
  font-size: 0.9em;
  padding: 0.4em 0.74em;
}

.marginalContentBox .link a {
  background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat right -896px;
  padding-right: 12px;
}

.marginalContentBox .link a.more {
  display: block;
  float: left;
  margin-bottom: 0.6em;
}

.marginalContentBox .link a.rss {
  background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat 3px -700px;
  color: #000000;
  display: block;
  float: right;
  margin-top: -0.1em;
  padding: 1px 0 2px 22px;
}

.marginalContentBox .link a.rss:hover,
.marginalContentBox .link a.rss:focus,
.marginalContentBox .link a.rss:active {
  color: #E30001;
}

/*- ÖGS/DGS Videos -*/

.oegsvideo p {
  background: #F3F3F1 url(/++resource++wir/img/iconpackService_r1.png) no-repeat 8px -1883px;
  min-height: 32px;
  line-height: 2;
	padding: 1em 0.67em 1em 0;
}

.oegsvideo a {
	color: black;
	display: block;
	font-size: 0.9em;
	padding-left: 47px;
}


/*- Weather -*/

.weather dl {
  position: relative;
}

.weather dt {
  font-size: 0.9em;
  min-width: 56px;
  padding-top: 0.2em;
  position: absolute;
  text-align: center;
  width: 5.4em;
}

.weather dt.firstday {
  left: 0;
}

.weather dt.secondday {
  left: 33%;
}

.weather dt.thirdday {
  right: 0;
}

.weather dd {
  border-right: 1px solid #cccccc;
  float: left;
  min-width: 56px;
  padding-top: 2em;
  text-align: center;
  width: 4.83em;
}

.weather dd.thirdday {
  border-right: none;
}

.weather p {
  font-size: 0.9em;
  margin-top: 0.2em;
  padding-bottom: 0.2em;
}

.weather .link {
  border-top: 1px solid #cccccc;
  clear: left;
  margin: 0;
}

/*- Newsletter -*/

.newsletter p {
	padding: 1em 0.67em 0;
}

.newsletter a {
	background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat left -800px;
	color: black;
	display: block;
	font-size: 0.9em;
	min-height: 32px;
	padding: 0 0 12px 35px;
}

.newsletterb2b p {
  background: #F3F3F1 url(/++resource++wir/img/iconNewsletter.png) no-repeat 8px 10px;
  min-height: 32px;
  padding: 1em 0.67em 0.67em 47px;
}

.newsletterb2b a {
  color: black;
  display: block;
  font-size: 0.9em;
  margin-bottom: 0.5em;
}


/* --- Tips and Blogteasers ------------------------------------ */

.tip {
  background: white url(/++resource++wir/img/bgMarginalTipBoxLeft.gif) no-repeat left top;
  cursor: pointer;
}

.tip h2 {
  background: transparent url(/++resource++wir/img/bgMarginalTipBoxRight.gif) no-repeat right top;
}

.tip .actualTip {
  border: 1px solid #E3000E;
  border-width: 0 1px 1px;
  overflow: hidden;
}

.tip img {
  display: block;
}

.tip blockquote p {
  padding: 0.2em 0.3em 0;
}

.tip .first,
.tip .second {
  color: #E3000E;
  display: block;
  font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
  font-size: 1.5em;
  line-height: 1.2;
}

.tip .second {
  text-align: right;
}

.tip:hover a span,
.tip a:hover span ,
.tip a:focus span ,
.tip a:active span {
  text-decoration: underline;
}

.tip .third {
  background: transparent url(/++resource++wir/img/iconLargeArrowsRight.png) no-repeat right bottom;
  font-size: 0.9em;
  line-height: 1.3;
  margin: 1.5em 0.4em 0 0;
  padding: 1.3em 0 0.4em 0.4em;
}

.blog .third {
  background-image: url(/++resource++wir/img/iconRSS.png);
}

.tip:hover .third {
  background-image: url(/++resource++wir/img/iconLargeArrowsRight_hover.png);
}

.blog:hover .third {
  background-image: url(/++resource++wir/img/iconRSS_hover.png);
}

.tip .third cite {
  font-style: normal;
}

.blog .third cite,
.viptip .third cite {
  color: #E3000E;
  display: block;
  padding-right: 33px;
}


.mytip .third {
  background: none;
  font-size: 1em;
  margin-right: 0;
  padding: 0 0.4em 0.4em;
}

.mytip .link {
  border-top: 1px solid #E30003;
  text-align: right;
}

.mytip .link a {
  color: #E3000E;
}

/* --- Search --------------------------------------------- */

#search {
	padding: 0.83em 0.67em;
}

#search input#searchterm {
	width: 9.6em;
}

#search button#searchsubmit {
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: 29px;
	margin-left: 3px;
	padding: 0;
	vertical-align: middle;
 	width: 19px;
}

#search button#searchsubmit img {
  margin-left: -2px;
}

/* --- Social Networks ------------------------------------- */

.socialnetworks p {
  padding: 1em 0 0.8em;
  text-align: center;
}

.socialnetworks a {
  padding: 0 0.75em;
}

.socialnetworks a:hover,
.socialnetworks a:focus,
.socialnetworks a:active {
  text-decoration: none;
}

/* --- Quickbook -------------------------------------------- */

/*- Tabs -*/

#quickbook ul {
	background: #dcdcd5 url(/++resource++wir/img/iconpackService_r1.png) repeat-x left -1400px;
	padding: 0;
}

#quickbook ul li {
	float: left;
	margin-bottom: 0;
}

#quickbook #hotelListitem {
	width: 35%;
}

#quickbook #eventListitem {
	width: 65%;
}

#quickbook ul li a,
#quickbook ul li span {
  color: black;
	display: block;
	font-size: 0.95em;
	padding: 0 0.72em 0.24em;
}

#quickbook ul li.state-active a {
	background-color: #f3f3f1;
	color: #E3000E;
}

#quickbook ul li a:hover,
#quickbook ul li a:focus,
#quickbook ul li a:active {
  background-color: transparent;
  background-image: none;
	color: #E3000E;
	text-decoration: none;
}

#quickbook ul li.state-active a:hover,
#quickbook ul li.state-active a:focus,
#quickbook ul li.state-active a:active {
  background-color: #f3f3f1;
}

#quickbook .tabs-hide {
	display: none;
}

#quickbook h3 {
	font-weight: normal;
	padding: 0.2em 0.67em 0;
}

#event h3 {
	border-top: 1px solid #dcdcd5;
	padding-top: 1em;
}

/*- Forms -*/

#quickbook form {
	padding: 0.83em 0.67em;
}

#quickbook select {
	border: 1px solid #dcdcd5;
	padding: 0;
}

#quickbook .input {
	padding: 0.2em 0;
}

#quickbook .input label {
	float: left;
/*  font-size: 0.95em;*/
	text-align: right;
	width: 30%;
}

#quickbook .input input {
	float: left;
	margin-left: 0.5em;
	width: 5.7em;
}

#quickbook .ui-datepicker-trigger {
	cursor: pointer;
	margin-left: 5px;
}

#quickbook .submit {
  margin: 0;
  padding: 0;
}

#hotel .roomWrapper {
	margin: 0.5em 0 0 0;
	text-align: right;
}

#hotel .roomWrapper input {
  margin-right: 0.2em;
	width: 1.5em;
}

#hotel .roomWrapper select {
  width: 9.5em;
}

#hotel .roomWrapper span {
/*  font-size: 0.95em;*/
}

#hotel #hotelsubmit,
#event #eventsubmit {
	background: url(/++resource++wir/img/iconSearch.png) no-repeat right top;
	border: none;
	color: #E3000E;
	cursor: pointer;
	float: right;
	height: 29px;
	padding: 0 1.8em 0 0;
	vertical-align: middle;
}

#event #categoryWrapper {
  margin-top: 0.5em;
}

#event #category {
	width: 100%;
}

#event .option label {
/*  font-size: 0.95em;*/
}

/* --- Moment ---------------------------------------------- */

#colRightWrap .moment,
#colLeftWrap .moment {
  min-height: 176px;
  position: relative;
}

#colRightWrap .red,
#colLeftWrap .red {
  background: white url(/++resource++wir/img/bgMarginalTipBoxLeft.gif) no-repeat left top;
}

#colRightWrap .red h2,
#colLeftWrap .red h2 {
  background: transparent url(/++resource++wir/img/bgMarginalTipBoxRight.gif) no-repeat right top;
}

#moment {
  height: 13em;
  min-height: 156px;
  width: 14.667em;
  min-width: 176px;
  color: #fff;
}

#moment .flash {
  padding: 0.5em;
  display: block;
}

#moment object {
  display: block;
}

#momentOverlay {
  background-color: white;
  border: 1px solid #E3000E;
  color: #E3000E;
  cursor: pointer;
  height: 13.9em;
  width: 13.5em;
  padding: 0.4em 0.5em;
  position: absolute;
  left: 0;
  top: 0;
}

#momentOverlay.gone {
  left: -999em;
}

#momentOverlay .text {
  font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
  font-size: 1.4em;
  line-height: 1.1;
}

#momentOverlay a {
  position: absolute;
  left: 0.5em;
  bottom: 0.3em;
  text-decoration: underline;
}

#momentOverlay a:hover,
#momentOverlay a:focus,
#momentOverlay a:active {
  color: black;
}

#playPause {
  background: transparent url(/++resource++wir/img/iconPlayPause.png) no-repeat left top;
  position: absolute;
  bottom: 3px;
  right: 3px;
  height: 16px;
  width: 16px;
  text-indent: -999em;
  z-index: 1;
}

#playPause.paused {
  background-position: left -16px;
}

#playPause:hover,
#playPause:focus,
#playPause:active {
  background-position: left -32px;
}

#playPause.paused:hover,
#playPause.paused:focus,
#playPause.paused:active {
  background-position: left -48px;
}

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

#colRightWrap .myvienna,
#colLeftWrap .myvienna {
   background: white url(/++resource++wir/img/bgMarginalTipBoxLeft.gif) no-repeat left top;
}

.myvienna h2 {
  background: transparent url(/++resource++wir/img/bgMarginalTipBoxRight.gif) no-repeat right top;
}

#myvienna {
  border: 1px solid #E3000E;
  border-width: 0 1px 1px;
  padding: 0.5em 0.67em;
}

#myvienna .welcome a {
  background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat right -1100px;
  display: block;
  font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
  font-size: 2em;
  line-height: 1;
  margin-bottom: 0.5em;
  padding-top: 80px;
}

#myvienna .welcome a:hover,
#myvienna .welcome a:focus,
#myvienna .welcome a:active {
  
}

#myvienna .welcome a .recommendations {
  display: block;
  font-size: 0.5em;
  line-height: 1.3;
  margin-top: 1em;
  text-align: right;
}

#myvienna a {
  font-size: 0.95em;
}

#myvienna .tripLinks {
  border-bottom: 1px solid #E3000E;
  margin-bottom: 0.4em;
  padding-bottom: 0.4em;
}

#myvienna .tripLinks li {
  background: transparent url(/++resource++wir/img/bgBullet.gif) no-repeat left 0.6em;
	line-height: 1.2;
	padding: 0.1em 0 0.1em 12px;
}

#myvienna .loginLink {
  border-right: 1px solid #E3000E;
  font-weight: bold;
  margin-right: 0.5em;
  padding-right: 0.5em;
}

#myvienna .pendingAccount {
  background: #e3000e url(/++resource++wir/img/bgMainNavFirstLevelHover.gif) repeat-x left top;
  border: 1px solid #e3000e;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: white;
  font-size: 0.95em;
  font-weight: bold;
  line-height: 1.3;
  margin: 0.5em 0;
  padding: 0.3em 0.5em;
}

/* --- Footer --------------------------------------------------

----------------------------------------------------------------- */

#quickNav {
  font-family: Arial, Helvetica, sans-serif;
  padding: 0.5em 0;
}

#quickNav .toplink {
  margin: 0 0.67em 1em;
  text-align: right;
}

#quickNav .toplink a {
  background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat right -997px;
  color: #E3000E;
  font-size: 0.9em;
  padding-right: 12px;
  text-decoration: none;
}

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

#quickNav .quicklist {
  float: left;
  margin-left: 1.497em;
  width: 14em;
}

#quickNav .first {
  margin-left: 0.667em;
}

#quickNav .quicklist p {
  font-size: 0.9em;
  font-weight: bold;
}

#quickNav ul li a {
  color: black;
  font-size: 0.9em;
  text-decoration: none;
}

#hotelInfo {
	float: right;
	min-width: 176px;
	width: 14.67em;
}

#hotelInfo ul {
	padding: 0.67em;
}

#hotelInfo ul li {
  background: transparent url(/++resource++wir/img/iconpackService_r1.png) no-repeat left -300px;
	font-size: 0.95em;
	padding: 0.3em 0 0.3em 30px;
	margin: 0.3em 0;
}

#hotelInfo #hotelPhone {
	background-position: left -400px;
}

#hotelInfo #hotelPlaces {
	background-position: left -500px;
}

#hotelInfo a {
  background: none;
	color: #E3000E;
	display: inline;
	padding: 0;
}

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

#theLastLine {
	clear: both;
	margin-bottom: 0.83em;
}

#theLastLine ul li {
	float: left;
	margin-left: 1em;
}

#theLastLine ul li.first {
	margin-left: 0;
}

#theLastLine ul li a,
#theLastLine ul li span {
	border-left: 1px solid #666666;
	color: #666666;
	font-size: 0.95em;
	padding-left: 1em;
	text-decoration: none;
}

#theLastLine ul li.first a,
#theLastLine ul li.first span  {
	border: none;
	padding-left: 0;
}

#theLastLine ul li a:hover,
#theLastLine ul li a:focus,
#theLastLine ul li a:active {
	text-decoration: underline;
}

/* --- Hofburg Page Specials --- */

body.hofburg #headerMain {
  float: none;
  min-width: 920px;
  width: 76.67em;
}

body.hofburg #headerMain h1 {
  right: 367px;
}

body.hofburg #mainContent {
  float: none;
  margin-left: 0;
  min-width: 0;
  width: auto;
}

body.hofburg #twoColumnMiddle {
  float: left;
  margin-left: 0.83em;
  min-width: 362px;
  width: 30.17em;
}

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

/* ar */

body.ar .hidden,
body.ar #skiplinks a {
  right: auto;
}

/* cs */

body.cs #hotel .roomWrapper {
  margin-left: 0.2em;
}

/* es */

body.es #hotel .roomWrapper {
  margin-left: 0.2em;
}

/* ja */

body.ja #headerFeatured .caption {
  font-size: 1.6em;
  letter-spacing: -4px;
  padding-bottom: 0.5em;
}

body.ja #headerFeatured .caption,
body.ja .tip .first,
body.ja .tip .second,
body.ja #momentOverlay .text,
body.ja #myvienna .welcome a {
  font-family: 'MS Mincho' 'Times New Roman', serif;
}

body.ja #quickbook #hotel form {
  padding-left: 0.2em;
  padding-right: 0.2em;
}

body.ja #quickbook .input input {
  margin-left: 0;
}

body.ja #quickbook #hotel .input input {
  margin-left: 0.3em;
  width: 5em;
}

body.ja #quickbook #hotel .input label {
  width: 40.5%;
}

body.ja #quickbook #event .input label {
  float: right;
}

body.ja #quickbook #event .option {
  padding-left: 1.6em;
}

/* pl */

body.pl #hotel .roomWrapper {
  margin-left: 0.2em;
}

/* ru */

body.ru #myvienna .welcome a {
  font-size: 1.7em;
  margin-bottom: 0.8em;
}

body.ru #quickbook #hotel .input input {
  margin-left: 1em;
  width: 5.2em;
}

body.ru #hotel .roomWrapper {
  margin-left: 0.2em;
}

body.ru #quickbook #hotelListitem {
  width: 40%;
}

body.ru #quickbook #eventListitem {
  width: 59%;
}

