/**
 * Styles for heidiskis.com
 * (c) Benjamin Zaiser, 2008
 */
*{
  margin: 0px;
  padding: 0px;
}

body{
  font-family: verdana;
  font-size: 11px;
  color: #000000;
  background-repeat: no-repeat;
  background-position: top left;
}

/** Links */
a{ text-decoration: none; color: #ff0000; }
a.internal-link-big,
.csc-header-n2 h2{
  background: url(../images/arrow-right.gif) no-repeat 0px 9px;
  /*padding-left: 20px;
  font-size: 25px;
  font-size: 18px;*/
  padding-left: 16px;
  font-size: 15px;
  color: #ff0000;
  display: block;
  line-height:28px;
}
a.external-link-new-window{
  font-weight: bold;
}
a.external-link{
  color: #000000;
}
.csc-header-n1 h1{
  font-size: 15px;
}
.csc-header-n2 h2{
  margin-left: -23px;
}
a.internal-link-big{
  margin-top: 10px;
}
a.internal-link-black{
  color: #000000;
}

img{ border: 0px; }
ul{ list-style-type: none; }
.clearer{ clear: both; }
address{ display: none; }

h1{  
  color: #ff0000;
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 10px;
  padding-top: 5px;
}
h3{
  font-size: 22px;  
  font-weight: normal;
}
.bodytext h3{ /* siehe Buy Product: Preis */
  text-transform: none !important;
  color: #000000 !important;
  margin-bottom: 0px !important; 
}


/**
 *Header
 */
#header{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 125px;
  background: url(../images/content_redline.gif) no-repeat bottom left;
}
/* Metanavigation -> jetzt Slogan only */
#header #slogan{
  position: absolute;
  top: 12px;
  left: 340px;
  height: 12px;
  text-transform: uppercase;
  font-size: 10px;
}
/**
#header #metanavi li{
  display: inline;
}
#header #metanavi li a{
  background: url(../images/metanavi_pipe.gif) no-repeat 0px 3px;
  padding: 0 0px 0 9px;
  margin-left: 5px;
  color: #ff0000;
}
*/
/* Navigation */
#header #navi{
  position: absolute;
  top: 100px;
  left: 340px;
  width: 680px;
}
#header #navi li{
  display: inline;
  margin: 0 15px 0 15px;
}
#header #navi li.first{ margin-left: 0px; }
#header #navi li a{
  color: #0b2a32;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#header #navi li a:hover,
#header #navi li a.active{
color: #ff0000;
}


/**
 * Content
 */
#contentwrapper{
  position: absolute;
  top: 125px;
  left: 0px;
  width: 100%;
  height: 303px;
  padding-bottom: 1px;
  background: url(../images/content_redline.gif) no-repeat bottom left;
}
#contentwrapper #content_left{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 315px;
  height: 100%;
} 
#contentwrapper #content_right{
  position: relative;
  top: 0px;
  left: 315px;
  /*width: 670px; zu schmal da Products->Skis 800 breit ist*/
  /*width: 850px;*/
  width: 700px;
  height: 100%;
}
#contentwrapper #content_right.whitebg{
  background: #ffffff;
}
#contentwrapper p.bodytext{
 line-height: 14px;
 /*clear:both;*/
}


/* Subnavigation */
#subnavi{
  padding-top: 8px;
  margin: 0 0 59px 25px;  
}
#subnavi li{
  display: inline;
  margin: 0 15px 0 15px;
}
#subnavi li.first{ margin-left: 0px; }
#subnavi li a{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0b2a32;
}
#subnavi li a:hover,
#subnavi li a.active{
  color: #ff0000;
}
#contentwrapper #content_right #content{
  margin-left: 25px;
  /*overflow: auto;
  height: 100%;*/
}

/* SubSubNavigation */
#subsubnaviWrapper{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 316px;
  height: 100%;
  text-align: center;
  color: #ffffff;
}
#subsubnaviWrapper p{
  text-transform: uppercase;
}
#subsubnaviWrapper #subsubnavi{
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 235px;
  /*margin-top: 50px;*/
  margin-top: 66px;
}
#subsubnaviWrapper #subsubnavi li a{
  background: url(../images/arrow-right_white.gif) no-repeat 0px 9px;
  /*padding-left: 20px;
  font-size: 23px;*/
  padding-left: 18px;
  font-size: 18px;
  line-height: 22px;
  display: block;
  /*height: 23px;
  margin-bottom: 13px;*/
  margin-bottom: 7px;
  padding-top: 4px;
  text-transform: lowercase;
  color: #ffffff;
}
#subsubnaviWrapper #subsubnavi li a.active{ color: #ff0000; }

#subnavi1col{
margin-top: 110px;
}
#subnavi1col li a{
color: #000000;
font-size: 15px;
}
#subnavi1col li a.active{
color: #ff0000;
font-weight: bold;
}



/** Content Navigation */
#contentnavi{
  margin-bottom: 5px;
  margin-top: -15px;
}
#contentnavi li{
  display: inline;
  margin-right: 20px;
}
#contentnavi li h4{
  display: inline;
  font-size: 25px;
  font-weight: normal;
  color: #ff0000;
}
#contentnavi li a{
  color: #0B2A32;
  text-transform: uppercase;
}
#contentnavi li a.active{
  text-decoration: underline;
  color: #ff0000;
}




/**
 * Subnavigation im Content-Bereich links
 * Template 2col
 * Team und Retailer 
 */
#subnavi2col{
  margin-top: 80px;
  width: 49%;
  float: left;
}
#subnavi2col li a{
  text-transform: lowercase;
  font-size: 15px;
}

#subnavi2col li ul{
  margin-top: 5px;
  margin-bottom: 10px;
}
#subnavi2col li ul li a{
  color: #000000;
  text-transform: none;
  font-size: 11px;
}
#subnavi2col li ul li a.active{
  font-weight: bold;
  color: #ff0000;
}

#subsubnavi2col{
  /*margin-top: 103px;*/
  padding-top:103px;
  float: left;
  width: 49%;
}
#subsubnavi2col li a{
  color: #000000;
  font-size: 11px;
  text-transform: none;
}
#subsubnavi2col li a.active{
  color: #ff0000;
  font-weight: bold;
  text-decoration: none;
}



/**
 *Footer
 */
#footer{
  position: absolute;
  top: 465px;
  left: 0px;
  width: 100%;
  display:none;
}
#footer #langswitch{
  position: absolute;
  top: 0px;
  /**left: 20px;*/
  left: 10px;
}
#footer #metanavi{
  position: absolute;
  top: 20px;
  left: 10px;
}
#footer #langswitch li,
#footer #metanavi li{
  display: inline;
}
#footer #langswitch li a,
#footer #metanavi li a{
  font-size: 10px;
  background: url(../images/metanavi_pipe.gif) no-repeat 0px 3px;
  padding: 0 0px 0 9px;
  margin-left: 6px;
  text-transform: uppercase;
  color: #0b2a32;
}
#footer #langswitch li.active a,
#footer #metanavi li.active a{ color: #ff0000; }
#footer #langswitch li.first a,
#footer #metanavi li.first a{ background: none; }


#footer #footer_content{
  position: absolute;
  top: 0px;
  left: 340px;
  /*left: 315px; */
  /*width: 660px; siehe content right*/
  /*width: 800px;*/
  width: 700px;
  line-height: 14px;
}


/**
 *FCE's
 */
/* 2col */
.fce_2col,
.fce_3col,
.fce_img2col{
  /*margin-left: 25px;*/
}
.fce_2col h1,
.fce_3col h1,
.fce_2col h2,
.fce_3col h2,
.fce_2col h3,
.fce_3col h3,
.fce_img2col h1,
.fce_img2col h2,
.fce_img2coll h3{
  color: #ff0000;
  /**font-size: 25px;*/
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: normal;
  text-transform: lowercase;
}
.fce_2col h2,
.fce_3col h2,
.fce_img2col h2{
  margin-bottom: 5px;
  font-size: 15px;
}
.fce_2col h3,
.fce_3col h3
.fce_img2col h3{
  margin-bottom: 5px;
}
.fce_2col h1 a,
.fce_2col h2 a,
.fce_3col h1 a,
.fce_3col h2 a,
.fce_img2col h1 a,
.fce_img2col h2 a{
  color: #ff0000;
  background: url(../images/arrow-right.gif) no-repeat scroll 0px 12px;
  padding-left: 16px;
  display: block;
  margin-bottom: -27px;
}

.fce_2col .left,
.fce_3col .left{
  float: left;
  margin-right: 15px;
  width: 46%;
}  
.fce_2col .right,
.fce_3col .right{
  float: left;
  width: 48%;
}

/* 3col */
.fce_3col .left,
.fce_3col .center,
.fce_3col .right{ 
  width: 30%; 
}
.fce_3col .center{ 
  float: left; 
  margin-right: 15px;
}

/* img2col */
.fce_img2col .left{ 
  float: left;
  width: 115px; 
  margin-right: 15px;
}
.fce_img2col .center{ 
  float: left;
  width: 280px; 
  margin-right: 15px;
}
.fce_img2col .center{ 
  float: left;
  width: 280px; 
}

/**
 * Anpassungen (pixelgenau) für Seite Products -> Ski
 */
.fce_2col a.internal-link-big{
  margin-top: 0px;
  margin-left: 10px;

}
.fce_2col div.csc-textpic-intext-left div.csc-textpic-imagewrap, 
.fce_2col div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap{
  margin-right:20px !important;
}

/**
 * Avaliable Sizes
 */
.bodytext p.align-left {
  float:left;
  width:177px;
  color:#FF0000;
}

.bodytext p.align-right {
  float:left;
  color:#FF0000;
}

.bodytext span.important {
  font-size:22px;
  margin-left:-2px;
}

.bodytext p.align-justify {
	clear:both;
}


/**
 *Textpics
 */
.csc-textpic.csc-textpic-left.csc-textpic-below .csc-textpic-text{
  float: right;
  width: 196px; // 200px
} 


/**
 *Image Gallery
 */
#content_left .tx-damd-gallery-pi1 ul{
  float: left;
}
.damd_gallery_catmenu,
.damd_gallery_catmenu_active{
  width: auto;
  float: left;
  width: 72px;
  height: 65px;
  margin-left: 27px;
  margin-bottom: 15px;
  text-align: center;
}
.damd_gallery_catmenu img{ border: 1px solid #ff0000; }
.damd_gallery_catmenu_active img{ border: 4px solid #ff0000;}
.damd_gallery_catmenu .images_incat,
.damd_gallery_catmenu_active .images_incat{
  display: none;
}

.tx-damd-gallery-pi1 .BigImageContainer{
  width: 456px;
  height: 100%;
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
}

.tx-damd-gallery-pi1 .imgList{ 
  float: left; 
  margin-left: 25px; 
  margin-top: 20px; 
  text-transform: uppercase;
}
.tx-damd-gallery-pi1 .imgList li.first{ margin-bottom: 10px;}
.tx-damd-gallery-pi1 .imgList li a { color: #000000; }
.tx-damd-gallery-pi1 .imgList li a:hover,
.tx-damd-gallery-pi1 .imgList li a.active{ color: #FF0000; }
.tx-damd-gallery-pi1 h2{
  font-size: 11px;
  text-transform: uppercase;
  color: #ff0000;
  margin: 15px 0 15px 27px;
}
.tx-damd-gallery-pi1 h2 span{
  padding-right: 10px;
  color: #6a6a6a;
}

/** ImageGallery 2 */
.csc-textpic .csc-textpic-imagecolumn{
  width: 675px !important;
}
.csc-textpic .csc-textpic-imagecolumn a{
  margin-right: 2px;
}
.csc-textpic .csc-textpic-imagecolumn p{
  width: 100px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}




/**
 * Mailformplus
 */
.mailformplus_contactform{
  min-height: 320px;
}
.mailformplus_contactform .left,
.mailformplus_contactform .right{ float: left; }
.mailformplus_contactform .left{ margin-right: 10px; }
.mailformplus_contactform fieldset{ border: 0px; }
.mailformplus_contactform .bla{display: none;}
.mailformplus_contactform input.text,
.mailformplus_contactform textarea.text{
  border: 1px solid #c0c0c0;
  width: 200px;
  font-size: 11px;
  padding: 2px 0 2px 0;
  margin-bottom: 11px;
}
.mailformplus_contactform textarea.text{ margin-bottom: 0px; }
.mailformplus_contactform label{
  width: 90px;
  font-weight: bold;
  float: left;
  display: block;
}
.mailformplus_contactform .radio_caption{
  padding-left: 10px;
  display: inline;
}
.mailformplus_contactform input.submit{
  padding: 0 10px 0 10px;
  width: 100px;
}
.mailformplus_contactform .error{
  color: red;
}



/**
 * Slogan, falls Flash nicht vorhanden -> slogan ist quad.swf
 */
.slogan{
  background-repeat: no-repeat;
  background-position: top left;
  width: 315px;
  height: 303px;
}
.slogan .slogan_header,
.slogan .slogan_header_white{
  text-transform: uppercase;
  color: #ffffff;
  width: 100%;
  height: 16px;
  text-align: center;
  padding-top: 60px;
  font-size: 13px;
}
.slogan .slogan_body,
.slogan .slogan_body_black{
  width: 100%;
  text-align: center;
  color: #ff0000;
  margin-top: 10px;
  font-size: 24px;
  line-height: 33px;
}
.slogan .slogan_link{
  margin-top: 30px;
  text-align: center;
}
.slogan .slogan_link a{
  color: #ff0000;
  font-weight: bold;
}
.slogan .slogan_header_white{
  text-transform: lowercase;
  font-size: 24px;
  height: auto;
  padding-top: 84px;
  margin-bottom: 27px;
}
.slogan .slogan_body_black{
  color: #000000;
  line-height: 27px;
}
.slogan .slogan_word{
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  padding-top: 20px;
}
.slogan .slogan_tour{
  font-size: 24px;
  text-align: center;
  padding-top: 50px;
}
.slogan .slogan_tourtopic{
  color: #ff0000;
  text-align: center;
  font-size: 25px;
  margin-top: 5px;
}
.slogan .slogan_tourlink{
  text-align: center;
  font-size: 24px;
  margin-top: 20px;
}
.slogan .slogan_tourlink a{color: #000000;}

.tx-saltswf-pi1 .designs{
  height: 186px;
  overflow: auto;
}



/**
 * Shop, Detailansicht
 */
#tx-ttproducts-pi1-single h1{
  color: #ff0000;
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-left: 80px;
}
#tx-ttproducts-pi1-single label,
#tx-ttproducts-pi1-single .label{
  width: 150px;
  display: block;
  float: left;
  font-size: 12px;
  margin-left: 80px;
}
#tx-ttproducts-pi1-single input,
#tx-ttproducts-pi1-single select,
#tx-ttproducts-pi1-single price{
  display: block;
  font-size: 12px;
}
#tx-ttproducts-pi1-single #submit{
  float: right;
  margin-right: 180px;
} 


/**
 * Content left siehe team
 */
#content_left .bodytext{
  margin-left: 15px;
  margin-top: 30px;
} 

div.facebook {
	position: absolute;
	top: 439px;
	left: 60px;
}
div.twitter {
	position: absolute;
	top: 449px;
	left: 10px;
}