/* -----------------------------------------------------------------------------------------
   (c) 2011 - Michael Krämer - Stünings Medien GmbH
   ---------------------------------------------------------------------------------------*/

/* reset all distances */
* {margin: 0; padding: 0;}
a, a:link {text-decoration: none;color: #00a1f2;}
a:hover {text-decoration: underline;}
html, body {font-family:Arial, Helvetica, sans-serif; font-size: 11px;overflow: auto;} 
html {overflow-x: hidden;}
body {color: #666; background: #fff; padding: 5px;}
img {border: 0; margin: 0;}
h1 {color: #3b3b3b; font-size: 32px; font-weight: normal; margin-top: 10px;}

/* input styles */
select, textarea, input[type="text"], input[type="password"] {border: 1px solid #cecece;}

/* main structure */
#site {width: 1016px; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
#header {float: left; width: 1016px;}
#content {float: left; width: 1016px; margin: 25px 0; overflow: hidden;font-size: 12px;}
#right {color: #000;}

/* Head navigation */
#box_information {text-align: right; margin: 0 16px 4px 0; font-weight: bold;}
ul.info_cats {padding: 0; margin: 0; list-style: none;}
ul.info_cats li {display: inline; padding: 2px 10px; border-left: 1px solid #acacac;}
ul.info_cats li:first-child {border-left: 0;}
ul.info_cats li a:hover, ul.info_cats li a:active, ul.info_cats li a:link, ul.info_cats li a:visited  {color: #3b3b3b;}

/* breadcrumbs */
#breadcrumbs {clear: both; color: #3b3b3b; font-weight: bold; margin-top: 20px; float: left; width: 100%;}
#breadcrumbs a {color: #a29181;}

/* Search */
#box_search {float: right; margin: 0 11px 4px 4px; width: 250px; height: 25px; color: #eee; font-size: 16px; font-weight: bold; padding-top: 5px; padding-left: 10px;}
.searchField {border: 0 !important; float: left; width: 170px; height: 23px; font-size: 16px; color: #787878; padding: 4px 4px 0; border: 0; background: url(img/headerSearch_fieldBg_new.gif) no-repeat;}
#quick_find {margin: 0;}

/* Logos */
#logo_top_left {float: left; margin-left: 16px;}
#logo_bottom_right {float: right;}

/* navigation section (products / service) */
#navibox {background: url(img/navi_div_bg.gif); clear: both; float: left; margin: 20px 0 0 0; width: 100%; font-size: 12px; text-transform: uppercase; display: table;}
#navibox a {color: #000; padding: 0 10px 0 0; display: block; border-bottom: 4px solid #000;}
#navibox a span {padding: 10px 0 18px 10px; display: block;}
#navibox ul {display: table-row;}
#navibox ul li {list-style: none; float: left; display: table-cell; background: url(img/menuItemDivider.gif) right 10px no-repeat;}
#navibox ul li a:hover {border-color: #59bee4; text-decoration: none;}
#navibox ul li ul {z-index: 200;}
.nb_first {float: left;}

/* submenu shadow */
.rbs, .lbs, .rcs, .rts {display: block; position: absolute; background: url(img/modalDropDown.png) no-repeat;}
.rbs, .lbs, .rts {width: 100%; height: 15px;}
.rbs, .rts, .rcs {right: -7px;}
.rbs, .lbs {bottom: -7px;}
.rbs {background-position: bottom right;}
.lbs {left: -5px; background-position: bottom left;}
.rts {top: -5px; background-position: top right; z-index: 400;}
.rcs {top: 2px; width: 15px; height: 97%; background-position: center right;}

#no_sub {background: none !important;}
#no_sub a {margin-right: 0;}
/* navigation menu highlighting */
#navibox ul li ul li.over a {color: #252525;}

	/* second level */
	#active a, #navibox ul li ul li a:hover, #navibox ul li ul li.over a {background: url(img/mainnav_states.png) right -40px no-repeat;}
	#active a span, #navibox ul li ul li a:hover span, #navibox ul li ul li.over a span {background: url(img/mainnav_states.png) 0px 0px no-repeat;}

		/* third level */
		#navibox ul li ul li ul {position: absolute; background: url(img/modalDropDown.png) -5px -5px no-repeat; left: -999em; padding: 20px;}
		#navibox ul li ul li:hover ul {left: auto;  margin: -20px 0 0 2px;}
		#navibox ul li ul li ul li {display: block;float: none; background: none; border: 0; border-bottom: 1px solid #c2b6ac; font-size: 11px;}
		#navibox ul li ul li ul a, #navibox ul li ul li ul a:hover {padding: 0; border: 0; background: none; padding: 6px 10px; color: #fff;}
		#navibox ul li ul li.over ul a {background: url(img/doublearrow_mNav.gif) 0px 10px no-repeat; display: block; color: #fff;}
		#navibox ul li ul li.over ul a:hover {background: url(img/doublearrow_hover_mNav.gif) 0px 10px no-repeat; color: #252525;}
		#navibox ul li ul li ul li a span, #navibox ul li ul li ul li a:hover span {padding: 0; border: 0; background: none !important;}
 

/* category listing */
.category_box {border-top: 1px solid #e5e5e5; margin: 0 0 18px; padding: 18px 0;}
.cat_header {margin-bottom: 20px;}
.cat_description {color: #666; font-size: 16px;}

/* 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: #666; padding-top: 248px;}

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

/* Die Login Box */
#login_div {display: none; color: #000; overflow: hidden; clear: left; width: 160px; background: #ddd; margin: 10px 0; padding: 4px 8px;}

/* Allgemeine Styles */
.main {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; padding: 0 3px;}
.contentsImages {float: right;}
.contentsTopics, .navigation_div {font-family: Arial, Helvetica, sans-serif;}
.contentsTopics {font-size: 32px; color: #3b3b3b; padding: 8px 4px 4px 0; overflow: hidden;display:none;}
.navigation_div {font-size: 11px;}
.errorBox {color: #ee2e2a; font-weight: bold; background: #f1f1f1; padding: 10px 0;}

/* 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: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 13px 10px;}
.tab_categories_description a {color: #a29181; text-decoration: none;}
* html .tab_categories_description {width: 334px;}
.span_categories_description_title a {color: #a29181; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 20px; border-bottom: 1px solid #c2b6ac;}
.span_categories_description_title a:hover {border-bottom: 0px solid;}
.span_categories_goto_categorie {background: url(img/red_arrow.gif) left no-repeat; padding-left: 10px;}
.span_categories_goto_categorie a {color: #666; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/* product listing */
.products_box {width: 209px; position: relative; background: #f9f6f4 url(img/productGridBox_new.png) top left no-repeat; margin: 0 20px 20px 0; padding: 20px 10px 0; float: left; height: 308px; overflow: hidden;}
.products_box:hover {background-position: top right;}
.products_box:hover .span_productlisting_description_title a {color: #00a1f2;}
.products_image {margin: 0 0 15px; text-align: center; background:#fff; height:150px; display: table; width:100%; padding:10px 0;}
.tab_productlisting_image {width: 178px; padding: 10px 0; background-color: #000; border-right: 4px solid #000; border-bottom: 4px solid #000;}
.tab_productlisting_description {width: 336px; border-bottom: 4px solid #000; background-color: #F1F1F1; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 13px 10px;}
.tab_productlisting_description a {color: #a29181; text-decoration: none;}
* html .tab_productlisting_description {width: 334px;}
.span_productlisting_description_title a {display: block; color: #a29181; font: 16px bold; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: underline; margin: 0 0 5px;}
.span_productlisting_goto_product {display: block; /* position: absolute; bottom: 20px; */ padding: 10px 0 0;}
.span_productlisting_goto_product a {color: #00a1f2;font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.navigation_div a {color: #000;}
.navigation_div {clear: both;}

/* Die Styles für die Produkt-Info */
.price_span {}
.price_span strong {font-size: 18px; color: #a29181;}
.tab_productinfo_image {width: 148px; padding: 0;}
.tab_productinfo_title {width: 336px; color: #a29181; font-weight: bold; font-size: 20px; padding: 0px; vertical-align: top;}
.tab_productinfo_features {width: 336px; color: #666;  font-size: 18px; padding: 11px 10px 6px;}
.tab_productinfo_description {width: 336px; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 15px; padding: 4px 10px 8px;}
.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: #666; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display: block; padding-top: 5px;}
.div_productinfo_print {width: 100%; padding: 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%;}
.div_productinfo_media_head {width: 100%;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: 224px; margin-top: 10px; padding-top: 35px; padding-bottom: 15px;}
.div_pic_gallery img {margin-bottom: 20px;}
.div_pic_zoom {width: 226px; margin-top: 1px; border: 1px solid #e0e0e0; padding: 8px 4px;}
.div_pic_zoom a {color: #666; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.tab_add_to_cart {width: 150px;}
img.product_status {margin: 10px 10px 15px 0; float:left;}

/* 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: #a29181; padding: 8px;}
.sitemap_heading a {color:#a29181; 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: #666; padding: 2px 8px; padding-left: 18px;}
.sitemap_sub a {color:#666; text-decoration: none; font-weight: bold; display: block;}

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

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

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

/* shopping cart box */
.cart {position: absolute; margin: -10px 0 0 578px; background: url(img/shoppingCart.png) no-repeat; width: 355px; height: 52px; padding: 5px 5px 5px 45px; overflow: hidden;}
.cart a {color: #A29181;}
.cart a:hover {color: #00a1f2;}

/* shopping cart details */
#cart_quantity {margin: 10px 0 0;}
#cart_quantity .cart_items img {float: left; margin-right: 20px;}
#cart_quantity td {padding: 7px 0;}
#cart_quantity .boxTextBG {font-weight: bold; border-right: 1px solid #e0e0e0; text-align: center;}
#cart_quantity a {color: #a29181;}
#cart_quantity a:hover {color: #00A1F2;}

/* accoount details */
.moduleHeading {}
.smallHeading {font-weight: bold;}

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

/* message box */
.messageBox, .messageStackSuccess, .messageStackError, .messageStackWarning {font-size: 12px; color: #000;} 
.messageStackError, .messageStackWarning {background-color: #ffb3b5; padding: 2px 4px;}
.messageStackSuccess {background-color: #B3E3D7; padding: 2px 4px;}

/* input requirement */
.inputRequirement {font-size: 11px; color: #f00;}
.copyright, .parseTime {font-size: 12px; line-height: 1.5; text-align:center; display:none;}

/* internet exploiter fixes */
* +html .cart {margin-left: 20px;}
* html .span_productlisting_description_title a:hover {color: #00a1f2;}

.conditions {padding: 2px 4px; background: #FFBCBC;}
.onepxwidth {
	width: 1px;
}

.floating-tip {background-color: #fff; padding: 5px 10px; color: #666; font-size: 12px; font-weight: bold; border-radius: 5px; border: 2px solid #e0e0e0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
