/* Version: $Revision: 1.9.2.3 $ */ 

/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0*/
/* Structure of this stylesheet:
  =GLOBAL 
  =BUTTON SERIES
  =btn-skin-01 ORDERLINKS
  =btn-skin-02 SEARCH
  =btn-skin-03 SERVICELINKS
  =btn-skin-07 IMPORTANT
*/

/*
<!-- use different classes in the main-tag: class="btn-skin-XX" -->
e.g. haveIt-btn:
<div class="btn-skin-01">
  <span class="yui-button"><span ><a rel="nofollow" href="">Have it</a></span></span>
</div>
e.g. search-btn:
<div class="btn-skin-02">
  <span class="yui-button"><span ><button type="submit">Suchen</button></span></span>
</div>

*/

/* =CORE
   -----------------------------------------------------------------*/
.yui-button  {
    display: -moz-inline-box; /* Gecko */
    display: inline-block; /* IE, Opera and Safari */
    vertical-align: text-bottom;
}
.yui-button span {
    display: block;
    *display: inline-block; /* IE */
}
.yui-button button,
.yui-button a {
    display: block;
    *display: inline-block; /* IE */
    border: none;
    margin: 0;
}
.yui-button button {
    background-color: transparent;
    *overflow: visible; /* Remove superfluous padding for IE */
    cursor: pointer;
}
.yui-button a {
    text-decoration: none;
}

/* =GLOBAL 
   -----------------------------------------------------------------*/
.yui-button {
  border-width:1px 0;
  border-style:solid;
  border-color:#808080;
  background-image:url(/s/fw/img/sprites/sprite-backgrounds.png);
  background-repeat:repeat-x;
  margin:auto .25em;
}

.yui-button span {
  border-width:0 1px;
  border-style:solid;
  border-color:#808080;
  margin:0 -1px;
  /*Using negative margins for rounded corners won't work in IE 6 and IE 7 (Quirks Mode Only), so set the "margin" property to "0" for those browsers.*/
  _margin:0;
}

.yui-button button,
.yui-button a {
  padding:0 10px;
  *padding:0 10px 0 9px; /* For IE */
  font-size:93%; /* 12px */
  line-height:2; /* ~24px */ 
  *line-height:1.7; /* For IE */
  min-height:2em; /* For Gecko */
  *min-height:auto; /* For IE */
  color:#000;
}

.yui-button a { /*Necessary to get Buttons of type "link" to be the correct height in IE. */ 
  *line-height:1.875;
  *padding-bottom:1px;
}

/* =BUTTON SERIES 
   -----------------------------------------------------------------*/
.btn-series span{
    margin-right:-0.6em;
}
.btn-series span span{
    margin-right:-1px;
}
   
/* =btn-skin-01 ORDERLINKS 
   -----------------------------------------------------------------*/
.btn-skin-01 .yui-button {
  border-color:#eee;
  border-width:1px 0;
  border-bottom-color:#ccc;
  background-position:0 0;
}

.btn-skin-01 .yui-button span {
  border-color:#eee;
  border-right-color:#ccc;
}

.btn-skin-01 .yui-button button,
.btn-skin-01 .yui-button a {
  font-size:82%; /* 12px */
  line-height:1.8; /* ~22px */ 
  *line-height:1.3; /* For IE */
  min-height:1.6em; /* For Gecko */
  text-transform:uppercase;
  letter-spacing:1px;
  color:#f60a46;
  font-weight:bold;
}

.btn-skin-01 .yui-button a { /*Necessary to get Buttons of type "link" to be the correct height in IE.*/
  *line-height:1.375;
  *padding-bottom:1px;
}

/* =btn-skin-02 SEARCH 
   -----------------------------------------------------------------*/
.btn-skin-02 .yui-button {
  background-position:0 -100px;
  border-top:1px solid #595A5C;
  border-bottom:1px solid #0E1216;
}

.btn-skin-02 .yui-button span {
	border-left:1px solid #3C3D3E;
	border-right:1px solid #3C3D3E;
}

.btn-skin-02 .yui-button button,
.btn-skin-02 .yui-button a {
  font-size:100%;  /* 12px */
  line-height:2;  /* ~24px */
  *line-height:1.7; /* For IE */
  min-height:2em; /* For Gecko */
  *min-height:auto; /* For IE */
  height:27px;
  color:#fff;
}

/* =btn-skin-03 SERVICELINKS 
   -----------------------------------------------------------------*/
.btn-skin-03 .yui-button {
  border-color:#ccc;
  border-width:1px 0;
  border-bottom-color:#aaa;
  background-position:0 0;
}

.btn-skin-03 .yui-button span {
  border-color:#ccc;
  border-right-color:#aaa;
}

.btn-skin-03 .yui-button button,
.btn-skin-03 .yui-button a {
  line-height:1.6; /* ~24px */ 
  *line-height:1.6; /* For IE */
  min-height:1.6em; /* For Gecko */
  text-transform:uppercase;
  color:#0a6a9d;
  font-weight:bold;
  font-size:82%; /* 12px */
}

/* =btn-skin-04 Navigation 
   -----------------------------------------------------------------*/
.btn-skin-04 .yui-button {
  background-position:0 -300px;
  border-color:#ddd;
}
.btn-skin-04 .yui-button span {
  border-color:#ddd;
}
.btn-skin-04 .yui-button a {
  font-size:82%; /* 12px */
}
/* =btn-skin-04-active Navigation 
   -----------------------------------------------------------------*/
.btn-skin-04-active .yui-button {
	background-image:none;
  border-color:#ddd;
  border-bottom-color:#fff;
  border-bottom-width:0;
}
.btn-skin-04-active .yui-button span {
  border-color:#ddd;
}
.btn-skin-04-active .yui-button a {
  line-height:2;  /* ~24px */
  *line-height:1.7; /* For IE */
  min-height:2em; /* For Gecko */
  *min-height:auto; /* For IE */
  height:27px;
  color:#F60A46;
  background-color:#fff;
  font-size:82%; /* 12px */
}

/* =btn-skin-07 IMPORTANT 
   -----------------------------------------------------------------*/
.btn-skin-07 .yui-button {
  border-top: 1px solid #F96780;
  border-bottom: 1px solid #F60A4C; 
  background-position:0 -600px;
}

.btn-skin-07 .yui-button span {
	border-left: 1px solid #F84068;
	border-right: 1px solid #F84068; 
}

.btn-skin-07 .yui-button a,
.btn-skin-07 .yui-button button {
  font-size:100%;  /* 12px */
  line-height:2;  /* ~24px */
  *line-height:1.7; /* For IE */
  min-height:2em; /* For Gecko */
  *min-height:auto; /* For IE */
  text-transform:uppercase;
  height:27px;
  color:#fff;
  font-weight:bold;
}