/* CSS Document */
html, body {
height: 100%;
min-width: 980px;
padding: 0;
margin: 0;
background-color: #fff;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
/* font-family: "Arial, Verdana, sans-serif"; */
font-size: 12px;
}
a:link, a:visited {
color: #007DBB;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* avoid too many floats */
.wrap {
overflow: hidden;
}
.left {
float: left;
}
.right {
float: right;
}
.break {
clear: both;
}
ul {
padding-left: 38px;
}
.error {
color: red;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
/* Startseite */
#actionframe {
float: left;
width: 674px;
padding-top: 0;
padding-left: 15px;
padding-right: 15px;
border: solid 1px #dedede;
}
#actionctrl {
float: left;
width: 674px;
padding: 6px 15px;
margin-bottom: 15px;
border: solid 1px #efefef;
background-color: #efefef;
}
.selectstartact {
float: left;
padding: 3px 8px;
margin-left: 4px;
margin-right: 4px;
color: #fff;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
background-color: #444;
}
.selectstart {
float: left;
padding: 3px 8px;
margin-left: 4px;
margin-right: 4px;
color: #007dbb;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
background-color: #fff;
}
.threecolumnsstart {
float: left;
width: 706px;
margin-top: 4px;
margin-bottom: 25px;
border: 0 solid #000;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 16px;
}
.th1start {
float: left;
width: 220px;
padding-right: 23px;
border: 0 solid #000;
}
.th2start {
float: left;
width: 220px;
padding-right: 23px;
border: 0 solid #000;
}
.th3start {
float: left;
width: 220px;
border: 0 solid #000;
}
/* Mein Konto */
.whitediv {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
}
.whitedivhl {
color: #007dbb;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 25px;
}
.whitedivgif {
float: right;
border: 0 solid #fff;
margin-top: -6px;
margin-left: 20px;
}
/* Static Content */
.sclnlisttext {
padding: 2px 10px 3px;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 13px;
}
.sclnlisttextactive {
width: 206px;
padding: 2px 10px 3px;
color: #fff;
font-weight: normal;
background-color: #545f6c;
font: normal 11px "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
line-height: 13px;
background-image: url(images/activeactivebg.png);
background-repeat: repeat-y;
background-position: right top;
}
.sclnlistsubtext {
margin-top: 5px;
margin-left: 19px;
padding-left: 13px;
padding-right: 10px;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 13px;
background-image: url(images/subtext.gif);
background-repeat: no-repeat;
background-position: left top;
}
.sclnspace {
margin-top: 0;
padding-left: 10px;
padding-right: 10px;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 13px;
}
.sclnspacebig {
margin-top: 5px;
padding-left: 10px;
padding-right: 10px;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 13px;
}
.sclnhl {
width: 198px;
margin-top: 20px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
border: 0 solid #000;
color: #007dbb;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
background-image: url(images/sclnhlbg.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
#contenframe {
float: left;
width: 723px;
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
border: 0 solid #d6d6d6;
background-color: #fff;
}
#contentframe {
float: left;
width: 655px;
margin-top: 5px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
border: 0 solid #d6d6d6;
background-color: #fff;
}
/* Oberste Navigation */
#staticbar {
width: 980px;
height: 30px;
border: 0 solid #000;
margin: 0 auto;
background-image: url(images/staticbarbg.gif);
background-repeat: no-repeat;
background-position: center top;
}
#signininfo {
float: left;
height: 28px;
border: 0 solid #000;
text-align: left;
color: #666;
font-family: Lucida Sans Unicode, Lucida Grande, Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
margin-left: 37px;
margin-top: 22px;
text-decoration: none;
}
#signininfo a:link, #login a:visited {
color: #007DBB;
text-decoration: none;
}
#signininfo a:hover {
text-decoration: underline;
}
#navitop {
/*width: 626px;*/
height: 18px;
border: 0 solid #000;
}
.navitopclass {
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
color: White;
background-color: #3F3F3F;
text-decoration: none;
line-height: 0;
}
.navitopclass a:link, .navitopclassX a:hover, .navitopclass a:visited {
color: White;
background-color: #3F3F3F;
text-decoration: none;
font-size: 11px;
line-height: 20px;
padding-left: 3px;
}
.navitopclass a:hover {
color: White;
background-color: #2898E2;
text-decoration: none;
font-size: 11px;
display: block;
padding-left: 3px;
margin-bottom: 0;
}
.navitopclass ul {
list-style-type: none; /* border: 1px solid green; */
margin-left: 0;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
z-index: 1000;
}
.navitopclass ul li {
margin-left: 10px;
margin-right: 16px; /* sk INFO necessary to avoid flickering panel on page load */
float: left; /* border: 1px solid red; */
}
.navitopclass ul li ul {
/* sk INFO necessary to avoid flickering panel on page load */
display: none;
}
.navitopclass ul li ul li {
/* border: 1px solid yellow; */
clear: both;
width: 250px;
margin-left: -16px;
padding-left: 16px;
background-color: #3F3F3F;
}
.navitopclass ul li ul li a:link, .navitopclass ul li ul li a:visited {
color: #EFEFEF;
}
.navitopelement {
float: left;
height: 18px;
border: 0 solid #000;
margin-left: 3px;
margin-right: 3px;
text-align: left;
color: #f3f3f3;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
background-color: #3F3F3F;
cursor: pointer;
padding: 0 0 0 0;
width: 100%;
text-decoration: none;
list-style-type: none;
}
.navitopelement a:hover {
text-decoration: none;
}
.navitopelement a:active {
text-decoration: none;
}
#space1 {
width: 980px;
height: 22px;
border: 0 solid #000;
margin: 0 auto;
background-color: #fff;
}
/* Logo und Einkaufswagen */
#logoarea {
width: 980px;
height: 66px; /*81px;*/
border: 0 solid #000;
margin: 0 auto;
background-image: url(images/logoareabg.png);
background-repeat: no-repeat;
background-position: center top;
}
#logo {
float: left;
/*width: 733px;*/
height: 66px; /*81px;*/
border: 0 solid #000;
}
#cartsymbol {
float: left;
width: 55px;
border: 0 solid #000;
}
.cart {
float: left;
width: 175px;
height: 66px; /*81px;*/
border: 0 solid #000;
margin-left: 15px;
}
.carttableend {
width: 720px;
height: 17px;
margin-top: 12px;
margin-left: 10px;
background-image: url(images/cartt1end.gif);
background-repeat: no-repeat;
}
#cartheadline {
float: left;
width: 175px;
height: 22px;
border: 0 solid #000;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
#shoppingsum {
float: left;
width: 175px;
height: 23px;
border: 0 solid #000;
color: #333;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
}
.quantity {
float: left;
width: 175px;
border: 0 solid #000;
color: #333;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
padding-top: 1px;
background-image: url(images/bg_quantity.png);
background-repeat: no-repeat;
background-position: left top;
}
.RoundedCorner {
border-bottom: 1px solid #fff;
border-top: 2px solid #fff;
margin-top: -2px;
background-image: url(images/corner-lt.png), url(images/corner-rt.png), url(images/corner-lb.png), url(images/corner-rb.png);
background-repeat: no-repeat;
background-position: left top, right top, left bottom, right bottom;
color: White;
background-color: #8e959f;
}
/* Hauptnavigation, Shop-Suche und Mein Konto-Navigation */
#mainbar1 {
width: 980px;
height: 45px;
border: 0 solid #000;
margin: 0 auto;
background-image: url(images/mainbarbg1.png);
background-repeat: no-repeat;
background-position: center top;
}
#mainbar2 {
width: 980px;
height: 36px;
border: 0 solid #000;
margin: 0 auto;
/*background-image: url(images/mainbarbg2.png);
background-repeat: no-repeat;
background-position: center top;*/
}
#navimain {
float: left;
height: 20px;
border: 0 solid #000;
margin-top: 16px;
margin-left: 24px;
}
#ctl00_ctl00_Header1_menueMain a.static {
padding: 0 0 0 0;
color: #999;
line-height: 52px;
margin-top: -17px;
}
/* SK INFO aktives Element im Main.menue - war sonst nicht ansprechbar... */
#ctl00_ctl00_Header1_menueMain a.selected.static {
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
line-height: 52px;
margin-top: -17px; /* background-image: url(http://localhost/vigrid.presentation.website/Design/SoftExpress/css/images/active.png) !important; */
background-image: url(images/active.png);
background-position: left top;
background-repeat: no-repeat;
color: #333;
}
.navimainclass {
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
color: #999;
text-decoration: none;
}
.navimainclass a:link {
color: #999;
text-decoration: none;
}
.navimainclass a:hover, .navimainclass a:visited {
color: #999;
text-decoration: none;
}
.navimainclass ul {
list-style-type: none; /* border: 1px solid green; */
margin-left: 0;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
z-index: 100;
}
.navimainclass ul li {
margin-left: 16px;
margin-right: 16px; /* border: 1px solid red; */
float: left;
}
.navimainclass ul li ul {
/* sk INFO necessary to avoid flickering panel on page load */
display: none;
}
.navimainclass ul li ul li {
clear: both;
width: 300px; /* border: 1px solid yellow; */
margin-left: -16px;
padding-left: 16px;
}
.navimainclass ul li ul li a:link, .navimainclass ul li ul li a:visited {
color: #333;
}
/******* navicontent class ***********************************************/
.navicontentclass {
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
color: #999;
text-decoration: none;
width: 260px;
}
#ctl00_ctl00_ctpGlobal_menueStatic a.selected.static {
border-bottom: 1px solid #fff;
border-top: 2px solid #fff;
margin-top: -2px;
background-image: url(images/corner-lt.png), url(images/corner-rt.png), url(images/corner-lb.png), url(images/corner-rb.png);
background-repeat: no-repeat;
background-position: left top, right top, left bottom, right bottom;
color: White;
background-color: #8e959f;
}
#ctl00_ctl00_ctpGlobal_menueStatic a.level1 {
height: auto;
margin-top: 24px;
margin-bottom: 13px;
padding: 8px 10px;
border: 0 solid #000;
color: #444;
line-height: 15px;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
white-space: normal;
}
#ctl00_ctl00_ctpGlobal_menueStatic a.level1.selected.static {
margin-top: 23px;
margin-bottom: 11px;
}
#ctl00_ctl00_ctpGlobal_menueStatic .level2 {
background-image: none;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 5px;
height: 12px;
padding-top: 4px;
padding-left: 10px;
color: #777;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 12px;
}
#ctl00_ctl00_ctpGlobal_menueStatic .level3 {
padding: 4px 10px 4px 13px;
color: #777;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 13px;
background-image: url(images/subtext.gif);
background-repeat: no-repeat;
background-position: left top;
}
.navicontentclass a:link {
color: #999;
text-decoration: none;
}
.navicontentclass ul {
list-style-type: none;
width: 260px; /* border: 1px solid green; */
margin-left: 0;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
z-index: 100;
}
.navicontentclass ul li {
width: 260px;
}
.navicontentclass ul li ul li {
/* border: 1px solid yellow; */
margin-left: -16px;
padding-left: 16px;
background-color: Red;
z-index: 1000;
}
.navicontentclass ul li ul li a:link, .navicontentclass ul li ul li a:visited {
color: #333;
}
/***************************************************************************************************/
.navimainelement {
float: left;
height: 20px;
border: 0 solid #000;
margin-left: 3px;
margin-right: 3px;
text-align: left;
color: #999;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
cursor: pointer;
padding: 0 0 0 0;
width: 100%;
line-height: 15px;
}
.navimainelement a:hover {
color: #333;
}
.navimainelement a:active {
color: #333;
}
#shopcontact {
float: left;
border: 0 solid #000;
}
#phone {
margin-left: 60px;
float: left;
width: 228px;
padding-top: 4px;
padding-left: 4px;
text-align: center;
background-image: url(images/phoneicon.png);
background-repeat: no-repeat;
background-position: left top;
}
#call {
color: #333;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
}
#available {
color: #aaa;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 13px;
}
#selectbox {
float: left;
padding-left: 12px;
padding-top: 6px;
width: 160px;
height: 27px;
border: 0 solid #000;
}
#searchinput {
float: left;
padding-left: 2px;
padding-right: 2px;
width: 260px;
height: 33px;
border: 0 solid #000;
}
#search {
float: left;
padding-left: 2px;
padding-right: 2px;
border: 0 solid #000;
color: #007dbb;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
}
#navisub {
float: left;
width: 750px;
margin-left: 2px;
margin-top: 15px;
height: 30px;
border: 0 solid #000;
}
.navisubelement {
float: left;
height: 20px;
border: 0 solid #000;
margin-left: 1px;
margin-right: 10px;
text-align: left;
color: #666;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
.navisubelement a:hover {
color: #57B6EF;
}
#kabelfinder {
float: left;
height: 20px;
border: 0 solid #000;
margin-left: 18px;
margin-right: 0;
text-align: left;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
}
#kabelfinder a:link, #kabelfinder a:visited {
text-decoration: none;
}
#kabelfinder a:hover {
text-decoration: underline;
}
#suppliesfinder {
float: left;
height: 20px;
border: 0 solid #000;
margin-left: 2px;
margin-right: 5px;
text-align: left;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
}
#suppliesfinder a:link, #suppliesfinder a:visited {
text-decoration: none;
}
#suppliesfinder a:hover {
text-decoration: underline;
}
.SearchExtended {
color: #007DBB;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
}
.SearchExtended a:link, .SearchExtended a:visited {
text-decoration: none;
}
.SearchExtended a:hover {
text-decoration: underline;
}
/* Klickpfad */
#breadcrumbs {
width: 976px;
border: 0 solid #000;
margin: 0 auto;
padding-top: 8px;
background-image: url(images/breadcrumbsbg.gif);
background-repeat: repeat-x;
}
.crumb {
float: left;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
line-height: 22px;
text-decoration: none;
}
.crumb a:link, .crumb a:visited {
color: #007dbb;
text-decoration: none;
}
.crumb a:hover {
color: #007dbb;
text-decoration: underline;
}
.path {
background-image: url(images/path.png);
background-repeat: no-repeat;
margin-left: 9px;
margin-right: 11px;
}
/* Hauptbereich */
#mainwrap {
width: 976px;
border: 0 solid #000;
margin: 0 auto;
}
/* Linke Spalte */
.leftnavigation {
float: left;
width: 220px;
border: 0 solid #000;
}
.lnheadline {
float: left;
width: 220px;
height: 20px;
margin-top: 4px;
padding-top: 6px;
border: 0 solid #000;
color: #555;
background-color: #e0e4e6;
text-align: center;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
.lnelement {
float: left;
width: 198px;
margin-top: 4px;
padding: 5px 10px 8px;
border: solid 1px #cecece;
color: #555;
text-align: left;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 12px;
/*background-image: url(images/lnhlbg.gif);*/
background-repeat: repeat-x;
}
#lnelementps {
float: left;
width: 200px;
margin-top: 4px;
padding: 5px 10px 8px 8px;
border: solid 1px #cecece;
color: #555;
text-align: left;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
background-image: url(images/pservice01.png);
background-repeat: no-repeat;
background-position: top left;
}
#personalservice {
width: 202px;
height: 144px;
background-color: #f4f4f4;
text-align: center;
}
.lnhl {
color: #444;
margin-bottom: 2px;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
}
#lnhlps {
color: #444;
margin-bottom: 2px;
text-align: right;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
height: 123px;
}
.ps1 {
margin-top: 14px;
width: 202px;
float: left;
color: #007dbb;
margin-bottom: 5px;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
}
.ps2 {
width: 202px;
float: left;
color: #333;
margin-bottom: 0;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
}
.ps3 {
width: 202px;
float: left;
color: #aaa;
margin-bottom: 2px;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 16px;
}
.ps4 {
width: 202px;
float: left;
color: #333;
margin-bottom: 0;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
}
.arrow {
float: right;
padding-top: 0;
padding-right: 0;
}
.clearfilter {
float: right;
padding-top: 1px;
padding-right: 6px;
}
.counter {
color: #666;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.li {
float: left;
padding-top: 3px;
padding-right: 2px;
}
.lnlisttext {
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 12px;
text-decoration: none;
}
.lnlisttext a:link, .lnlisttext a:visited, .lnlisttext a {
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 12px;
text-decoration: none;
}
.lnlisttext a:hover {
color: #007dbb;
text-decoration: underline;
}
.minmax {
padding-left: 7px;
padding-right: 2px;
}
.lastviewed {
float: left;
border: solid 4px #fff;
}
#lastviewedframe {
width: 176px;
margin-top: 18px;
margin-left: 13px;
border: 0 solid #fff;
}
/* Hauptspalte */
#mainarea {
float: left;
width: 740px;
margin-left: 10px;
margin-bottom: 50px;
border: 0 solid #000;
}
#mainareatop {
float: left;
width: 744px;
height: 55px;
border: 0 solid #000;
}
#mainareabottom {
float: left;
width: 744px;
height: 55px;
margin-top: 20px;
margin-left: 280px;
border: 0 solid #000;
}
.mainareatop1 {
float: left;
width: 720px;
height: 25px;
padding-top: 0;
padding-left: 16px;
border: 0 solid #000;
}
.mainareatop2 {
float: left;
width: 720px;
height: 29px;
padding-left: 16px;
padding-top: 1px;
border: 0 solid #000;
color: #444;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
#mainareacontent {
float: left;
width: 746px;
border: 0 solid #000;
background-color: #fff;
}
/* Einzelproduktansicht */
#singleproduct {
width: 740px;
float: left;
margin-top: 4px;
border-top: solid 1px #d6d6d6;
border-left: solid 1px #d6d6d6;
border-right: solid 1px #d6d6d6;
background-color: #fff;
background-image: url(images/gpbg.gif);
background-repeat: repeat-x;
}
#singleproducttop {
float: left;
width: 709px;
height: 80px;
margin-left: 9px;
margin-top: 14px;
padding-left: 15px;
font-weight: normal;
color: #007dbb;
border: 0 solid #d6d6d6;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
}
#singleproductimage {
float: left;
width: 220px;
height: 340px;
margin-left: 9px;
border: 0 solid #d6d6d6;
}
.productimagebig {
max-height: 220px;
margin-top: 20px;
}
#singleproducttesteo {
float: left;
margin-left: 36px;
border: 0 solid #d6d6d6;
margin-top: 20px;
}
.singleproducttype {
height: 60px;
}
.anmfsingle {
margin-right: 5px;
color: #999;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
}
.numsingle {
margin-right: 22px;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
text-decoration: none;
}
.logobig {
float: right;
margin-right: 3px;
width: 163px;
}
#singleproductaction {
float: right;
width: 487px;
margin-top: 0;
margin-right: 10px;
border: 0 solid #d6d6d6;
background-image: url(images/singleproactionbg.gif);
background-repeat: repeat-x;
}
.singleproductnew {
position: absolute;
margin: 90px 0 0 20px;
z-index: 100;
}
.spdatanwatchlist {
height: 42px;
width: 487px;
margin-top: 5px;
border: 0 solid #000;
text-decoration: none;
}
.spdatasheet {
float: right;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}
.spprint {
float: right;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}
.printicon {
float: right;
margin-left: 8px;
margin-right: 16px;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.spwatchlist {
float: right;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
}
.spwatchlisticon {
float: right;
margin-left: 8px;
margin-right: 1px;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
border-style: none;
}
.spscalenprice {
float: left;
height: 82px;
width: 487px;
border: 0 solid #000;
}
.spquantityscale {
float: left;
height: 61px;
width: 268px;
margin-top: 3px;
padding-top: 11px;
padding-left: 12px;
border: 0 solid #000;
background-color: #f4f4f4;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
}
.quantityscaleprices {
float: right;
height: 52px;
padding-right: 10px;
border: 0 solid #000;
font-weight: bold;
color: #cc0000;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 26px;
}
.scaletentwentyfive {
float: left;
padding-left: 8px;
border: 0 solid #000;
font-weight: normal;
color: #555;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 26px;
}
.namequantityscale {
float: left;
padding-right: 4px;
border: 0 solid #000;
font-weight: normal;
color: #007dbb;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 26px;
}
.spactions {
float: right;
width: 188px;
border: 0 solid #000;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.spstatus {
float: right;
height: 20px;
border: 0 solid #000;
color: #079500;
text-align: right;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
}
.spstatusimg {
float: right;
margin-top: 0;
margin-left: 8px;
}
.spprice {
float: left;
height: 24px;
width: 186px;
margin-top: 2px;
border: 0 solid #000;
color: #333;
text-align: right;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
}
.spaddtocart {
float: right;
height: 32px;
width: 188px;
margin-top: 4px;
border: 0 solid #000;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.spaddtocartimg {
float: right;
margin-top: 0;
margin-left: 8px;
}
.spdescription {
float: left;
width: 483px;
padding-left: 2px;
padding-right: 2px;
border: 0 solid #000;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
}
.sptextdescr {
padding-top: 5px;
}
.spimages {
float: left;
width: 463px;
margin-top: 10px;
margin-bottom: 20px;
padding-left: 12px;
padding-right: 12px;
border: 0 solid #000;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
}
.spaddonsbg {
width: 743px;
height: 19px;
border: 0 solid #000;
background-color: #fff;
background-image: url(images/addonsbg.gif);
background-repeat: no-repeat;
}
#addonscategory {
float: left;
width: 743px;
padding-bottom: 16px;
border: 0 solid #000;
background-color: #f4f4f4;
}
.addonscategorytext {
float: left;
padding-top: 7px;
padding-left: 16px;
color: #333;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.addoncategorytext {
float: left;
padding-left: 16px;
}
.spmfarrow {
float: left;
margin-left: 18px;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
}
.spmfname {
float: left;
margin-left: 10px;
margin-top: 4px;
color: #007dbb;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
}
.spmfcounter {
float: left;
margin-left: 4px;
margin-top: 4px;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
}
#tabselector {
float: left;
padding-left: 26px;
margin-bottom: -1px;
width: 713px;
height: 26px;
border: 0 solid #111;
}
.tabactive {
float: left;
height: 20px;
padding-top: 6px;
color: #fff;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
background-image: url(images/tabact2.png);
background-repeat: repeat-x;
}
.tabpassive {
float: left;
height: 20px;
padding-top: 6px;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
background-image: url(images/tabpas2.png);
background-repeat: repeat-x;
}
/* Seite wählen */
.pageselect {
float: left;
padding-top: 2px;
margin-right: 10px;
border: 0 solid #000;
color: #444;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.page0 {
float: left;
margin-left: 6px;
margin-right: 6px;
border: 0 solid #000;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
text-decoration: none;
cursor: pointer;
}
.page0 a:hover {
text-decoration: underline;
}
.page1 {
float: left;
margin-left: 6px;
margin-right: 6px;
border: 0 solid #000;
color: #000;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
text-decoration: none;
}
.rewind0 {
float: left;
margin-top: -3px;
margin-left: 4px;
margin-right: 4px;
border: 0 solid #000;
color: #ddd;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
}
.rewind1 {
float: left;
margin-top: -3px;
margin-left: 4px;
margin-right: 4px;
border: 0 solid #000;
color: #007dbb;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
}
.forward0 {
float: left;
margin-top: -3px;
margin-left: 4px;
margin-right: 4px;
border: 0 solid #000;
color: #ddd;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
}
.forward1 {
float: left;
margin-top: -3px;
margin-left: 4px;
margin-right: 4px;
border: 0 solid #000;
color: #007dbb;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
}
/* Ansicht wählen */
.view {
float: left;
padding-top: 5px;
margin-left: 2px;
border: 0 solid #000;
}
/* Suchergebnisse sortieren */
.sort {
float: right;
padding-top: 0;
margin-left: 10px;
margin-top: 0;
font-size: 11px;
height: 20px;
width: 140px;
}
.found {
float: right;
border: 0 solid #000;
width: 400px;
}
#foundtext {
margin-right: 10px;
font-weight: bold;
border: 0 solid #000;
}
/* Galerie-Produkt-Element */
.galleryproduct {
float: left;
width: 240px;
height: 305px;
margin-top: 4px;
margin-left: 2px;
margin-right: 2px;
border: solid 1px #d6d6d6;
background-color: #fff;
background-image: url(images/gpbg.gif);
background-repeat: repeat-x;
}
.gptop {
float: left;
margin-top: 11px;
margin-left: 7px;
margin-right: 7px;
height: 25px;
width: 229px;
text-align: right;
color: #333;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
line-height: 27px;
}
.logosmall {
float: left;
margin-right: 10px;
height: 27px;
}
.gpname {
float: left;
margin-top: 10px;
margin-left: 7px;
margin-right: 7px;
height: 22px;
width: 229px;
border: 0 solid #000;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
}
.gpname a:link, .gpname a:visited {
color: #007dbb;
text-decoration: none;
}
.gpname a:hover {
text-decoration: underline;
color: #007dbb;
}
.mfnumber {
float: left;
margin-left: 7px;
margin-right: 7px;
height: 22px;
width: 229px;
border: 0 solid #000;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.mf {
float: left;
color: #999;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 10px;
}
.gpaction {
float: left;
margin-left: 7px;
margin-right: 7px;
height: 32px;
width: 229px;
border: 0 solid #000;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.infoicon {
float: left;
margin-top: 1px;
}
.status {
float: left;
margin-top: 5px;
margin-left: 7px;
}
.addtocart {
float: right;
margin-top: 4px;
}
.gpimage {
max-height: 175px;
max-width: 180px;
border: 0 solid #000;
}
.hspace {
float: left;
height: 302px;
width: 4px;
margin-top: 4px;
border: 0 solid #000;
background-color: #fff;
}
/* Listen-Produkt-Element */
.mfheadline {
float: left;
width: 743px;
height: 26px;
margin-top: 4px;
border: 0 solid #000;
background-color: #f4f4f4;
}
.mfarrow {
float: left;
margin-left: 16px;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 20px;
}
.mfname {
float: left;
margin-left: 2px;
margin-top: 4px;
color: #007dbb;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
}
.mfcounter {
float: left;
margin-left: 4px;
margin-top: 4px;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
}
.mfall {
float: right;
margin-right: 10px;
margin-top: 6px;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.mfall a:link, .mfall a:visited {
text-decoration: none;
}
.mfall a:hover {
text-decoration: underline;
}
.listproduct {
float: left;
width: 741px;
height: 138px;
margin-top: 4px;
background-image: url(images/gpbg.gif);
background-repeat: repeat-x;
border: solid 1px #d6d6d6;
background-color: #fff;
}
.listproducttype {
height: 30px;
}
.listproductnew {
position: absolute;
margin: 45px 0 0 20px;
z-index: 100;
}
.gproductnew {
float: left;
position: absolute;
margin: 5px 0 0 20px;
z-index: 100;
}
.lpaddtocartquantity {
width: 24px;
height: 13px;
margin-top: 1px;
margin-right: 3px;
border: 1px solid #ccc;
float: right;
vertical-align: top;
}
.lpimages {
float: left;
width: 138px;
height: 138px;
border: 0 solid #000;
}
.lplogo {
float: left;
height: 30px;
margin-top: 8px;
margin-left: 41px;
margin-right: 39px;
}
.lpimage {
float: left;
width: 80px;
height: 80px;
margin-left: 29px;
margin-top: 2px;
}
.lpdescription {
float: left;
width: 400px;
height: 138px;
border: 0 solid #000;
}
.lpname {
float: left;
margin-top: 14px;
margin-left: 5px;
width: 395px;
border: 0 solid #000;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
}
.lpname a:link {
text-decoration: none;
color: #007dbb;
}
.lpname a:hover {
text-decoration: underline;
}
.lpnumbers {
float: left;
margin-left: 5px;
height: 28px;
width: 395px;
border: 0 solid #000;
}
.anmf {
margin-right: 5px;
color: #999;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
.num {
margin-right: 22px;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 10px;
}
.lpdescriptiontext {
float: left;
margin-left: 5px;
border: 0 solid #000;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 18px;
}
.lpactions {
float: left;
height: 138px;
width: 202px;
border: 0 solid #000;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.lpdatanwatchlist {
height: 26px;
width: 202px;
margin-top: 16px;
border: 0 solid #000;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.lpdatasheet {
float: right;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
}
.pdficon {
float: right;
margin-left: 8px;
margin-right: 16px;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
border-style: none;
}
.lpwatchlist {
float: right;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
}
.watchlisticon {
float: right;
margin-left: 8px;
margin-right: 8px;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
border-style: none;
}
.gpstatusimg {
float: left;
vertical-align: top;
margin-top: 5px;
}
.gproducttype {
height: 45px;
}
.lpstatus {
float: right;
height: 20px;
width: 194px;
margin-top: 14px;
margin-right: 8px;
border: 0 solid #000;
color: #079500;
text-align: right;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
}
.lpstatusimg {
float: right;
margin-top: 0;
margin-left: 8px;
}
.lpprice {
float: left;
height: 24px;
width: 192px;
margin-top: 2px;
border: 0 solid #000;
color: #333;
text-align: right;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
}
.lpaddtocart {
float: right;
height: 32px;
width: 194px;
margin-top: 4px;
margin-right: 8px;
border: 0 solid #000;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.lpaddtocartimg {
float: right;
margin-left: 4px;
margin-right: 2px;
}
/* Gütesiegel und Partner */
#badgespartners {
clear: left;
width: 976px;
height: 134px;
border: 0 solid #000;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 75px;
background-image: url(images/badgespartnersbg.gif);
background-repeat: repeat-x;
}
#badges {
float: left;
width: 516px;
height: 134px;
border: 0 solid #000;
}
#partners {
float: left;
width: 460px;
height: 134px;
border: 0 solid #000;
}
.badgespartnerstext {
text-align: left;
float: left;
color: #999;
border: 0 solid #000;
margin-left: 18px;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
}
/* Fussbereich */
#footer {
width: 976px;
height: 92px;
border: 0 solid #000;
margin: 0 auto;
margin-top: 50px;
padding-bottom: 50px;
color: #999;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 10px;
}
#footerpart1 {
text-align: center;
float: left;
width: 976px;
height: 30px;
color: #bbb;
border: 0 solid #000;
}
#footerpart21 {
float: left;
text-align: right;
width: 488px;
height: 62px;
padding-top: 19px;
background-image: url(images/footerbg21.png);
background-repeat: no-repeat;
color: #bbb;
border: 0 solid #000;
}
#footerpart22 {
float: right;
text-align: left;
width: 488px;
height: 62px;
padding-top: 19px;
background-image: url(images/footerbg22.png);
background-repeat: no-repeat;
color: #545e69;
border: 0 solid #000;
}
.footertext1 a:link {
text-decoration: none;
}
.footertext1 a:hover {
text-decoration: underline;
}
.footertext1 {
border: 0 solid #000;
margin: 0 auto;
padding-left: 17px;
padding-right: 17px;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 24px;
text-decoration: none;
}
.footertext21 {
border: 0 solid #000;
margin: 0 auto;
padding-left: 17px;
padding-right: 17px;
color: #666;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 20px;
}
.footertext22 {
border: 0 solid #000;
margin: 0 auto;
padding-left: 17px;
padding-right: 17px;
color: #828b95;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 20px;
}
.footerimage {
float: left;
margin-top: 35px;
margin-left: 10px;
}
.RootNodeUnvisible {
display: none;
}
.pagernext {
float: left;
margin: 5px 0 0 10px;
}
.pagernextpages {
float: right;
margin: 2px 0 0 15px;
}
.pagerprev {
float: left;
margin: 5px 10px 0 0;
}
.pagerprevpages {
float: left;
margin: 2px 15px 0 0;
}
.treemargin {
margin-top: 8px;
}
.checkoutframe {
margin-left: auto;
margin-right: auto;
width: 741px;
margin-top: 4px;
border: solid 1px #d6d6d6;
background-color: #fff;
background-image: url(images/gpbg.gif);
background-repeat: repeat-x;
}
#leftnavigationcon {
float: left;
width: 275px;
border: 0 solid #000;
}
#lnheadlinecon {
float: left;
width: 264px;
height: 20px;
margin-top: 14px;
padding-top: 6px;
padding-left: 11px;
border: 0 solid #000;
color: #555;
background-color: #fff;
text-align: left;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
.sclnelement {
float: left;
width: 260px;
margin-top: 4px;
padding-top: 0;
padding-bottom: 25px;
border: 0 solid #cecece;
}
#mainareacon {
float: left;
width: 655px;
padding-left: 25px;
margin-bottom: 50px;
border: 0 solid #000;
}
.smallcontact {
width: 612px;
height: 60px;
margin-top: 30px;
padding: 48px 16px 20px 26px;
border: 0 solid #000;
background-image: url(images/smallcontactfaq.jpg);
background-position: center bottom;
background-repeat: no-repeat;
color: #fff;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 20px;
}
.bigcontact {
width: 645px;
height: 176px;
margin-top: 50px;
padding-left: 10px;
margin-bottom: 40px;
border: 0 solid #000;
background-image: url(images/bigcontactbg.png);
background-position: center bottom;
background-repeat: no-repeat;
color: #fff;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 20px;
}
.notfound {
width: 645px;
margin-top: 40px;
margin-left: 10px;
margin-bottom: 40px;
border: 0 solid #000;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.bigcontactintern {
width: 400px;
margin-left: 35px;
border: 0 solid #000;
color: #007dbb;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
}
.bigcontactform {
width: 400px;
margin-left: 35px;
border: solid 1px #000;
color: #666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.ulnote {
margin-top: 10px;
margin-left: -20px;
margin-bottom: 10px;
list-style: disc;
}
.linote {
margin-bottom: 4px;
padding-right: 15px;
color: #fff;
font-weight: normal;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 16px;
background-image: url(images/straight.png);
background-position: right center;
background-repeat: no-repeat;
}
.whitediv1 {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
float: left;
background-image: url(images/mk_icon_ob.gif);
}
.whitediv2 {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
float: right;
background-image: url(images/mk_icon_lb.gif);
}
.whitediv3 {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
float: left;
background-image: url(images/mk_icon_vb.gif);
}
.whitediv4 {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
float: right;
background-image: url(images/mk_icon_rk.gif);
}
.whitediv5 {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
float: left;
background-image: url(images/mk_icon_ah.gif);
}
.whitediv6 {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
float: left;
background-image: url(images/mk_icon_rma.gif);
}
.whitediv7 {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
float: left;
background-image: url(images/mk_icon_la.gif);
}
.whitediv8 {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
float: right;
background-image: url(images/mk_icon_wl.gif);
}
.whitediv9 {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
float: left;
background-image: url(images/mk_icon_bd.gif);
}
.whitediv10 {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
float: right;
background-image: url(images/mk_icon_lv.gif);
}
.whitediv11 {
width: 284px;
height: 76px;
border: solid 1px #e9e9e9;
padding-top: 6px;
padding-bottom: 8px;
padding-left: 65px;
margin-bottom: 4px;
color: #666666;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
background-repeat: no-repeat;
background-position: left top;
float: left;
background-image: url(images/mk_icon_hh.gif);
}
.whitedivhl {
color: #007dbb;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 25px;
}
.whitedivgif {
float: right;
border: 0 solid #fff;
margin-top: -6px;
margin-left: 20px;
}
.mkheader {
height: 25px;
padding: 3px 8px;
background-color: #c8e3f5;
font-weight: normal;
color: #225474;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.mkheadermain {
height: 38px;
width: 953px;
padding-left: 15px;
padding-top: 4px;
vertical-align: text-top;
background-color: #424242;
background-image: url(images/mkt1headbg.gif);
background-repeat: no-repeat;
background-position: bottom left;
font-weight: normal;
color: #eee;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.meinkontoformular {
width: 953px;
}
.c1 {
height: 25px;
padding: 3px 8px 3px 10px;
background-color: #f4f4f4;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
.c2 {
height: 25px;
padding: 3px 8px 3px 10px;
background-color: #e9ebed;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
.mktableend {
width: 953px;
height: 17px;
margin-top: 12px;
margin-left: 2px;
background-image: url(images/mkt1end.gif);
background-repeat: no-repeat;
}
.meinkontoframe {
float: left;
width: 974px;
margin-top: 4px;
border: solid 1px #d6d6d6;
background-color: #fff;
background-image: url(images/gpbg.gif);
background-repeat: repeat-x;
}
.RecentlyVisited img {
max-width: 80px;
max-height: 80px;
border: 2px solid #FFF;
}
.naviaccountclass {
font-family: "Lucida Sans Unicode, Lucida Grande, Garuda, Arial, sans-serif";
font-size: 12px;
color: #fff;
text-decoration: none;
line-height: 0;
margin-top: 5px;
margin-left: 5px;
}
.naviaccountclass a:link, .naviaccountclass a:hover, .naviaccountclass a:visited {
font-family: "Lucida Sans Unicode, Lucida Grande, Garuda, Arial, sans-serif";
font-size: 12px;
color: #fff;
background-color: #007dbb;
text-decoration: none;
line-height: 20px;
}
.naviaccountclass ul {
font-family: "Lucida Sans Unicode, Lucida Grande, Garuda, Arial, sans-serif";
font-size: 12px;
list-style-type: none; /* border: 1px solid green; */
margin-left: 0;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.naviaccountclass ul li {
font-family: "Lucida Sans Unicode, Lucida Grande, Garuda, Arial, sans-serif";
font-size: 12px;
/* sk INFO necessary to avoid flickering panel on page load */
margin-right: 30px;
float: left;
}
.naviaccountclass ul li ul {
font-family: "Lucida Sans Unicode, Lucida Grande, Garuda, Arial, sans-serif";
font-size: 12px;
/* sk INFO necessary to avoid flickering panel on page load -stand vorher display none drin... */
display: none;
z-index: 2000;
}
.naviaccountclass ul li ul li {
font-family: "Lucida Sans Unicode, Lucida Grande, Garuda, Arial, sans-serif";
font-size: 12px;
/* border: 1px solid yellow; */
clear: both;
width: 250px;
margin-left: -16px;
padding-left: 16px;
background-color: #3f3f3f;
}
.naviaccountclass ul li ul li a:link, .naviaccountclass ul li ul li a:visited, .naviaccountclass ul li ul li a:hover {
font-family: "Lucida Sans Unicode, Lucida Grande, Garuda, Arial, sans-serif";
font-size: 12px;
line-height: 20px;
}
.h1sp {
font-weight: normal;
color: #007DBB;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
margin-top: 5px;
margin-bottom: 12px;
line-height: 20px;
width: 500px;
}
.h1catroot {
font-weight: normal;
color: #555;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
.FeedbackBlock {
margin-bottom: 20px;
margin-left: 40px;
width: 800px;
float: left;
clear: both;
}
.HeaderCompanyImage {
float: left;
margin-top: 4px;
margin-left: 0;
}
.HeaderAdditional {
visibility: visible;
float: left;
width: 160px;
height: 28px;
border: 0 solid #000;
text-align: left;
color: #666;
font-family: Lucida Sans Unicode, Lucida Grande, Garuda, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 15px;
margin-top: 12px;
text-decoration: none;
}
#pushbutton {
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
color: White;
background-color: #3F3F3F;
text-decoration: none;
width: 60px;
padding-left: 10px;
font-size: 12px;
line-height: 28px;
background-image: url(images/aktionenbg.png);
float: left;
}
#newsletterbutton {
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
color: White;
background-color: #3F3F3F;
text-decoration: none;
padding-left: 10px;
font-size: 12px;
line-height: 28px;
float: left;
cursor: pointer;
width: 70px;
}
#newsletterbutton a {
color: White;
background-color: #3F3F3F;
text-decoration: none;
}
#newsletterbuttonXX a:hover {
color: White;
background-color: #2898E2;
text-decoration: none;
display: block;
}
.tonerselect {
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 10px;
height: 20px;
border: 1px solid #999999;
}
/* START Detailseite Kyocera-Produkte */
.KyoBoxMenubox {
background-image: url(images/kyoboxbg.gif);
background-color: #ffffff;
width: 100%;
float: left;
height: 50px;
clear: both;
}
.KyoBoxMenutab {
background-image: url(images/kyoboxtab.gif);
margin: 4px 0 0;
width: 2px;
background-repeat: no-repeat;
float: left;
height: 46px;
}
.KyoBoxMenumargin {
width: 25px;
float: left;
}
.KyoBoxMmenuitem {
text-align: left;
width: auto;
float: left;
}
.KyoBoxMenuitem A {
background-image: url(images/kyoboxbg.gif);
padding: 0 10px;
line-height: 50px;
width: auto;
display: block;
float: left;
height: 50px;
color: #000000;
font-size: 12px;
cursor: pointer;
text-decoration: none;
padding-top: 0;
}
.KyoBoxMenuitem A:hover {
background-image: url(images/kyoboxbg_ro.gif);
float: left;
letter-spacing: 0;
color: #000000;
}
/* ENDE Detailseite Kyocera-Produkte */
/* tabcontainer */
.tabs_wrapper {
width: 740px;
}
.tab_content {
display: none;
}
/* tabdesign */
#new_tabs {
border-bottom: 1px solid #cccccc;
}
#new_tabs ul {
list-style: none;
padding: 0 0 10px 0;
margin: 0;
font-size: 1em;
font-family: Arial, Verdana, sans-serif;
}
#new_tabs ul li {
display: inline;
}
#new_tabs ul li a {
border: 1px solid #cccccc;
padding: 10px 25px 10px;
text-decoration: none;
background-color: #ffffff;
border-bottom: none;
color: #444444;
}
#new_tabs ul li a:hover {
color: #888888;
}
#new_tabs ul li.active a {
border-bottom: none;
color: #2898E2;
padding-bottom: 11px;
}
#new_tabs ul li.active a:hover {
color: #2898E2;
}
#new_tabs ul li .icon {
background-image: url('products.png');
background-position: 13px 9px;
background-repeat: no-repeat;
padding-left: 36px;
}
#new_tabs_content {
border: 1px solid #ccc;
border-top: none;
width: 740px;
}
/* Filterlayout */
.fltHeader {
color: #fff;
margin-bottom: 2px;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
padding: 3px;
}
.fltHeader a {
color: #fff;
}
.fltHeader a:visited {
color: #fff;
}
.fltHeader a:hover {
color: springgreen;
}
.fltGroup {
/*background-color: #729cb8;*/
background-color: #006699;
/*background-color: #2796DF;*/
/*background-color: #3F3F3F;*/
}
.fltManufacturer {
/*background-color: #db6354;*/
background-color: #C1401A;
/*background-color: #2796DF;*/
/*background-color: #3F3F3F;*/
}
.fltAdvanced {
/*background-color: #82c17a;*/
background-color: #7BAB2F;
/*background-color: #2796DF;*/
/*background-color: #3F3F3F;*/
}
.fltFeatures {
/*background-color: #82c17a;*/
background-color: #0094D6;
/*background-color: #2796DF;*/
/*background-color: #3F3F3F;*/
}
/* legacy layout from content.css */
/* Tabellen */
.header {
height: 25px;
padding-left: 10px;
background-color: #c8e3f5;
font-weight: bold;
color: #225474;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.headermain {
height: 38px;
width: 650px;
padding-left: 15px;
padding-top: 4px;
vertical-align: text-top;
background-color: #424242;
background-image: url(images/t1headbg.gif);
background-repeat: no-repeat;
background-position: bottom left;
font-weight: normal;
line-height: 20px;
color: #eee;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
}
.headermain2 {
height: 38px;
width: 720px;
padding-left: 15px;
padding-top: 4px;
vertical-align: text-top;
background-color: #424242;
background-image: url(images/t1headbg2.gif);
background-repeat: no-repeat;
background-position: bottom left;
font-weight: normal;
line-height: 20px;
color: #eee;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
}
.tabletext {
padding: 10px 15px 2px 15px;
color: #777;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.tabletrenner {
height: 10px;
width: 626px;
margin-top: 11px;
background-image: url(images/tabletrenner.gif);
background-repeat: repeat-x;
}
.tabletrenner2 {
height: 10px;
width: 696px;
margin-top: 11px;
background-image: url(images/tabletrenner.gif);
background-repeat: repeat-x;
}
.tabletrenner3 {
height: 10px;
width: 929px;
margin-top: 11px;
background-image: url(images/tabletrenner.gif);
background-repeat: repeat-x;
}
.rma {
width: 718px;
}
.t1arrow {
color: #eee;
margin-left: 6px;
margin-right: 10px;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
}
.content {
height: 25px;
padding-left: 15px;
background-color: #f4f4f4;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
.cell1 {
height: 25px;
padding-left: 10px;
padding-top: 1px;
padding-right: 10px;
background-color: #f4f4f4;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
.cell2 {
height: 25px;
padding-left: 10px;
padding-top: 1px;
padding-right: 10px;
background-color: #e9ebed;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
.t1 {
width: 643px;
margin-top: 3px;
}
.t2 {
width: 713px;
margin-top: 3px;
}
.t2meinkonto {
width: 946px;
margin-top: 3px;
}
/* Über- und Unterschriften */
h1 {
margin-top: 12px;
margin-bottom: 22px;
font-weight: normal;
text-indent: 0;
color: #333;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 22px;
}
h2 {
margin-bottom: 20px;
font-weight: bold;
color: #111;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.h1 {
margin-top: 12px;
margin-bottom: 22px;
font-weight: normal;
text-indent: 2px;
color: #333;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 24px;
}
.h1intext {
margin-top: 40px;
margin-bottom: 22px;
font-weight: normal;
text-indent: 4px;
color: #333;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 24px;
}
.h1eingerueckt {
margin-top: 7px;
margin-bottom: 22px;
font-weight: normal;
text-indent: 32px;
color: #333;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 24px;
}
.h1intexteingerueckt {
margin-top: 40px;
margin-bottom: 22px;
font-weight: normal;
text-indent: 32px;
color: #333;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 24px;
}
.h2 {
margin-top: 30px;
margin-bottom: 12px;
font-weight: normal;
color: #444;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
}
.h2narrow {
margin-top: 15px;
margin-bottom: 12px;
font-weight: normal;
color: #444;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
}
.h3 {
margin-top: 7px;
margin-bottom: 25px;
font-weight: bold;
color: #353d45;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.h3narrow {
margin-top: 7px;
margin-bottom: 10px;
font-weight: bold;
color: #353d45;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.h4 {
margin-top: 30px;
margin-bottom: 12px;
font-weight: bold;
color: #333;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 16px;
}
.h5 {
margin-top: 22px;
font-weight: normal;
color: #999;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
}
.h6 {
padding: 5px 10px;
margin-bottom: 15px;
font-weight: normal;
color: #999;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
background-color: #f4f4f4;
}
/* Zwischenüberschriften und Trenner */
.standardarrow {
color: #007dbb;
margin-left: 6px;
margin-right: 10px;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 24px;
}
.trenner {
clear: left;
width: 655px;
height: 13px;
margin-top: 24px;
margin-bottom: 14px;
background-image: url(images/divider.gif);
background-repeat: repeat-x;
}
/* Aufzählung */
.countleft {
float: left;
margin-top: 1px;
margin-bottom: 0;
margin-left: 22px;
color: #444;
font-weight: bold;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
line-height: 22px;
}
.ulstandard {
clear: left;
margin: 12px 60px 28px 10px;
list-style: disc;
}
.listandard {
margin-bottom: 8px;
color: #444;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.ultwocol {
clear: left;
margin: 15px 10px 20px 0;
list-style: disc;
}
.litwocol {
margin-bottom: 8px;
color: #444;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
}
.ulthcol {
clear: left;
margin: 15px 10px 20px 0;
list-style: disc;
}
.lithcol {
margin-bottom: 4px;
color: #444;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
}
.ulnum {
margin-top: 0;
margin-left: 10px;
margin-bottom: 20px;
list-style: decimal;
}
.uleingerueckt {
margin: 0 40px 20px 40px;
list-style: disc;
}
.uleingeruecktnum {
margin: 0 40px 20px 40px;
list-style: decimal;
}
.lieingerueckt {
margin-bottom: 8px;
color: #444;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
}
.ullinkliste {
margin-top: 0;
margin-left: -10px;
margin-bottom: 20px;
list-style: none;
}
.lilinkliste {
margin-bottom: 4px;
color: #444;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.counterboxframe {
width: 741px;
border: 0 solid #000;
}
.counterbox {
float: left;
padding: 2px 2px 2px 4px;
width: 30px;
height: 20px;
color: #fff;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 18px;
background-color: #2793d3;
}
/* Text-Varianten */
.fliesstext {
margin-bottom: 20px;
color: #444;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.fliesstexteingerueckt {
margin-bottom: 20px;
margin-left: 32px;
margin-right: 25px;
color: #444;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.fliesstextmoreeingerueckt {
padding-top: 2px;
margin-bottom: 20px;
margin-left: 62px;
margin-right: 25px;
color: #444;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
}
.fliesstextfett {
margin-top: 30px;
margin-bottom: 30px;
color: #444;
font-weight: bold;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
.fliesstextduenn {
margin-top: 7px;
margin-bottom: 20px;
color: #7e858d;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
line-height: 20px;
}
.kursiveingerueckt {
margin: 30px 35px 30px 25px;
text-indent: 30px;
color: #666;
font-weight: normal;
font-style: italic;
font-family: "Times New Roman", Times, serif;
font-size: 15px;
line-height: 20px;
}
.inabox {
margin-top: 30px;
margin-bottom: 30px;
padding: 15px 35px 15px 25px;
color: #444;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
line-height: 20px;
background-color: #f4f4f4;
border: solid 5px #fff;
}
/* Foto- und Grafik-Varianten */
.fotorechtsframe {
float: right;
width: 168px;
margin-left: 20px;
margin-bottom: 20px;
padding-bottom: 5px;
border: 0 solid #444;
background-color: #333;
}
.fotorechtsunter {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
color: #fff;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 9px;
line-height: 12px;
}
.fotolinksframe {
float: left;
width: 168px;
margin-right: 20px;
margin-bottom: 20px;
padding-bottom: 5px;
border: 0 solid #444;
background-color: #333;
}
.fotolinksunter {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
color: #fff;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 9px;
line-height: 12px;
}
/* Textspalten */
.threecolumns {
float: left;
width: 655px;
margin-top: 4px;
margin-bottom: 25px;
border: 0 solid #000;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 16px;
}
.th1 {
float: left;
width: 205px;
padding-right: 20px;
border: 0 solid #000;
}
.th2 {
float: left;
width: 205px;
padding-right: 20px;
border: 0 solid #000;
}
.th3 {
float: left;
width: 205px;
border: 0 solid #000;
}
.twocolumns {
float: left;
width: 655px;
margin-top: 4px;
margin-bottom: 25px;
border: 0 solid #000;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
line-height: 20px;
}
.twc1 {
float: left;
width: 314px;
padding-right: 26px;
border: 0 solid #000;
}
.twc2 {
float: left;
width: 314px;
border: 0 solid #000;
list-style-type: none;
}
/* Specials */
.carthoverarticleimage {
margin-left: 10px;
}
.carthoverarticlename {
margin-left: 10px;
height: 36px;
color: #111;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 16px;
}
.carthoverarticlename a:link {
color: #111;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 16px;
}
.carthoverarticlecount {
float: right;
height: 42px;
margin-left: 12px;
}
.carthoverarticledelete {
height: 36px;
padding-top: 5px;
padding-left: 14px;
margin-right: 4px;
}
.carthoverarticleprice {
border: 0 solid #333;
height: 36px;
margin-left: 10px;
color: #111;
font-weight: bold;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
}
.carthover {
float: right;
text-align: right;
width: 250px;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 16px;
}
.carthoversums {
float: right;
margin-right: 30px;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
}
.formular {
width: 650px;
}
.formular2 {
width: 720px;
}
.checkoutformular {
width: 737px;
}
.tableend2 {
width: 720px;
height: 17px;
margin-top: 12px;
margin-left: 10px;
background-image: url(images/cartt1end.gif);
background-repeat: no-repeat;
}
.checkoutheadermain {
height: 28px;
width: 720px;
padding-left: 15px;
padding-top: 4px;
vertical-align: text-top;
background-color: #424242;
background-repeat: no-repeat;
background-position: bottom left;
font-weight: normal;
color: #eee;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
}
.checkoutheadersecond {
background-image: url(images/checkoutheadbg.gif);
background-repeat: no-repeat;
background-position: top left;
height: 25px;
padding-left: 10px;
background-color: #c8e3f5;
font-weight: bold;
color: #225474;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.checkoutheaderthird {
background-image: url(images/checkoutheadbg.gif);
background-repeat: no-repeat;
background-position: top center;
height: 25px;
padding-left: 10px;
background-color: #c8e3f5;
font-weight: bold;
color: #225474;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.checkoutheaderfourth {
background-image: url(images/checkoutheadbg.gif);
background-repeat: no-repeat;
background-position: top right;
height: 25px;
padding-left: 10px;
background-color: #c8e3f5;
font-weight: bold;
color: #225474;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
.cartarticlename {
margin-left: 10px;
margin-right: 5px;
color: #111;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
}
.cartarticlename a:link {
color: #111;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
}
.cartarticleprice {
padding-left: 1px;
height: 80px;
margin-top: 13px;
margin-right: 10px;
color: #111;
font-weight: bold;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
}
.carttext {
margin-right: 25px;
margin-top: 2px;
margin-bottom: 2px;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
}
.cartsums {
float: right;
margin-right: 10px;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
min-width: 90px;
}
.note {
float: right;
width: 208px;
margin-left: 25px;
margin-right: -15px;
min-height: 132px;
border: 0 solid #000;
background-image: url(images/note_top2.png);
background-repeat: no-repeat;
background-color: #000;
}
.notetext {
width: 163px;
min-height: 100px;
padding: 40px 20px 40px 25px;
border: 0 solid #000;
background-image: url(images/note_bottom2.png);
background-position: center bottom;
background-repeat: no-repeat;
color: #fff;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 18px;
}
.z1 {
height: 26px;
margin-top: 4px;
margin-bottom: 15px;
border: 0 solid #000;
background-color: #f4f4f4;
}
.z1arrow {
float: left;
color: #007dbb;
margin-left: 16px;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 20px;
}
.z1name {
float: left;
margin-left: 10px;
margin-top: 4px;
color: #333;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 15px;
}
.z2 {
height: 26px;
margin-top: 4px;
margin-bottom: 15px;
border: 0 solid #000;
background-color: #2793d3;
}
.z2arrow {
float: left;
color: #fff;
margin-left: 16px;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 20px;
}
.z2name {
float: left;
margin-left: 10px;
margin-top: 4px;
color: #fff;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 15px;
}
.trennershop {
clear: left;
width: 706px;
height: 13px;
margin-top: 24px;
margin-bottom: 14px;
background-image: url(images/divider.gif);
background-repeat: repeat-x;
}
.tabletextorange {
padding: 10px 15px 2px 15px;
color: #ff3c00;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
}
#map_container {
width: 655px;
height: 460px;
position: relative;
margin-left: auto;
margin-right: auto;
background-image: url(images/map_bg.jpg);
background-repeat: no-repeat;
}
#map_canvas {
position: relative;
top: 51px;
left: 20px;
height: 345px;
width: 614px;
}
#maptext {
margin-top: 60px;
margin-left: 35px;
color: #fff;
font-weight: normal;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
line-height: 18px;
}
/*Textbox Watermark*/
.search_fulltext_unwatermarked {
height: 21px;
width: 100%;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 13px;
padding: 2px 0 0 8px;
border: 1px solid #BEBEBE;
background-color: #FFFFFF;
color: #333;
margin-top: 2px;
}
.search_fulltext_watermarked {
height: 21px;
width: 100%;
font-family: "Lucida Sans Unicode", "Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
padding: 2px 0 0 8px;
border: 1px solid #BEBEBE;
background-color: #FFFFFF;
color: #999;
margin-top: 2px;
}
/*Textbox Watermark*/
.unwatermarked {
height: 21px;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
background-color: #FFF;
color: black;
margin: 3px 8px 0 0;
border: 1px solid #999;
float: left;
}
.watermarked {
height: 21px;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda, Arial, sans-serif;
font-size: 11px;
background-color: #FFF;
color: gray;
margin: 3px 8px 0 0;
border: 1px solid #999;
float: left;
}
/* Feature Filter */
.fltTreeNode {
color: #555;
font: 11px Arial, Sans-Serif;
line-height: 14px;
margin: 0 5px 0 10px;
padding: 2px;
}
.fltRootNode {
font: 13px Arial, Sans-Serif;
line-height: 14px;
margin: 0 5px 0 10px;
padding: 2px;
}
.fltRootNode a:link, a:visited {
color: #007DBB;
font-weight: bold;
}
.fltLeafNode {
color: #555;
font: 11px Arial, Sans-Serif;
line-height: 14px;
margin: 0 5px 0 10px;
padding: 2px;
}
.fltSelectedNode {
font-weight: bold;
background-color: #555;
color: #fff;
font: 11px Arial, Sans-Serif;
line-height: 14px;
margin: 0 5px 0 10px;
padding: 2px;
width: 150px;
}
/* AddToCart */
.addtocartTable {
padding: 10px;
border: none 0px #FFFFFF;
background-color: #E0E4E6;
width: 760px;
height: 500px;
box-shadow: 0px 10px 20px rgba(0,0,0,0.25);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}
.addtocartIframe {
width: 760px;
height: 500px;
border-style: none;
}
/* category bar */
body {
width: 980px;
margin: auto;
}
/* Standardeinstellungen */
.catmenu-nav,
.catmenu-nav a,
.catmenu-nav ul,
.catmenu-nav li,
.catmenu-nav div {
margin: 0;
padding: 0;
border: none;
outline: none;
}
.catmenu-nav a {
text-decoration: none;
}
.catmenu-nav li {
list-style: none;
}
/* Obere Menüleiste */
.catmenu-nav {
top: 90px; /* Position auf der Shop-Seite */
width: 980px;
height: 40px;
display: inline-block;
z-index: 500;
position: absolute;
text-align: center;
background: transparent url(images/catmenu.png) no-repeat 0 0;
margin: 0;
padding: 10px 0;
cursor: default;
}
/* Elemente der oberen Menüleiste */
.catmenu-nav > li > a,
.catmenu-nav > li > span {
position: relative;
display: block;
z-index: 510;
height: 36px;
line-height: 36px;
margin: 1px 0 1px 0;
padding: 0 20px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 13px;
font-style: normal;
vertical-align: top;
color: #2899E6; /* SE blau */
text-shadow: 0 0 1px rgba(0,0,0,.35);
text-align: center;
text-decoration: none;
float: left;
/*border-right: 1px solid #312a27;*/
border-top: 3px solid #2899E6; /* Linie an der Oberkante der Menübar */
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.catmenu-nav > li:first-child > a {
border-radius: 4px 0 0 4px; /* Ecken abgerundet */
/*border-left: 1px solid #4b4441;*/ /* Trennlinie links */
}
.catmenu-nav > li:last-child > a {
border-radius: 0 4px 4px 0; /* Ecken abgerundet */
/* border-right: 0px solid #4b4441; /* Keine Trennlinie rechts */
}
/* Hervorheben des obersten Menüpunktes */
/* Farbwechsel auf Hellgrau */
.catmenu-nav > li:hover > a {
background: #D9D9D9;
background: transparent url(images/catmenu.png) no-repeat -100px -131px;
color: #2899E6;
}
/* Farbwechsel auf Grau und optischer Hervorhebung */
.catmenu-nav > li:hover > a {
color: #444;
background: #666 url(images/gradient.png) repeat-x 0 -40px;
/*border-right: 1px solid #312a27;*/
border-top: 3px solid #2899E6; /* Linie an der Oberkante der Menübar */
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
/*box-shadow: 0 1px 1px rgba(0,0,0, .2);*/
text-shadow: 0 1px 0 rgba(255,255,255, 1);
}
/* Menü Dropdown */
.catmenu-nav > li > div.catmenu-dropdown {
position: absolute;
display: block;
width: 100%;
top: 15px; /* Abstand zur Menübar */
left: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
background: transparent; /* #ffffff */
border-radius: 0 0 3px 3px;
-webkit-transition: all .3s ease .15s;
-moz-transition: all .3s ease .15s;
-o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s;
transition: all .3s ease .15s;
}
.catmenu-nav > li:hover > div.catmenu-dropdown {
opacity: 1;
visibility: visible;
overflow: visible;
}
/* Menü Container Styles */
.catmenu-nav .catmenu-nav-container {
float: left;
position: relative;
background: #f4f4f4; /* Hintergrund Container-Menü-Bereich #D9D9D9 #c8e3f5 #f4f4f4 */
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius-: 5px;
border: 1px solid #ccc;
margin-top: 36px;
box-shadow: 0 10px 20px rgba(0,0,0,0.25);
-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.25);
max-width: 978px;
min-width: 210px;
overflow: hidden;
padding: 5px 1px 10px 1px;
border-bottom: 3px solid #2899E6;
min-height: 200px;
}
/* Rechtsbündige Anordnung */
.catmenu-nav .catmenu-nav-container-right {
float: right;
position: relative;
background: #f4f4f4; /* Hintergrund Container-Menü-Bereich #D9D9D9*/
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius-: 5px;
border: 1px solid #ccc;
margin-top: 36px;
box-shadow: 0 10px 20px rgba(0,0,0,0.25);
-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.25);
max-width: 978px;
min-width: 210px;
overflow: hidden;
padding: 5px 1px 20px 1px;
border-bottom: 3px solid #2899E6;
min-height: 200px;
}
/* Spalten im Containerbereich */
.catmenu-nav .catmenu-nav-column {
float: left;
position: relative;
margin: 0 10px 0 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius-: 5px;
min-width: 150px;
min-height: 200px;
max-height: 400px;
padding: 5px 10px 0 10px;
color: #111;
background-color: transparent;
border-left: 1px solid #ccc; /* Trennlinie links */
}
/* Keine Trennlinie bei der erster Box */
.catmenu-nav .catmenu-nav-column:first-child {
border-left: 0px solid #ccc;
}
/* Kategorie-Überschrift */
.catmenu-nav .catmenu-nav-column .category-name {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 14px;
color: #FF7E49;
text-transform: uppercase;
white-space: nowrap;
text-align: left;
}
/* Menü-Einträge Ebene 2 */
.catmenu-nav .catmenu-nav-column li a {
display: block;
line-height: 26px;
padding: 0 10px 0 10px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 13px;
color: #444;
border-radius: 4px; /* Ecken abgerundet */
-webkit-border-radius: 4px;
-moz-border-radius-: 4px;
border: 0px solid #4b4441;
text-align: left;
}
/* Aktive Menü-Elemente */
.catmenu-nav .catmenu-nav-column li a:hover,
.catmenu-nav .catmenu-nav-column li a.onhover {
background: #2899E6;
color: white;
/*-webkit-box-shadow: 5px 5px 15px -1px rgba(3,3,3,1);
-moz-box-shadow: 5px 5px 15px -1px rgba(3,3,3,1);
box-shadow: 5px 5px 15px -1px rgba(3,3,3,1);*/
}
.category-row-empty {
margin-top: 44px;
}
/* END category bar */