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

   (c) 2008 - Gregor Dick - Stünings Medien GmbH

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

html {font-family:Arial, Helvetica, sans-serif;	font-size: 11px; overflow: auto; overflow-x: hidden;}
body {font-family:Arial, Helvetica, sans-serif;	font-size: 11px; color: #ffffff; background-color: #000000;	overflow: auto;	padding: 5px;}
img {border: 0; margin: 0;}
#site {width: 715px; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}

/* CSS für die Info-Bar oben */
#box_information {text-align: right; margin-bottom: 4px;}
ul.info_cats {padding:0px; margin:0px; list-style: none;}
ul.info_cats li {display: inline; padding: 2px 10px; border-left: 1px solid #666666;}
ul.info_cats li a:hover, ul.info_cats li a:active, ul.info_cats li a:link, ul.info_cats li a:visited  {text-decoration:none; color: #ffffff;}

/* Logos */
#logo_top_left {float: left;}
#logo_bottom_right {float: right;}

/* CSS für die Kategorien */
#box_categories {cursor: pointer; float: left; width: 165px; height: 24px; margin-left: 3px; background-color: #666666; color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-top: 40px; padding-left: 10px;}

/* CSS für den Content */
#box_content {cursor: pointer; float: left; width: 165px; height: 24px; margin-left: 4px; background-color: #666666; color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-top: 40px; padding-left: 10px;}

/* CSS für den Kontakt */
#div_contact {float: left; width: 175px; height: 30px; margin-left: 4px; margin-bottom: 4px; background-color: #666666; color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}
#div_contact a {display: block; padding-top: 7px; padding-left: 10px; text-decoration:none; color: #eeeeee;}

/* CSS für die Suche */
#box_search {float: left; margin-bottom: 4px; width: 165px; height: 25px; margin-left: 4px; background-color: #666666; color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding-top: 5px; padding-left: 10px;}
#quick_find {margin: 0;}

/* CSS für den mittleren Teil */
#tab_mid {width: 100%;}
#tab_main {padding-top: 2px; padding-right: 4px; width: 536px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#tab_right {font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #666666; padding-top: 248px;}

/* CSS für die Navtrail */
.navtrail {font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-left: -1px;}
.navtrail a {color: #eeeeee; text-decoration: none;}

/* Die Login Box */
#login_div {display: none;}

/* Das Produkte-Menü */
/* Alle Listen */

#nav, #nav ul {width: 175px; position: absolute; padding: 0; margin: 0; list-style: none; line-height: 1; z-index: 50;}
#nav a {display: block; color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:lighter; padding: 6px 10px;}

/* Alle Listen-LIs */
#nav li {float: left; width: 175px;}

/* Zweiter Level */
#nav li ul {background: url(img/menu_bg.gif) top repeat-x; background-color: #BAB8B8; position: absolute; width: 175px; margin-left: -10px; padding-top: 12px; left: -999em;}
* html #nav li ul {margin-left: -101px; margin-top: 16px;}
*+html #nav li ul {margin-left: -101px; margin-top: 16px;}
#nav a.cat_lev0 {background: url(img/cat-open.gif) no-repeat 98%;}

/* Hover zweiter Level */
#nav li ul li:hover, #nav li ul li.over {background-color: #E6E6E6;}
#nav li ul li:hover a, #nav li ul li.over a {color: #E33626;}
#nav li ul li:hover ul li a, #nav li ul li.over ul li a {color: #ffffff;}

/* Dritter und alle nachfolgenden Level */
#nav li ul ul {margin: -20px 0 0 170px; background-image: none; background-color: #BAB8B8; padding-top: 0;  border: 1px solid #9B9B9B;}

/* Hover dritter Level */
#nav li ul li ul li:hover {background-color: #E6E6E6;}
#nav li ul li ul li:hover a {color: #E33626;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #box_categories .navfxenabled li:hover ul, #box_categories .navfxenabled li:hover ul ul, #box_categories .navfxenabled li:hover ul ul ul, #box_categories .navfxenabled li.over ul ul, #box_categories .navfxenabled li.over ul ul ul {left: -999em;}
#nav li:hover ul, #box_categories .navfxenabled li.over ul {left: auto;}
#nav li li:hover ul, #nav li li li:hover ul, #box_categories .navfxenabled li li.over ul, #box_categories .navfxenabled li li li.over ul {left: -2px;}
#box_categories li li.over ul.leftover, #box_categories .navfxenabled li li li.over ul.leftover, #box_categories .navfxenabled li li li li.over ul.leftover {left: -28.44em;}

/* IE */
* html #nav li ul a:hover {background-color: #E6E6E6;}
/* FF */
#nav li ul a:hover {color: #E33626;}
#box_categories #nav li ul li.over, #nav li ul li:hover {background-color: #E6E6E6;}

/* Das Content-Menü */
/* Alle Listen */
#content_nav, #content_nav ul {padding: 0; margin: 0; list-style: none; line-height: 1; z-index: 50;}
#content_nav a {display: block; color: #ffffff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:lighter; padding: 6px 10px;}

/* Alle Listen-LIs */
#content_nav li {float: left; width: 175px;}
* html #content_nav li {float: left; width: 98%;}

/* Zweiter Level */
#content_nav li ul {background: url(img/menu_bg.gif) top repeat-x; background-color: #BAB8B8; position: absolute; width: 175px; margin-left: -10px; padding-top: 12px; left: -999em;}
* html #content_nav li ul {margin-left: -84px; margin-top: 16px;}
*+html #content_nav li ul {margin-left: -84px; margin-top: 16px;}

#content_nav li:hover ul ul, #content_nav li:hover ul ul ul, #box_content .navfxenabled li:hover ul, #box_content .navfxenabled li:hover ul ul, #box_content .navfxenabled li:hover ul ul ul, #box_content .navfxenabled li.over ul ul,#box_content .navfxenabled li.over ul ul ul {left: -999em;}
#content_nav li:hover ul, #box_content .navfxenabled li.over ul {left: auto;}
#content_nav li li:hover ul, #content_nav li li li:hover ul, #box_content .navfxenabled li li.over ul, #box_content .navfxenabled li li li.over ul {left: -2px;}
#box_content li li.over ul.leftover, #box_content .navfxenabled li li li.over ul.leftover, #box_content .navfxenabled li li li li.over ul.leftover {left: -28.44em;}

/* IE */
* html #content_nav li ul a:hover {background-color: #E6E6E6;}
/* FF */
#content_nav li ul a:hover {color: #E33626;}
#box_content #content_nav li ul li.over, #content_nav li ul li:hover {background-color: #E6E6E6;}

/* Allgemeine Styles */
.main {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5;}
.contentsImages {float: right;}
.contentsTopics {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #E33626; padding: 8px 4px 4px 0; overflow: hidden;}
.navigation_div {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

/* Die Styles für das Kategorie-Listing */
.tab_categories_image {width: 178px; padding: 0; background-color: #F1F1F1; border-right: 4px solid #000; border-bottom: 4px solid #000;}
.tab_categories_description {width: 336px; border-bottom: 4px solid #000; background-color: #F1F1F1; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 13px 10px;}
.tab_categories_description a {color: #E33626; text-decoration: none;}
* html .tab_categories_description {width: 334px;}
.span_categories_description_title {color: #E33626; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.span_categories_goto_categorie {background: url(img/red_arrow.gif) left no-repeat; padding-left: 10px;}
.span_categories_goto_categorie a {color: #666666; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/* Die Styles für das Produkt-Listing */
.tab_productlisting_image {width: 178px; padding: 10px 0; background-color: #ffffff; border-right: 4px solid #000; border-bottom: 4px solid #000;}
.tab_productlisting_description {width: 336px; border-bottom: 4px solid #000; background-color: #F1F1F1; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 13px 10px;}
.tab_productlisting_description a {color: #E33626; text-decoration: none;}
* html .tab_productlisting_description {width: 334px;}
.span_productlisting_description_title {color: #E33626; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.span_productlisting_goto_product {display: block; margin-top: 5px; background: url(img/red_arrow.gif) left no-repeat; padding-left: 10px;}
.span_productlisting_goto_product a {color: #666666; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.navigation_div a {color: #fff}

/* Die Styles für die rechten Boxen */
.infoBoxHeading_right {width: 100%; padding: 10px 8px; border-bottom: 4px solid #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;}
.infoBoxHeading_right a {background: url(img/white_arrow.gif) left no-repeat; padding-left: 10px; color: #fff; text-decoration: none;}
.infoBoxHeading_right_input {width: 150px;}

/* Die Styles für die Produkt-Info */
.price_span {float: right; color: #fff;}
.tab_productinfo_image {width: 178px; padding: 0; background-color: #F1F1F1; border-right: 4px solid #000; border-bottom: 4px solid #000;}
.tab_productinfo_title {width: 336px; border-bottom: 4px solid #000; background-color: #F1F1F1; color: #E33626; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; padding: 13px 10px;}
.tab_productinfo_features {width: 336px; border-bottom: 1px solid #000; background-color: #F1F1F1; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 11px 10px 6px 10px; font-weight: bold;}
.tab_productinfo_description {width: 336px; border-bottom: 4px solid #000; background-color: #F1F1F1; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px 10px 8px 10px;}
.tab_productinfo_description ul li {margin-bottom: 0.5em; line-height: 1.5em;}
.tab_productinfo_description ul {padding-left: 16px; margin: 10px 0; list-style-image: url(img/red_square.gif);}
.tab_productinfo_description ul.no_list_point li {list-style-image: none;}
.span_productinfo_shortdescription {color: #666666; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; padding-top: 5px;}
.div_productinfo_print {width: 100%; border-bottom: 4px solid #000000; padding: 10px 20px 10px 20px;}
.div_productinfo_print p {line-height: 16px; display: inline;}
.div_productinfo_print a {color: #D5D3D2; font-weight: normal; font-size: 11px; text-decoration: none;}
.div_productinfo_print img {float: left; margin-right: 5px;}
.div_productinfo_media {color: #D5D3D2; font-weight: normal; font-size: 12px; width: 100%; border-bottom: 4px solid #000000;}
.div_productinfo_media_head {width: 100%; border-bottom: 1px solid #000000; font-weight: bold; font-size: 12px; color: #D5D3D2; padding: 6px 0 6px 20px;}
.div_productinfo_media_documents {width: 100%; padding: 4px 0 4px 20px; line-height: 20px; font-size: 11px;}
.div_productinfo_media_documents img {float: left; margin-right: 5px; margin-bottom: 6px;}
.div_productinfo_media_documents a {font-size: 11px; color: #D5D3D2; text-decoration: none;}
.div_pic_gallery {width: 154px; margin-top: 10px; border: 1px solid #cccccc; padding-top: 35px; padding-bottom: 15px; background-color: #ffffff;}
.div_pic_gallery img {margin-bottom: 20px;}
.div_pic_zoom {width: 146px; margin-top: 1px; border: 1px solid #cccccc; padding: 8px 4px; background-color: #ffffff;}
.div_pic_zoom a {color: #666666; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

/* Die Styles für die Sitemap */
.tab_sitemap {background-color: #F1F1F1;}
.sitemap_heading {font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; color: #E33626; padding: 8px 8px;}
.sitemap_heading a {color:#E33626; text-decoration: none; display: block;}
.sitemap_sub {background: url(img/pixel_arrow.gif) 8px 3px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; padding: 2px 8px; padding-left: 18px;}
.sitemap_sub a {color:#666666; text-decoration: none; font-weight: bold; display: block;}

/* Die Styles für die Content-Seiten */
.div_content {background-color: #F1F1F1; padding: 20px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}
.div_content a {color: #666666;}

/* Die Styles für den Footer */
#footer {margin-top: 8px;}
#div_language {padding: 12px 20px 0 0; float: left;}
#div_language a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #ffffff;}
#div_impressum {padding: 14px 0 0 0; margin-right: 100px; float: left;}
#div_impressum a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none;}

/* Die Styles für das Bilder-Popup */
.popup_image {color: #ff0000; font-weight: normal; font-size: 12px; text-decoration: none;}

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #B3E3D7; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
  display:none;
}

.parseTime {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
  display:none;
}