/*  ==================================
    Stylesheet f�r COLOR ADJUSTABLE &
                   LIDQUID CSS BUTTONS
    Datei:  button.css
    Datum:  2008-11-21
    Autor:  Franz Sadjak
    ================================== */
/* ======================================
   1. Kalibrierung und allgemeine Styles
   ====================================== */

/* Kalibrierung der wichtigsten Abst�nde */
/*h2, h4, h5 {
  margin: 0 0 10px 0;
  padding: 0;
}*/
/* Allgemeine Selektoren */
/*
html {
  height: 101%;
}/* erzwingt Scrollbar im Firefox */
/*
body {
  margin: 0;
  padding: 10px;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
}*/
/* ===============================
   2. Styles f�r den Layoutbereich
   =============================== */

/*#wrapper {
  width: 600px;
  margin: 50px auto;
  border: 1px solid #000;
  padding: 10px 20px;
  background: #efefef;
}*/
/* ====================================
   2. Styles f�r die LIQUID CSS BUTTONS
   ==================================== */

.btn {
  float: left;
  clear: both;
  background: url(/v_1_0/webcams/images/btn_left_s.png) no-repeat;
  padding: 0 0 0 5px;
  margin: 5px 0;
}

.btn a{
  float: left;
  height: 20px;
  background: url(/v_1_0/webcams/images/btn_stretch_s.png) repeat-x left top;
  line-height: 20px;
  padding: 0 5px;
  color: #000033;
  font-size: 1em;
  text-decoration: none;
}

.btn a:hover {
  color: #000;
}

.btn span {
  background: url(/v_1_0/webcams/images/btn_right_s.png) no-repeat;
  float: left;
  width: 5px;
  height: 20px;
}

.btn2 {
  background: url(/v_1_0/webcams/images/btn_left_s.png) no-repeat;
  padding: 0 0 0 5px;
  margin: 5px 0;
}

.btn2 a{
  background: url(/v_1_0/webcams/images/btn_stretch_s.png) repeat-x left top;
  line-height: 20px;
  padding: 0 5px;
  color: #000033;
  font-size: 1em;
  text-decoration: none;
}

.btn2 a:hover {
  color: #000;
}

.btn2 span {
  background: url(/v_1_0/webcams/images/btn_right_s.png) no-repeat;
  width: 5px;
  height: 20px;
}



.btn_addtocart  {
  background-color: green;
}
.btn_addtocart:hover {
  background-color: #00DF00;
}
.btn_checkout {
  background-color: red;
}
.btn_learnmore {
  background-color: #FFDF00;
}
.btn_try {
  background-color: #00AFFF;
}
.clear {
  clear: both;
}

/*a.button {
color:#FFFFFF !important;
}

a.button:hover {
color: #FFFFFF;
}*/





/*Credits: Dynamic Drive CSS Library */
/*URL: https://www.dynamicdrive.com/style/ */

a.squarebutton_right{
background: transparent url('/v_1_0/webcams/buttons/square-gray-left.gif') no-repeat top left;
display: block;
float: right;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton_right, a:visited.squarebutton_right, a:active.squarebutton_right{
color: #494949; /*button text color*/
}

a.squarebutton_right span{
background: transparent url('/v_1_0/webcams/buttons/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton_right:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton_right:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: https://www.quirksmode.org/css/clearing.html */
width: 100%;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: https://www.dynamicdrive.com/style/ */

a.squarebutton_left{
background: transparent url('/v_1_0/webcams/buttons/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton_left, a:visited.squarebutton_left, a:active.squarebutton_left{
color: #494949; /*button text color*/
}

a.squarebutton_left span{
background: transparent url('/v_1_0/webcams/buttons/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton_left:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton_left:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: https://www.quirksmode.org/css/clearing.html */
width: 100%;
}