/*######################################
  Global Styles, to norm all elements
######################################*/
  html, body, table, form, button, select, input, textarea, p, h1, h2, h3, h4, h5, h6 {
    margin: 0px; padding: 0px; font-family: Arial, Verdana, Tahoma, Helvetica, Geneva, Sans-serif; font-size: 12px; line-height: 120%; color: #444;
  }
  
  html, body { background: #FFF; text-align: center; }

/*---------------------------------------------
Set as blockelements
---------------------------------------------*/
  h1, h2, h3, h4, h5, h6, hr, div, p, form { display: block; }

/*---------------------------------------------
Set font bold inside of this elements.
---------------------------------------------*/
  strong, caption, optgroup, .strong { font-weight: bold; font-style: normal; }
  sup { font-size: 7px; }

/*---------------------------------------------
no borders for table and images
---------------------------------------------*/
  img, table { border: 0px none; }

/*---------------------------------------------
Set a margin for pharagraph-TAG
---------------------------------------------*/
  p { margin: 0; padding: 0; }

/*---------------------------------------------
Set general link style
---------------------------------------------*/
  a:link, a:visited, a:hover, a:active { color: #4496ff; font-weight: normal; text-decoration: underline; }
  a:hover, a:active { text-decoration: none; }
  a:focus { outline: 0; }
  
/*####################################
  STYLES
####################################*/
  div#page { position: relative; width: 1000px; min-height: 700px; height: auto !important; height: 700px; margin: 0 auto; text-align: left; border: 1px solid #333; border-top: 0; cursor: default; background: url(../images/shadow.jpg) repeat-y 608px 0; -moz-box-shadow:0 0 50px 4px #CCC; -webkit-box-shadow: 0 0 50px 4px #CCC; }
  div#header { width: 1000px; height: 133px; background: url(../images/header.jpg) no-repeat; } 

  div#content { position: relative; border-bottom: 1px solid #FFF; }
  div#left { float: left; width: 580px; padding: 20px; }
  div#right { position: relative; float: left; width: 309px; padding: 0 30px; padding-bottom: 20px; margin-top: -140px;  }
  div#info { border: 1px dotted #bde3fb; padding: 5px; margin-top: -5px; margin-bottom: 5px; min-height: 115px; height: auto !important; height: 115px; }
  
  h1 { position: relative; color: #000; padding: 0; margin: 0; margin-bottom: 7px; }

/* INPUT FIELDS */
  select { margin: 1px; padding: 1px 2px; cursor: pointer; }
  div.submit { margin-top: 10px; text-align: right; }
  input.submit { cursor: pointer; }  
  .inputField { width: 300px; font-size: 11px; color: #111; margin: 1px; padding: 1px; }
  textarea.inputField { width: 99%; height: 128px; }
  .checkbox { cursor: pointer; vertical-align: middle; }
  label { cursor: pointer; }
  
/* TOOLS */  
  .tiny { width: 1%; white-space: nowrap; }
  .clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
  .border { padding: 2px; border: 2px solid #e7f4fc; }  
  .block { display: block; }
  .center { text-align: center; }
  .icon { vertical-align: middle; }
  
/* SLIDERS */  
  div.slider_options { margin-top: 30px; margin-bottom: 40px; }
  div.slider_options h1 { margin-bottom: 12px; }
  div.slider_options h2 { font-weight: normal; margin-bottom: 12px; margin-top: -10px; margin-left: 2px; }
  
/* PRODUCTS */
  div.product { position: relative; float: left; width: 120px; height: 160px; padding: 4px; margin: 5px; text-align: center; cursor: pointer; }
  div.product div.pdetails { position: absolute; left: 0; bottom: 0; width: 110px; text-align: center; }
  div.product img { padding: 2px; border: 2px solid #e7f4fc; }
  div.product img:hover, div.product:hover img { border-color: #c5dbec; }
  div.product b { display: block; margin: 2px auto; }
  div.product i { display: block; margin: 2px auto; font-style: normal; color: #bf2c18; }
  div#noresults { text-align: center; padding: 20px 0; }
  
/* TOOLTIP */
  div.details { display: none; }
  .tooltip_small, .tooltip{ position: absolute; top: 0; right: 0; width: 300px; z-index: 13; display: none; background: #FFF; border: 1px solid #c5dbec; text-align: left; padding: 6px; }
  .tooltip_small { width: 106px; }
  
/* FULL DETAILS */
  div#fulldetails { position: absolute; z-index: 999; left: 0; top: 0; width: 960px; min-height: 450px; padding: 20px; background: #FFF; display: none; line-height: 17px; }
  div#fulldetails div.headerline { position: absolute; top: -1px; right: 0; width: 500px; border-top: 1px solid #000; }
  div#fulldetails h1 { font-size: 14px; }
  div#fulldetails a#backLink { position: absolute; z-index: 9999; right: 20px; top: -30px; font-size: 14px; }
  div#fulldetails div#detailsLeft { float: left; padding-right: 20px;  }
  div#fulldetails div#detailsRight { float: left; position: relative;  }
  div#fulldetails div#detailsRight h1.name { position: absolute; top: -45px; }
  div#fulldetails span.price { color: #bf2c18; font-weight: bold; text-align: right; margin-left: 30px; }
  
/* BUTTONS */
  a.button:link, a.button:hover, a.button:active, a.button:visited { width: 100px; padding: 4px 10px; background: url(../images/icons/link.jpg); color: #FFF; border: 1px solid #c7c7c7; text-decoration: none; }
  a.button:hover, a.button:active { text-decoration: none; }
  
/* ADMIN */
  div#admin { width: 1000px; height: 667px;  background: #FFF; }
  table.hperc { position: relative; width: 100%; padding: 0; margin: 0 1px; /*background: #CCC;*/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
  table.hperc tr td { padding: 1px 5px; height: 23px; }
  table.hperc tr td.i { padding: 1px; }
  tr.kat td { font-weight: bold; border-bottom: 2px solid #AAA; vertical-align: middle; }
  tr.kat td small { font-weight: normal; }
  tr.first td { border-bottom: 1px solid #CCC; background-color: #FFF; }
  tr.second td { border-bottom: 1px solid #CCC; background-color: #F9F9F9; }
  table.hperc tr.third td { padding-top: 5px; }
  tr.hover:hover { background-color: #e9e9e9 } 
  
/* SITE NAVI */
  div.siteNavi {
    margin: 4px 3px; margin-bottom: 10px; 
    text-align: right;
  }
  
  div.siteNavi a {
    border: 1px solid #FFF;
    background-color: #EEE;
    padding: 2px 5px; margin-left: 1px;
    text-decoration: none;
  }
  
  div.siteNavi a.aktuell,
  div.siteNavi a:hover,
  div.siteNavi a:active {
    background-color: #CCC;
    color: #000;
  }
  
/* LISTS */
  ul, ol { margin: 10px 2px; }
  ul li, ol li { margin-left: 0; }
  
/* FONT SOZE */
  div#info, div#info * { font-size: 12px; line-height: 14px; }
  div#info h1.heading { font-size: 14px; line-height: 16px; }
  div.slider_options h1 { font-size: 14px; line-height: 16px; }
  div.slider_options h2 { font-size: 9px; line-height: 11px; }
  span.ui-slider-label { font-size: 12px; line-height: 14px; }
  div#fulldetails span.price { font-size: 24px; line-height: 26px; }
  div#fulldetails div#detailsRight, div#fulldetails div#detailsRight * { font-size: 12px; line-height: 14px; }
  div#fulldetails div#detailsRight h1.name, div#fulldetails div#detailsRight h1.name * { font-size: 20px; line-height: 22px; }
  div#fulldetails h1.name, div#fulldetails h1.name * { font-size: 20px; line-height: 22px; }
  
/* IE6 FIXES */
  * html div#left { width: 630px; }
  * html div#right { width: 365px; }
  * html div#content { position: static; }
  * html div#fullDetails { top: 133px; width: 1000px; }
  
/* selbst */  
  .Stil1 {font-size: 9px}
  .Stil2 {font-size: 8px}