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

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

/*---------------------------------------------
Set vertical align to top, this helps if the
text flys in the middle of a table (td).
---------------------------------------------*/
  td { vertical-align: top; }

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

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

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

/*---------------------------------------------
Set a cursor for the label-TAG
---------------------------------------------*/
  label { cursor: pointer; }

/*---------------------------------------------
Set global style of the horizontal line
---------------------------------------------*/
  hr { color: #000;	height: 1px; padding: 0; border-color: #adadad; border-width: 1px 0 0 0; border-style: solid; margin: 3px 0 8px 0; }

/*---------------------------------------------
Set general link style
---------------------------------------------*/
  a:link,a:visited,a:hover,a:active { color: #e89210; font-weight: normal; text-decoration: none; }
  a:hover { color: #000; }
  a:focus { outline: 0; }

/*---------------------------------------------
Default Table
---------------------------------------------*/
  table.hperc { position: relative; width: 100%; padding: 0; margin: 0 1px; /*background: #CCC;*/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

/*####################################
  STYLES
####################################*/
  html,body { color: #000; height: 100%; text-align: center; cursor: default; background: #4e4e4e url(./images/bg.jpg) repeat-x; }
  div#shadow { background: url(./images/shadow.png) repeat-y center; }
  * html div#shadow { background-image: none; }
  div#page { position: relative; width: 990px; margin: 0 auto; text-align: left; min-height: 100%; height: auto !important; height: 100%; background: #000 url(./images/bg_content_bottom.jpg) no-repeat left bottom; }
  * html div#page { border-left: 1px solid #000; border-right: 1px solid #000; }

/*---------------------------------------------
  TOP BAR
---------------------------------------------*/
  div#topbar { position: relative; z-index: 2; width: 990px; height: 65px; background: #FFF url(./images/top_bar.jpg) no-repeat center; }
  div#topbar div#welcome { position: absolute; top: 10px; left: 100px; color: #FFF; white-space: nowrap; }
  div#topbar div#welcome a { color: #ff8600 }
  div#topbar div#welcome a:hover,
  div#topbar div#welcome a:active { text-decoration: underline; }
  
  div#topbar div#login { position: absolute; right: 260px; top: 17px; color: #FFF; font-size: 9px; letter-spacing: -1px; white-space: nowrap; }
  
  div#topbar div#top-navigation { position: absolute; z-index: 99; top: 31px; left: 5px; }
  div#topbar div#top-navigation ul,
  div#topbar div#top-navigation ul li { padding: 0; margin: 0; float: left; list-style-type: none; }
  div#topbar div#top-navigation a { display: block; width: 71px; height: 16px; padding: 10px 0; margin: 0 2px; text-align: center; text-transform: uppercase; color: #FFF; font-size: 9px; letter-spacing: -1px; }
  div#topbar div#top-navigation a:hover, div#topbar div#top-navigation a:active, div#topbar div#top-navigation a.aktiv { color: #000; background: url(./images/top-navi.jpg) no-repeat center; }
  
  div#topbar div#userMenu { position: absolute; top: 23px; left: 746px; width: 234px; height: 115px; background: url(./images/usermenu.jpg); }
  div#topbar div#userMenu img { margin: 5px; margin-left: 7px; float: left; }
  div#topbar div#userMenu ul, div#topbar div#userMenu ul li { padding: 0; margin: 0; list-style-type: none; }
  div#topbar div#userMenu ul { margin-top: 5px; margin-left: 10px; line-height: 12px; }
  div#topbar div#userMenu ul li.name { color: #ff9600; font-size: 10px; margin-bottom: 1px; }
  div#topbar div#userMenu ul li.name img { position: absolute; margin-top: 2px; margin-left: -1px; }
  div#topbar div#userMenu a { color: #000; font-size: 9px; letter-spacing: -1px; }
  div#topbar div#userMenu a:hover, div#topbar div#userMenu a:active { text-decoration: underline; }
  div#topbar div#userMenu li.loginForm { padding: 10px 16px; }
  div#topbar div#userMenu .button {
    position: absolute; top: 95px; left: 180px; display: block; width: 50px; height: 18px; line-height: 18px; text-align: center; font-size: 9px; letter-spacing: -1px; border: 0; background: transparent; cursor: pointer;
  }  
  div#topbar div#userMenu .button:hover, div#topbar div#userMenu .button:active { text-decoration: underline; }
  div#topbar ul#admin { list-style-type: none; position: absolute; top: 65px; left: 0; background: #FFF; border: 1px solid #999; border-top: 0; border-left: 0; }
  div#topbar ul#admin, div#topbar ul#admin li { margin: 0; padding: 0; list-style-type: none;}
  div#topbar ul#admin li a { display: block; color: #000; padding: 1px 5px; }
  div#topbar ul#admin li a:hover, div#topbar ul#admin li a:active { color: #e89210; }

/*---------------------------------------------
  HEADER
---------------------------------------------*/
  div#header { position: relative; z-index: 1; width: 990px; height: 205px; background: #000 url(./images/header.jpg) no-repeat center; }
  div#header div#flow { position: absolute; left: 422px; top: 44px; width: 463px; height: 141px; }

  div#subheader { position: relative; z-index: 1; width: 990px; height: 207px; background: #000 url(./images/subheader.jpg) no-repeat center; }
  div#subheader div.topseller, div#subheader div.angebote { position: absolute; left: 37px; top: 1px; width: 76px; text-align: center; font-size: 9px; }
  div#subheader div.angebote { left: 863px; }

/* LoginForm */
  input.login_name, input.login_pass {
    background: #FFF url(./images/icons/login_name.gif) no-repeat left center;
    padding: 2px; padding-left: 18px; padding-top: 1px;
    margin: 1px 0;
    width: 140px;
    border: 1px solid #AAA;
  }
  input.login_pass { background-image: url(./images/icons/login_pass.gif) }

/*---------------------------------------------
  FOOTER
---------------------------------------------*/
  div#footer { position: absolute; left: 0; bottom: 0; width: 990px; height: 143px; background: url(./images/footer.jpg) no-repeat top left; }
  div#footer div.content { position: relative; width: 990px; height: 143px; }
  div#footer div.content div.navigation, div#footer div.content div.linkpartner, div#footer div.content div.copyright {
    position: absolute; left: 237px; top: -1px; width: 76px; text-align: center; font-size: 10px; letter-spacing: -1px;
  }
  div#footer div.content div.linkpartner { left: 441px; }
  div#footer div.content div.copyright { left: 660px; width: auto; }
  div#footer div.content div.logos { position: absolute; left: 0; top: 20px; width: 210px; }
  div#footer div.content div.logos img { display: block; width: 155px; height: 40px; margin: 10px auto; }
  div#footer div.content ul, div#footer div.content ul li { margin: 0; padding: 0; list-style-type: none; }
  div#footer div.content ul { position: absolute; left: 236px; top: 15px; }
  div#footer div.content ul.list_links { left: 440px; white-space: nowrap; }
  div#footer div.content ul a { display: block; width: 160px; font-size: 9px; color: #FFF; padding: 3px; padding-left: 20px; text-transform: uppercase; }
  div#footer div.content ul a:hover, div#footer div.content ul a:active { color: #ffb500; }
  
  div#footer div.content div#list_mylinks { position: absolute; left: 700px; top: 30px; line-height: 18px; }
  div#footer div.content div#list_mylinks a:link, div#footer div.content div#list_mylinks a:visited { color: #CCC; }
  div#footer div.content div#list_mylinks a:active, div#footer div.content div#list_mylinks a:hover { color: #FFF; }
  
/*---------------------------------------------
  NAVIGATION
---------------------------------------------*/
  div#navigation { position: relative; width: 271px; float: left;  padding-bottom: 170px; margin-top: -194px; z-index: 999; }
  div#navigation ul, div#navigation li { margin: 0; padding: 0; list-style-type: none; }
  div#navigation li.kat { height: 13px; padding: 4px 6px; background: url(./images/bg_kat.gif) no-repeat; color: #FFF; font-weight: bold; font-size: 12px; }
  div#navigation li a:link, div#navigation li a:visited {
    position: relative; display: block; width: 191px; height: 20px; padding: 18px 20px; padding-right: 60px; background: url(./images/nav_kat.jpg) no-repeat; color: #ffd300; font-weight: bold; text-align: right;
  }
  div#navigation ul li ul { display: none; }
  div#navigation ul.active { display: block; }
  div#navigation li.subkat a:link, div#navigation li.subkat a:visited { width: 230px; height: 16px; padding: 3px; padding-right: 38px; background: url(./images/nav_link.jpg) no-repeat; color: #FFF; font-weight: normal; }
  div#navigation li a:hover, div#navigation li a:active, div#navigation li a.a, div#navigation li a.as { background-position: 0 -56px; }
  div#navigation li a:hover u, div#navigation li a:active u, div#navigation li a:visited u, div#navigation li a:link u, div#navigation li a.a u { text-decoration: none; }
  div#navigation li.subkat a:hover, div#navigation li.subkat a:active, div#navigation li.subkat a.a { background-position: 0 -22px; }
  div#navigation li a b { color: #000 }
  div#navigation li a span { position: absolute; right: 60px; top: 30px; display: block; color: #787878; margin-top: 2px; font-weight: normal; text-decoration: none; white-space: nowrap; }
  div#navigation a.free:link, div#navigation a.free:visited { color: #FFF; }
  
  * html div#navigation img.kat { display: none; }
  
  div#navigation div.kat { position: relative; width: 297px; height: 39px; background: url(./images/navi_kat.gif) no-repeat left top; }
  div#navigation div.kat span { position: absolute; display: block; width: 110px; height: 17px; top: 10px; right: 32px; text-align: center; color: #FFF; text-transform: uppercase; font-weight: bold; }
  * html div#navigation div.kat {  width: 271px; }

/*---------------------------------------------
  SUBNAVIGATION
---------------------------------------------*/
  ul.navi { border-left: none; border-top: none; height: 20px; line-height: 20px; padding: 0; clear: both; }
  ul.navi, ul.navi li { margin: 0; padding: 0; list-style-type: none; float: left; }
  ul.navi li a:link, ul.navi li a:visited { background-color: #FFF; padding: 2px 8px; border-bottom: none; border-top: none; border-left: none; }

/*---------------------------------------------
  CONTENT
---------------------------------------------*/
  div#content {  float: left; width: 719px; line-height: 140%;  padding-bottom: 155px; }
  * html div#content { overflow: hidden; }
  div#content h1 {
    position: relative; width: 610px; height: 24px; background: url(./images/h1_black.gif) no-repeat;  color: #FFF; text-transform: uppercase;
    padding: 6px; padding-top: 9px; padding-left: 37px; padding-right: 68px;  margin-left: -25px; text-shadow: 1px 1px #888;
  }
  div#content h1.error { color: red; }
  div#content h1.grey { color: #FFF; background-image: url(./images/h1_grey.gif); }
  div#content h1 b { display: block; color: #FFF; font-weight: normal; }
  div#content h1.icon { padding-left: 6px; font-size: 10px; }
  div#content h1.icon img { position: relative; float: left; margin-right: 5px; }
  div#content h1.newest_products { background-image: url(../../images/icons/newest_products.png); }
  div#content h1.newest_mods { background-image: url(../../images/icons/newest_mods.png); }
  div#content h1.newest_news { background-image: url(../../images/icons/newest_news.png); }
  div#content h1 span { position: absolute; right: 5px; top: 10px; font-size: 9px; font-weight: normal; color: #f7b72d; font-size: 11px; text-transform: none; text-shadow: none; }
  div#content h1 span.img { top: 5px; right: 0; }
  div#content h1 span.text { position: relative; right: auto; top: auto; color: #FFF; margin-left: 5px }
  div#content h1 i { font-style: normal; }
  div#content h1.t { margin-top: 2px; }
  div#content h1 a:link, div#content h1 a:visited { font-weight: bold }
  div#content h1.infoHead, div#header h1.infoHead { background-color: transparent; margin: 0; padding: 2px; border: none; }
  div#content h2 { border-bottom: 2px solid #AAA; }
  div.contentBox {
    margin: 1px; margin-top: -6px; padding: 8px; border: 1px solid #e89210; background: #FFF; 
    border-radius-topright: 4px; border-radius-bottomright: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-radius-topright: 4px; -webkit-border-radius-bottomright: 4px;
  }
  * html div.contentBox { margin-left: 0; }

/*  NEWS */
  div.newsBox { width: 700px; margin: 0 auto; background: #ededed; border: 1px solid #e0e0e0; padding-bottom: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
  div.newsBox, div.newsBox * { line-height: 17px; }
  div#content div.newsBox h1 {
     position: relative; width: 627px; height: 35px; padding: 9px; padding-left: 60px; margin: 0 auto; margin-top: 2px; background: url(./images/news_title.jpg) no-repeat; color: #FFF; font-size: 13px; text-transform: none;
  }
  div#content div.newsBox h1 span { position: absolute; left: 10px; top: 12px; width: 33px; text-align: center; line-height: 13px; color: #6e6e6e; text-transform: uppercase; font-weight: bold; }

/* SYSTEM MESSAGES */
  div#system, div#system_error, div#system_error_js {
    padding: 2px 5px; background: #2FDB04; color: #000; border: 1px solid green; 
    border-radius-topright: 4px; border-radius-bottomright: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-radius-topright: 4px; -webkit-border-radius-bottomright: 4px;
  }
  div#system_error, div#system_error_js { background: #DB0B04; color: #000; border: 1px solid red; }

/* BEWERTUNGEN */  
  div#content h1 span.rating { width: 80px; top: 8px; right: 45px; }
  b.starsbg { display: block; width: 80px; height: 16px; margin: 0 auto; margin-bottom: 6px; background: url(../../images/icons/star_inactive.png) repeat-x; }
  b.stars { display: block; height: 16px; background: url(../../images/icons/star.png) repeat-x; }
  b.starsbg_small { display: block; width: 65px; height: 16px; text-align: left; margin: 0 auto; background: url(../../images/icons/star_small_inactive.png) repeat-x; }
  b.stars_small { display: block; height: 16px; background: url(../../images/icons/star_small.png) repeat-x; }
  * html b.starsbg { background-image: url(../../images/icons/star_inactive.gif); }
  * html b.stars { background-image: url(../../images/icons/star.gif); }
  * html b.starsbg_small { background-image: url(../../images/icons/star_small_inactive.gif); }
  * html b.stars_small { background-image: url(../../images/icons/star_small.gif); }
  
/* PRODUCT OVERVIEW */
  div#overviewOptions { text-align: right; margin: 5px; margin-right: 30px; }
  div.previewBox { position: relative; float: left; z-index: 1; width: 228px; height: 246px; margin: 4px; padding: 0px; text-align: center;  color: #FFF; background: url(./images/products/preview_bg.png) no-repeat; }
  * html div.previewBox { background-image: url(./images/products/preview_bg.jpg); }
  div.previewBox:hover { background-position: -228px 0; }
  div#content div.previewBox h2 { position: relative; display: block; width: 214px; height: 37px; text-align: right; color: #FFF; padding: 4px; margin: 0 auto; background: url(./images/products/preview_title.png); border: 0; }
  div.previewBox h2 i { display: block; color: #795604; font-weight: normal; }
  div.previewBox h2 i a { color: #795604 }
  div.previewBox h2 i a:hover, div.previewBox h2 i a:active { text-decoration: underline }
  div.previewBox span { position: absolute; left: 8px; top: 9px; width: 33px; text-align: center; line-height: 12px; color: #6e6e6e; text-transform: uppercase; }
  div.previewBox img { margin-top: 9px; margin-bottom: 7px; border: 1px solid #fcb300; padding:1px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
  div.previewBox:hover img { border-color: #FFF; }
  div.previewBox .price { text-align: right; margin-left: 20px; margin-right: 20px; }
  div.previewBox .free { color: green; font-weight: bold; margin-top: 7px; }
  div.previewBox .ratings { position: absolute; left: 138px; top: 56px; background: #000; padding: 1px 3px; width: 66px; border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius-bottomleft: 4px; }
  div.previewBox:hover .ratings { background-color: #333 }

/* PREVIEW MOUSEOVER */
  div.preview { background: url(../../images/icons/loading.gif) no-repeat 210px 110px; line-height: 15px; }
  div.preview h1 { display: none }
  div.preview img { width: 450px; height: 250px }
  div.preview div.left { clear: left; margin: 1px 3px }
  div.preview span { margin: 1px 3px; clear: right }
  div.preview .hidden { display: block }
  div.preview h2 { margin: 2px 0; clear: both; }

/* PRODUKTANSICHT */
  #produktInfos { padding: 3px; padding-top: 2px; margin-top: -1px; line-height: 20px; }
  #produktInfos .desc strong { display: block }
  #produktInfos .desc { line-height: 15px; }
  
  fieldset.top { height: 102px; padding: 0 5px; }
  *+html fieldset.top { height: 107px; }
  fieldset.top td.lineheight { line-height: 18px; }
  fieldset.salerinfos img { float: left; }
  fieldset.salerinfos div { position: relative; float: left; width: 233px; margin-bottom: 6px; padding-left: 20px; background: url(./images/dot_square.jpg) no-repeat 6px center; }
  fieldset.salerinfos div.right { background: transparent; padding-left: 18px; margin-top: 0px; }
  fieldset.salerinfos div.right a:link, fieldset.salerinfos div.right a:visited { color: #111; }
  fieldset.salerinfos div.right a:hover, fieldset.salerinfos div.right a:active { text-decoration: underline; }
  fieldset.salerinfos div span { position: absolute; left: 116px; }
  fieldset.contact label { width: 65px; font-size: 10px; margin-right: 6px; }
  fieldset.contact input.i, fieldset.contact textarea.field { width: 240px; }  
  div#produktInfos h2 { border: 0; text-transform: lowercase; }
  .leftInfo { clear: left; float: left; color: #000; text-align: left; margin: 1px; padding: 1px; }
  .leftInfo img { float: left; margin: 3px; margin-bottom: 0; }
  .leftInfoBG { background: url(../../images/icons/info_arrow.gif) no-repeat left center; padding-left: 10px; }
  span.right { color: #444; display: block; text-align: right; }
  div#produktInfos span a:link, div#produktInfos span a:visited,
  div#produktInfos span a:hover, div#produktInfos span a:active { background: url(../../images/icons/info_link.gif); background-repeat: no-repeat; background-position: left center; padding-left: 8px; }
  div#produktInfos span a:hover, div#produktInfos span a:active { text-decoration: underline; }
  div#content h2.price, div#content h2.services { display: block; margin-bottom: 6px; padding-bottom: 3px; padding-left: 4px; text-align: left; color: #000; font-weight: normal; border-bottom: 1px solid #888; }
  div#content h2.price { background: transparent url(../../images/icons/info_price.gif) no-repeat 2px center; }
  div#content h2.services { background: transparent url(../../images/icons/info_services.gif) no-repeat 2px center; }
  div.fileTypes { position: relative; text-align: left; padding-left: 2px; width: 195px; }
  div.fileTypes img { float: left; margin-top: 2px; padding-right: 2px; }
  div.fileTypes span { color: #444; position: absolute; top: 0; right: 0; text-align: left; width: 27px; }
  div.screenshots { min-height: 300px; height: auto !important; height: 300px; }

/* TOOLTIP */
  div#toolTip { position: absolute; z-index: 999999; background-color: #FFF; padding: 1px; border: 1px solid #555; display: none; text-align: left; }
  div#toolTip div#ttTitle {
    width: 510px; text-align: left; border: 1px solid #333; border-bottom: none; color: #EEE;
    margin-bottom: 6px; font-weight: bold; padding: 3px; margin-top: -24px; margin-left: -9px; background-color: #fdb002; background: url(../../images/icons/submit.jpg);
  }
  div#toolTip div#ttTitle span { padding: 3px; color: #FFF; }
  div#toolTip span.help { background-color: transparent; margin: 0; font-weight: normal; }

  /* NO JAVASCRIPT */
  div#noscript { position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; height: auto !important; height: 100%; z-index: 999999; background: url(../../images/icons/trans.png); }

  div#noscript div {
    background-image: url(../../images/icons/nojava.gif); background-repeat: no-repeat; background-position: 1px; padding: 12px;
    padding-left: 70px; margin: 280px auto; width: 300px; text-align: left; background-color: #000; color: #FFF;
  }

/*---------------------------------------------
  FORMS
---------------------------------------------*/
  fieldset { border: 1px solid #888; margin: 5px; padding-top: 5px; }
  select { width: 145px; padding: 1px; margin: 1px 0; cursor: pointer; }
  fieldset.info { color: #777; line-height: 14px; }

  /* IE */
  *+html legend { margin-bottom: 5px; }
  * html legend { margin-bottom: 5px; }
  *+html fieldset { padding-bottom: 7px; padding-top: 8px }
  * html fieldset { padding-bottom: 7px; padding-top: 8px }

  legend { margin-left: 10px; padding: 0 7px; color: #889ea2; font-size: 11px; }

  fieldset input.i, fieldset select, fieldset textarea.field { width: 320px; margin: 1px 0; }
  fieldset textarea.pr { display: block; clear: both; width: 675px; height: 200px; }
	fieldset textarea.field { width:450px; }
  fieldset select { width: 324px }
  fieldset br { clear: both; }
  fieldset label { width: 190px; text-align: right; display: block; color: #000; float: left; margin-right: 30px; }
  fieldset.order label { width: 150px; margin-left: 15px }
  fieldset.order input.i, fieldset.order select { width: 160px }
  fieldset label.check { display: inline; float: none; margin-left: 1px; }
  select#land { margin-top: 2px; margin-left: 1px; }
  select#land option { background-color: #FFF; }
  option.kat { border-bottom: 1px solid #222; padding-bottom: 1px; }
  option.hl { background-color: #DDD; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; }
  fieldset div.left { width: 180px; text-align: right; float: left; }
  fieldset div.right { padding-left: 210px;}
  div.error { padding: 4px 2px; margin-bottom: 10px; color: red; border: 1px solid #222; }
  div.error b { display: block; color: #000; }
  fieldset i { font-weight: normal; }
  .checkbox { cursor: pointer; margin: 1px; }
  .radio { cursor: pointer; margin-bottom: -2px; margin-top: 1px; }
  
  div.gespreis { width: 600px; padding-left: 20px; text-align: right; clear: both; margin: 1px; }
  *+html div.gespreis { margin: 0; }
  div.gespreis span { font-weight: bold; width: 165px; display: block; float: left; }
  div.gespreis span.num { margin-left: 235px; font-weight: normal }
  div.summe, div.summe span.num { font-weight: bold; }
  div#hr { width: 615px; margin-left: 30px; height: 2px; line-height: 2px; border-bottom: 1px solid #444; }

/* SUBMIT BUTTONS */
  div.submit { text-align: center; padding: 4px; }
  input.submit { cursor: pointer; margin: -1px; overflow: visible; padding: 0 6px; }
  input.paypal, input.direct, input.bank, input.pdf, input.send, input.yes, input.no, input.cart, input.contact, input.processing_set, input.processing_unset, input.download, input.edit, input.ref {
    padding: 1px; padding-left: 22px; background: #FFF url(../../images/icons/paypal.png) no-repeat 3px center;
  }
  input.bank { background-image: url(../../images/icons/saled.gif) }
  input.direct { background-image: url(../../images/icons/direct.gif) }
  input.pdf { background-image: url(../../images/icons/pdf.gif) }
  input.send { background-image: url(../../images/icons/pdf.gif) }
  input.yes { background-image: url(../../images/icons/yes.gif) }
  input.no { background-image: url(../../images/icons/no.gif) }
  input.download { background-image: url(../../images/icons/download.gif); color: green;  }
  input.cart { background-image: url(../../images/icons/info_cart.gif); margin: 2px auto; }
  input.contact { background-image: url(../../images/icons/info_contact.gif); margin: 2px auto; }
	input.processing_set { background-image: url(../../images/icons/public_inactive.gif); margin: 2px auto; }
	input.processing_unset { background-image: url(../../images/icons/public.gif); margin: 2px auto; }
  input.edit { background-image: url(../../images/icons/edit.gif); margin: 2px auto; }
	input.ref { background-image: url(../../images/icons/ref.gif); margin: 2px auto; }

  div.file { position: relative; width: 260px; }
  tr.second div.file input.i, tr.second div.file input.i:focus { color: #000; width: 212px; padding-right: 25px; background: url(../../images/icons/folder_explore.gif) no-repeat 220px center; cursor: default; }
  div.file input.f { position: absolute; width: 200px; z-index: 999; height: 20px; top: 1px; right: 48px; }
  * html div.file input.f { right: 19px }
  *+html div.file input.f { right: 19px }

/* USERPROFIL */
  div#profile { position: relative; margin-left: 1px; height: 156px; }
  div#profile img { float: left; }
  div#profile div.left { display: block; width: 70px; float: left; padding: 2px; padding-left: 40px; font-weight: bold; }
  div#profile div.right { padding: 2px; padding-left: 1px; width: 440px; }
  *+html div#profile div.right { width: 200px }
  * html div#profile div.right { width: 200px }
  div#profile div.about, div#profile div.name, div#profile div.link { background: url(../../images/icons/profil_about.jpg) no-repeat 20px center; }
  div#profile div.link { background-image: url(../../images/icons/profil_link.jpg); }
  div#profile div.name { background-image: url(../../images/icons/profil_name.jpg); }
  div#profile div.content { position: absolute; left: 0; top: 20px; display: block; width: 490px; height: 90px; padding-left: 22px; overflow: hidden; overflow-x: hidden; overflow-y: auto; font-weight: normal; }
  div#profile div.about { position: relative; display: block; clear: right; width: 477px; }
  div#profile div#contact { position: absolute; top: 0; right: 2px; }

/* SWITCH BOX */
  div#switchPics { clear: both; text-align: center; margin-bottom: 15px; }
  div#switchPics img { width: 90px; height: 60px; margin: 1px 10px; border: 2px solid #333; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
  div#switchPics img:hover, div#switchPics img.selIMG { border: 2px solid #f7b72d; }

/* TABLE SETTINGS */
  div.head, tr.head { padding: 2px; font-weight: bold; background: #fdb002 url(../../images/icons/submit.jpg); border-bottom: 1px solid #AAA; color: #FFF; }
  tr.head i { font-weight: normal; font-size: 10px; }
  tr.kat td { font-weight: bold; border-bottom: 2px solid #AAA; vertical-align: middle; }
  tr.first td { border-bottom: 1px solid #CCC; background-color: #FFF; }
  tr.second td { border-bottom: 1px solid #CCC; background-color: #F9F9F9; }
  tr.legend, tr.bottom { background-color: #FFF }
  tr.admin { background-color: #FFDBDB }
  tr.hover:hover { background-color: #e9e9e9 }
  tr.hover td { vertical-align: middle }
  tr.head td, tr.kat td, tr.first td, tr.second td, tr.bottom td, tr.admin td { padding: 6px 3px; vertical-align: middle; }
  tr.bottom td { text-align: center }
  tr.legend td { padding: 4px; text-align: center; line-height: 24px; }
  tr.legend td img { vertical-align: middle }
  tr.kat label { display: block; }
  a.t:link, a.t:visited { display: block; background: url(../../images/icons/preview_arrow.gif) no-repeat left center; padding-left: 15px; }
  input.i, textarea { margin: 1px; background-color: #FFF; border: 1px solid #888; border-top: 1px solid #AAA; border-right: 1px solid #AAA; padding: 1px; width: 90%; color: #666; }
  textarea { height: 100px; }
  input.i:focus, input.i:hover, textarea:focus, textarea:hover { color: #000; border: 1px solid #555; }
  input.read { color: #333; cursor: default; border: 1px solid transparent; margin: 1px; }
  label.error, input.error, input.error:hover, input.error:focus { color: red; }
  tr.second input.color { width: 55px; padding-left: 5px; padding-right: 5px; }
  tr.second textarea { height: 100px; width: 100%; } tr.first textarea { width: 100%; }
  tr.second.check { width: 14px; }

/* DISABLED FIELDS */
  .disabled label, .disabled label .red { color: #888; }
  .disabled input.i, .disabled input.i:hover, .disabled input.i:active, .disabled input.i:focus, input.disabled, input.disabled:hover, input.disabled:active, input.disabled:focus {
    background: #EEE; border: 1px solid #888; border-top: 1px solid #AAA; border-right: 1px solid #AAA; color: #DDD; cursor: default;
  }

/* ORDER FORM*/
  input#e1, input#e2, input#e3, input#e4 { margin: 1px; margin-bottom: 3px; }
  *+html input#e1, *+html input#e2, *+html input#e3, *+html input#e4 { margin-left: -3px; }
  * html input#e1, * html input#e2, * html input#e3, * html input#e4 { margin-left: -3px; }
  #codeInfo { margin-top: 4px }
  #discount { display: none }
  #discount i#dcv { font-style: normal }
  #togglePrice { position: relative }
  #ratio { position: absolute; left: 290px; top: 85px; }
  .trenner { border-bottom: 1px solid #CCC; margin: 4px 0; }

/* Help */
  fieldset.help { color: #333; padding-left: 15px; padding-right: 15px; text-align: justify; }
  fieldset.help span { color: #000; }
  fieldset.help legend { color: #889ea2; font-weight: bold; }

  a.help { margin-left: -1px; display:block; font-weight: bold; }
  ul.help, ul.help li { margin: 0; padding: 0; margin-left: 15px; }
  *+html ul.help { margin-left: 25px; }
  * html ul.help { margin-left: 25px; }
  ul.help li ul { margin: 0; padding: 0; padding-bottom: 10px; }
  ul.help li { color: #000; list-style-type: upper-roman; }
  ul.help ul li { list-style-type: circle; }
  ul.square, ul.square li { margin: 0; padding: 0; margin-left: 10px; list-style-type: square; }
  ul.square { margin-top: 10px; }
  *+html ul.square { margin-left: 20px }
  * html ul.square { margin-left: 20px }

/* LIGHTBOX */
  #lightbox { border: 1px solid #333; background-color: #FFF; padding: 1px;	padding-top: 4px; }
  #lightboxDetails { text-align: left; padding-bottom: 5px; }
  #lightboxCaption { text-align: left; font-weight: bold; font-size: 13px; padding-left: 10px; color: #BB0000; }
  #lightboxCaption span { color: #000; font-size: 13px; }
  #lightboxCaption i { position: absolute; right: 10px; top: 5px; color: #777; font-weight: normal; font-size: 11px; }
  #keyboardMsg{ font-weight: bold; }
  #lightbox img{ border: none; border-top: 1px solid #AAA; clear: left;}
  #overlay img{ border: none; }
  #overlay { background-color: #000; }
  #loadingImage { border:1px solid #000; }
  #loadingDiv { position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; background-color: #000; }
  #loadingImg { position: fixed; _position: absolute; left: 50%; top: 45%; z-index: 999999; margin-left: -95px; margin-top: -40px; }

/* UPLOAD */
  img#upload { position: absolute; top: 50%; left: 50%; margin-left: -164px; margin-top: -120px; border: 1px solid #000; }

/* AGBs */
  fieldset#agbs { margin-top: 10px; overflow: auto; text-align: justify; }
  fieldset#agbs div.scroll { width: 655px; height: 220px; overflow: auto; padding: 10px; line-height: 15px;  border: 1px solid #AAA; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
  *+html fieldset#agbs div { margin-left: 6px; margin-right: 6px; }
  * html fieldset#agbs div { margin-left: 6px; margin-right: 6px; }
  fieldset#agbs div.scroll h1 { visibility: hidden; width: auto; height: 0px; }
  fieldset#agbs div.scroll div { border: 0; padding: 0; margin: 0; width: auto; }

/* Misc*/
  div#quality { position: absolute; margin: 1px; text-align: right; width: 570px; margin-top: 0px; color: #999; font-size: 9px; }

/* FAQ */
  div.faq_highlight { background-color: #f8f8f8; border: 1px solid #AAA; padding: 3px; }

/* TOOLS */
  .clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
  .pointer { cursor: pointer; }
  .default { cursor: default; }
  .help    { cursor: help; }
  .block { display: block; }
  .tiny { width: 1%; } *+html .tiny { width: 0%; } * html .tiny { width: 0%; }
  .nowrap { white-space: nowrap; }
  .float { float: left; }
  .left { text-align: left; }
  .center { text-align: center; }
  .right { text-align: right; }
  .top { vertical-align: top; }
  .middle { vertical-align: middle; }
  .normal { font-weight: normal; font-style: normal; }
  .hidden { display: none; }
  .icon { vertical-align: middle; }
  .bold:link, .bold:visited, .bold, .bold * { font-weight: bold; }
  small, .small { font-size: 10px; font-weight: normal; color: #999; }
  a.underline:hover, a.underline:active { text-decoration: underline; }
  .red, .red:link, .red:visited { color: #f72301 }
  .green { color: #5f9f3e }
  .lightgreen { color: #33FF33 }
  .lightred { color: #ff0000 }
  .white { color: #FFF; }
  
/* SITE NAVIGATION */  
  div#content h1 span#siteNavi { position: absolute; left: 536px; top: 8px; display: block; background: url(./images/sitenavi.jpg) no-repeat; width: 188px; padding: 1px; padding-bottom: 2px; }
  span#siteNavi { position: relative; text-align: center; }
  div#content h1 span#siteNavi a:link, div#content h1 span#siteNavi a:visited { padding: 3px; font-weight: normal; }
  div#content h1 span#siteNavi a.siteFirst:link, div#content h1 span#siteNavi a.siteFirst:visited { color: #FFF; font-weight: bold; }
  div#content h1 span#siteNavi a:hover, div#content h1 span#siteNavi a:active, div#content h1 span#siteNavi a.siteNow:link, div#content h1 span#siteNavi a.siteNow:visited { color: #FFF; }

/* USER ACCOUNT */
  div.premium { text-align: right; margin-top: -7px; padding-bottom: 7px; padding-right: 5px; }
  div#ueberweisung { position: relative; margin: 0 auto; width: 560px; height: 390px; background: url(../../images/ueberweisung.jpg) no-repeat center; }
  div#ueberweisung span { position: absolute; left: 37px; font-family: Arial; text-transform: uppercase; letter-spacing: .90em; cursor: text; font-weight: bold; }
  div#ueberweisung span.name { top: 110px; }
  div#ueberweisung span.knr { top: 141px; }
  div#ueberweisung span.blz { top: 141px; left: 385px; }
  div#ueberweisung span.bank { top: 171px; }
  div#ueberweisung span.eur { top: 202px; left: 235px; }
  div#ueberweisung span.betrag { top: 202px; left: 312px; }
  div#ueberweisung span.vwz1 { top: 234px; }
  div#ueberweisung span.vwz2 { top: 264px; }
  div#ueberweisung div.iban { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }

/* TOGGLES */
  tr.toggleTable td { background: #FFF; text-align: right; padding: 4px 6px; }
  tr.toggleTable a:link, tr.toggleTable a:visited { background: url(../../images/icons/expand.gif) no-repeat left center; padding-left: 18px; }

/* BORDERS */
  .border { border: 1px solid #888; }
  .noborder { border: 0; }
  .redborder { border: 1px solid #f72301; }

/* FLASHPREVIEW */
  div#flashpreview { position: relative; overflow: hidden; text-align: center; }
  div#flashpreview div#click { position: absolute; z-index: 99; left: 0; top: 0; cursor: default; margin: 0 auto; }

/* SUCHE */
  div#searchForm { position: absolute; top: 2px; right: 15px; width: 270px; text-align: right; z-index: 1; }
  *+html div#searchForm { top: 1px; }
  * html div#searchForm { top: 1px; }
  div#searchForm input.i { width: 180px; padding: 2px; }

/* LANGUAGES */
  div#language { position: absolute; top: 40px; right: 350px; z-index: 99; color: #FFF; font-size: 9px; letter-spacing: -1px; }
  div#language img { margin: 0 1px; margin-top: -2px; }

/* SALERS */
  div.saler { float: left; width: 334px; margin-left: 7px; margin-bottom: 7px; padding: 4px; cursor: pointer; border: 1px solid #e89210; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
  div.saler:hover { background: #EEE; }
  div.saler img.avatar { float: left; width: 60px; margin-right: 5px; }
  div.saler a:link,div.saler a:visited,div.saler a:hover,div.saler a:active { font-weight: bold; }
  div.saler:hover a { color: #000; }
  div.saler div.infos { margin-top: 5px; }
  div.saler div.infos div.rating { width: 210px; height: 20px; }

/* ORDERED LISTS */
  ul, ul li { margin: 0; padding: 0; margin-left: 12px; list-style-type: disc; }
  ul { margin-bottom: 10px }
  .code { width: 620px; margin: 4px auto; cursor: text; padding: 2px; text-align: left; }
  .paypal_info { font-size: 9px; color: #889ea2; }
  div#paypal { padding: 20px 2px; } div#paypal img { vertical-align: middle; }

/*---------------------------------------------
  PROGRESS BAR
---------------------------------------------*/
  #progressbar { display: none; }
  #progressbar .info, #progressbar #ptotal, #progressbar #ploaded, #progressbar #prate, #progressbar #pstatus {	display: block; float: left; clear: left;	overflow: hidden;	margin-bottom: 2px; }
  #progressbar .info { width: 20%; }
  #progressbar #ptotal, #progressbar #ploaded, #progressbar #prate, #progressbar #pstatus {	text-align: right; width: 80%; clear: right; }
  #progressbar #pstatus { font-style: italic }
  #progressbar #pfileName { font-size: 11px; font-weight: bold; }
  #progressbar #pbar { display: block; width: 0%; height: 16px; clear: left; background-color: #CCC; text-align: right; }
  span.imageButton { cursor: pointer; background-repeat: no-repeat; }

/* INPUT FILEDS */
  input.inputField { width: 390px; background-color: #F1F1F1; border: 1px solid #CCC; padding: 2px; margin: 1px; }
  input.file { background-color: #FFF; width: 200px; float: left; margin-top: 1px; margin-right: 5px; }
  .prodpad { display: block; padding-left: 46px; color: #6e7e81; }

/*---------------------------------------------
  STATS
---------------------------------------------*/
  div#stats { padding: 10px; padding-left: 40px; color: #6e6e6e; line-height: 17px; }
  div#stats span { display: block; width: 130px; float: left; }
  div#stats i { display: block; width: 20px; float: left; text-align: right; font-style: normal; }
  
/*---------------------------------------------
  MWST
---------------------------------------------*/
  div#mwst { margin: 10px; margin-top: 20px; color: #555; font-size: 9px; line-height: 17px; }

/*---------------------------------------------
  IMAGE FLOW
---------------------------------------------*/
  .imageflow {  width: 100%; overflow: hidden;	text-align: left;	visibility: hidden;	}
  .imageflow img { position: absolute; top: 0px; border: 1px solid #999; visibility: hidden; -ms-interpolation-mode: bicubic; }
  .imageflow p { margin: 0 auto; text-align: center; }
  .imageflow .loading { position: relative; width: 200px; height: 15px; left: 50%; margin-left: -106px; padding: 5px;	visibility: visible; }
  .imageflow .loading_bar {	width:1%; height: 15px;	visibility: visible; background: #666; }
  .imageflow .navigation{	z-index: 10000;	}
  .imageflow .caption {	position: relative; z-index: 10001;	text-align: center; margin-top: 15px; color: #111; }
  .imageflow .scrollbar { border-bottom: 1px solid #b3b3b3; position: relative; visibility: hidden; z-index: 10002; height: 1px; }
  .imageflow .slider { position: absolute; z-index: 10003; width: 14px; height: 14px; margin: -6px 0 0 -7px; }
  .imageflow .images { overflow: hidden; white-space: nowrap; }
  .imageflow .button { position: relative; width: 17px; height: 17px;	cursor: pointer; }
  .imageflow .previous, .imageflow .next { position: absolute; width: 48px; height: 48px; top: 48%; left: 30px; margin-top: -24px;	}
  .imageflow .next { left: auto; right: 30px; }
  .imageflow .title { display: none; }
  #flow_tooltip { position: absolute; top: -30px; width: 194px; height: 94px; z-index: 9999; display: none; background: url(../../_js/imageflow/hover.png); }
  #flow_tooltip div { line-height: 18px; margin: 10px; margin-right: 16px; overflow: hidden; white-space: nowrap; width: 154px; text-align: left; }
  #flow_tooltip div b { font-size: 12px; color: #FAD000; }
  #flow_tooltip div i { color: #999; display: block; margin-bottom: 4px; }

/*---------------------------------------------
  SLIDER
---------------------------------------------*/
  div#slider { float: left; position: relative; width: 610px; height: 190px;  overflow: hidden; }
  div#slider div.slider { width: 610px; height: 190px; float: left; margin: 0; padding: 0; }
  div#slider div.items { width: 20000em; position: absolute; clear: both; }
  div#sliderContainer a.browse { display: block; float: left; width: 23px; height: 111px; background: url(./images/slider_left.jpg) no-repeat; cursor: pointer; }
  div#sliderContainer a.left { margin: 0 15px; margin-top: 34px; }
  div#sliderContainer a.left:hover { background-position: -23px 0; }
  div#sliderContainer a.right { margin-top: 34px; margin-left: 15px; background-image: url(./images/slider_right.jpg); }
  div#sliderContainer a.right:hover { background-position: -23px 0; }
  div#sliderContainer a.disabled { visibility: hidden !important;	}
  div#slider a.image { float: left; width: 175px; height: 169px; margin-left: -2px; padding-top: 3px; margin-top: 19px; background: url(./images/bg_slider.png); text-align: center; }
  * html div#slider a.image { background-image: url(./images/bg_slider.jpg); }
  div#slider div.desc { float: left; width: 405px; height: 136px; margin-top: 20px; overflow: hidden; color: #FFF; }
  div#slider div.desc * { color: #FFF; }
  div#slider div.desc h1 { margin-bottom: 4px; }
  div#slider div.desc h1 a:link, div#slider div.desc h1 a:visited { font-size: 12px; font-weight: bold; color: #dad109; }
  div#slider div.desc h1 a:hover, div#slider div.desc h1 a:active { text-decoration: underline; }
  div#slider div.buttons { float: left; margin-left: -17px; margin-top: 7px; color: #fcd617; }
  div#slider div.buttons a { color: #fcd617 }
  div#slider div.buttons img { vertical-align: middle; margin-left: 15px; }
  div#slider div.buttons div { float: left; width: 110px; white-space: nowrap; }
  
/*---------------------------------------------
  OVERLAYS
---------------------------------------------*/
  .overlay { display: none; z-index: 10000; background: #000; border: 1px solid #666; -moz-box-shadow:0 0 90px 5px #FFF; -webkit-box-shadow: 0 0 90px #FFF; }
  .overlay .close { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

/*---------------------------------------------
  NETWORK
---------------------------------------------*/
  .network { padding: 13px 15px; clear: both; }
  .network img { float: left; margin-right: 5px; }
  .network span { display: block; color: #7f7f7f; font-weight: normal; margin-top: 5px; font-size: 10px; }
  .network a:link b, .network a:visited b { color: #FFF; text-decoration: underline; display: block; font-size: 12px; }
  .network a:hover b, .network a:active b { color: #e89210; text-decoration: none;  }
  .network a:hover span, .network a:active span { color: #FFF;  }
  
/*---------------------------------------------
  PARTNER
---------------------------------------------*/
  .partner { text-align: center; }
  .partner img { margin: 14px auto; }
  
/*---------------------------------------------
  TOP SALERS
---------------------------------------------*/
  div#top_saler { clear: both; padding: 5px 20px; }
  div#top_saler img { float: left; width: 80px; height: 100px; }
  div#top_saler h1 { float: left; margin-left: 15px; margin-top: 10px; clear: right; }
  div#top_saler h1 a:link, div#top_saler h1 a:visited { font-size: 14px; color: #FFF; font-weight: bold; }
  div#top_saler h1 a:hover, div#top_saler h1 a:active { text-decoration: underline; }
  div#top_saler h2 { float: left; color: #ffd300;  margin-left: 15px; margin-top: 10px; font-weight: normal; }
  div#top_saler div { float: left; margin-left: 15px; margin-top: 10px; color: #FFF; }
  
/*---------------------------------------------
  PARTNERPROGRAMM
---------------------------------------------*/
  div.banner { text-align: center; padding: 5px; margin: 5px; background: #F4F4F4; border: 1px solid #D9D9D9; }
  div.banner textarea { display: block; margin: 5px auto; width: 350px; height: 50px; font-size: 10px; }
  
/*---------------------------------------------
  RANDOM RATINGS
---------------------------------------------*/
  ul#random_ratings, ul#random_ratings li { margin: 0; padding: 0; list-style-type: none; margin-left: 4px; }
  ul#random_ratings { margin-top: 5px; }
  ul#random_ratings li { margin-left: 5px; margin-right: 13px; }
  ul#random_ratings div { margin: 2px; }
  ul#random_ratings div.head { position: relative; background: transparent; color: #FFF; padding: 2px; padding-left: 5px; }
  ul#random_ratings div.head b.starsbg_small { position: absolute; right: 4px; top: 2px; }
  ul#random_ratings div.rating { padding: 5px; margin-bottom: 5px; color: #888; font-size: 10px; }
  ul#random_ratings div.rating, ul#random_ratings div.rating p { line-height: 16px; }
  ul#random_ratings div.rating a:link, ul#random_ratings div.rating a:visited { padding: 0; text-align: left; background: transparent; margin-top: -2px; font-size: 11px; width: 230px; white-space: nowrap; overflow: hidden; }
  
/*---------------------------------------------
  PRODUCT SEARCH
---------------------------------------------*/
  #psearch { margin-left: 15px; padding: 2px; width: 170px; }
  
/*---------------------------------------------
  CART
---------------------------------------------*/
  div#cart { position: absolute; z-index: 9999; top: 4px; right: 246px; background: url(../../images/cart.png) no-repeat top right; width: 112px; font-family: Arial; font-size: 10px; padding-right: 5px; line-height: 12px; }
  div#cart span { display: block; text-align: right; }
  div#cart h1 { display: block; color: #9e9e9e; font-weight: normal; font-size: 10px; text-align: right; padding: 1px 3px; padding-right: 19px; margin: 0; }
  div#cart a { display: block; width: 47px; height: 13px; text-align: center; background: url(../../images/cart_view.png) no-repeat; padding-left: 1px; padding-bottom: 2px; color: #000; float: right; margin-top: 1px; }