/*******************************/
/*  PAUSCHALE  -  PAUSCHALE    */
/*******************************/

.pauschale1 {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin-left: -236px;
  top: 712px;
}


.pauschale2 {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin: 0px 0px 0px 211px !important;
  top: 713px;
}

.pauschale3 {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin-left: -295px;
  top: 703px;
}

.pauschale4 {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin: 0px 0px 0px 300px !important;
  top: 703px;
}

.sommer-weiter {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin: 0px 0px 0px 340px !important;
  top: 620px;
}

.sommer-back {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin: 0px 0px 0px 0px !important;
  top: 695px;
}

.pauschale5 {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin-left: -148px;
  top: 505px;
}

.pauschale6 {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin: 0px 0px 0px 130px !important;
  top: 505px;
}

.pauschale7 {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin-left: -345px;
  top: 700px;
}

.pauschale8 {
  position: absolute;
  z-index: 10;
  left: 50%;
  margin: 0px 0px 0px 298px !important;
  top: 700px;
}


#maincontent {
  width: 960px;
  height: 772px;
  margin: 110px 0px 0px 91px !important;
  /*border: solid 4px #fff;*/
}

#footer {
  margin: -16px 0px 0px 4px;
}

/*******************************/
/*  BODY  -  BODY  -  BODY     */
/*******************************/


body {
  background-color:#fff1d5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #656565;
  line-height: 17px;
}

#eyecatcher {
  visibility: hidden;
}

#pauschal-links {
  position: absolute;
  z-index:150;
  width: 955px;
  height: 680px;
  left: 50%;
  margin-left: -475px;
  top: 50px;
}

img {
  border: none;
}

/*
div {
  border: solid 1px #ff0000;
}
*/

a:focus {
  outline: none;
}

a {
  color:#333;
  text-decoration: none;
}

a:hover {
  color:#ff0000;
  text-decoration: none;
}


div.overlayitem {
  position:absolute;
  top:-516px;
  left:-450px;
  width: 700px;
  height: 250px;
}

/*******************************/
/*        ÜBERSCHRIFTEN        */
/*******************************/

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color:#838485;
  letter-spacing: 1pt;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color:#c2553d;
  margin: 0px 0px 5px 0px;
}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color:#77787b;
  font-weight: normal;
  text-align: center;
  margin: 0px 0px 0px 0px;
  letter-spacing: 5px;  
}

.subheader {
  letter-spacing: 1pt;
  font-size: 10px;
  font-weight: bold;
}

/*******************************/
/*  CONTAINER  - CONTAINER     */
/*******************************/

#logo {
  position: absolute;
  z-index:10;
  left: 50%;
  margin-left: -420px;
}

#container {
    position: absolute;
    width: 1140px;
    height: 940px;
    left: 50%;
    margin-top: -70px !important;
    margin-left: -570px;
    background-image: url(/fileadmin/templates/images/main-bg.jpg);
    background-repeat: no-repeat;
}

#maincontent {
  width: 954px;
  height: 772px;
  margin: 107px 0px 0px 91px !important;
  border: solid 5px #fff;
  /*padding:7px 2px;*/
}

#headerimage {
  width: 100%;
  height:520px;
  margin: 2px 0px 0px 0px;
}

#headerimage dl, #subcontent dl {
  margin: 0px;
}

.csc-textpic-image .csc-textpic-lastcol {
  padding:0px;
  margin:0px;
}

#subcontent {
  width:100%;
  margin:2px 0px 0px 2px;
}

#subnavi {
  float:left;
  width:193px;
  vertical-align: middle;
  height: 217px;
  text-align: center;
  border-right: solid 2px #fff;
}

#subnavi img, #subnavi2 img {
  border: none;
}

#content {
  float: left;
  height: 217px;
  width: 758px;
}

.clear {
  clear: both;
  width: 100%;
  height: 2px;
}

#footer {
  width: 950px;
  height: 28px;
  text-align:right;
  background-color:#fff1d6;
  margin: 0px 0px 20px 2px;
}

#mainmenu {
  width:570px;
  padding: 0px 0px 0px 10px;
}


#fusszeile {
  color: #707173;
  font-size:11px;
  text-align: center;
  font-family: arial;
  width: 102%;
  margin: 0px 0px 0px -10px;
}

#fusszeile a {
  color: #333;
  margin: 10px 0px 0px 0px;
  text-decoration: none;
}
#uid2 #fusszeile img {
  float:right;
  margin-top:-30px;
}

#footermenu{
  position: absolute;
  z-index: 500;
  top: 30px;
  width: 640px;
  left: 50%;
  margin-left: -105px;
  text-align:right;
}

#navi-bottom {
  margin-left: 5px;
}

/********/

td.angebote-rahmen span.formular {
	white-space: nowrap;
}

#mb_overlay {
	z-index:999;
}

#mb_center,
#mb_bottom {
	z-index:9999;
}


/*************************/
/******** facebook *******/
/*************************/

#facebook {
    height: 210px;
    margin-top: 31px;
    position: absolute;
    border: solid 3px #FFFFFF;
    background-color:#FFF2D8;
    right: 142px;
}

/*************************/
/* preisliste bei zimmer */
/*************************/

table.preisliste {
  width: 500px;
  background: #fff;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  border: 2px solid;
  position: relative;
  right: -190px;
}
table.preisliste-winter { /* sobald die preisliste wieder kuerzer wird: anpassen/loeschen! */
  font-size: 11px;
  top: 40px;
  width: 935px;
  right: 235px;
}
table.preisliste .col-1 {
  text-align: left;
  border: none;
}
table.preisliste td.beschreibung {
  padding-top: 0;
  font-size: 10px;
  line-height: 13px;
}
table.preisliste .saison {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
table.preisliste-sommer .saison {
  color: #c2553d;
}
table.preisliste-winter .saison {
  color: #4181b1;
}
table.preisliste .zimmertyp {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
table.preisliste-sommer .zimmertyp {
  color: #c2553d;
}
table.preisliste-winter .zimmertyp {
  color: #4181b1;
}
table.preisliste tr.last .col-1 {
  border-top: 2px dotted;
}
table.preisliste-sommer tr.last {
  font-size: 11px;
}
table.preisliste-sommer tr.last .col-1 {
  border-color: #c2553d;
}
table.preisliste-winter tr.last .col-1 {
  border-color: #4181b1;
}
table.preisliste td {
  padding: 5px;
  border: 2px dotted;
}
table.preisliste-sommer td {
  border-color: #c2553d;
}
table.preisliste-winter td {
  border-color: #4181b1;
}
table.preisliste .preise {
  white-space: nowrap;
  font-weight: bold;
  font-size: 12px;
}
table.preisliste-winter .preise { /* sobald die preisliste wieder kuerzer wird: anpassen/loeschen! */
  font-size: 11px;
}
table.preisliste-sommer {
  border-color: #c2553d;
}
table.preisliste-winter {
  border-color: #4181b1;
}
table.preisliste .zeitraum {
  border-right-color: #fff;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
table.preisliste-sommer .zeitraum {
  background: #c2553d;
}
table.preisliste-winter .zeitraum {
  background: #4181b1;
}
table.preisliste .verpflegung-1,
table.preisliste .verpflegung-2 {
  height: 13px;
}
table.preisliste-sommer .verpflegung-1 {
  background: #f3ded3;
}
table.preisliste-winter .verpflegung-1 {
  background: #dae3ef;
}
table.preisliste tr.last {
  color: #666666;
  white-space: nowrap;
  border-bottom: 2px solid;
}
table.preisliste tr.last td {
  white-space: nowrap;
}
table.preisliste-sommer tr.last {
  border-color: #c2553d;
}
table.preisliste-winter tr.last {
  border-color: #4181b1;
}
table.preisliste tr.last td div.vorteilswochen {
  position: relative;
}
table.preisliste tr.last td div.vorteilswochen img {
  position: absolute;
  bottom: -135px;
  right: -20px;
}

/****************/
/* Kinderpreise */
/****************/

div.kinderpreise {
	border: 2px solid;
	width: 350px;
	background: #fff1d6;
	color: #656565;
	position: relative;
	right: -340px;
	border-color: #ffbb00;
	padding-right: 0;
	padding-left: 0;
	letter-spacing: 1px;
}
div.kinderpreise h3, div.kinderpreise p, div.kinderpreise h4, div.kinderpreise ul {
	margin: 0;
	padding-right: 10px;
	padding-left: 10px;
}
div.kinderpreise h3 {
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	background: #ffbb00;
}
div.kinderpreise p {
	margin-top: 8px;
}
div.kinderpreise h4 {
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 8px;
	font-size: 12px;
	text-align: left;
	border-top: 2px dotted #ffbb00;
	padding-top: 5px;
}
div.kinderpreise ul {
	list-style: inside;
	list-style-type: square;
	margin-bottom: 8px;
	color: #ffbb00;
}
div.kinderpreise ul span {
	color:#656565;
}

table.kinderermaessigung {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: rgb(250, 187, 0);
	border-collapse: collapse;
	background-color: rgb(250, 187, 0);
}
table.kinderermaessigung th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: rgb(250, 187, 0);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	color:#FFF;
}
table.kinderermaessigung td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: rgb(250, 187, 0);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

/**********************/
/* Inklusivleistungen */
/**********************/

div.inklusivleistungen {
	border: 2px solid;
	width: 600px;
	background: #fff1d6;
	color: #656565;
	position: relative;
	right: -85px;
	border-color: #ffbb00;
}
div.inklusivleistungen h3, div.inklusivleistungen ul {
	margin: 0;
	padding-right: 10px;
	padding-left: 10px;
}
div.inklusivleistungen h3 {
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	background: #ffbb00;
	letter-spacing: 1px;
}
div.inklusivleistungen ul {
	list-style: outside;
	margin-left: 1.5em;
	list-style-type: square;
	margin-bottom: 8px;
	color: #ffbb00;
	margin-top: 5px;
}
div.inklusivleistungen ul span {
	color:#656565;
}

/***************/
/* Stubai-Card */
/***************/

div.stubaicard {
	width: 755px;
	height: 217px;
	background: #fef1d5;/*    overflow: hidden; */
	position: relative;
	font-size:10px;
	line-height:12px;
	text-align: left;
}
div.stubaicard * {
	margin: 0;
	padding: 0;
}
div.stubaicard h4 {
	font-size: 9px;
}
div.stubaicard h3 {
	color: #be563d;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 5px;
}
div.stubaicard table.preisliste {
	width: 100%;
	padding: 5px 10px 5px 10px;
	white-space: nowrap;
	margin-top: 10px;
	left: 0;
}
div.stubaicard table.preisliste td {
	padding: 5px 0 5px 0;
	border: none;
	text-align: left;
	padding-left: 1em;
}
div.stubaicard table.preisliste td.preis {
	font-weight: bold;
}
div.stubaicard table.preisliste tr.zeile-2 td {
	border-top: 1px dotted #666;
}
div.stubaicard h3 span {
	color: #d3886f;
}
div.stubaicard .zeitraum {
	color: #666;
	margin-bottom: 5px;
}
div.stubaicard .ueberschrift-1 {
	margin-bottom: 5px;
	font-size:12px;
}
div.stubaicard .ueberschrift-2 {
	color: #be563d;
}
div.stubaicard div.spalte-1, div.stubaicard div.spalte-2, div.stubaicard div.spalte-3 {
	padding: 10px;
	position: absolute;
}
div.stubaicard div.spalte-1 {
	width: 231px;
	float: left;
	bottom: 0;
	left: 0;
}
div.stubaicard div.spalte-2 {
	width: 232px;
	top:0;
	left:248px;
}
div.stubaicard ul {
	list-style: square;
	list-style-position:outside;
	margin:0;
	margin-top: 5px;
	margin-left: 1.5em;
	padding:0;
	color: #ffbb00;
}
div.stubaicard ul span {
	color: #000;
}
div.stubaicard div.spalte-3 {
	width: 232px;
	top:-3px;
	left:495px;
}
div.stubaicard div.spalte-3 p {
	color: #666;
	/* margin-top: 1em; */
}
div.stubaicard table.preisliste {
	border: 1px solid #BE563D;
}

/* -------------------- */
/* --- safari only! --- */
/* -------------------- */

@media screen and (-webkit-min-device-pixel-ratio:0){
#footer a { font-size:11px !important; }
#navi-bottom { position: relative !important; left: 10px !important; }
#footermenu { margin-left:-155px !important; }
#footermenu a { font-size:11px !important; }
}

/* ------------ */
/* --- rowa --- */
/* ------------ */

#logo a {
  display: block;
  width: 229px;
  height: 79px;
  text-indent: -5000px;
  background: transparent url(/fileadmin/templates/images/stubaierhof-logo.gif) no-repeat 0 0;
}
