/* ================================== */
/*  WienTourismus CSS : Layout Styles  */
/* ================================== */

body {
  background-color: white;
  color: #000000;
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
  line-height: 1.5;
}

/* --- Main outer Elements ------------------------------------- */

#page {
  margin: 0 auto;
  min-width: 920px;
  position: relative;
  width: 76.67em;
}

#page.b2b {
  margin-top: 2.8em;
}

#topNav {
  background-color: #f3f3f1;
  margin-bottom: 0.83em;
  padding-bottom: 1.5em;
  position: relative;
}

#mainNav {
  background: #585851 url(/++resource++wir/img/bgMainNavFirstLevelTopLeft.gif) no-repeat top left;
  clear: both;
  margin-bottom: 2.7em;
  margin-top: 0.83em;
  position: relative;
}

#colLeftWrap {
  float: left;
  min-width: 176px;
  width: 14.667em;
}

#colRightWrap {
  float: right;
  min-width: 176px;
  width: 14.667em;
}

#mainContent {
  float: left;
  margin-left: 0.83em;
  min-width: 548px;
  position: relative;
  width: 45.67em;
}

#footer {
  clear: both;
}

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

  #twoColumnLeft          The whole left column (2 columns wide) in a two column main Content Layout
  #twoColumnRight         The whole right column (1 solumn wide) in a two column main Content Layout
  
  .twoContentBox[/++resource++wir.]     The 2 column wide content Boxes and the Variations needed for the background-images
 
  .oneContentBox[/++resource++wir.]     The 1 column wide content Boxes and the Variations needed for the background-images
  
----------------------------------------------------------------- */

#twoColumnLeft {
  float: left;
  width: 30.17em;
  min-width: 362px;
}

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

#threeColumnLeft {
  float: left;
  width: 14.67em;
  min-width: 176px;
}

#threeColumnMiddle {
  float: left;
  margin-left: 0.83em;
  width: 14.66em;
  min-width: 176px;
}

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

.threeContentBoxOuter,
.twoContentBoxOuter,
.oneContentBoxOuter {
  background: #f3f3f1 url(/++resource++wir/img/bgContentBoxTopLeft.png) no-repeat left top;
  margin-bottom: 0.83em;
}

.threeContentBoxWrap,
.twoContentBoxWrap,
.oneContentBoxWrap {
  background: transparent url(/++resource++wir/img/bgContentBoxBottomLeft.png) no-repeat left bottom;
}

.threeContentBoxAdditional,
.twoContentBoxAdditional,
.oneContentBoxAdditional {
  background: transparent url(/++resource++wir/img/bgContentBoxBottomRight.png) no-repeat right bottom;
}

.threeContentBox,
.twoContentBox,
.oneContentBox {
  background: transparent url(/++resource++wir/img/bgContentBoxTopRight.png) no-repeat right top;
  padding: 0.67em 0.67em 0.5em;
}

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

#quickNavOuter {
  background: #f3f3f1 url(/++resource++wir/img/bgContentBoxTopLeft.png) no-repeat left top;
  float: left;
  margin-bottom: 0.83em;
  min-width: 734px;
  width: 61.167em;
}

#quickNavWrap {
  background: transparent url(/++resource++wir/img/bgContentBoxBottomLeft.png) no-repeat left bottom;
}

#quickNavAdditional {
  background: transparent url(/++resource++wir/img/bgContentBoxBottomRight.png) no-repeat right bottom;
}

#quickNav {
  background: transparent url(/++resource++wir/img/bgContentBoxTopRight.png) no-repeat right top;
}

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

body.hofburg #header {
  margin-bottom: 1.5em;
}

body.hofburg #oneColumn {
  float: left;
  min-width: 733px;
  width: 61.1em;
}

.nofloat {
  float: none !important;
}