/* www.bergbahnen-stjakob.at */

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

  Text:       #474550 (dark-gray)
  Links:      #db0031 (red)
  Mouse-Over: #888888

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


/* General Format */

html, body, div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
 margin: 0;
 padding: 0;
}

body {
 background: #fff;
 cursor: default;
}

body, td {
 font-size: 10px;
 font-family: verdana, lucida, arial, helvetica, sans-serif;
 color: #474550;
}

img {
 border: 0;
}

/* Clearfix */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

a {
 color: #db0031;
 text-decoration: none;
}

a:hover {
 color: #888888;
 text-decoration: none;
}


/* Layout */

#header {
 width: 776px;
 height: 105px;
 margin: 0 0 1px 0;
 background: url('/img/layout/header_bg.jpg') 232px 0 no-repeat;
}

#header .writing {
 margin: 22px 0 0 17px;
}

#header ul {
 margin: 10px 0 0 20px;
 list-style-type: none;
}

#header ul li {
 float: left;
 margin: 0 10px 0 0;
}

#header ul li a {
 display: block;
 padding: 0 2px;
}

#welcome {
 position: absolute;
 top: 288px;
 left: 20px;

 font-size: 10px;
 font-weight: normal;
 color: #db0031;
 letter-spacing: 3px;
}

#main {
 width: 775px;
 background: url('/img/layout/content_bg.gif') repeat-y;
}

#content {
 float: left;
 background: #fff;
 padding: 45px 20px 0 20px;

 width: 605px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 565px;
}

#dummy { margin: 0; }

#quickinfo {
 float: right;
 width: 170px;
 padding: 224px 0 0 0;
 margin: 0 0 10px 0;
}


/* Main Menu */

#menu {
 width: 776px;
 padding: 5px 0;
 min-height: 12px;
 background: #db0031 url('/img/layout/menu_rounding.gif') no-repeat;
 margin: 0 0 1px 0;
}

#menu ul {
 list-style-type: none;
}

#menu ul li {
 float: left;
}

#menu ul li a {
 display: block;
 color: #fff;
 text-decoration: none;
 padding: 0 8px;
}


/* Mood-Picture & Zone-Selection */

#mood-picture {
 width: 776px;
 height: 154px;
}

#zone-select {
 width: 413px;
 height: 154px;
 background: url('/img/zones/zone-selection.jpg') no-repeat;
 margin: 0 0 0 363px;
}

#zone-select a {
 position: absolute;
 width: 139px;
 height: 154px;
 top: 130px;
 text-decoration: none;
}

#zone-select a em {
 visibility: hidden;
}

a#boarder-zone {
 left: 364px;
}

a#familien-zone {
 left: 504px;
}

a#sommer-zone {
 left: 640px;
}


/* Tiscover Searchbox */

#tiscover-search {
 background: #fff;
 position: absolute;
 top: 246px;
 left: 605px;
 padding: 0 0 8px 0;
}

#tiscover-search h4 {
 background: url('/img/layout/tiscover_search_rounding.gif') no-repeat;
 margin: 0;
 padding: 18px 0 8px 6px;

 font-size: 10px;
 font-weight: bold;
 color: #fff;

 width: 170px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 164px;
}

#dummy { margin: 0; }

#tiscover-search #searchbox {
 padding: 0 0 0 10px;
 border: 1px solid #db0031;
 border-width: 0 1px;
}


/* Back, Top (below Content */

#content .back-top {
 text-align: right;
 margin: 20px 10px 10px 0;
 list-style-type: none;
}

#content .back-top li {
 display: inline;
 margin: 0 10px 0 0;
}

#content .back-top li a {
 color: #db0031;
 text-decoration: none;
}


/* Quick Info */

#quickinfo h4 {
 background: url('/img/layout/quickinfo_rounding.gif') no-repeat;
 margin: -5px 0 0 0;
 padding: 4px 0 3px 20px;
 border-bottom: 1px solid #fff;

 font-size: 11px;
 font-weight: bold;
 color: #fff;
}

html>body #quickinfo h4 {
 margin: -11px 0 0 0;
}

#quickinfo ul {
 margin: 10px 0 0 10px;
 background: url('/img/layout/quickinfo_listbutton.gif') repeat-y;
 list-style-type: none;
}

#quickinfo ul li {
 padding: 0 0 0 25px;
}

#quickinfo ul li a, #footer #creator a {
 color: #fff;
 text-decoration: none;
}

#quickinfo ul li a:hover, #footer #creator a:hover {
 color: #fff;
 text-decoration: underline;
}


/* Footer */

#footer {
 width: 775px;
 background: #db0031;
}

#copyright {
 margin: 0 0 0 12px;
 padding: 2px;
 background: #f1f1f1;
 border-right: 5px solid #db0031;

 font-size: 9px;
 text-align: right;

 width: 763px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 754px;
}

#dummy { margin: 0; }

#copyright p {
 float: left;
}

#footer #creator {
 padding: 60px 0 5px 0;
 text-align: center;
}

#footer #address {
 float: left;
 background: #fff url('/img/layout/address_bg.gif') 90px 10px no-repeat;
 font-size: 9px;
 padding: 15px 88px 15px 130px;
}

#footer #address a {
 color: #888888;
 text-decoration: none;
}

#footer #address a:hover {
 color: #db0031;
 text-decoration: none;
}


/* Forms */

input, option, select, textarea {
 font-family: verdana, lucida, arial, helvetica, sans-serif;
 font-size: 10px;
 color: #474550;
 background: #fff;
}

#content input, #content select, #content textarea {
 margin: 1px 0;
 padding: 2px;
 border: 1px solid #db0031;
}

#content .redBG {
 background: #db0031;
 color: #fff;
 padding: 0;
}

#header form {
 margin: 27px 0 0 615px;
 color: #fff;
}

/* fix SiteSearch in Mozilla */
html>body #header form {
 margin: 20px 0 0 615px;
}

#header form input {
 border: 1px solid #000;
}

#header form #SiteSearchText {
 width: 80px;
 color: #000;
}

#header form #SubmitSiteSearch {
 width: 22px;
 height: 16px;

 color: #000066;
 background: #a7c9fd;
}

#TiscoverSearchForm {
 display: inline;
}

#TiscoverSearchForm input, #TiscoverSearchForm select {
 margin: 0 0 4px 0;
}

#TiscoverSearchForm .SubmitTiscoverSearch {
 padding: 0 22px 0 0;
 font-size: 11px;
 font-weight: bold;
 text-align: right;
}


/* Content Format */

#content h2 {
 margin: 0 0 32px 0;

 font-size: 12px;
 font-weight: bold;
 color: #db0031;
}

#content ul {
 list-style-type: disc;
 margin: 0 0 0 15px;
}

#content .tipp li {
 margin: 0 0 0 10px;
 color: #db0031;
}

.innenabstand td {
 padding: 5px;
}

#content p {
 margin: 0 0 18px 0;
}

.bottom-seperator {
 border-bottom: 1px solid #919096;
 padding: 0 0 5px 0;
}

th {
 padding: 5px;
 background: #db0031;

 font-size: 11px;
 font-weight: bold;
 color: #fff;
 text-align: left;
}

.services {
 width: 290px;
}

.tarife, .services {
 border-collapse: collapse;
}

.tarife th {
 text-align: center;
}

th a {
 color: #fff;
 text-decoration: none;
}

.tarife td, .tarife th, .services td, .services th {
 padding: 2px;
 border: 1px solid #db0031;
}

.tarife td table td, .services td table td {
 padding: 0;
 border: 0;
}

#content .event-large {
 float: left;
 width: 155px;
 margin: 5px 11px 16px 11px;
 padding: 10px 1px 5px 1px;
 color: #fff;
}

#content .event-large h3 {
 font-size: 15px;
 font-weight: bold;
 color: #fff;
 margin: 0 0 3px 3px;
}

#content .event-large p {
 padding: 0 4px;
 margin: 0;
}

#content .event-large img {
 margin: 0 0 2px 0;
}

.odd {
 background: #db0031;
}

.even {
 background: #010066;
}

#content #tis-weather a {
 display: block;
 float: left;
 color: #888888;
 margin: 0;
 padding: 4px 15px 0 0;
}

#content .left {
 text-align: left;
}


/* Overviews */

#article-overview-large h2, #article-overview-small h2 {
 margin: 0 0 3px 0;
}

#article-overview-large {
 float: left;
 width: 408px;
 margin: 0 -10px 0 0;
}

#article-overview-small {
 float: right;
 width: 156px;
}

#article-overview-small .article-small {
 float: left;
 margin: 0 0 10px 0;
 padding: 10px 0 10px 0;
 background: url('/img/layout/article_small_bg.gif') top left no-repeat;
}

#article-overview-small #first-small-article {
 padding: 0;
 background: none;
}

#article-overview-large .article-large {
 float: left;
 margin: 0 10px 35px 0;
 padding: 0 10px 0 0;
 background: url('/img/layout/article_large_bg.gif') repeat-y;
 width: 194px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 184px;
}

#dummy { margin: 0; }

#article-overview-large .article-large img {
 margin: 0 0 8px 0;
}

#article-overview-small .more, #article-overview-large .more {
 display: block;
 width: 100%;
 
 text-align: right;
 font-weight: bold;
}

#article-overview-small .article-small p, 
#article-overview-large .article-large p {
 margin: 0 0 10px 0;
}