/* heugenhauser.at/ski's CSS | 2006 (c) Skischule & Skiverleih Heugenhauser */

/* I. ESSENTIALS */

* {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  text-decoration: none;  
  }

html, body {
  background: #f0f0f0 url(images/bg_white.png) repeat-x;
  color: #666;
  font-size: small;
  text-align: center;
  }

p { margin: 10px 0 10px 0; }
p.nomargin { margin: 0; }
p.rightmargin { margin: 0 30px 10px 0; }
p.specialsmargin { margin: 10px 30px 0 0; }

p.padding { padding: 5px; }
p.center { text-indent: 150px; }

p.red { font-weight: bold; color: #CC0000; padding: 5px; }
span.red { font-weight: bold; color: #CC0000; }
span.black { font-weight: bold; }

.right { text-align: right; }

.altright { text-align: right; }

img.center { display: block;
    margin-left: auto;
    margin-right: auto; }
	
img.start { display: block;
 }	
	
img { border: 0; }
img.floatright {
    margin: 0px 30px 0px 10px;
    float: right;
}

img.floatright2 {
    margin: 0px 100px 0px 10px;
    float: right;
}

img.floatright3 {
    margin: 0px 0px 0px 100px;
    float: right;
}

img.floatleft {
    border-bottom: 8px solid white;
	float: left;
}

img.floatleftnomargin {
    margin: 0 20px 0 0;
    float: left;
}

img.floatleft {
    margin: 0 20px 0 5px;
    float: left;
}

img.clockimage {
    margin: 0 0 0 0;
    float: left;
}

img.subimages { margin: 0 0 0 10px; }

strong { font-weight: bold; }

.tm { margin-top: 40px; }
.m0 { margin: 0; }

.highlight { font-size: 120%; font-weight: bold; color: #CC0000; background-color: #ffff99; }
.highlightblink { font-size: 120%; font-weight: bold; color: #CC0000; background-color: #ffff99; text-decoration: blink; }

.highlightsmall { font-weight: normal; color: #CC0000; background-color: #ffff99; }
.pfeilrechts {
  background: transparent url(images/arrowright_symbol.gif) 0 .4em no-repeat;
  padding-left: 1.3em;
  }

/* II. LINKS */

a {
  background-color: inherit;
  color: #0073BB;
  text-decoration: underline;
  }

a:hover {
  background-color: #ffff99;
  color: #CC0000;
  }
  
.titletext a, .footertext a {
  text-decoration: none;
  border-bottom: 0px solid;
  background-color: inherit;
  color: #ffff99;
  }
  
.titletext a:hover {
  text-decoration: none;
  border-bottom: 0px solid;
  background-color: #ffff99;
  color: #CC0000;
  }
  
.footertext a:hover {
  text-decoration: none;
  border-bottom: 0px dotted;
  background-color: #CC0000;
  color: #ffff99;
  }
  
.aimg a img, .aimg a:hover img{ background-color: #FFF; border: 6px solid red; margin:0; padding:0; text-decoration: none;}   
/* III. LAYOUT */

#wrapper { background: url(images/wrapper_bg_white.png) bottom left repeat-x; }

#container {
  width: 760px;
  text-align: left;
  margin: 0 auto;
  }
  
#container1 {
  width: 760px;
  text-align: left;
  margin: 0 auto;
  }

#title {
  top: 10px;
  height: 20px;
  position: relative;
  text-align: right;
  z-index: 1;
  }

.titletext {
  margin: 0 0px 0 0;
  font-size: 80%;
  background-color: silver;
  color: #999;
  }

#headerstart {
  height: 220px;
  background: #FFF url(images/header_start.png) no-repeat;
  position: relative;
  }
  
#header {
  height: 220px;
  background: #FFF url(images/header_white_static.png) no-repeat;
  position: relative;
  }

#headerlogo h1 {
  text-indent: -9999px; 
  }
  
p.accessibility {
  display: none;
  }   

#content {
  background: #FFF url(images/main_bg.png) repeat-y;
  text-align: left; 
  font-size: 80%;
  }

#leftColumn {
  float: left;
  padding: 0 0 0 30px;
  width: 130px;
  height: 100%;
  }
  
#startColumn {
  padding: 0 0 0 80px;
  width: 760px;
  height: 100%;
  }  

#rightColumn { margin: 0 0 0 200px; }

.post { width: 300px; }
.side { width: 325px; }

#footer {
  width: 100%;
  height: 80px;
  position: relative;
  float: left;
  background: #FFF url(images/footer_bg_white.png) bottom left repeat-x;
  text-align: center;
  }
  
#footerstart {
  width: 100%;
  height: 80px;
  position: relative;
  float: left;
  background: #FFF url(images/footer_start.png) bottom left repeat-x;
  text-align: center;
  }  

#footerbox {
  width: 760px;
  height: 80px;
  background: #FFF url(images/footer_bg_white.png) no-repeat;
  margin: 0 auto;
  }

.footertext {
  text-align: center;
  margin: 50px 0 0 0;
  font-size: 80%;
  color: #FFF;
  background-color: transparent;
  }
  
.footertextstart {
  text-align: center;
  margin: 50px 0 0 0;
  font-size: 80%;
  color: #666;
  background-color: transparent;
  }
  
 /* clearing */
 
 /* http://www.positioniseverything.net/easyclearing.html */
 .clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
 
 .clearfix { display: inline-table; }
 
 * html .clearfix { height: 1%; } /* Hides from IE-Mac */
.clearfix { display: block; }


/* IV. NAVIGATION MENU */

#menu {
  width: 140px;
  font-size: 12px;
  }

#menu a  {
  display: block;
  text-decoration: none;
  padding-left: 5px;
  }

#menu ul {
  margin:0;
  }
  
#menu li:hover, #menu li a:hover{  
  width: 140px;
  display: block;
  }

#menu a:hover, #menu a:focus, #menu a:active,
#menu .base a:hover, #menu .base a:focus, #menu .base a:focus,
#menu .sub a:hover, #menu .sub a:focus, #menu .sub a:active,
#menu .subactive a:hover, #menu .subactive a:focus, #menu .subactive a:active {
  color: #CC0000;
  background: #FFF;
  }

#menu .sub a:hover, #menu .sub a:focus, #menu .sub a:active, #menu .subactive a, #menu .subactive a:hover { 
background: transparent url(images/arrowright_symbol.gif) 0.8em .6em no-repeat; color: #CC0000; }


#menu .base a {
  background-color: #FFF;
  color: #000;
  line-height: 40px;
  width: 140px;
  }

#menu .baseactive a {
  color: #000;
  font-weight: bold;
  line-height: 40px;
  border-bottom: solid 0px #D7D7FF; 
  width: 140px;
  }

#menu .sub a, .subend a, .subendactive a {
  color: #000;
  /*line-height: 20px;*/
  text-indent: 16px;
  }

#menu .subactive a, .subendactive a {
  color: #000;
  font-weight: bold;

  text-indent: 16px;
  }

#menu .subend a, .subendactive a {
  border-bottom: dotted 0px silver;
  }
  
  
/* V. APPEARANCE */

/* about this website */

.aboutbox {
  background: #000 url(about_bg.png) bottom left no-repeat;
  padding: 10px 10px 10px 60px;
  color: #666;
  }

/* sheets */

.gallerysheet {
  background: transparent url(sheet_gallery.png) no-repeat;
  height: 238px;
  }

.aboutsheet {
  background: transparent url(sheet_about.png) bottom left no-repeat;
  padding: 30px 10px 0px 20px;
  height: 210px;
  }

.aboutsheet ul {
  list-style-type: none;
  padding: .5em 0 0 0;
  }

.aboutsheet li { padding: .5em 0 0 1em; }

/* flash gallery */

#gallerycontainer {
  width: 695px;
  position: relative;
  float: left;
  padding: 30px 0 0 60px;
  }

* html object.hide {display: none;} /* hide object for bad browsers */
  
#galleryafter {
  width: 680px;
  position: relative;
  float: left;
  padding: 30px 0 0 40px;
  }

/* rss button */

#rssbutton { 
  display: block; 
  height: 35px; 
  width: 70px; 
  }
  
#rssbutton a { background: transparent url(rssbutton.png) no-repeat; }

#rssbutton span { display: none; }  

#rssblock a { 
  display: block; 
  height: 35px;
  }

#rssblock a:hover { background-position: 0 -35px; }

/* resources and contact block */

.floatleftblock {
  margin: 0 20px 0 0;
  width: 160px;
  float: left;
  background: #FFF url(images/specials_bg.png) top left no-repeat;
  border-bottom: 0px solid #666;
  }

.bottombox {
 float:left;
 margin-top:30px; 
 width: 550px;
}

.workshopbottombox {
 float:left;
 width: 550px;
}

.topbox {
 float:left;
 margin-bottom: 10px; 
 width: 550px;
}

.featuresbox {
 float: left;
 width: 530px;
 background: url(images/features_bg.png) top left no-repeat;
 padding: 0 0 20px 20px;
 margin: 0 0 10px 0;
}

.featuresbox_red {
 float: left;
 width: 530px;
 background: url(images/featuresbox_red.png) top left no-repeat;
 padding: 0 0 20px 20px;
 margin: 0 0 10px 0;
}

.box {
 float: left;
 width: 530px;
 background: #FFF;
 padding: 0 0 30px 10px;
}

.boxbottom {
 float: left;
 width: 530px;
 background: #FFF;
 padding: 0 0 0 10px;
}

.workshopbox {
 float: left;
 width: 200px;
 background: transparent;
 padding: 0 0 0 10px;
}

.startcontentbox {
  text-align: center;
 float: left;
 width: 300px;
 background: transparent;
 padding: 0 0 0 0;
}

.specialsbox {
 float: left;
 width: 530px;
 margin-bottom: 10px; 
 background: url(images/specialsbox_bg.png) top left no-repeat;
 padding: 0 0 20px 20px;
}

.carvbox {
 float: left;
 width: 530px;
 margin-bottom: 10px; 
 background: url(images/carvbox_bg.png) top left no-repeat;
 padding: 0 0 20px 20px;
}

.skiservicebox {
 float: left;
 width: 530px;
 margin-bottom: 10px; 
 background: url(images/skiservicebox_bg.png) top left no-repeat;
 padding: 0 0 20px 20px;
}

.aktionsbox {
 float: left;
 width: 530px;
 margin-bottom: 10px; 
 background: url(images/aktionsbox_bg.png) top left no-repeat;
 padding: 0 0 20px 20px;
}

.specialsboxyellow {
 float: left;
 width: 530px;
 margin-bottom: 10px; 
 background: url(images/specialsbox_bg_green.png) top left no-repeat;
 padding: 0 0 20px 20px;
}
  
.skicomphomebox {
 float: left;
 width: 520px;
 margin-bottom: 10px; 
 background: url(images/skicomphomebox.png) top left no-repeat;
 padding: 0 0 20px 20px;
}


.teaser {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  }  
  
.clearright {
    clear: right;
}

.clearleft {
    clear: left;
}  

.clearboth { clear: both; }

/* icons */

.emailicon {
  background: transparent url(images/email.gif) 0 .35em no-repeat;
  padding-left: 1.5em;
    }

.locationicon {
  background: transparent url(home.gif) 0 .2em no-repeat;
  padding-left: 1.5em;
  }

.commenticon {
  background: #FFF url(comment.gif) 0 .3em no-repeat;
  color: #999;
  padding-left: 1.5em;
  margin-top: 20px;
  }

.validicon {
  background: transparent url(images/check_symbol.gif) 0 .2em no-repeat;
  padding-left: 1.5em;
  }

.skip {
  background: transparent url(images/gotocontent_symbol.gif) 0 .4em no-repeat;
  padding-left: 1em;
  }

.top {
   background: transparent url(images/backtotop_symbol.gif) 0 .3em no-repeat;
   padding-left: 1em;
   }
  
/* lists */

ul
{
  list-style-type: none;
  margin: 0 0 0 0;
}

li { line-height: 1.5em; }

.inlinelist li { 
  display: inline; 
  background: transparent url(images/arrow_r.gif) 0 .15em no-repeat;
  padding-left: 1.5em;
  line-height: 1.5em;
  }

.alist ul, .inlinelist ul {
  list-style-type: none;
  margin: 0 0 0 0;
  }

.alist li {
  background: transparent url(images/arrow_r.gif) 0 .3em no-repeat;
  padding-left: 1.5em;
  line-height: 1.5em;
  }


.featureslist li {
  background: transparent url(images/check_symbol.gif) 0 .5em no-repeat;
  padding-left: 1.5em;
  line-height: 2em;
  }
  
.specialslist li {
  background: transparent url(images/arrow_r.gif) 0 .5em no-repeat;
  padding-left: 1.5em;
  line-height: 1.5em;
  }  
 


/* headings */

h2, h2 a, h3, h4, h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: #CC0000;
  background-color: inherit;
  text-transform: uppercase;
  border-bottom: none;
  }

.post h2 {
  margin: 0 0 10px 0;
  }
  
h3 {
  margin: 0 0 10px 0;
  font-size: 24px;
  color: #CC0000;
  line-height: 2em;
  text-transform: none;
  }
  
h3.margintop {
  margin: 30px 0 10px 0;
  }  

h3.aktionen {
  margin: 0 0 0 0;
  font-size: 18px;
  color: #FFF;
  text-align: center;
  line-height: 2em;
  text-transform: none;
  background-color: transparent;
  }

h4 {
  font-size: 18px;
  padding: 20px 0 0px 0;
  margin: 0 0 10px 0;
  }
  
h4.aktionen {
  font-size: 20px;
  color: #CC0000;
  text-align: left;
  padding: 20px 0 0px 0;
  margin: 0 0 10px 0;
  }
  

h5 {
  font-size: 16px;
  padding: 20px 0 0px 0;
  }  
 

h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  margin: 30px 0 10px 0;
  color: #CC0000;
  text-align: center;
  
  }

/* tables */

.mytable, .mytable2 {
  width: 525px;
  margin: 10px 0 20px 0;
  border: 0px solid #E8E8E8;
  font-size: 10px;
  }

th {
  color: #FFF;
  border-bottom: 1px solid #E8E8E8;
  /*border-top: 1px solid #E8E8E8;*/
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: left;
  padding: 5px 5px 5px 5px;
  background: #CC0000 url(images/table_left_bg.png) top left no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  }
  
th.smallth {
  background: #CC0000 url(images/table_right_bg.png) top right no-repeat;
  color: #FFF;
  font-weight: bold;
  text-transform: none; 
  font-size: 10px;
  text-align: right;
  }
  
th.smallthmiddle {
  background: #CC0000 url(images/table_right_bg.png) top center no-repeat;
  color: #FFF;
  font-weight: bold;
  text-transform: none; 
  font-size: 10px;
  text-align: right;
  }

td, .mytable2 td {
  background: #f8f8f8;
  color: #666;
  padding: 5px 5px 5px 5px;
  border-bottom: 1px solid #E8E8E8;
  text-align: left;
  }

.mytable2 td { text-align: right; }  
  
td.altright { text-align: right; padding-right: 15px;}
td.right { text-align: right; padding-right: 15px;}
td.headright { text-align: right; }

td.alt, td.altright {
  background-color: #FFFFBB;
  color: #666;
  }
  
td.subheader {
  background: #CC0000 url(images/table_bg.png) top left no-repeat;
  color: #FFF;
  font-weight: bold;
  }  

td.subheader2 {
  background: #CC0000 url(images/table_bg.png) top left no-repeat;
  color: #FFF;
  font-weight: bold;
  text-align: right;
  padding-right: 30px;
  } 

td.subheader3 {
  background: #CC0000 url(images/table_bg.png) top left no-repeat;
  color: #FFF;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  } 

td.subheader4 {
  background: #CC0000 url(images/table_bg.png) top left no-repeat;
  color: #FFF;
  text-align: right;
  padding-right: 10px;
  } 
/* contact and comment form */

.error { 
  color: #F90;
  background: #FFF url(alert.gif) 0 .2em no-repeat;
  padding-left: 1.5em;
  }

.contactleft { margin: 20px 0 0 0; }
.contactright { margin-top: 3px; }

form {
  font-size: x-small;
  background-color: #FFF;
  color: #666;
  width: 300px;
  }
  
.gray { 
  background-color: #FFF; 
  color: #999; 
  }

input, textarea {
  padding: 4px;
  font-size: x-small;
  background: #F9F9F9;
  color: #666;
  border: 1px solid #e0e0e0;
  }

.submitbutton { 
  padding: 4px;
  border-color: #E0E0E0 #CCC #CCC #E0E0E0; 
  background: #E8E8E8;
  color: #666;
  }