/* 
  (c) 2008 schukai GmbH
  Firmenspezifische Anpassungen
  Nur Farben und Schriftarten + Typen
  Keine Abstände, Schriftgrößen, etc!
*/

body {
  font-family:calibi, arial, sans-serif;
  color:#000000;
  background:url('/alvine/frontend/template/onlineshop/assets/bg_tile.gif') left top;
  background-repeat: repeat-x;
  background-color: #E3E3E3;
}

h1 {
  font-size:1.8em;
  text-transform:uppercase;
  color:#B61D00;
  font-weight:normal;
}

h2 {
  font-size:1.2em;
  text-transform:uppercase;
  color:#000000;
  font-weight:normal;
}

h3 {
  font-size:0.9em;
  text-transform:uppercase;
  color:#000000;
  font-weight:normal;
}

h4 {
  font-size:1.0em;
  text-transform:none;
  color:#000000;
  font-weight:bold;
}

.headline2 {
  font-size:1.2em;
  text-transform:uppercase;
  color:#000000;
  font-weight:normal;
  }

.headline3 {
   font-size:0.9em;
  text-transform:uppercase;
  color:#000000;
  font-weight:normal;
  }

  .headline4 {
   font-size:1.0em;
  text-transform:uppercase;
  color:#000000;
  font-weight:normal;
  }
  
.textinput {
  /*background:url('/alvine/frontend/template/onlineshop/assets/input_bg_default.jpg') left top no-repeat;
  height:25px;
  border:none;
  outline:none;
  width: 173px;*/
  background:#FFFFFF;
  border:1px solid black;
  outline:none;
  width:170px;
  height:20px;
  line-height:20px;
}
*+html .textinput {width:170px;}
* html .textinput {width:174px;}


select {width:173px;}
/****** css-hack safari3 ******/
@media screen and (-webkit-min-device-pixel-ratio:0) {select {width:174px;}}
/****** css-hack IE6 ******/
* html select{width:174px;}
/****** css-hack IE7 ******/
*+html select{width:174px;}


select {
  border:1px solid #000000;
}
select.small {
  width:50px;
}
select.middle {
    width:80px;
}

.hidden{display: none;}
.block{display: block;}

.dot {
  width:12px;
  height:15px;
  float:left;
  margin-right:4px;
  background:url('/alvine/frontend/template/onlineshop/assets/btn_refresh.gif') 0px 3px no-repeat;
}
/****** css-hack IE8 ******/
.dot {
  background /*\**/: url('/alvine/frontend/template/onlineshop/assets/btn_refresh.gif') 0px 0px no-repeat\9
}

/****************** allgemeine Regeln *****************/
.bold {font-weight:bold;}
.uppercase {text-transform:uppercase;}
.blockelement {display:block;}
.nodisplay {display:none;}

ul.what_to_do {
  list-style:none;
}

ul.what_to_do li {
    background:url('/alvine/frontend/template/onlineshop/assets/dot_ul.gif') 0px 7px no-repeat;
    -background:url('/alvine/frontend/template/onlineshop/assets/dot_ul.gif') 0px 5px no-repeat;
    margin-bottom:6px;
    padding-left:8px;
}

ul.what_to_do li {}
ul.what_to_do li a,
ul.what_to_do li a:link,
ul.what_to_do li a:visited {
  color:#000000;
  text-decoration:underline;
}
ul.what_to_do li a:focus,
ul.what_to_do li a:hover,
ul.what_to_do li a:active {
  color:#B61D00;
}

table.infodata {
  line-height:20px;
}



/****************** Textcolors *****************/
.cdTextBase {
  color:#FFFFFF;
}

.cdHeadline {
  color:#B61D00;
}

.cdHeadline1 {
  color:#B61D00;
}

.cdHeadline2 {
  color:#B61D00;
}

.cdHeadline3 {
  color:#B61D00;
}

.cdHeadline4 {
  color:#B61D00;
}

.cmdbutton {
    background-color: #CCCCCC;
    border: none;
    float: left;
    font-size: 15px;
    height: 27px;
    line-height: 27px;
    margin-right: 5px;
    /*padding-bottom: 3px;*/
    width: 172px;
    text-transform:uppercase;
    text-decoration:none;
    text-align:center;
    display:block;
    cursor:pointer;
}

/****************** Fontcolors *****************/
.cdColorWhite {color:#FFFFFF;}
.cdColorBlack {color:#000000;}
/*darkred*/
.cdColor01 {color:#560C01;}
/*lightred*/
.cdColor02 {color:#B61D00;}
/*darkgrey*/
.cdColor03 {color:#858585;}
/*middlegrey*/
.cdColor04 {color:#ABABAB;}
/*lightgrey*/
.cdColor05 {color:#ECECEC;}
/*newgray*/
.cdColor06 {color:#CCCCCC;}

/****************** Backgroundcolors *****************/
.cdBackgroundWhite {background-color:#FFFFFF;}
.cdBackgroundBlack {background-color:#000000;}
/*darkred*/
.cdBackground01 {background-color:#560C01;}
/*lightred*/
.cdBackground02 {background-color:#B61D00;}
/*darkgrey*/
.cdBackground03 {background-color:#858585;}
/*middlegrey*/
.cdBackground04 {background-color:#ABABAB;}
/*lightgrey*/
.cdBackground05 {background-color:#ECECEC;}
/*newgray*/
.cdBackground06 {background-color:#CCCCCC;}

/****************** Bordercolors *****************/
.cdBorderWhite{border:1px solid #FFFFFF;}
.cdBorderBlack{border:1px solid #000000;}
/*darkred*/
.cdBorder01{border:1px solid #560C01;}
/*lightred*/
.cdBorder02 {border:1px solid #B61D00;}
/*darkgrey*/
.cdBorder03{border:1px solid #858585;}
/*middlegrey*/
.cdBorder04{border:1px solid #ABABAB;}
/*lightgrey*/
.cdBorder05{border:1px solid #ECECEC;}
/*newgray*/
.cdBorder06 {border:1px solid #CCCCCC;}



/** input-controls **/

.cdControlColor {
  color:black;
}

.cdControlColor:focus,
.inputfocus {
  background-color:#F0F0F0;
  color:black;
}

.cdControlBorder {
  /*border:1px solid #ECECEC;*/
  background-color:transparent;
}

.cdControlHighlightColor {
  background-color:#EADED7;
  color:#B61D00;
}


.cdControlColorLabel {
  color:#000000;
}

.cdControlButtonColor {
  background-color:#CCCCCC;
}

.cdControlButtonBorder {border:none;}

.cdControlGroupColor {
  background-color:transparent;
  color:black;
}

.cdControlGroupBorder {
  border: 1px solid #cfcfcf;
}

.cdControlGroupColorLabel {
  background-color:none;
  color:black;
}

/** Layout Controls **/
.cdTooltipColor {
  color:#000000;
}
.cdTooltipBorder {
  border: 1px solid #000000;
}

/** errors **/

.cdErrorColor {
  color:#ff0000;
}

/** infos **/
.cdInfoColor {
  color:black;
}


/** font-colors **/
.color01 {
  color:black;
}

.color02 {
  color:black;
}

.color03 {
  color:black;
}

.color04 {
  color:black;
}

.color05 {
  color:black;
}


/** switch-colors (for changing-color-effects f.e.: in table-rows **/
.switchcolor01{
  background:#C0C0C0;
  color:inherit;
}
.switchcolor02{
  background:#E0E0E0;
  color:inherit;
}
.switchcolor03{
  background:#ffffff;
  color:inherit;
}

.cdGrey1 {
  color:#C0C0C0;
}

.cdRed1 {
  color:#D91F27;
}

.cdRed1 {
  color:#D91F27;
}




/* Medienspezifische Formate */

@media screen {

  /* WICHTIG: REIHENFOLGE BEIBEHALTEN */
  a {
    color:#000000;         /*#585858*/
    font-family:inherit;
    text-decoration:underline;
  }

  a:link {
    color:#000000;
    font-family:inherit;
    text-decoration:underline;
  }

  a:visited {
    color:#000000;
    font-family:inherit;
    text-decoration:underline;
  }

  a:focus {
    color:#B61D00;
    font-family:inherit;
  }

  a:hover {
    color:#B61D00;
    font-family:inherit;
  }

  a:active {
    color:#B61D00;
    font-family:inherit;
  }

  a.cdRed1 {
    color:#D91F27;
    font-family:inherit;
  }

  a.cdRed1:link {
    color:#D91F27;
    font-family:inherit;
  }

  a.cdRed1:visited {
    color:#D91F27;
    font-family:inherit;
  }

  a.cdRed1:focus {
    color:black;
    font-family:inherit;
  }

  a.cdRed1:hover {
    color:black;
    font-family:inherit;
  }

  a.cdRed1:active {
    color:#D91F27;
    font-family:inherit;
  }


  a.cdBlack {
    color:black;
    font-family:inherit;
  }

  a.cdBlack:link {
    color:black;
    font-family:inherit;
  }

  a.cdBlack:visited {
    color:black;
    font-family:inherit;
  }

  a.cdBlack:focus {
    color:black;
    font-family:inherit;
  }

  a.cdBlack:hover {
    color:#969696;
    font-family:inherit;
  }

  a.cdBlack:active {
    color:black;
    font-family:inherit;
  }


}

@media print {

  a {
    color:black;
    font-family:inherit;
  }

  a:link {
    color:black;
    font-family:inherit;
  }

  a:visited {
    color:black;
    font-family:inherit;
  }

  a:focus {
    color:black;
    font-family:inherit;
  }

  a:hover {
    color:black;
    font-family:inherit;
  }

  a:active {
    color:black;
    font-family:inherit;
  }


}