/*

*/

a, a:link, a:active {
	color: #0066FF;
}

a:hover {
	color: #CC9900;
}

a:visited {
	color: #996600;
}

#div_main {
  width: 955px;
  margin: 0 auto;
}

#div_main_toparea {
  position: relative;
  top: 0px;
  left: 0px;
  width: 955px;
  height: 173px;
  background-attachment: scroll;
  background-image: url(/templates/ex/images/div_main_toparea_bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin-top: 0;
  z-index: 2;
}

#div_main_toparea .controlbar {
  width: 955px;
  margin-top: 15px;
}

#div_main_toparea .controlbar .menubar {
 font-size: 12px;
}

#div_main_toparea .controlbar .menubar a {
  text-decoration: none;
  color: #202020;
}

#div_main_toparea .controlbar .menubar a:hover {
  color: #F4B200;
}

#div_main_middlearea {
  width: 951px;
  margin-left: 2px;
  overflow: visible;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  z-index: 0;
  margin-top: 10px;
}
/*
#div_main_bottomarea {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 47px;
  margin-top: 6px;
  margin-bottom: 0px;
  background-attachment: scroll;
  background-image: url(/templates/ex/images/div_main_bottomarea_bg.png);
  background-repeat: repeat-x;
  background-position: 0px 0px;
  text-align: center;
}
*/
.div_sidebar {
  width: 190px;
  min-height: 150px;
/*  margin-top: 2px;*/
  margin-bottom: 6px;
  left: 0px;
  background-color: #FFFFFF;
  background-image: url(/templates/ex/images/sidebar_lbg.png);
  background-position: right top;
  background-repeat: repeat-y;
  border: 1px solid #D4D0C8;
  float: left;
  }

.div_sidebar h2 {
  background-image: url(/templates/ex/images/sidebar_head_bg.png);
  background-position: left top;
  background-repeat: repeat-x;
  background-color: #E6E6E6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  padding: 5px;
  margin-bottom: 5px;
}

.div_sidebar .tree a:link {
  display: block;
}

.div_sidebar .tree a.l1 {
  background-image: url(/templates/ex/images/sidebar_link_l1_bg.png);
  background-repeat: repeat-y;
  padding: 3px;
  font-weight: bold;
  font-size: 12px;
  color: #666666;
  border-top: 1px solid #AFE7CF;
  border-bottom: 1px solid #AFE7CF;
  margin-top: 10px;
  display: block;
}

.div_sidebar .tree a.l1:hover {
  background-image: url(/templates/ex/images/sidebar_link_l1_hover_bg.png);
  border-top: 1px solid #97ADFF;
  border-bottom: 1px solid #97ADFF;
  color: #FFFFFF;
}

.div_sidebar .tree a.l1_first {
  margin-top: 0px;
}

.div_sidebar .tree a.l2 {
  border-top: 1px solid #D4D0C8;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-weight: bold;
  color: #666666;
  font-size: 11px;
  margin-top: 5px;
  display: block;
}

.div_sidebar .tree a.l2:hover {
  color: #CC9900;
  background-image: url(/templates/ex/images/sidebar_link_l3_hover_bg.png);
  background-repeat: no-repeat;
  background-position: 0px 4px;
}

.div_sidebar .tree a.l2_first {
  margin-top: 0px;
  border-top: 0px solid white;
}

.div_sidebar .tree a.l3 {
  padding-right: 3px;
  padding-left: 20px;
  font-weight: bold;
  color: #0066FF;
  font-size: 11px;
  display: block;
}

.div_sidebar .tree a.l3_last {
  margin-bottom: 10px;
}

.div_sidebar .tree a.special_offer {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  font-size: 12px;
}

.div_sidebar div.linkdesc {
  font-size: 10px;
  margin-bottom: 5px;
  display: block;
}

.div_sidebar .tree a.l3:hover {
  color: #CC9900;
  background-image: url(/templates/ex/images/sidebar_link_l3_hover_bg.png);
  background-repeat: no-repeat;
}

#div_main_contentarea {
  position: relative;
  width: 752px;
  min-height: 50px;
  margin-bottom: 6px;
  float: right;
}

#div_main_manufacturers_area {
  border: 1px solid #D4D0C8;
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;
  font-size: 11px;
  background-color: white;
}

#div_main_manufacturers_area a, #div_main_manufacturers_area a:link {
  color: #ACA494;
}

#div_main_manufacturers_area a:hover {
  text-decoration: underline;
}

#footer {
  height: 42px;
  width: 955px;
  background-image: url(/templates/ex/images/footer_bg.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: top left;
  text-align: center;
  padding-top: 12px;
  color: #C0C0C0;
  clear: both;
}

.floatclear {
  clear: both;
  height: 0px;
}

a.pdflink, a.pdflink:link, a.pdflink:active, a.pdflink:visited {
  padding-left: 32px;
  height: 32px;
  width: 140px;
  vertical-align: middle;
  text-align: left;
  background-image: url(/templates/ex/images/pdficon.png);
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  line-height: 28px;
  color: #0066FF;
}

a.pdflink:hover {
  background-image: url(/templates/ex/images/pdficon-hover.png);
  color: #CC9900;
}

/* -----------------------------------------------------------------------------

    customer_register

------------------------------------------------------------------------------*/

.customer_register div.icon {
  background-image: url(/templates/ex/images/customer_register_icon.png);
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  margin-right: 30px;
  height: 48px;
  width: 48px;
}

.customer_register div.assistent_icon {
  background-image: url(/templates/ex/images/customer_register_assistent.png);
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  margin-right: 30px;
  height: 48px;
  width: 48px;
}

.customer_register div.inputrow {
  position: relative;  
  height: 20px;
  margin-bottom: 10px;
}

.customer_register div.inputrow:hover {
  background-color: #B6D3F4;
}

.customer_register div.inputrow .caption {
  position: absolute;
  float: left;
  height: 20px;
  left: 10px;
  top: 1px;
  font-weight: normal;
  background-color: transparent;
}

.customer_register div.inputrow input {
  position: absolute;
  left: 200px;
  width: 300px;
  border: 1px solid #808080;
  padding-left: 10px;
  font-family: "Courier New", Courier, mono;
}

.customer_register div.inputrow input.required {
  background-color: #FFFFCC;
  border: 2px solid #808080;
}

.customer_register dl.errors {
  background-color: #F4C8B6;
  border: 1px solid #FF0000;
  margin: 0px;
  padding: 10px;
}

.customer_register dl.errors dt {
  font-weight: bold;
}

.customer_register dl.errors dd {
  margin: 10px 0px 0px 20px;
  padding: 0px 0px 0px 10px;
  background-image: url(/templates/ex/images/main_menu_arrow_left.png);
  background-position: left 5px;
  background-repeat: no-repeat;
}

/* -----------------------------------------------------------------------------

    product_listing

------------------------------------------------------------------------------*/

.category_description_area {
  margin-bottom: 20px;
  border-bottom: 1px solid #D4D0C8;
  padding-left: 20px;
  padding-right: 10px;
  text-align: justify;
  min-height: 58px;
}

.category_description_area p {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 10px;
  padding-bottom: 0px;
}

.subcategories_area {
  margin-bottom: 20px;
  margin-left: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D4D0C8;
}

.subcategories_area .caption {
  padding: 30px;
  float: left;
}

.subcategories_area .subcategories_folders {
  max-width: 750px;
  min-width: 650px;
/*  border: 1px solid red;*/
  float: left;
}

.subcategory_item {
  max-width: 110px;
  min-width: 96px;
  height: 120px;
  text-align: center;
  float: left;
  overflow: visible;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url(/templates/ex/images/subcategory_folder.png);
  background-position: center top;
  background-repeat: no-repeat;
}

.subcategory_item:hover {
  background-image: url(/templates/ex/images/subcategory_folder_open.png);
  color: blue;
}

.subcategory_item a {
  display: block;
  width: 100%;
  min-width: 100px;
  text-align: center;
  overflow: visible;
  padding-top: 90px;
  color: #202020;
}

.subcategory_item a:hover {
  color: blue;
}


/*------------------------------------------------------------------------------

  product_detail

------------------------------------------------------------------------------*/

.product_detail {}

.product_detail .image_area {
  float: left;
  width: 210px;
  height: 170px;
  padding: 5px;
  border: 1px solid #D4D0C8;
  margin-left: 10px;
  margin-right: 20px;
  background-position: center;
  background-repeat:no-repeat;
  text-align: center;
}

.product_detail .image_area img {
  visibility: hidden;
  height: 0px;
  width: 0px;
}

.product_detail .image_subscription {
  font-size: 10px;
  height: 20px;
  width: 210px;
  float: left;
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 0px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  text-align: center;
}

.product_detail .image_area .zoom_icon {
  display: block;
  width: 210px;
  height: 170px;
  background-image: url(/templates/ex/images/magnifier_small.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.product_detail .image_area .zoom_icon:hover {
  background-image: url(/templates/ex/images/magnifier_big.png);
}

.product_detail .data_area {
  float: left;
  width: 220px;
/*  height: 50px;
  padding: 5px;*/
/*  border: 1px solid #D4D0C8;*/
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
/*  text-align: center;*/
/*  background-color: blue;*/
  overflow: visible;
}

.product_detail .data_area table {
  font-size: 11px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
}

.product_detail .data_area td, .product_detail .data_area th {
/*  background-color: red;*/
}

.product_detail .data_area td {
  text-align: left;
  padding-left: 10px;
}

.product_detail .data_area th {
  text-align: right;
  font-weight: bold;
}
.product_detail .text_area {
  float: left;
  width: 490px;
}

.product_detail .text_area p {
  padding: 0;
  margin-top: 0;
  margin-bottom: 10px;
}

.product_detail .text_area > ul {
  margin-top: 0;
  margin-left: 30px;
  margin-right: 0;
  margin-bottom: 10px;
  padding: 0;
  display: block;
  list-style-position: outside;
}

.product_detail > .text_area > ul > li {
  padding: 0;
  margin-top: 0px;
}

.product_detail > .text_area ul li ul {
  list-style-type: circle;
}

.product_detail #code_area {
  white-space: pre;
  width: 650px;
  font-family: "Courier New", Courier, mono;
  color: #000000;
  padding: 10px;
  border: 1px dashed #666666;
  background-color: #FFFFED;
  display: none;
  clear: both;
  margin: 20px auto;
}


.product_detail table.graduated_prices {
/*  background-color: yellow;*/
/*  float: right;*/
/*  margin-left: 20px;*/
  margin-bottom: 20px;
  border: 1px solid #6ED2AA;
  font-size: 11px;
}

.product_detail table.graduated_prices th {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  background-color: #C2ECDE;
  background-image: url(/templates/ex/images/graduated_price_table_header_bg.png);
  background-repeat: repeat-x;
  height: 25px;
}

.product_detail table.graduated_prices td {
  text-align: center;
}

.product_detail table.graduated_prices td.price {
  text-align: right;
  padding-right: 15px;
}

.product_detail table.graduated_prices td.spacer {
  height: 5px;
}



.product_detail .special_offer_block {
  background-color: #C2ECDE;
  border: 2px dashed #6ED2AA;
  width: 450px;
/*  margin-left: 60px;*/
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  margin-bottom: 10px;
}

.product_detail .special_offer_block h2 {
  border: 0px none black;
  text-align: center;
  font-size: 26px;
}

.product_detail .special_offer_block p {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

.product_detail .special_offer_block p > strong {
  font-size: 26px;
}

.product_detail .buyrequest {
  color: #0066FF;
  font-size: 12px;
  border: 0px solid white; 
  background-color: transparent; 
  text-align: center; 
  cursor: hand;
  cursor: pointer;
}

.product_detail .buyrequest:hover {
  color: #CC9900;
}

span.wpinfolink {
  border-bottom: 1px dotted green;
  cursor: help;
}

.wpinfopopup {
  background-color: #FFFFE1;
  border: 1px solid #ACA494;
  max-width: 300px;
  font-size: 11px;
}

.wpinfopopup strong.title {
  display: block;
  font-weight: bold;
  padding: 3px;
  border-bottom: 1px solid #D4D0C8;
}

.wpinfopopup span.description {
  display: block;
  padding: 5px;
}

.product_detail .special_offer_block p > sup {
  font-weight: normal;
}

a.linked_product:link, a.linked_product:visited, a.linked_product:active {
  display: block;
  width: 120px;
  float: left;
  text-align: center;
  border: 1px solid #FFFFFF;  
  margin-bottom: 5px;
  height: 120px;
  overflow: hidden;
}

a.linked_product:hover {
  border: 1px solid #CC9900;
}

a.linked_product span.title {
  display: block;
  text-align: center;
  margin-top: 5px;
}


/*------------------------------------------------------------------------------

  product_request

------------------------------------------------------------------------------*/

.product_request {}

.product_request .image_area {
  float: left;
  width: 210px;
  height: 170px;
  padding: 5px;
  border: 1px solid #D4D0C8;
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  background-position: center;
  background-repeat:no-repeat;
}

.product_request .image_subscription {
  font-size: 10px;
  height: 20px;
  width: 210px;
  float: left;
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  text-align: center;
}

.product_request .data_area {
  float: left;
  width: 210px;
  height: 50px;
  padding: 5px;
/*  border: 1px solid #D4D0C8;*/
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  text-align: center;
}

.product_request .form_area {
  float: left;
  width: 650px;
/*  border: 1px solid red;*/
  line-height: 30px;
}

.product_request .form_area .col1 {
  width: 90px;
/*  border: 1px solid red;*/
  float: left;
  font-weight: bold;
}

.product_request .form_area .col1wide {
  width: 180px;
/*  border: 1px solid red;*/
  float: left;
  font-weight: bold;
}

.product_request .form_area .col2 {
  width: 200px;
/*  border: 1px solid red;*/
  float: left;
}

.product_request .form_area .col2wide {
  width: 433px;
/*  border: 1px solid red;*/
  float: left;
}

.product_request .form_area .col2extrawide {
  width: 520px;
/*  border: 1px solid red;*/
  float: left;
}

.product_request .form_area .col2extrawide select {
  width: 100%;
}

.product_request .form_area .col2extrawide textarea {
  width: 100%;
}

.product_request .form_area .col3 {
  width: 90px;
/*  border: 1px solid red;*/
  float: left;
  font-weight: bold;
  margin-left: 30px;
}

.product_request .form_area .col4 {
  width: 200px;
/*  border: 1px solid red;*/
  float: left;
}

.product_request .form_area .row2 {
  clear: both;
/*  border: 1px solid red;*/
}

.product_request input, .product_request select {
  margin-top: 4px;
  margin-bottom: 4px;
  width: 198px;
}

.product_request .form_area .radio, .product_request .form_area .checkbox {
  width: 20px;
  height: 15px;
}

/*------------------------------------------------------------------------------

  product_advanced_search

------------------------------------------------------------------------------*/

.adv_search > form > .bluebox {
  border: 2px solid #C6E0F2;
  background-color: #C6E0F2;
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  height: 120px;
  line-height: 23px;
  font-size: small;
  padding: 3px;
}

.adv_search > form > .bluebox input {
  border: 1px solid #808080;
}

.adv_search > form > .bluewhitebox {
  border: 2px solid #C6E0F2;
  background-color: white;
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  height: 80px;
  font-size: small;
  padding: 3px;
}

.adv_search > form > .bluebox > .col1, .adv_search > form > .bluewhitebox > .col1 {
  width: 135px;
  clear: left;
  float: left;
  font-weight: bold;
  height: 25px;
}

.adv_search > form > .bluebox > .col2 {
  width: 200px;
  float: left;
  height: 24px;
}

.adv_search > form > .bluewhitebox > .col2 {
  width: 200px;
  float: left;
  height: 25px;
}

.adv_search > form > .bluebox > .col3 {
  width: 220px;
  float: left;
  height: 25px;
}

.adv_search > form > .bluewhitebox > .col3 {
  width: 350px;
  float: left;
  height: 25px;
}

.adv_search > form > .bluebox > .col3 .edit, .adv_search > form > .bluewhitebox > .col3 .edit {
  width: 170px;
}

.adv_search > form > .bluebox > .col3 .radio, .adv_search > form > .bluewhitebox > .col3 .radio {
  margin-right: 20px;
}

.adv_search > form > .bluewhitebox > .col3 select {
  width: 250px;
}

.adv_search > form > .bluebox > .col4 {
  width: 120px;
  float: left;
  height: 25px;
}

.adv_search > form > .bluewhitebox > .col4 {
  width: 120px;
  float: left;
  height: 25px;
}

.adv_search > form > .bluewhitebox > .col4 > button {
  height: 10px;
}

/*------------------------------------------------------------------------------

  product_zoom_image

------------------------------------------------------------------------------*/

.product_zoom_image {
  width: 100%;
  text-align: center;
}

.product_zoom_image > img {
  border: 0;
  border: 1px solid #D4D0C8;
}

/*------------------------------------------------------------------------------

  form_contact

------------------------------------------------------------------------------*/

.form_contact {
}

.form_contact .form_area {
  background-color: #F6FEFD;
  border: 1px solid #808080;
  width: 650px;
/*  height: 420px;*/
/*  border: 1px solid red;*/
  line-height: 30px;
  padding: 10px;
  margin: 0 auto;
}

.form_contact .form_area .col1 {
  width: 90px;
/*  border: 1px solid red;*/
  float: left;
  font-weight: bold;
}

.form_contact .form_area .col1wide {
  width: 180px;
/*  border: 1px solid red;*/
  float: left;
  font-weight: bold;
}

.form_contact .form_area .col2 {
  width: 200px;
/*  border: 1px solid red;*/
  float: left;
}

.form_contact .form_area .col2wide {
  width: 433px;
/*  border: 1px solid red;*/
  float: left;
}

.form_contact .form_area .col2extrawide {
  width: 523px;
/*  border: 1px solid red;*/
  float: left;
}

.form_contact .form_area .col3 {
  width: 90px;
/*  border: 1px solid red;*/
  float: left;
  font-weight: bold;
  margin-left: 30px;
}

.form_contact .form_area .col4 {
  width: 200px;
/*  border: 1px solid red;*/
  float: left;
}

.form_contact .form_area .row2 {
  clear: both;
/*  border: 1px solid red;*/
}

.form_contact input, .form_contact select {
  margin-top: 4px;
  margin-bottom: 4px;
  width: 198px;
}

.form_contact .form_area .col2extrawide select {
  width: 398px;
}

.form_contact .form_area .col2extrawide textarea {
  width: 100%;
}

.form_contact .form_area .radio, .form_contact .form_area .checkbox {
  width: 20px;
  height: 15px;
}


/*------------------------------------------------------------------------------

  category_visibility

------------------------------------------------------------------------------*/

.category_visibility ul {
  list-style-type: none;
}

.category_visibility ul label {
  border: 1px solid white;
  display: block;
}

.category_visibility ul label:hover {
  background-color: #CFCFCF;
  border: 1px dotted black;
  cursor: hand;
  cursor: pointer;
}

/*------------------------------------------------------------------------------

  product_visibility

------------------------------------------------------------------------------*/

.product_visibility ul {
  list-style-type: none;
}

.product_visibility ul label {
  border: 1px solid white;
  display: block;
}

.product_visibility ul label:hover {
  background-color: #CFCFCF;
  border: 1px dotted black;
  cursor: hand;
  cursor: pointer;
}
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /www/htdocs/w009066a/art-phone.de/tmp/ex/%%88^883^8838C064%%maindesign.css.php:4) in <b>/www/htdocs/w009066a/art-phone.de/getcss.php</b> on line <b>21</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /www/htdocs/w009066a/art-phone.de/tmp/ex/%%88^883^8838C064%%maindesign.css.php:4) in <b>/www/htdocs/w009066a/art-phone.de/getcss.php</b> on line <b>22</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /www/htdocs/w009066a/art-phone.de/tmp/ex/%%88^883^8838C064%%maindesign.css.php:4) in <b>/www/htdocs/w009066a/art-phone.de/getcss.php</b> on line <b>23</b><br />