/* style sheets kmp shop */
/* general elements */
/* Start - Added Styles for Firefox display */
#sidebar {
	float: right; margin-left: 10px; width: 1px; color: #FFFFFF; background-color:#FFFFFF
}
#sidebarb2b {
	display: none;
}
#topmenu {
	display: none;
}
.imgtext-table {
	display: none;
}
/* End - Added Styles for Firefox display */
p {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #4c4c4c; line-height: 16px; margin: 0px
}
td {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #4c4c4c; line-height: 16px; margin: 0px
}

body {
	background-attachment: scroll; background-image: url(images/background_b2b.gif); margin: 0px; background-repeat: no-repeat; background-color: #ffffff
}
body_b2c {
	background-attachment: scroll; background-image: url(images/background.gif); margin: 0px; background-repeat: no-repeat; background-color: #ffffff
}
h1, h2, h3, h4, h5, h6 {
	font-family: verdana, arial, helvetica, sans-serif; color: #0068B4; margin: 10px 0px
}
h1 {
	font-size: 24px; font-weight: normal 
}
h2 {
	font-size: 18px; font-weight: normal 
}
h3 {
	font-size: 16px; font-weight: bold 
}
h4 {
	font-size: 14px; font-weight: bold
}
h5 {
	font-size: 12px; font-weight: bold
}
li {
	margin-top: 0px; margin-bottom: 0px; padding-top: 2px
}
.copy {
	font-size: 11px; color: #333333; text-decoration: none
}
.copy:hover {
	font-size: 11px; color: #0068B4; text-decoration: underline
}
.copy:active {
	font-size: 11px; color: #0068B4; text-decoration: none
}
.copybold {
	font-weight: bold; font-size: 11px; color: #0068B4; text-decoration: none
}
.copybold:hover {
	font-size: 11px; color: #0068B4; text-decoration: underline
}
.copybold:active {
	font-size: 11px; color: #333333; text-decoration: none
}
.copy-underlined {
	font-size: 11px; color: #0068B4; text-decoration: underline
}
.copybolder {
	font-weight: bold; font-size: 12px; color: #0068B4; text-decoration: none
}
.copygrey {
	font-size: 11px; color: #666666; text-decoration: none
}
.copygreybold {
	font-size: 11px; color: #666666; text-decoration: none;	font-weight: bold
}
.copyblue {
	font-size: 11px; color: #0068B4
}
.copygreen_small{
	font-size: 10px; color: #208d0d
}
.copyorange_small{
	font-size: 10px; color: #FF6600
}
.copygreen{
	font-size: 11px; color: #208d0d
}
.copygreenbold {
	font-weight: bold; font-size: 11px; color: #208d0d
}
.copygrey_sub {
	font-size: 14px; color: #666666; text-decoration: none;	font-weight: bold
}
.copyblue_sub {
	font-size: 14px; color: #0068B4; text-decoration: none;	font-weight: bold
}
#dotblack {
	background-color: #000000; background-repeat: no-repeat; height: 10px; width: 10px;
}

/* headline elements*/

#copybar-blue {
	padding-left: 6px; font-weight: bold; font-size: 11px; padding-bottom: 5px; color: #0068B4; padding-top: 5px; font-family: verdana, trebuchet ms, tahoma, geneva, arial, helvetica, sans-serif; background-color: #d9f0fa; width: 520px
}
#copybar-dotted {
	font-size: 14px; font-weight: bold; color: #0068B4; margin: 10px 0px; padding-left: 0px; padding-bottom: 5px; margin-left: 0px; padding-top: 0px; border-bottom: #0068B4 1px dotted
}
.copybar-sub {
	font-size: 10px; color: #363636; line-height: 14px; text-decoration: none
}

/* layer elements */

#toprow {
	margin-top: 0px; margin-left: 0px
}
#metanav {
	margin-right: 10px
}
#container {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; width: 800px; padding-top: 0px; text-align: left
}

#box {
	margin-top: 120px; padding-left: 10px; margin-bottom: 120px; width: 190px
}
#content {
	margin-top: 0px; float: left; margin-left: 20px; width: 515px
}
#contentpic {
	float: right; margin: 20px 0px 20px 20px; width: 192px
}
#contentpic-text {
	float: left; margin: 3px
}
#headerpic {
	margin-top: 0px; margin-bottom: 15px
}
#navcontainer {
	padding-left: 0px; margin-left: 0px
}
#navcontainer li {
	background-position: 0px 0.5em; padding-left: 10px; background-image: url(images/arrowright.gif); list-style-image: none; margin-left: 0px; background-repeat: no-repeat; list-style-type: none
}
#subnavlist {
	padding-left: 1px; margin-left: 1px; list-style-type: none
}

/* link elements */

a {
	color: #0068B4; text-decoration: none
}
a:link {
	color: #0068B4; text-decoration: none
}
a:hover {
	color: #0068B4; text-decoration: underline
}
a:active {
	color: #0068B4; text-decoration: none
}
a:visited {
	color: #0068B4; text-decoration: none
}
a.teaser {
	font-size: 10px; text-transform: uppercase; color: #363636; text-decoration: none
}
a.metanav {
	font-size: 10px; color: #009BDF; text-decoration: none
}
a.metanav:hover {
	font-size: 10px; color: #009BDF; text-decoration: underline
}
a.copy {
	font-size: 11px; color: #009BDF; text-decoration: none
}
a.copy:hover {
	font-size: 11px; color: #009BDF; text-decoration: underline
}

/* infobox elements */

.infobox {
	margin-bottom: 10px
}
.infobox-copy {
	font-size: 10px; color: #363636; line-height: 14px; text-decoration: none
}
.infobox-copy:hover {
	font-size: 10px; color: #363636; line-height: 14px; text-decoration: underline
}
.infobox-tel {
	font-weight: bold; font-size: 14px; color: #0068B4; font-family: arial, helvetica, sans-serif
}
.infobox-headline {
	font-weight: bold; font-size: 12px; color: #ffffff; font-family: arial, helvetica, sans-serif
}
.infobox-submenu {
	font-size: 10px; color: #0068B4; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
.infobox-submenu:hover {
	font-size: 10px; color: #0068B4; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline
}
.infobox a {
	font-size: 10px; color: #0068B4; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}
.infobox a:hover {
	font-size: 10px; color: #0068B4; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline
}

/* header table elements */

.dataheader {
	margin-top: 10px; margin-bottom: 10px; width: 520px; border-bottom: #0068B4 1px dotted
}
.dataheader .headline {
	font-family: arial, helvetica, sans-serif; font-size: 14px; color: #0068B4; font-weight: bold; padding: 5px; vertical-align: top; padding-top: 5px; padding-left: 0px; text-align: left
}
.dataheader .right {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #4c4c4c; padding-right: 0px; vertical-align: top; padding-top: 5px; text-align: right; color: #0068B4 
}
.dataheader .right :hover{
	text-decoration: underline
}
.dataheader_plain {
	margin-bottom: 10px; width: 520px
}
.dataheader_plain .headline {
	font-family: arial, helvetica, sans-serif; font-size: 14px; color: #0068B4; font-weight: bold; padding: 5px; vertical-align: top; padding-top: 5px; padding-left: 0px; text-align: left
}
.dataheader_plain .right {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #4c4c4c; padding-right: 0px; vertical-align: top; padding-top: 5px; text-align: right; color: #0068B4 
}
.dataheader_plain .right a:hover {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #4c4c4c; padding-right: 0px; vertical-align: top; padding-top: 5px; text-align: right; color: #666666 
}
#textdivider_solid {
	border-bottom: #0068B4 1px solid; width: 520px; margin: 0px
}
#textdivider_dotted {
	border-bottom: #0068B4 1px dotted; width: 520px; margin: 0px
}
.tdpad {
	padding-top: 5px; padding-bottom: 5px
}
/* tray table elements */

.traylist {
	margin-top: 10px; width: 170px
}
.traylist td {
	padding: 5px; vertical-align: top; padding-top: 5px; text-align: left
}
.traylist .traybutton {
	width: 21px; padding: 0px; vertical-align: top; padding-top: 5px; text-align: right
}
.traylist .trayicon {
	padding: 0px; vertical-align: middle; padding-top: 0px; padding-right: 5px
}
.traylist .right {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #4c4c4c; padding-right: 0px; vertical-align: top; padding-top: 5px; text-align: right; color: #0068B4; font-weight: bold 
}
#traydivider {
	border-bottom: #0068B4 1px solid; width: 170px; margin-bottom: 0px; margin-top: 0px
}
.shoppinglist {
	margin-top: 5px; margin-bottom: 5px
}
.shoppinglist td {
	padding-right: 5px; vertical-align: middle
}
.shoppinglist .bottomdotted {
	border-bottom: #0068B4 1px dotted; margin: 0px
}
.shoppinglist .rightbold {
	padding-right: 0px; padding-left: 0px; text-align: right; color: #0068B4; font-weight: bold 
}
.shoppinglist .rightbold a:hover{
	padding-right: 0px; padding-left: 0px; text-align: right; color: #666666; font-weight: bold 
}
.shoppinglist .rightboldgrey {
	padding-right: 0px; padding-left: 0px; text-align: right; color: #999999; font-weight: bold 
}
.shoppinglist .rightboldblue {
	padding-right: 0px; padding-left: 0px; text-align: right; color: #0068B4; font-weight: bold 
}
.shoppinglist .rightboldblue a:hover{
	padding-right: 0px; padding-left: 0px; text-align: right; color: #666666; font-weight: bold 
}
.shoppinglist .right {
	color: #4c4c4c; padding-right: 0px; padding-left: 0px; text-align: right;
}
.shoppinglist_blue {
	margin-top: 5px; margin-bottom: 5px; background-color: #d9f0fa
}
.shoppinglist_blue td {
	padding-left: 5px; vertical-align: middle
}
.shoppinglist_blue .rightbold {
	padding-right: 0px; padding-left: 0px; text-align: right; color: #0068B4; font-weight: bold 
}
.shoppinglist_blue .rightboldblue {
	padding-right: 0px; padding-left: 0px; text-align: right; color: #0068B4; font-weight: bold 
}
.shoppinglist_blue .rightboldblue a:hover {
	padding-right: 0px; padding-left: 0px; text-align: right; color: #666666; font-weight: bold 
}
.shoppinglist_blue .right {
	color: #4c4c4c; padding-right: 0px; padding-left: 0px; text-align: right;
}

/* image elements */

.copyimg_left {
	float: left; padding-right: 10px; padding-left: 0px; padding-top: 0px; vertical-align:text-top; 
}
.copyimg_right {
	float: right; padding-right: 10px; padding-left: 0px; padding-top: 0px; vertical-align:text-top; 
}

/* form elements */

input {
	color: #4c4c4c; font-family: verdana, arial, helvetica, sans-serif; padding-left: 5px; font-size: 11px
}
textarea {
	color: #4c4c4c; font-family: verdana, arial, helvetica, sans-serif; padding-left: 5px; font-size: 11px
}
select {
	color: #4c4c4c; font-family: verdana, arial, helvetica, sans-serif; padding-left: 5px; font-size: 11px
}
.textfield {
	border-right: #999999 1px solid; border-top: #999999 1px solid; font-size: 11px; border-left: #999999 1px solid; width: 150px; color: #333333; border-bottom: #999999 1px solid; font-family: verdana, arial, helvetica, sans-serif; height: 16px
}
.textfield-var {
	border-right: #999999 1px solid; border-top: #999999 1px solid; font-size: 11px; border-left: #999999 1px solid; color: #333333; border-bottom: #999999 1px solid; font-family: verdana, arial, helvetica, sans-serif; height: 16px
}
.textfield-blue {
	border-right: #0068B4 1px solid; border-top: #0068B4 1px solid; font-size: 11px; border-left: #0068B4 1px solid; width: 150px; color: #333333; border-bottom: #0068B4 1px solid; font-family: verdana, arial, helvetica, sans-serif; height: 16px
}
.textfield-message {
	border-right: #999999 1px solid; border-top: #999999 1px solid; font-size: 11px; border-left: #999999 1px solid; width: 200px; color: #333333; border-bottom: #999999 1px solid; font-family: verdana, arial, helvetica, sans-serif; height: 206px
}
.textfield-infobox {
	border-right: #0068B4 1px solid; border-top: #0068B4 1px solid; font-size: 10px; border-left: #0068B4 1px solid; width: 140px; color: #363636; border-bottom: #0068B4 1px solid; font-family: verdana, arial, helvetica, sans-serif; height: 16px; background-color: #d9f0fa
}
.textfieldsmall-blue {
	border-right: #0068B4 1px solid; border-top: #0068B4 1px solid; font-size: 11px; border-left: #0068B4 1px solid; width: 30px; color: #333333; border-bottom: #0068B4 1px solid; font-family: verdana, arial, helvetica, sans-serif; height: 16px
}
.textfield_plz-blue {
	border-right: #0068B4 1px solid; border-top: #0068B4 1px solid; font-size: 11px; border-left: #0068B4 1px solid; width: 60px; color: #333333; border-bottom: #0068B4 1px solid; font-family: verdana, arial, helvetica, sans-serif; height: 16px
}
.jumpmenu {
	border-right: #0068B4 1px solid; border-top: #0068B4 1px solid; font-size: 10px; border-left: #0068B4 1px solid; width: 150px; color: #0068B4; border-bottom: #0068B4 1px solid; height: 15px; background-color: #d9f0fa
}
.jumpmenu-grau {
	border-right: #999999 1px solid; border-top: #999999 1px solid; font-size: 11px; border-left: #999999 1px solid; width: 150px; color: #333333; border-bottom: #999999 1px solid; height: 15px; background-color: #ffffff
}

/* top and footer elements */

#pagetop {
	padding-right: 0px; background-position: 0.2em 50%; margin-top: 30px; padding-left: 0px; background-image: url(images/arrowtop.gif); padding-bottom: 0px; margin-left: 0px; padding-top: 0px; border-bottom: #0068B4 1px dotted; background-repeat: no-repeat
}
.footer {
	padding-right: 15px; display: block; padding-left: 15px; padding-bottom: 3px; color: #0068B4; padding-top: 3px; text-decoration: none
}
.footer:hover {
	color: #363636
}

/* product details */

.prodbar-active{
	padding-left: 6px; font-weight: bold; font-size: 11px; padding-bottom: 5px; color: #0068B4; padding-top: 5px; font-family: verdana, trebuchet ms, tahoma, geneva, arial, helvetica, sans-serif; background-color: #d9f0fa; text-align: center; border-right: #ffffff 2px solid
}
.prodbar-activeblue{
	padding: 5px; font-weight: bold; font-size: 11px; color: #FFFFFF; font-family: verdana, trebuchet ms, tahoma, geneva, arial, helvetica, sans-serif; background-color: #0068B4; text-align: center; border-right: #ffffff 2px solid
}
.prodbar-inactive{
	padding-left: 6px; font-weight: bold; font-size: 11px; padding-bottom: 5px; color: #0068B4; padding-top: 5px; font-family: verdana, trebuchet ms, tahoma, geneva, arial, helvetica, sans-serif; background-color: #ECEEEE; text-align: center; border-right: #ffffff 2px solid; border-bottom: #ffffff 2px solid
}
.prodbar-inactive a:hover{
	font-family: verdana, trebuchet ms, tahoma, geneva, arial, helvetica, sans-serif; color: #666666; text-align: center
}
.prodbar-inactiveblank{
	padding-left: 6px; font-weight: bold; font-size: 11px; padding-bottom: 5px; color: #0068B4; padding-top: 5px; font-family: verdana, trebuchet ms, tahoma, geneva, arial, helvetica, sans-serif; background-color: #FFFFFF; text-align: center; border-right: #ffffff 2px solid; border-bottom: #ffffff 2px solid
}
.prodbar-active_right{
	padding-left: 6px; font-weight: bold; font-size: 11px; padding-bottom: 5px; color: #0068B4; padding-top: 5px; font-family: verdana, trebuchet ms, tahoma, geneva, arial, helvetica, sans-serif; background-color: #d9f0fa; text-align: center
}
.prodbar-inactive_right{
	padding-left: 6px; font-weight: bold; font-size: 11px; padding-bottom: 5px; color: #0068B4; padding-top: 5px; font-family: verdana, trebuchet ms, tahoma, geneva, arial, helvetica, sans-serif; background-color: #ECEEEE; text-align: center; border-bottom: #ffffff 2px solid
}
.prodbar-inactive_right a:hover{
	font-family: verdana, trebuchet ms, tahoma, geneva, arial, helvetica, sans-serif; color: #666666; text-align: center
}
.prodbar_table {
	width: 500px
}
.prodbar_bg {
	padding: 10px; background-color: #d9f0fa
}
.prodbar_bg-small {
	padding: 2px; background-color: #d9f0fa
}
.prodbar_bg ul {
	list-style-type: disc;	list-style-position: inside; margin-left: 5px;	padding: 10px;	background-color: #d9f0fa	
}
.prodbar_tablerow-even {
	padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 2px; background-color: #ffffff
}
.prodbar_tablerow-odd {
	padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 2px; background-color: #d9f0fa
}
.prodbar_tablerow-end {
	padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 2px; background-color: #d9f0fa; border-bottom: #ffffff 2px solid
}
.prodbar_tablerow-test {
	padding: 10px; background-color: #ffffff
}
/* product list odd-even */

.prodlist_even {
	padding-left: 6px; font-weight: bold; font-size: 11px; padding-bottom: 5px; color: #0068B4; padding-top: 5px; font-family: verdana, arial, helvetica, sans-serif; background-color: #d9f0fa; width: 520px
}
.prodlist_odd {
	padding-left: 6px; font-weight: bold; font-size: 11px; padding-bottom: 5px; color: #0068B4; padding-top: 5px; font-family: verdana, arial, helvetica, sans-serif; background-color: #ffffff; width: 520px
}
.prodlist_even :hover{
	text-decoration: underline
}
.prodlist_odd :hover{
	text-decoration: underline
}