html, body {
font-size: 8pt;
}
/* *** Farben ***
#003669 Dunkelblau / globale Textfarbe
#CC6668 Rot für Boxen und Input-Btns
#C1D5E0 Hellblau 1 / Header-Navigation
#E8EFF5 Hellblau 2 / Header: "Nicht gefunden was Sie suchen..."
#7C9DC0 Hellblau 3 / Titelzeile der Boxen
#466D96 Dunkelblau / h1 und h2 im Content-Bereich
*/
/* Schriftart und -farbe für ALLES explizit setzen (Grund: einige Beschreibungen enthalten Farbangaben) */
/*Palatino Linotype, Georgia, */
html, html *, body, body *, input, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #003669;
}
body {
background:url(../bilder/layoutbilder/hintergrund.jpg) top left repeat-x;
}
/* a { text-decoration:none; } */
a:link { color:#003669; }
a:visited { color:#003669; }
a:hover { color:red; }
a:active { color:#003669; }
/*a.pfeilrechts { padding-left:13px; background:url(../bilder/layoutbilder/pfeil_rechts.jpg) bottom left no-repeat; }
a.pfeilunten {}*/
input, select, textarea { font-size:8pt; }
/*ul.x_menu { margin:0px; }
ul.x_menu li { display:inline; padding:0px; padding-left:4px; padding-right:4px; }*/
ul.x_menu { margin:0px; }
ul.x_menu li { float:left; padding-left:4px; padding-right:4px; }
ul.y_menu { margin:0px; }
ul.y_menu li { padding-left:4px; padding-right:4px; }
#layout { width:95%; border:1px solid #cdcdcd; text-align:left; position:relative; z-index:10; }
#layout_headerlogo { background-color:white; }
#layout_headerlogo #hlogo { padding:10px 5px 5px 10px; }
/*#layout_headerlogo span { padding-left:70px; padding-right:30px; margin:0px; }*/
/*#layout_headerlogo h1 { font-size:130%; padding-left:25px; padding-right:25px; margin:0px; }
#layout_headerlogo h1, #layout_headerlogo h1 * { }
#layout_headerlogo h2 { font-size:380%; padding-left:25px; padding-right:25px; margin:0px; font-weight:normal; min-height:47px; }
#layout_headerlogo h2, #layout_headerlogo h2 * { }
#layout_headerlogo #logolinks { margin:5px 5px 5px 5px; height:100%; }
#layout_headerlogo #logolinks .links_x a { padding-left:13px; padding-right:13px; background:url(../bilder/layoutbilder/pfeil_rechts.jpg) bottom left no-repeat; }
*/
.links_y a { }
.links_y a.de { padding-left:20px; background:url(../bilder/layoutbilder/de.png) center left no-repeat; }
.links_y a.fr { padding-left:20px; background:url(../bilder/layoutbilder/fr.png) center left no-repeat; }
.links_y a.gb { padding-left:20px; background:url(../bilder/layoutbilder/gb.png) center left no-repeat; }
.links_y a.se { padding-left:20px; background:url(../bilder/layoutbilder/se.png) center left no-repeat; }
.links_y a.it { padding-left:20px; background:url(../bilder/layoutbilder/it.png) center left no-repeat; }
#header1 { font-size:250%; font-weight:bold; padding:5px 5px 5px 23px; letter-spacing:2px; }
#header2 { font-size:200%; font-weight:normal; padding:0px 5px 5px 23px;}
#flags { float:right; }
#flags ul { margin:0px; list-style:none; }
#flags ul li { float:left; padding:2px; }
#welcome { padding:0px 10px 0px 0px; border: 1px solid red; }
/*#layout_headernavi { background-color:#bfbfff; padding:0px; }*/
#layout_headernavi { padding:0px; background:url(../bilder/layoutbilder/boxes/box_gray_top_content.gif) left top repeat-x; }
#layout_headernavi ul.btn_franchise { list-style:none; float:right; padding:0px; margin:0px; }
#layout_headernavi ul.btn_franchise li { padding:0px; margin:0px; }
#layout_headernavi ul.btn_franchise li a { display:block; padding:6px; font-weight:bold; background-color:#dd0000; color:white; }
#layout_headernavi ul.btn_franchise li a:hover { font-weight:bold; background-color:#dd0000; color:yellow; }
#layout_headerlogo .txt_welcome { clear:both; list-style:none; float:right; }
#layout_headerlogo .txt_welcome .hello { font-weight:bold; padding:5px 10px 0px 0px;}
#layout_headerlogo .txt_welcome .login { display:block; font-weight:normal; font-size:80%; padding:2px 10px 0px 0px;}
#layout_headerlogo .txt_welcome .logout { display:block; font-weight:normal; font-size:80%; padding:2px 10px 0px 0px;}
#layout_headernavi .txt_welcome { list-style:none; float:right; margin:0px; padding:5px 10px 0px 0px; }
#layout_headernavi .txt_welcome .hello { font-weight:bold; }
#layout_headerlogo .txt_welcome_vertreter { background-color:red; color:white; text-align:left; padding:5px; }
#layout_headerlogo .txt_welcome_vertreter .info { padding-left:10px; color:white; border:1px solid white; }
/*#layout_headernavi .txt_welcome_vertreter { list-style:none; float:right; padding:0px; margin:0px; padding:5px 5px 0px 0px; }
#layout_headernavi .txt_welcome_vertreter .hello { font-weight:bold; }*/
#layout_headerinfo { text-align:left; font-weight:normal; padding:2px 0px 5px 5px; border-top:1px solid white; background-color:white; }
#layout_headerinfo * { }
#layout_headerinfo .small { font-weight:normal; font-size:7pt; color:white; }
#layout_headerinfo .footer { font-weight:normal; letter-spacing:-.5px; font-size:80%; }
#layout_footerinfo { background-color:#cdcdcd; text-align:center; font-weight:bold; padding:4px; margin:5px; }
#layout_footerinfo .small { font-weight:normal; font-size:7pt; color:gray; }
#layout_footerinfo .footer { font-weight:normal; letter-spacing:-.5px; font-size:80%; }
#layout_mainleft { width:190px !important; background-color:white; padding:20px 5px 5px 5px;}
#layout_maincontent { background-color:white; }
#layout_maincontent .content { padding:10px; padding-left:20px; padding-right:20px; }
#layout_maincontent fieldset .content { padding:20px; }
#layout_maincontent h1 { background-color:#dcdcdc; font-size:120%; padding:3px; padding-left:10px; padding-right:10px; margin:0px; }
#layout_maincontent h1.default { background:none; font-size:180%; padding:0px; margin:0px; }
#layout_maincontent h2 { /*background-color:#9f9fff;*/ font-size:160%; padding:3px; padding-left:10px; padding-right:10px; margin:0px; }
/*#layout_maincontent h2 { background-color:#bfbfff; color:white; font-size:120%; padding:3px; padding-left:10px; padding-right:10px; margin:0px; }
#layout_maincontent h2 * { color:white; }*/
#layout_maincontent h3 { font-size:110%; }
#layout_maincontent .locationcontainer { border:none; padding:0px 0px 20px 5px; width:100%; }
#layout_maincontent .locationcontainer * { color:#87888a; }
#layout_maincontent .locationcontainer a:hover { color:#003669; }
#layout_maincontent .locationcontainer .text { text-align:left; vertical-align:top; width:250px; }
#layout_maincontent .locationcontainer .path { text-align:left; }
#layout_maincontent .locationcontainer .path ul { margin:0px; list-style:none; padding:0px; padding-left:15px; text-align:center; }
#layout_maincontent .locationcontainer .path ul li { float:left; padding:0px 5px 0px 0px;}
#layout_maincontent .locationcontainer .path ul li.location_level1 { }
#layout_maincontent .locationcontainer .path ul li.location_level2 { /*padding-left:10px;*/ }
#layout_maincontent .locationcontainer .path ul li.location_level3 { /*padding-left:20px;*/ }
#layout_maincontent .locationcontainer .path ul li.location_level4 { /*padding-left:30px;*/ }
#layout_maincontent .locationcontainer .navi { text-align:right; }
#layout_mainright { width:210px; background-color:white; padding:20px 5px 5px 5px;}
#layout_footer { border-top:1px solid #cdcdcd; }
img.contentimage { float:right; margin-left:10px; margin-bottom:10px;}
form { margin:0px; }
.highlightinputs input:focus { }
.highlightinputs select:focus { }
.highlightinputs textarea:focus { }
.highlightinputs input:active { }
.highlightinputs select:active { }
.highlightinputs textarea:active { }
.menu {
}
a.menu:link {}
a.menu:visited {}
a.menu:hover {}
a.menu:active {}
div.btn { width:170px; }
div.btn a,
div.btn input { background-color:#c1d5e0; display:block; text-align:center; padding:3px; border:1px solid gray; text-decoration:none; }
div.btn a:hover,
div.btn input:hover { border:1px solid red; }
div.btn input { width:170px; cursor:pointer; }
div.btn2 { width:170px; }
div.btn2 a,
div.btn2 button,
div.btn2 input {
border:none; display:block; width:165px; text-align:left; padding:4px 0px 0px 5px; margin:0px; text-decoration:none; font-weight:bold;
/*background:url(../bilder/buttons/testanfragen.gif) left top no-repeat; */
height:21px;
}
div.btn2 a:hover,
div.btn2 button:hover,
div.btn2 input:hover {
/*background:url(../bilder/buttons/testanfragen_hover.gif) left top no-repeat;*/
background-position:-170px 0px !important;
color:white;
}
div.btn2 a:hover span,
div.btn2 button:hover span,
div.btn2 input:hover span {
/*background:url(../bilder/buttons/testanfragen_hover.gif) left top no-repeat;*/
background-position:-170px 0px !important;
/*color:white;*/
}
div.btn2 input, div.btn2 button { width:170px; cursor:pointer; margin:0px; padding-top:0px !important; border:none; font-size: 11px; }
div.btn2 button { float:left; }
div.btn2 button span { display:block; line-height:13px; padding:3px 0px 5px 0px; } /* line height + padding-top + padding-bottom == height*/
/*### span rein! line-height:10pt; vertical-align: super;*/
div.btn2 a.anfragen { background:url(../bilder/buttons/def/anfrageliste.gif) 0px 0px no-repeat; }
div.btn2 a.bestellen { background:url(../bilder/buttons/def/bestellliste.gif) left top no-repeat; }
div.btn2 button.anmelden { background:url(../bilder/buttons/def/anmelden.gif) left top no-repeat; }
div.btn2 button.newsletter { background:url(../bilder/buttons/def/newsletter.gif) left top no-repeat; }
div.btn2 a.inanfrageliste { background:url(../bilder/buttons/def/inanfrageliste.gif) left top no-repeat; }
div.btn2 button.inanfrageliste { background:url(../bilder/buttons/def/inanfrageliste.gif) left top no-repeat; }
div.btn2 a.inwarenkorb { background:url(../bilder/buttons/def/inwarenkorb.gif) left top no-repeat; }
div.btn2 button.inwarenkorb { background:url(../bilder/buttons/def/inwarenkorb.gif) left top no-repeat; }
div.btn2 button.jetztanfragen { background:url(../bilder/buttons/def/jetztanfragen.gif) left top no-repeat; }
div.btn2 button.jetztbestellen { background:url(../bilder/buttons/def/jetztbestellen.gif) left top no-repeat; }
div.btn2 a.weiterstoebern { background:url(../bilder/buttons/def/weiterstoebern.gif) left top no-repeat; }
div.btn2 button.weiter { background:url(../bilder/buttons/def/weiter.gif) left top no-repeat; }
div.btn2 a.weiter { background:url(../bilder/buttons/def/weiter.gif) left top no-repeat; }
div.btn2 a.bedrucken { background:url(../bilder/buttons/def/bedrucken.gif) left top no-repeat; letter-spacing:-1px; }
div.btn2 a.zurueck { background:url(../bilder/buttons/def/zurueck.gif) left top no-repeat; }
div.btn2 a.vor { background:url(../bilder/buttons/def/zurueck.gif) left top no-repeat; }
div.btn2 a.drucken { background:url(../bilder/buttons/def/bedrucken.gif) left top no-repeat; }
div.btn2 a.aendern { background:url(../bilder/buttons/def/aendern.gif) left top no-repeat; }
div.btn2 button.uebernehmen { background:url(../bilder/buttons/def/uebernehmen.gif) left top no-repeat; }
div.btn2 button.loeschen { background:url(../bilder/buttons/def/loeschen.gif) left top no-repeat; }
div.btn2 a.loeschen { background:url(../bilder/buttons/def/loeschen.gif) left top no-repeat; }
div.btn2 a.inwarenkorb span.se { letter-spacing:-0.5px;}
div.btn2 button.inwarenkorb span.se { letter-spacing:-0.5px;}
div.btn2 a.inwarenkorb span.en { letter-spacing:-0.5px;}
div.btn2 button.inwarenkorb span.en { letter-spacing:-0.5px;}
/*.calltoaction div.btn2 { width:170px; }*/
.calltoaction div.btn2 a,
.calltoaction div.btn2 button,
.calltoaction div.btn2 input,
.calltoaction div.btn2 span
{
color:white;
}
.calltoaction div.btn2 a:hover,
.calltoaction div.btn2 button:hover,
.calltoaction div.btn2 input:hover,
.calltoaction div.btn2 span:hover {
color:red;
}
.calltoaction div.btn2 a:hover span,
.calltoaction div.btn2 button:hover span,
.calltoaction div.btn2 input:hover span {
/*background:url(../bilder/buttons/testanfragen_hover.gif) left top no-repeat;*/
/*background-position:-170px 0px !important;*/
/*color:white;*/
color:red;
}
.calltoaction div.btn2 a:hover { color:red; }
.calltoaction div.btn2 button.weiter { background:url(../bilder/buttons/def/inwarenkorb.gif) left top no-repeat; }
.calltoaction div.btn2 a.weiter { background:url(../bilder/buttons/def/inwarenkorb.gif) left top no-repeat; }
/*a.bestellen:hover span { color:white !important; }*/
div.btn2large { width:243px; height:30px; }
div.btn2large a,
div.btn2large button,
div.btn2large input {
border:none; display:block; width:238px; text-align:left; padding:4px 0px 0px 5px; margin:0px; text-decoration:none; font-weight:normal;
/*background:url(../bilder/buttons/testanfragen.gif) left top no-repeat; */
height:30px;
}
div.btn2large a:hover,
div.btn2large button:hover,
div.btn2large input:hover {
/*background:url(../bilder/buttons/testanfragen_hover.gif) left top no-repeat;*/
background-position:-243px 0px !important;
/*color:white;*/
}
div.btn2large a:hover span,
div.btn2large button:hover span,
div.btn2large input:hover span {
/*background:url(../bilder/buttons/testanfragen_hover.gif) left top no-repeat;*/
background-position:-243px 0px !important;
/*color:white;*/
}
div.btn2large input, div.btn2large button { width:243px; cursor:pointer; margin:0px; padding-top:0px !important; border:none; font-size: 17px; }
div.btn2large button { float:left; }
div.btn2large button span { display:block; line-height:13px; padding:3px 0px 5px 0px; } /* line height + padding-top + padding-bottom == height*/
div.btn2large a.inanfrageliste { background:url(../bilder/buttons/def/inanfrageliste_gross.gif) left top no-repeat; }
div.btn2large button.inanfrageliste { background:url(../bilder/buttons/def/inanfrageliste_gross.gif) left top no-repeat; }
div.btn2large a.inwarenkorb { background:url(../bilder/buttons/def/inwarenkorb_gross.gif) left top no-repeat; }
div.btn2large button.inwarenkorb { background:url(../bilder/buttons/def/inwarenkorb_gross.gif) left top no-repeat; }
div.btn2large button.inwarenkorb span { color:white; font-weight:bold; }
div.btn2large button.inwarenkorb:hover span { color:red; font-weight:bold; }
.btnDelim { height:10px; /*clear:both;*/ }
.anzkaufen_container_detail input {
font-size:17px;
}
div.detailnavigation {
float:right;
background-color:white;
padding-left:2px;
border:1px solid #cdcdcd;
-moz-border-radius: 5px;
border-radius: 5px;
}
div.detailnavigation div.btn2mini { width:25px; height:21px; float:left; }
div.detailnavigation div.btn2mini a {
border:none; display:block; width:25px; height:21px; text-align:left; padding:0px; margin:0px; text-decoration:none; font-weight:bold;
}
div.detailnavigation div.btn2mini a:hover {
background-position:-25px 0px !important;
}
div.detailnavigation div.btn2mini a.zurueck { background:url(../bilder/buttons/def/mini_zurueck.gif) 0px 0px no-repeat; }
div.detailnavigation div.btn2mini a.vor { background:url(../bilder/buttons/def/mini_vor.gif) 0px 0px no-repeat; }
div.highlight a,
div.highlight input { background-color:#ce0808; color:white; }
div.highlight a:hover,
div.highlight input:hover { background-color:#ff1717; }
div.btn_order { width:200px; }
div.btn_order img { margin:0px; padding:0px; vertical-align:bottom;}
div.btn_order a,
div.btn_order input { background-color:#c1d5e0; display:block; text-align:center; padding:3px; border:1px solid gray; text-decoration:none; }
div.btn_order a { font-weight:bold; }
div.btn_order a:hover,
div.btn_order input:hover { border:1px solid red; }
div.btn_order input { width:170px; cursor:pointer; }
img.bild_rechts { float:right; margin:10px; }
.catlist { text-align:center; empty-cells:hide; }
.catlist td { }
.catlist { width:100%; height:100%; vertical-align:top; }
.catlist a { text-decoration:none; }
.catlist h3 { font-size:100%; margin:0px; padding:0px; }
.catlist .titel { background-color:#bfbfff; height:30px;}
.catlist .image { height:150px; }
.catlist .text { padding:3px; vertical-align:top; }
.catlist .text a { text-decoration:none; }
.itemlist { }
.itemlist .item { padding-left:10px; padding-right:10px; }
.itemlist .item .leftcol { width:220px; padding:0px; padding-top:15px; }
.itemlist .item .rightcol { padding:5px; }
.itemlist .item .artnr { text-align:center; margin-top:10px; white-space:nowrap; }
.itemlist .preis_ab { font-size:100%; width:100%;}
.itemlist .preis_ab td a { float:right; }
.itemlist .preis_ab_info { font-size:75%; font-weight:normal; padding:0px; margin:1px; padding-left:18px; }
.itemlist .preis_ab_info a { background:none; margin:0px; padding:0px; }
.itemtable { }
.itemtable .trenner { clear:both; }
.itemtable .item { float:left; width:150px; padding-left:5px; padding-right:5px; margin:5px; margin-left:0px; margin-top:20px; }
.itemtable .item .x-panel-body { border-bottom:none !important; }
.itemtable .item .title { height:45px !important; overflow:hidden !important; font-weight:normal; }
.itemtable .item .title a { text-decoration:none; }
.itemtable .item .image { text-align:center; overflow:hidden; height:110px; }
.itemtable .item .image img {
max-height:100px;
max-width:100px;
margin:10px 2px 10px 2px;
}
/*IE6*/
* html .itemtable .item .image img {
width: expression(this.width > 100 ? 100: true);
height: expression(this.height > 100 ? 100: true);
}
.itemtable .item .zoom { text-align:right; position:relative; top:-10px; margin-bottom:-5px !important;}
.itemtable .item .zoom a { background:none !important; padding:0px !important; }
.itemtable .item .zoom a img { border:none; }
/*.itemtable .item .x-panel-footer { border:1px solid #99BBE8; }
.itemtable .item .x-panel-footer .detail {
background:url(../bilder/layoutbilder/itemlist/glass-bg.gif) top left repeat-x;
}*/
.itemtable .item .x-panel-footer { border:1px solid #d0d0d0; border-top:none; }
.itemtable .item .x-panel-footer .detail {
background:url(../extjs/resources/images/gray/panel/white-top-bottom.gif) top left repeat-x;
}
.itemtable .item .x-panel-footer .detail a {
display:block;
padding:5px;
text-align:center;
font-weight:bold;
}
.itemtable .item .x-panel-footer .detail a:hover {
color:#cddcee;
background:url(../bilder/layoutbilder/itemlist/glass-bg.gif) 0px -3px repeat-x;
}
.itemtable .item .preis { }
.itemtable .item .price { float:right; }
.itemtable .item .price .netto_container { text-align:right; }
.itemtable .item .price .netto_container .from { color:gray; }
.itemtable .item .price .netto_container .netto { font-weight:bold; font-size:120%; }
.itemtable .item .price .brutto_container { text-align:right; }
.itemtable .item .price .brutto_container .bruttotext { color:gray; }
.itemtable .item .price .brutto_container .brutto { color:gray; }
/*.itemtable .item .leftcol { width:220px; padding:0px; padding-top:15px; }
.itemtable .item .rightcol { padding:5px; }
.itemtable .item .artnr { text-align:center; margin-top:10px; white-space:nowrap; }*/
.itemtable .preis_ab { font-size:100%; width:100%;}
.itemtable .preis_ab td a { float:right; }
.itemtable .preis_ab_info { font-size:75%; font-weight:normal; padding:0px; margin:1px; padding-left:18px; }
.itemtable .preis_ab_info a { background:none; margin:0px; padding:0px; }
.emplist_header { font-size:110%; font-weight:bold; margin:0px; padding:5px; background-color: #dcdcdc; text-align:left; }
.emplist { text-align:center; empty-cells:show; width:90%; }
.emplist a { text-decoration:none; }
.emplist td { border:1px solid #dcdcdc; }
.emplist td:hover { border:1px dotted red; }
.emplist h3 { font-size:100%; margin:0px; padding:3px; background-color: #dcdcdc; }
.emplist .image { padding:3px; height:110px; }
.emplist .image img {}
.emplist .text { padding:3px; }
.emplist .text a { }
.kontakt { }
.kontakt .info { font-weight:bold; padding:10px; }
.kontakt .info .bild { float:left; margin:5px; margin-right:15px; }
.kontakt .info ul { font-size:10px; font-weight:bold; margin:10px; padding:10px; margin-top:0px; }
.kontakt .hinweise { padding:10px; font-weight:normal; }
.kontakt .persdaten { padding:10px; width:95%; padding-top:0px; }
.kontakt .persdaten table { }
.kontakt .persdaten .input_text, .kontakt .persdaten select, .kontakt .persdaten textarea { }
.kontakt .persdaten .plz { }
.kontakt .persdaten .ort { }
.kontakt .persdaten .titel { }
.kontakt .persdaten .required { font-weight:bold; font-size:120%; color:#000080; }
.kontakt .formular {}
.kontakt .formular fieldset { margin-top:20px; }
.kontakt .formular fieldset label { width:200px; overflow:hidden; display:block; }
.kontakt .formular input { }
.kontakt .formular input.text { width:400px; }
.kontakt .formular textarea.text { width:400px; }
.kontakt .formular input.textsmall { width:300px; }
.kontakt .formular .innerlabel { float:left; display:block; width:100px; padding-top:3px; }
.kontakt .formular tr.required label { background:url(../bilder/layoutbilder/required.gif) right center no-repeat; }
.kontakt .formular_laserschutzbrillen {}
.kontakt .formular_laserschutzbrillen fieldset { margin-top:20px; }
.kontakt .formular_laserschutzbrillen fieldset label { width:300px; overflow:hidden; display:block; }
.kontakt .formular_laserschutzbrillen input { }
.kontakt .formular_laserschutzbrillen input.text { width:300px; }
.kontakt .formular_laserschutzbrillen textarea.text { width:300px; }
.kontakt .formular_laserschutzbrillen input.textsmall { width:200px; }
.kontakt .formular_laserschutzbrillen .innerlabel { float:left; display:block; width:100px; padding-top:3px; }
.kontakt .formular_laserschutzbrillen tr.required label { background:url(../bilder/layoutbilder/required.gif) right center no-repeat; }
.userlogin { }
.userlogin table { width:100%; }
.userlogin form { }
.userlogin .login_title { }
.userlogin .login_input { }
.userlogin .login_input input { width:100px; }
.userlogin .pass_title { }
.userlogin .pass_input { }
.userlogin .pass_input input { width:100px; }
.userlogin .loginbtn { padding-left:8px; }
.userlogin .form_submit { text-align:center; margin-top:10px; }
.userlogin_register { text-align:center; }
.userlogin_kundenkonto { text-align:center; }
.userlogin_logout { text-align:center; margin-top:5px; }
.loginpage { width:400px; margin-left:auto; margin-right:auto; }
.loginpage .userlogin .loginbtn .btn2 { margin:10px auto 10px auto; }
.loginpage .userlogin_register { margin-top:10px; text-align:center; }
#ajaxwaitinginwk {
clear:both;
border:1px solid #3289F2;
padding:5px 5px 5px 35px;
background:url(../bilder/layoutbilder/ajax-loader-white.gif) left top no-repeat;
position:absolute;
top:-500px;
left:300px;
}
/* "Allzweck"-Boxen */
.box2 { margin-bottom:10px; width:100%; }
.box2 .hl {
background:url(../bilder/layoutbilder/boxes/box_gray_top_left.gif) left top no-repeat #cdcdcd;
width:4px;
}
.box2 .hr {
background:url(../bilder/layoutbilder/boxes/box_gray_top_right.gif) right top no-repeat #cdcdcd;
width:4px;
}
.box2 .hc {
background:url(../bilder/layoutbilder/boxes/box_gray_top_content.gif) right top repeat-x #cdcdcd;
text-transform:uppercase;
padding:5px 2px 5px 2px;
letter-spacing:0px;
}
.box2 .cl {
background:url(../bilder/layoutbilder/boxes/box_gray_content_left.gif) left top repeat-y;
width:4px;
}
.box2 .cr {
background:url(../bilder/layoutbilder/boxes/box_gray_content_right.gif) right top repeat-y;
width:4px;
}
.box2 .cc {
/*background:url(../bilder/layoutbilder/boxes/box_gray_top_content.gif) right top repeat-x #cdcdcd;
text-transform:uppercase;*/
padding:4px 3px 3px 3px;
}
.box2 .fl {
background:url(../bilder/layoutbilder/boxes/box_gray_bottom_left.gif) left bottom no-repeat;
width:4px;
}
.box2 .fr {
background:url(../bilder/layoutbilder/boxes/box_gray_bottom_right.gif) right bottom no-repeat;
width:4px;
}
.box2 .fc {
background:url(../bilder/layoutbilder/boxes/box_gray_bottom_content.gif) right bottom repeat-x;
height:4px;
}
#searchbox .box2 .fl {
background:url(../bilder/layoutbilder/boxes/box_gray_bottom_left_filled.gif) left bottom no-repeat;
width:4px;
}
#searchbox .box2 .fr {
background:url(../bilder/layoutbilder/boxes/box_gray_bottom_right_filled.gif) right bottom no-repeat;
width:4px;
}
#searchbox .box2 .fc {
background:#cdcdcd;
height:4px;
}
.box2 h3, .box2 .hc {
margin:0px;
text-align:left;
font-size:100%;
font-weight:normal;
/*width:150px;*/
/*padding-bottom:5px;*/
}
.box2 .hc a { width:100%; overflow:hidden; display:block; text-decoration:none; }
/* "Allzweck"-Boxen */
.box2blue { margin-bottom:10px; width:100%; }
.box2blue .hl {
background:url(../bilder/layoutbilder/boxes/box_blue_top_left.gif) left top no-repeat #546390;
width:4px;
}
.box2blue .hr {
background:url(../bilder/layoutbilder/boxes/box_blue_top_right.gif) right top no-repeat #546390;
width:4px;
}
.box2blue .hc {
background:url(../bilder/layoutbilder/boxes/box_blue_top_content.gif) right top repeat-x #546390;
text-transform:uppercase;
padding:5px 2px 5px 2px;
letter-spacing:0px;
}
.box2blue .hc .hch3 {
color:white;
font-weight:bold !important;
}
.box2blue .cl {
background:url(../bilder/layoutbilder/boxes/box_blue_content_left.gif) left top repeat-y;
width:4px;
}
.box2blue .cr {
background:url(../bilder/layoutbilder/boxes/box_blue_content_right.gif) right top repeat-y;
width:4px;
}
.box2blue .cc {
/*background:url(../bilder/layoutbilder/boxes/box_gray_top_content.gif) right top repeat-x #cdcdcd;
text-transform:uppercase;*/
padding:4px 3px 3px 3px;
}
.box2blue .fl {
background:url(../bilder/layoutbilder/boxes/box_blue_bottom_left.gif) left bottom no-repeat;
width:4px;
}
.box2blue .fr {
background:url(../bilder/layoutbilder/boxes/box_blue_bottom_right.gif) right bottom no-repeat;
width:4px;
}
.box2blue .fc {
background:url(../bilder/layoutbilder/boxes/box_blue_bottom_content.gif) right bottom repeat-x;
height:4px;
}
.box2blue h3, .box2blue .hc {
margin:0px;
text-align:left;
font-size:100%;
/*width:150px;*/
/*padding-bottom:5px;*/
}
.box2blue .hc a { width:100%; overflow:hidden; display:block; text-decoration:none; }
/*.box h3, .box h3 *, .box .title, .box .title * { font-size:100%; font-weight:bold; color:red; }
.box h3 a, .box .title a { color:white; } *//* Linkfarbe im Header nochmal extra setzen, sont ist die Schriftfarbe uU nicht weiss */
.box {
padding:0px;
vertical-align:top;
margin-bottom:10px;
}
.box, .box * { }
.box h3, .box .title {
margin:0px;
padding:5px 5px 5px 5px;
text-align:left;
background:url(../bilder/layoutbilder/boxes/lightbtn.gif) left top repeat-x;
text-transform:uppercase;
border:1px solid #cdcdcd;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
.box h3, .box h3 *, .box .title, .box .title * { font-size:100%; font-weight:bold; }
.box h3 a, .box .title a { color:white; }
.box .content {
padding:5px;
border:1px solid #cdcdcd;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
.box .contentnb {
padding:5px;
border:none;
}
.boxNoTitle {
padding:0px;
vertical-align:top;
margin-bottom:10px;
}
.boxNoTitle, .boxNoTitle * { }
.boxNoTitle .content {
padding:5px;
border:1px solid #cdcdcd;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.boxNoTitle .contentnb {
padding:5px;
border:none;
}
.boxNoTitle .topshop {
background:url(../review_modul/banner_icon.png) left center no-repeat;
position:relative;
height:50px;
}
/* "Allzweck"-Boxen */
.box_highlight { padding:0px; vertical-align:top; border:1px solid blue; }
.box_highlight, .box_highlight * { }
.box_highlight h3, .box_highlight h3 * { font-size:100%; font-weight:bold; margin-left:6px; margin-right:6px; color:#003669;}
.box_highlight h3 {
margin:0px;
padding:2px;
text-align:left;
color:white;
padding-bottom:5px;
background:url(../bilder/layoutbilder/boxheader_highlighted.jpg) bottom left repeat-x;
text-transform:uppercase;
}
.box_highlight .title { margin:0px; padding:2px; text-align:center; background-color:#3289f2;}
.box_highlight .title, .box_highlight .title * { font-size:100%; font-weight:bold; color:white; }
.box_highlight .title a { color:black; } /* Linkfarbe im Header nochmal extra setzen, sont ist die Schriftfarbe uU nicht weiss */
.box_highlight .content { padding:5px; background-color:#cdcdcd; padding-top:5px; padding-bottom:5px; }
/* "Allzweck"-Boxen */
/*#searchbox { padding:0px; margin:20px 5px 10px 20px; vertical-align:top; border:1px solid #3289f2; background-color:#3289f2; font-weight:bold; }*/
#searchbox { margin:20px 5px 0px 20px; }
#searchbox form { margin:0px; padding:0px; display:inline; }
#searchbox #searchboxtitle { font-size:130%; font-weight:bold; }
/* Zusatzinfos in den Artikelübersichten */
.box_infos { padding:0px; vertical-align:top; border:1px solid #C1D5E0; margin:0px; margin-top:20px; }
.box_infos, .box_infos * { }
.box_infos .title { margin:0px; padding:2px; text-align:left; background-color: #C1D5E0; color:red; font-weight:bold; }
.box_infos div { margin:5px; }
.box_infos a { margin:5px; padding:5px; padding-left:22px; background:url(../bilder/layoutbilder/pfeil_rechts.jpg) left center no-repeat; }
.box_infos .preis { font-weight:bold; font-size:120%; border-bottom:1px solid #466D96; text-align:right; }
.box_infos .inwk a { background-image:url(../bilder/layoutbilder/pfeil_rechts_rot.jpg); }
a.linkversandkosten { background:none; margin:0px; padding:0px; margin-bottom:3px; }
.detailpage .box_infos { padding:0px; vertical-align:top; border:1px solid #C1D5E0; margin:0px; }
.detailpage h2 { font-size:140% !important; }
/* "Allzweck"-Boxen background-color:#cdcdcd;*/
/*.contact { }*/
/*.contact h3, .box_contact h3 * { }*/
/*.contact h3 {
margin:0px;
padding:2px;
text-align:left;
color:white;
padding-bottom:5px;
background:url(../bilder/layoutbilder/boxheader.jpg) bottom left no-repeat;
text-transform:uppercase;
}*/
.contact h3 { font-weight:normal; }
.contact .people { text-align:right; }
.contact .content_container { width:100%; font-weight:bold; }
.contact .contact_form_de { letter-spacing:2px; }
.contact .contact_phone_de { }
.contact .contact_fax_de { }
.contact .contact_form_en { letter-spacing:2px; }
.contact .contact_phone_en { letter-spacing:-1px; }
.contact .contact_fax_en { letter-spacing:-1px; }
.contact .contact_form_fr { letter-spacing:0px; }
.contact .contact_phone_fr { letter-spacing:-1px; }
.contact .contact_fax_fr { letter-spacing:-1px; }
.contact .contact_form_it { letter-spacing:0px; }
.contact .contact_phone_it { letter-spacing:-1px; }
.contact .contact_fax_it { letter-spacing:-1px; }
.contact .contact_form_se { letter-spacing:2px; }
.contact .contact_phone_se { letter-spacing:-1px; }
.contact .contact_fax_se { letter-spacing:1px; }
a.zusatz_pdf { margin:5px; padding:5px; padding-left:18px; background:url(../bilder/layoutbilder/page_white_acrobat.png) center left no-repeat; }
a.zusatz_film { margin:5px; padding:5px; padding-left:18px; background:url(../bilder/layoutbilder/film_link.png) center left no-repeat; }
a.zusatz_rechner { margin:5px; padding:5px; padding-left:18px; background:url(../bilder/layoutbilder/calculator.png) center left no-repeat; }
a.zusatz_groessen { margin:5px; padding:5px; padding-left:18px; background:url(../bilder/layoutbilder/page_white_acrobat.png) center left no-repeat; }
a.zusatz_zip { margin:5px; padding:5px; padding-left:18px; background:url(../bilder/layoutbilder/zip.jpg) center left no-repeat; }
#box_referenzen .box_header { text-align:right; margin:0px; padding:0px; }
#box_referenzen .box_header img { }
#box_referenzen .box { }
#box_referenzen .box h3, #box_referenzen .boxd h3 * { font-weight:bold; margin-left:6px; margin-right:6px; color:#003669;}
#box_referenzen .box h3 {
margin:0px;
padding:2px;
text-align:left;
color:white;
padding-bottom:5px;
background:url(../bilder/layoutbilder/boxheader.jpg) bottom left no-repeat;
text-transform:uppercase;
}
#box_referenzen .box .content { margin-bottom:10px; }
#box_referenzen ul {
margin:1px; padding:0px; margin-left:15px;
list-style-image:url(../menue/menu_arrow_right.gif);
}
.variantenliste_header { font-size:140%; padding:0px 0px 0px 0px; margin-top:10px;}
.variantenliste_header .info { font-size:70%; }
.variantenliste { border-collapse:collapse; border:1px solid #dcdcdc; }
.variantenliste th {
padding:2px;
/*border:1px solid #bcbcbc;
background-color:#bfbfff; */
background:url(../bilder/layoutbilder/boxes/lightbtn.gif) left top repeat-x;
}
.variantenliste td { padding:2px; border:1px solid #dcdcdc; }
.variantenliste td.highlighted { background-color:#dcdcdc; }
.variantenliste td.highlightedsearch {
background-color:#003669;
color:white;
}
.variantenliste td.highlightedsearch b {
color:white;
}
.cart { width:100%; border-collapse:collapse; }
.cart th {}
.cart th.anzaendern { text-align:left; }
.cart th.preis { text-align:right; }
.cart th.gesamteinzel { text-align:right; }
.cart td { vertical-align:top; border:1px solid #c1d5e0; border-left:none; border-right:none; padding:2px; }
.cart tr.row_extra { background-color:none/*#e8eff5*/; }
.cart tr.row_gesamt { background-color:#dcdcdc/*#c1d5e0*/; }
.cart td.anzaendern { text-align:left; }
.cart td.anzaendern form { display:block; margin:0px; padding:0px; white-space:nowrap; }
.cart td.anzaendern form input { display:inline; }
.cart td.preis { text-align:right; }
.cart td.gesamteinzel { font-weight:bold; text-align:right; }
.cart td.gesamtanzahltext { text-align:right; }
.cart td.gesamtanzahl {}
.cart td.rabattext { text-align:right; }
.cart td.rabatt { text-align:right; }
.cart td.mindertext { text-align:right; }
.cart td.minder { text-align:right; }
.cart td.versandkosten {}
.cart td.steuertext { text-align:right; }
.cart td.steuer { text-align:right; }
.cart td.gesamtpreistext { text-align:right; }
.cart td.gesamtpreis { font-size:120%; font-weight:bold; text-align:right; }
.cart td.gesamtpreis .netto { font-size:70%; font-weight:lighter; font-style:italic; }
.cart td.diffmindermenge,
.cart td.diffversandkosten,
.cart td.diffmindermenge strong,
.cart td.diffversandkosten strong {}
.weitereseiten {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
vertical-align:middle;
text-align:center;
margin:10px;
}
.weitereseiten img { vertical-align:middle; }
.weitereseiten .ws_dots { } /* Punkte nicht anpassen */
.weitereseiten .ws_inactive { } /* Nicht aktive Seiten nicht anpassen */
.weitereseiten .ws_active { /* aktive Seite hervorheben */
font-size:15px;
font-weight:bold;
color:red;
}
.weitereseiten .ws_brackets {
display:none; /* Eckige Klammern nicht anzeigen */
}
.itemsperpage {
float:right;
font-weight:normal;
margin-bottom:10px;
font-size:90%;
}
/*.catsearch { margin:5px; border:1px solid #CC6668; color: #000000; margin-right:10px; width:98%; }*/
.catsearch a:hover { }
.catsearch .header {
background-color:#0000ff;
color:white; font-weight:bold; padding:5px;
}
.catsearch .info {
border-bottom:1px solid #CC6668;
padding:5px;
}
.catsearch .catsearchline {
text-align:left;
margin:10px;
padding-left:20px;
padding-left:20px;
background:url(../bilder/layoutbilder/zoom_in.png) top left no-repeat;
clear:both;
display:block;
}
.catsearch .catsearchline .image img { float:right; display:block; height:50px; padding:5px; }
.catsearch .catsearchline .seite { font-style:italic; color:gray; }
.catsearch .catsearchline .asn_resultline { font-size:normal; }
.catsearch .catsearchline .asn_resultline .asn_link {}
.catsearch .catsearchline .asn_resultline .asn_path { font-size:larger; }
.catsearch .catsearchline .asn_resultline .asn_delim {}
.catsearch .catsearchline .asn_resultline .asn_score { font-weight:bold; color:red; }
.searchresults {
margin-top:25px;
border:none;
}
.searchresults .searchresultline {
text-align:left;
margin-bottom:10px;
}
.searchresults .trenner { clear:both; }
.searchresults .searchresult { text-align:left; margin-top:20px; }
.searchresults .searchresult .image { float:left; width:100px; height:100px; padding-right:10px; text-align:center; display:block; }
.searchresults .searchresult .image img {
max-width:100px;
max-height:100px;
}
/*IE6*/
* html .searchresults .searchresult .image img {
width: expression(this.width > 100 ? 100: true);
height: expression(this.height > 100 ? 100: true);
}
.searchresults .searchresult .text { }
.searchresults .searchresult .text .stitle { font-weight:bold; }
.searchresults .searchresult .text .price { float:right; }
.searchresults .searchresult .text .price .netto_container { text-align:right; }
.searchresults .searchresult .text .price .netto_container .from { color:gray; }
.searchresults .searchresult .text .price .netto_container .netto { font-weight:bold; color:red; font-size:120%; }
.searchresults .searchresult .text .price .brutto_container { text-align:right; }
.searchresults .searchresult .text .price .brutto_container .bruttotext { color:gray; }
.searchresults .searchresult .text .price .brutto_container .brutto { color:gray; }
.searchresults .searchresult .text .itemid { margin-top:5px; }
.highlight_searchresult { font-weight:bold; }
.wkimage img { width:80px; }
.box_miniwk { padding:0px; vertical-align:top; border:none; margin-bottom:10px; border:1px solid #3289f2; }
.box_miniwk, .box_miniwk * { }
.box_miniwk h3, .box_miniwk .hc {
margin:0px;
padding:2px;
text-align:left;
color:white;
padding-bottom:5px;
background:url(../bilder/layoutbilder/boxheader.jpg) bottom left repeat-x;
text-transform:uppercase;
}
.box_miniwk h3, .box_miniwk h3 *, .box_miniwk .hc, .box_miniwk .hc * { font-size:100%; font-weight:bold; color:white; }
.box_miniwk h3 a, .box_miniwk .hc a { color:white; } /* Linkfarbe im Header nochmal extra setzen, sont ist die Schriftfarbe uU nicht weiss */
.box_miniwk .cc { padding:5px; }
.box_miniwk_ne { padding:0px; vertical-align:top; border:none; margin-bottom:10px; /*border:1px solid #01366a; */
/*background:url(../bilder/layoutbilder/cart_bg.png) left top repeat-x #01366a;*/
/*background-color:#01366a;*/
background-color:#3289f2;
}
.box_miniwk_ne, .box_miniwk_ne * { }
.box_miniwk_ne h3, .box_miniwk_ne .hc {
margin:0px;
padding:2px;
text-align:left;
color:white;
padding-bottom:5px;
text-transform:uppercase;
}
.box_miniwk_ne h3, .box_miniwk_ne h3 *, .box_miniwk_ne .hc, .box_miniwk_ne .hc * { font-size:100%; font-weight:bold; color:white; }
.box_miniwk_ne h3 a, .box_miniwk_ne .hc a { color:white; } /* Linkfarbe im Header nochmal extra setzen, sont ist die Schriftfarbe uU nicht weiss */
.box_miniwk_ne .cc { padding:5px; }
/* Immer sichtbarer Mini-Warenkorb */
.miniwk { width:100%; background-color:white;} /*01366a*/
.miniwk .count {}
.miniwk .product { font-weight:normal; }
.miniwk .image img { width:30px; }
.miniwksum { font-weight:bold; float:right; }
.miniwkpriceinfo { font-size:80%; font-style:italic;}
.miniwk_notempty { width:100%; background-color:white;} /*01366a*/
.miniwk_notempty .count {}
.miniwk_notempty .product { font-weight:normal; }
.miniwk_notempty .image img { width:30px; }
ul.kundenkontomenu { background-color:#bfbfff; padding:0px; list-style:none; margin:0px; }
ul.kundenkontomenu li {
float:left;
/*border:1px solid #cdcdcd; */
margin-right:10px;
/*background:url(../bilder/layoutbilder/itemlist/glass-bg.gif) top left repeat-x;*/
}
ul.kundenkontomenu li a {
display:block;
padding:2px;
text-align:center;
font-weight:bold;
}
/*ul.kundenkontomenu li.first { border-left:none; }
ul.kundenkontomenu li.last { border-right:1px solid #cdcdcd; }*/
ul.kundenkontomenu li a:hover {
/*color:#cddcee;
background:url(../bilder/layoutbilder/itemlist/glass-bg-hover.gif) 0px -3px repeat-x;*/
}
div.crossartikelinfo, div.crossartikelinfo * { color:red; font-weight:120%; text-align:center; }
div.crossartikel { padding:10px; background-color:#efefef;}
div.crossartikel h3 { font-style:italic; font-size:110%; }
div.crossartikel img { width:50px; float:left; margin:5px; border:1px solid gray; }
.ajaxsearch {
display:none; /*FESTER WERT*/
position:absolute; /*FESTER WERT*/
background: #FFFFFF; /*Hintergrundfarbe*/
border:1px solid black; /*Rahmenart und Farbe*/
width:auto; /*Dei Breite kann angepasst werden*/
text-align:left; /*Text Links ausrichten*/
z-index: 999; /*FESTER WERT*/
}
#autocomplete_bestellformular {
display:none;
position: absolute;
top:0;
left:0;
background-color:white;
border:1px solid black;
color:white;
width:auto;
z-index:999;
}
#autocomplete_bestellformular .elem {
cursor:pointer;
padding:2px;
padding-left:10px;
padding-right:10px;
}
#autocomplete_bestellformular .elem:hover {
background-color:#efefef;
}
.error { color:red; font-style:italic; }
#ajaxLoginBox .error { color:red; font-style:italic; display:block; padding-top:5px; font-weight:bold; }
.anewwindow {
text-align: left;
background-position:right bottom;
padding-right:10px;
background-image:url(../bilder/layoutbilder/anewwindow.png);
background-repeat:no-repeat;
}
dl.service { clear:both;}
dl.service dt { font-weight:bold; clear:both; border-top:1px solid gray; padding-top:10px; }
dl.service dt.firstelem { border:none; }
dl.service dt img { margin-top:5px; }
dl.service dd { padding:10px; margin-bottom:10px; }
.historie {}
.historie .eintrag { clear:both; }
.historie .eintrag h3 { background-color:#efefef; padding:3px; }
.historie .eintrag .jahr { float:right; font-size:250%; padding:3px; padding-top:0px; }
.historie .eintrag .bild { float:left; padding:10px; padding-top:0px; }
.historie .eintrag .inhalt {}
/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.cssmenu_preload1 {background: url(../bilder/layoutbilder/blank_over.gif);}
.cssmenu_preload2 {background: url(../bilder/layoutbilder/blank_overa.gif);}
.cssmenu_menu2 {float:left; padding:0 0 0 0px; margin:0; list-style:none; height:25px; /*background:#bfbfff;*/ position:relative; z-index:500; font-family:arial, verdana, sans-serif; }
.cssmenu_menu2 li.cssmenu_top {display:block; float:left; }
.cssmenu_menu2 li a.cssmenu_top_link {display:block; float:left; height:25px; line-height:23px; text-decoration:none; font-size:11px; font-weight:normal; padding:0 0 0 12px; cursor:pointer; border-left:1px solid #cdcdcd;}
.cssmenu_menu2 li a.cssmenu_top_link span {float:left; display:block; padding:0 12px 0 0px; height:25px;}
.cssmenu_menu2 li a.cssmenu_top_link span.cssmenu_down {float:left; display:block; padding:0 24px 0 0px; height:25px; background:url(../bilder/layoutbilder/blanka.gif) no-repeat right top;}
.cssmenu_menu2 li a.cssmenu_top_link:hover {background-color:#cdcdcd; }
.cssmenu_menu2 li a.cssmenu_top_link:hover span {}
.cssmenu_menu2 li a.cssmenu_top_link:hover span.cssmenu_down {}
.cssmenu_menu2 li:hover > a.cssmenu_top_link {background-color:#cdcdcd; }
.cssmenu_menu2 li:hover > a.cssmenu_top_link span {}
.cssmenu_menu2 li:hover > a.cssmenu_top_link span.cssmenu_down {}
.cssmenu_menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.cssmenu_menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.cssmenu_menu2 li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.cssmenu_menu2 ul,
.cssmenu_menu2 :hover ul ul,
.cssmenu_menu2 :hover ul :hover ul ul,
.cssmenu_menu2 :hover ul :hover ul :hover ul ul,
.cssmenu_menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.cssmenu_menu2 :hover ul.cssmenu_sub {left:0; top:25px; background: #fff; padding:3px; border:1px solid #cdcdcd; white-space:nowrap; width:220px; height:auto; z-index:300;}
.cssmenu_menu2 :hover ul.cssmenu_sub li {display:block; height:20px; position:relative; float:left; width:220px; font-weight:normal;}
.cssmenu_menu2 :hover ul.cssmenu_sub li a {display:block; font-size:11px; height:20px; width:220px; line-height:20px; text-indent:5px; text-decoration:none;}
.cssmenu_menu2 :hover ul.cssmenu_sub li a.cssmenu_fly {background:#fff url(../bilder/layoutbilder/arrow.gif) 220px 7px no-repeat;}
.cssmenu_menu2 :hover ul.cssmenu_sub li a:hover {background:#cdcdcd; color:#003669;}
.cssmenu_menu2 :hover ul.cssmenu_sub li a.cssmenu_fly:hover {background:#cdcdcd url(../bilder/layoutbilder/arrow_over.gif) 220px 7px no-repeat; color:#fff;}
.cssmenu_menu2 :hover ul li:hover > a.cssmenu_fly {background:#cdcdcd url(../bilder/layoutbilder/arrow_over.gif) 220px 7px no-repeat; color:#fff;}
.cssmenu_menu2 :hover ul :hover ul,
.cssmenu_menu2 :hover ul :hover ul :hover ul,
.cssmenu_menu2 :hover ul :hover ul :hover ul :hover ul,
.cssmenu_menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #cdcdcd; white-space:nowrap; width:150px; z-index:400; height:auto;}
/* Mein Esska / Rechte Seite */
.cssmenu_menu2right {float:right; padding:0 0 0 0px; width:210px; margin:0; list-style:none; height:25px; /*background:#bfbfff;*/ position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.cssmenu_menu2right li.cssmenu_menu2right {display:block; float:left; }
.cssmenu_menu2right li a.cssmenu_top_link {display:block; float:left; height:25px; line-height:23px; text-decoration:none; font-size:11px; font-weight:normal; padding:0 0 0 12px; cursor:pointer; border-left:1px solid #cdcdcd; font-weight:bold;}
.cssmenu_menu2right li a.cssmenu_top_link span {float:left; display:block; padding:0 12px 0 0px; height:25px;}
.cssmenu_menu2right li a.cssmenu_top_link span.cssmenu_down {float:left; display:block; padding:0 24px 0 0px; height:25px; background:url(../bilder/layoutbilder/blanka.gif) no-repeat right top;}
.cssmenu_menu2right li a.cssmenu_top_link:hover {background-color:#cdcdcd; }
.cssmenu_menu2right li a.cssmenu_top_link:hover span {}
.cssmenu_menu2right li a.cssmenu_top_link:hover span.cssmenu_down {}
.cssmenu_menu2right li:hover > a.cssmenu_top_link {background-color:#cdcdcd; }
.cssmenu_menu2right li:hover > a.cssmenu_top_link span {}
.cssmenu_menu2right li:hover > a.cssmenu_top_link span.cssmenu_down {}
.cssmenu_menu2right table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.cssmenu_menu2right a:hover {visibility:visible; position:relative; z-index:200;}
.cssmenu_menu2right li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.cssmenu_menu2right ul,
.cssmenu_menu2right :hover ul ul,
.cssmenu_menu2right :hover ul :hover ul ul,
.cssmenu_menu2right :hover ul :hover ul :hover ul ul,
.cssmenu_menu2right :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.cssmenu_menu2right :hover ul.cssmenu_sub {left:00px; top:25px; background: #fff; padding:3px; border:1px solid #cdcdcd; white-space:nowrap; width:200px; height:auto; z-index:300;}
.cssmenu_menu2right :hover ul.cssmenu_sub li {display:block; height:20px; position:relative; float:left; width:200px; font-weight:normal;}
.cssmenu_menu2right :hover ul.cssmenu_sub li a {display:block; font-size:11px; height:20px; width:200px; line-height:20px; text-indent:5px; text-decoration:none;}
.cssmenu_menu2right :hover ul.cssmenu_sub li a.cssmenu_fly {background:#fff url(../bilder/layoutbilder/arrow.gif) 200px 7px no-repeat;}
.cssmenu_menu2right :hover ul.cssmenu_sub li a:hover {background:#cdcdcd; color:#003669;}
.cssmenu_menu2right :hover ul.cssmenu_sub li a.cssmenu_fly:hover {background:#cdcdcd url(../bilder/layoutbilder/arrow_over.gif) 200px 7px no-repeat; color:#fff;}
.cssmenu_menu2right :hover ul li:hover > a.cssmenu_fly {background:#cdcdcd url(../bilder/layoutbilder/arrow_over.gif) 200px 7px no-repeat; color:#fff;}
.cssmenu_menu2right :hover ul :hover ul,
.cssmenu_menu2right :hover ul :hover ul :hover ul,
.cssmenu_menu2right :hover ul :hover ul :hover ul :hover ul,
.cssmenu_menu2right :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #cdcdcd; white-space:nowrap; width:150px; z-index:400; height:auto;}
#divMenu {}
#divMenu a { padding:3px; text-decoration:none; }
#divMenu a img { display:none; }
#divMenu .menuhome { display:block; border-bottom:1px solid #3a93d2; font-weight:bold; }
#divMenu .menu1 { display:block; }
#divMenu .menu2 { display:block; padding-left:20px; }
#divMenu .menu3 { display:block; padding-left:40px; }
#divMenu .last .menu3 { display:block; padding-left:40px; }
#divMenu .menu4 { display:block; padding-left:60px; }
#divMenu .msel1 { font-weight:bold; display:block; padding-left:0px; }
#divMenu .msel2 { font-weight:bold; display:block; padding-left:20px; background:url(../bilder/layoutbilder/menu_bg.gif) 5px top no-repeat;}
#divMenu .msel3 { font-weight:bold; display:block; padding-left:40px; background:url(../bilder/layoutbilder/menu_bg.gif) 25px top no-repeat;}
#divMenu .msel4 { font-weight:bold; display:block; padding-left:60px; background:url(../bilder/layoutbilder/menu_bg.gif) 45px top no-repeat;}
/* Sonderseiten... */
/*#divMenu .home { display:block; padding-left:0px; border-top:1px solid #3a93d2; text-align:center; margin-top:10px; text-decoration:underline; }*/
/*#divMenu .home { font-weight:bold; display:block; padding-left:0px; }*/
#divMenu .menu1_blockend { display:block; border-bottom:1px solid #cdcdcd; }
.tip-target {
width: 200px;
text-align:center;
padding: 5px 0;
border:1px dotted #99bbe8;
background:#dfe8f6;
color: #15428b;
cursor:default;
margin:10px;
font:bold 11px tahoma,arial,sans-serif;
float:left;
}
.orderform .x-form-field-wrap { display:inline!important; }
.search-item { padding:2px; border:1px solid white; clear:both; overflow:hidden; white-space:nowrap; border-bottom:1px solid #cdcdcd;}
.x-combo-selected, .x-combo-selected * { background-color:#3289F2 !important; color:white !important; }
/* Sind 4 Schritte */
#bestellfortschritt td { }
#bestellfortschritt .step_number { height:36px; font-weight:bold; text-align:center; color:white; }
#bestellfortschritt .step_text { }
#bestellfortschritt .step_number.done {
width:27px;
font-size:200%;
background:url(../bilder/layoutbilder/bestellschritt1_done.png) left center no-repeat;
}
#bestellfortschritt .step_number.active {
width:34px;
font-size:250%;
background:url(../bilder/layoutbilder/bestellschritt1_active.png) left center no-repeat;
}
#bestellfortschritt .step_text.active {
font-weight:bold;
}
#bestellfortschritt .step_number.todo {
width:27px;
font-size:200%;
background:url(../bilder/layoutbilder/bestellschritt1_todo.png) left center no-repeat;
}
#bestellhinweise { font-size:130%; }
#bestellhinweise li { padding:10px; }
div.mybutton_container_change { float:right; padding:0px; margin:0px; margin-left:10px; margin-bottom:10px; }
/*form .x-form-element { margin-bottom:5px; }*/
form .x-form-item-label { float:left; padding-top:3px; clear:left; display:block; position:relative; z-index:2; }
.upload-icon {
background: url('../extjs/resources/images/image_add.png') no-repeat 0 0 !important;
}
.x-form-file-wrap {
position: relative;
height: 22px;
}
.x-form-file-wrap .x-form-file {
position: absolute;
right: 0;
-moz-opacity: 0;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
position: absolute;
right: 0;
z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
position: absolute;
left: 0;
z-index: 3;
color: #777;
}
.myfloatright {float:right;}
#pricepreview_front{ display:none; }
#pricepreview_back{ display:none; }
#priceinfodiv { text-align:right; color:red; font-size:200%; }
#gesamtpreis {text-align:right; color:red; font-size:200%; padding:3px; }
#einzelpreis {text-align:right; color:red; font-size:100%; font-style:italic; padding:3px; }
.myext #price_sum { color:red; font-size:200%; }
div.bedruckung_info { padding-left:20px; }
div.bedruckung_info table {}
div.bedruckung_info td { border:none; }
.mydoformat { }
.mytreeitembackgroundicon {background-image:url(../bilder/layoutbilder/info.png) !important;}
.variantimginfo { color:gray; font-style:italic; }
#containerKostenloserVersandDE,
#containerKostenloserVersandEN,
#containerKostenloserVersandFR,
#containerKostenloserVersandIT,
#containerKostenloserVersandSE
{
/*background:url(../bilder/buttons/def/kostenloser_versand.png) 1px 10px no-repeat;*/
width:115px;
/*height:110px;*/
position:relative;
top:0px;
padding:0px 0px 0px 0px;
text-align:center;
font-weight:bold;
font-style:italic;
text-align:center;
font-size:120%;
}
#containerKostenloserVersandDE a,
#containerKostenloserVersandEN a,
#containerKostenloserVersandFR a,
#containerKostenloserVersandIT a,
#containerKostenloserVersandSE a {
text-decoration:none;
}
/* Überschreibungen */
#pg_contact .clLevel0border { display:none; }
#pg_contact #header1 { font-size:190%; letter-spacing:0px; }
#pg_contact #header2 { font-size:130%; }
#pg_contact #flags { display:none; }
#pg_contact #layout { width:650px; min-width:0px; }
#pg_contact #layout_headernavi .cssmenu_menu2 { height:1px; }
#pg_contact #layout_headernavi .cssmenu_top { display:none; }
#pg_contact #layout_headerinfo { display:none; }
#pg_contact #searchbox { display:none; }
#pg_contact #layout_mainleft { display:none; }
#pg_contact #layout_maincontent { }
#pg_contact #layout_mainright { display:none; }
#pg_contact #layout_headerlogo table td { width:auto !important; }
#pg_contact #logolinks { display:none; }
#pg_contact #containerKostenloserVersandDE { display:none; }
#pg_contact #containerKostenloserVersandEN { display:none; }
#pg_contact #containerKostenloserVersandFR { display:none; }
#pg_contact #containerKostenloserVersandIT { display:none; }
#pg_contact #containerKostenloserVersandSE { display:none; }
#pg_inquiry .clLevel0border { display:none; }
#pg_inquiry #header1 { font-size:190%; letter-spacing:0px; }
#pg_inquiry #header2 { font-size:130%; }
#pg_inquiry #flags { display:none; }
#pg_inquiry #layout { width:650px; min-width:0px; }
#pg_inquiry #layout_headernavi .cssmenu_menu2 { height:1px; }
#pg_inquiry #layout_headernavi .cssmenu_top { display:none; }
#pg_inquiry #layout_headerinfo { display:none; }
#pg_inquiry #searchbox { display:none; }
#pg_inquiry #layout_mainleft { display:none; }
#pg_inquiry #layout_maincontent { }
#pg_inquiry #layout_mainright { display:none; }
#pg_inquiry #layout_headerlogo table td { width:auto !important; }
#pg_inquiry #logolinks { display:none; }
#pg_inquiry #containerKostenloserVersandDE { display:none; }
#pg_inquiry #containerKostenloserVersandEN { display:none; }
#pg_inquiry #containerKostenloserVersandFR { display:none; }
#pg_inquiry #containerKostenloserVersandIT { display:none; }
#pg_inquiry #containerKostenloserVersandSE { display:none; }
#pg_order .clLevel0border { display:none; }
#pg_order #header1 { font-size:190%; letter-spacing:0px; }
#pg_order #header2 { font-size:130%; }
#pg_order #flags { display:none; }
#pg_order #layout { width:750px; min-width:0px; }
#pg_order #layout_headernavi .cssmenu_menu2 { height:1px; }
#pg_order #layout_headernavi .cssmenu_top { display:none; }
#pg_order #layout_headerinfo { display:none; }
#pg_order #searchbox { display:none; }
#pg_order #layout_mainleft { display:none; }
#pg_order #layout_maincontent { }
#pg_order #layout_mainright { display:none; }
#pg_order #layout_headerlogo table td { width:auto !important; }
#pg_order #logolinks { display:none; }
#pg_order #containerKostenloserVersandDE { display:none; }
#pg_order #containerKostenloserVersandEN { display:none; }
#pg_order #containerKostenloserVersandFR { display:none; }
#pg_order #containerKostenloserVersandIT { display:none; }
#pg_order #containerKostenloserVersandSE { display:none; }
/*
#searchbox_home { width:400px; padding:0px; margin:50px 10px 80px 10px; vertical-align:top; background-color:#3289f2; font-weight:bold; }
#searchbox_home form { margin:0px; padding:0px; display:inline; }
#searchbox_home #searchboxtitle { font-size:130%; color:white; }
#searchbox_home .comment { color:white !important; }
#searchbox_home .tl { background:url(../bilder/layoutbilder/box_tl.gif) left top no-repeat; }
#searchbox_home .tr { background:url(../bilder/layoutbilder/box_tr.gif) right top no-repeat; }
#searchbox_home .br { background:url(../bilder/layoutbilder/box_br.gif) right bottom no-repeat; }
#searchbox_home .bl { background:url(../bilder/layoutbilder/box_bl.gif) left bottom no-repeat; }
#searchbox_home2 { padding:0px; margin:10px 10px 20px 10px; vertical-align:top; background-color:#3289f2; font-weight:bold; }
#searchbox_home2 form { margin:0px; padding:0px; display:inline; }
#searchbox_home2 #searchboxtitle { font-size:130%; color:white; }
#searchbox_home2 .content { padding:1px 1px 1px 1px; }
#searchbox_home2 .comment { background-color:white; white-space:nowrap; padding:5px 5px 5px 5px; }
*/
/*#pg_search .clLevel0border { display:none; }
#pg_search #layout { width:750px; }
#pg_search #layout_headernavi .cssmenu_menu2 { height:1px; }
#pg_search #layout_headernavi .cssmenu_top { display:none; }
#pg_search #layout_headerinfo { display:none; }
#pg_search #searchbox { display:none; }
#pg_search #layout_mainleft { display:none; }
#pg_search #layout_maincontent { }
#pg_search #layout_mainright { display:none; }*/
#asn .x-panel-ml { padding-left:1px !important; }
#asn .x-panel-mr { padding-right:1px !important; }
#asn .x-panel-mc { padding-bottom:1px !important; }
#catsearch { padding:5px; }
/*.info { height:18px; }*/
.zoom { float:right; }
.zoom a {
/*background:url(../bilder/layoutbilder/zoom_prod.jpg) 0px 2px no-repeat;
padding:4px 0px 4px 17px;
font-weight:bold;*/
}
.zoom a img { border:none; }
.video { float:right; padding-right:3px; }
/*.video a {
background:url(../bilder/layoutbilder/zoom_prod.jpg) 0px 2px no-repeat;
padding:4px 0px 4px 17px;
font-weight:bold;
}
*/
.video a img { height:14px; }
/* NEU 360 Grad Ansicht */
a.zoomlink {
display:block;
text-align:right;
margin-bottom:10px;
font-weight:bold;}
a.zoomlink {}
a.zoomlink .zoom {
padding:4px 17px 4px 4px;
background:url(../bilder/layoutbilder/zoom_prod.jpg) right bottom no-repeat;
}
#zoomwindow .x-window-body {
background-color:white !important;
text-align:center !important;
}
.zoom_prod { text-align:right; margin:0px; }
.zoom_prod a { background-image:none; margin:0px; padding:0px; }
.zoom_prod a img { border:none; }
.itemlist font {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #003669;
font-size:8pt;
}
.link_inwk { margin:0px; padding:0px 5px 0px 5px; }
.link_inwk .link { padding-top:5px; }
.contactform { font-weight:bold; }
.contactform div { padding-top:10px; padding-bottom:10px; }
.contactform a {
padding:10px;
padding-left:30px;
padding-right:5px;
font-weight:bold;
text-decoration:underline;
background:url(../bilder/layoutbilder/anfrageformular.gif) 5px center no-repeat;
}
.pagedescr {
padding:5px 10px 5px 10px;
border-bottom:1px solid #9f9fff;
font-weight:normal;
}
ul.service li { padding:0px 0px 2px 0px; }
.lightbtn {
padding:0px; margin:0px;
}
.lightbtn div {
}
.lightbtn div a {
color:#003669;
display:block;
padding:5px;
border:1px solid #cdcdcd;
margin-right:0px;
-moz-border-radius: 5px;
border-radius: 5px;
background:url(../bilder/layoutbilder/boxes/lightbtn.gif) top left repeat-x #cdcdcd;
}
.lightbtn div a:hover {
color:#003669;
display:block;
padding:5px;
border:1px solid #a5a5a5;
margin-right:0px;
-moz-border-radius: 5px;
border-radius: 5px;
background:url(../bilder/layoutbilder/boxes/lightbtn_hover.gif) top left repeat-x #a5a5a5;
}
.infogutschein .lightbtn div a {
font-weight:normal;
}
.container_socialbookmarks { /*width:200px;*/ }
.container_socialbookmarks a {
text-decoration:none;
float:left;
display:block;
width:16px;
height:16px;
margin:5px 5px 0px 5px;
padding:0px;
overflow:hidden;
background-image:url(../bilder/layoutbilder/socialbookmarks.png);
background-repeat:no-repeat;
}
#delivery_adresses_select .x-panel-body{
background: white;
font: 11px Arial, Helvetica, sans-serif;
}
#delivery_adresses_select #myDataView {
background: white;
font: 11px Arial, Helvetica, sans-serif;
}
#delivery_adresses_select .thumb{
/*background: #dddddd;*/
padding: 3px;
}
#delivery_adresses_select .thumb img{
height: 60px;
width: 80px;
}
#delivery_adresses_select .thumb-wrap{
/*float: left;*/
margin: 4px;
padding: 4px;
border:1px solid #99bbe8;
cursor:pointer;
}
#delivery_adresses_select .thumb-wrap span{
display: block;
overflow: hidden;
text-align: left;
cursor:pointer;
}
#delivery_adresses_select .x-view-over{
border:1px solid #dddddd;
background: #efefef url(../extjs/resources/images/default/grid/row-over.gif) repeat-x left top;
padding: 4px;
}
#delivery_adresses_select .x-view-selected{
background: #eff5fb url(../bilder/layoutbilder/dataview_selected.gif) repeat-x right bottom;
border:1px solid #99bbe8;
padding: 4px;
}
#delivery_adresses_select .x-view-selected .thumb{
background:transparent;
}
.wk_info_sparabo { text-align:left; }
.wk_info_sparabo table { }
.wk_info_sparabo table td { border:none; }
.wk_info_sparabo .pendinginfo { font-weight:bold; font-style:italic; }
.wk_info_sparabo .sparabo_delete { padding:3px 0px 0px 0px; text-align:right; }
.mybox_tl { border:none !important; padding:0px !important; font-size:0px; width:2px !important; height:2px !important; background:url(../bilder/layoutbilder/box/tl.gif) top left no-repeat; }
.mybox_tc { border:none !important;padding:0px !important; font-size:0px; height:2px !important; background:url(../bilder/layoutbilder/box/tc.gif) top left repeat-x; }
.mybox_tr { border:none !important;padding:0px !important; font-size:0px; width:2px !important; height:2px !important; background:url(../bilder/layoutbilder/box/tr.gif) top left no-repeat; }
.mybox_label_l { border:none !important;padding:0px !important; font-size:0px; width:2px !important; background:url(../bilder/layoutbilder/box/cl.gif) top left repeat-y; }
.mybox_label_content { border:none !important;background-color:#e9f2ff; padding:2px !important; color:#444444; font-weight:bold; }
.mybox_label_r { border:none !important;padding:0px !important; font-size:0px; width:2px !important; background:url(../bilder/layoutbilder/box/cr.gif) top left repeat-y; }
.mybox_text_l { border:none !important;padding:0px !important; font-size:0px; width:2px !important; background:url(../bilder/layoutbilder/box/cl.gif) top left repeat-y; }
.mybox_text_content { border:none !important;background-color:#e9f2ff; padding:2px !important; }
.mybox_text_r { border:none !important;padding:0px !important; font-size:0px; width:2px !important; background:url(../bilder/layoutbilder/box/cr.gif) top left repeat-y; }
.mybox_bl { border:none !important;padding:0px !important; font-size:0px; width:2px !important; height:2px !important; background:url(../bilder/layoutbilder/box/bl.gif) top left no-repeat; }
.mybox_bc { border:none !important;padding:0px !important; font-size:0px; height:2px !important; background:url(../bilder/layoutbilder/box/bc.gif) top left repeat-x; }
.mybox_br { border:none !important;padding:0px !important; font-size:0px; width:2px !important; height:2px !important; background:url(../bilder/layoutbilder/box/br.gif) top left no-repeat; }
.products360_zoom_in { background-image:url(../bilder/layoutbilder/Products360/zoom_in.gif) !important; }
.products360_zoom_out { background-image:url(../bilder/layoutbilder/Products360/zoom_out.gif) !important; }
.products360_rotate_left { background-image:url(../bilder/layoutbilder/Products360/rotate_left.gif) !important; }
.products360_rotate_right { background-image:url(../bilder/layoutbilder/Products360/rotate_right.gif) !important; }
.products360_toggle_rotate_pan { background-image:url(../bilder/layoutbilder/Products360/toggle_rotate_pan.gif) !important; }
div.page_service h2 { font-weight:normal; font-size:200% !important; }
div.page_service p { text-align:justify; padding-left:20px; }
div.container_forms_panel { padding: 10px; }
div.container_forms_panel .error { font-weight:bold; }
div.container_forms_panel input.input_text { width:90%; }
div.container_forms_panel textarea { width:90%; }
div.container_forms_panel .label { padding-top:4px; }
.floatedItemContainer {
float:left;
display:block;
width:155px;
padding:5px;
}
/* Überschreibung für alte itemlist class, ohne würden die Ränder fehlen */
.floatedItemContainer .item {
padding-left:0px !important;
padding-right:0px !important;
}
.floatedItem {
text-align:center;
width:100%;
height:100%;
empty-cells:show;
}
.floatedItem .image {
height:100px;
}
/*IE6*/
* html .floatedItem .image img {
width: expression(this.width > 100 ? 100: true);
height: expression(this.height > 100 ? 100: true);
}
.floatedItem .preis {clear:both;}
.floatedItem .price { float:right; }
.floatedItem .price .netto_container { text-align:right; }
.lngEN .floatedItem .price .netto_container { font-size:80%; white-space:nowrap; letter-spacing:-1px; }
.lngFR .floatedItem .price .netto_container { font-size:80%; white-space:nowrap; letter-spacing:-1px; }
.lngIT .floatedItem .price .netto_container { font-size:80%; white-space:nowrap; letter-spacing:-1px; }
.lngSE .floatedItem .price .netto_container { font-size:80%; white-space:nowrap; letter-spacing:-1px; }
.floatedItem .price .netto_container .from { color:gray; }
.floatedItem .price .netto_container .netto { font-weight:bold; font-size:120%; }
.lngEN .floatedItem .price .netto_container .netto { font-weight:bold; font-size:120%; }
.lngFR .floatedItem .price .netto_container .netto { font-weight:bold; font-size:120%; }
.lngIT .floatedItem .price .netto_container .netto { font-weight:bold; font-size:120%; }
.lngSE .floatedItem .price .netto_container .netto { font-weight:bold; font-size:120%; }
.lngEN .floatedItem .price .netto_container .netto { font-size:140%; }
.lngFR .floatedItem .price .netto_container .netto { font-size:140%; }
.lngIT .floatedItem .price .netto_container .netto { font-size:140%; }
.lngSE .floatedItem .price .netto_container .netto { font-size:140%; }
.lngEN .floatedItem .price .brutto_container { font-size:100%; white-space:nowrap; letter-spacing:-1px; }
.lngFR .floatedItem .price .brutto_container { font-size:100%; white-space:nowrap; letter-spacing:-1px; }
.lngIT .floatedItem .price .brutto_container { font-size:100%; white-space:nowrap; letter-spacing:-1px; }
.lngSE .floatedItem .price .brutto_container { font-size:100%; white-space:nowrap; letter-spacing:-1px; }
.floatedItem .price .brutto_container { text-align:right; }
.floatedItem .price .brutto_container .bruttotext { color:gray; }
.floatedItem .price .brutto_container .brutto { color:gray; }
.floatedItem .detail { background: red; }
.floatedCategoryContainer {
float:left;
display:block;
width:160px;
padding:5px 10px 5px 0px;
}
.floatedCategory {
text-align:center;
/*border:1px solid red;*/
width:100%;
height:100%;
empty-cells:show;
}
.floatedCategory .titel {
height:45px;
padding-left:4px;
background:url(../bilder/layoutbilder/boxes/box_gray_top_left.gif) left top no-repeat #cdcdcd;
overflow:hidden;
}
.floatedCategory .titel_r {
height:45px;
padding-right:4px;
background:url(../bilder/layoutbilder/boxes/box_gray_top_right.gif) right top no-repeat #cdcdcd;
}
.floatedCategory .titel_c {
height:45px;
width:100%;
overflow:hidden;
/*padding-top:4px;
padding-bottom:4px;*/
background:url(../bilder/layoutbilder/boxes/box_gray_top_content.gif) right top repeat-x #cdcdcd;
text-align:center;
}
.floatedCategory .titel_c h3 {
font-weight:bold;
font-size:11px;
margin:0px;
width:150px;
max-height:45px;
overflow:hidden;
}
.floatedCategory .titel_c a {
text-decoration:none;
}
.floatedCategory .image {
height:120px;
padding-left:4px;
background:url(../bilder/layoutbilder/boxes/box_gray_content_left.gif) left top repeat-y;
}
.floatedCategory .image_r {
height:120px;
padding-right:4px;
background:url(../bilder/layoutbilder/boxes/box_gray_content_right.gif) right top repeat-y;
}
.floatedCategory .image_c {
height:120px;
display:block;
margin:0px;
}
.floatedCategory .image_c img {
margin-top:10px;
max-width:100px;
max-height:100px;
}
/*IE6*/
* html .floatedCategory .image_c img {
width: expression(this.width > 100 ? 100: true);
height: expression(this.height > 100 ? 100: true);
}
.floatedCategory .text {
height:70px;
padding-left:4px;
background:url(../bilder/layoutbilder/boxes/box_gray_bottom_left.gif) left bottom no-repeat;
}
.floatedCategory .text_r {
height:70px;
padding-right:4px;
background:url(../bilder/layoutbilder/boxes/box_gray_bottom_right.gif) right bottom no-repeat;
}
.floatedCategory .text_c {
height:70px;
padding-top:0px;
padding-bottom:4px;
background:url(../bilder/layoutbilder/boxes/box_gray_bottom_content.gif) right bottom repeat-x;
overflow:hidden;
}
#crosscategories {}
#crosscategories h2 { font-size:130%; }
#crosscategories .categories {}
.mitarbeiter { float:left; display:block; width:200px; margin:10px; }
.mitarbeiter .hc {
width:190px;
height:20px;
overflow:hidden;
}
.mitarbeiter .hc .hch3 {
width:190px;
max-height:20px;
overflow:hidden;
font-weight:normal;
font-size:100%;
text-transform:none;
}
.mitarbeiter .cc {
text-align:center;
height:150px;
}
.mitarbeiter .cc img {
margin:5px;
max-width:125px;
max-height:125px;
}
.mitarbeiter .cc .text {
height:16px;
}
.orderok h2 {
padding-left:0px !important;
}
.socialbookmark_stumbleupon { background-position:-192px 0px; }
.socialbookmark_stumbleupon:hover { background-position:-192px -16px; }
.socialbookmark_google { background-position:-128px 0px; }
.socialbookmark_google:hover { background-position:-128px -16px; }
.socialbookmark_webnews { background-position:-64px 0px; }
.socialbookmark_webnews:hover { background-position:-64px -16px; }
.socialbookmark_blinklist { background-position:-144px 0px; }
.socialbookmark_blinklist:hover { background-position:-144px -16px; }
.socialbookmark_oneview { background-position:-80px 0px; }
.socialbookmark_oneview:hover { background-position:-80px -16px; }
.socialbookmark_linkarena { background-position:-48px 0px; }
.socialbookmark_linkarena:hover { background-position:-48px -16px; }
.socialbookmark_stdbookmark { background-position:-0px 0px; }
.socialbookmark_stdbookmark:hover { background-position:-0px -16px; }
.socialbookmark_delicious { background-position:-160px 0px; }
.socialbookmark_delicious:hover { background-position:-160px -16px; }
.socialbookmark_favoriten { background-position:-32px 0px; }
.socialbookmark_favoriten:hover { background-position:-32px -16px; }
.socialbookmark_misterwong { background-position:-16px 0px; }
.socialbookmark_misterwong:hover { background-position:-16px -16px; }
.socialbookmark_technorati { background-position:-176px 0px; }
.socialbookmark_technorati:hover { background-position:-176px -16px; }
.socialbookmark_facebook { background-position:-96px 0px; }
.socialbookmark_facebook:hover { background-position:-96px -16px; }
.socialbookmark_yahoo { background-position:-112px 0px; }
.socialbookmark_yahoo:hover { background-position:-112px -16px; }
.ui-widget-content { color:#003669 !important; }
.ui-widget-content a { color:#003669 !important; }
.ui-widget-content div.btn2 a.bestellen { color:white !important; }
.ui-widget-content div.btn2 a.bestellen:hover { color:red !important; }
#jquery-lightbox { z-index:9999 !important; }
#lightbox-container-image-box { border:1px solid #cdcdcd; border-bottom:none; }
#lightbox-container-image-data-box { border:1px solid #cdcdcd; border-top:none; }
/*div.btn2 a:focus {
border:1px solid green !important;
}*/
div.btn2 a:focus {
outline: none !important;
}
#similaritems {
padding:15px 0px 15px 0px; clear:both;
}
#boxShippingInfo {
text-align:left;
}
.stellenangebote { }
.stellenangebote .images {}
.stellenangebote .images img { margin:5px; }
.stellenangebote .stellenangebot { padding:40px 120px 40px 30px; text-align:left; }
.stellenangebote .stellenangebot h2 { padding:0px; margin:30px 0px 0px 0px; }
.stellenangebote .stellenangebot h3 { padding:0px; margin:30px 0px 0px 0px; text-align:left; }
.stellenangebote .stellenangebot .content p { text-align:justify; }
.stellenangebote .stellenangebot .content ul li { text-align:left; }
#containerFavouritesBox .favs {}
#containerFavouritesBox .favs .img {
width:34px;
}
#containerFavouritesBox .favs .img img {
max-height:30px;
max-width:30px;
}
/*IE6*/
* html #containerFavouritesBox .favs .img img {
width: expression(this.width > 30 ? 30: true);
height: expression(this.height > 30 ? 30 : true);
}
.jQueryMask {
position:absolute;
z-index:9000;
background-color:gray;
display:none;
display:block;
background:url(../bilder/shared/ajax-loader-fullscreen.gif) center center no-repeat black;
}
ul.item_basedata { list-style:none; margin:0px; padding:0px; }
ul.item_basedata li { margin:5px; }
ul.item_basedata li a { }
#tabNewsletter { position:fixed; top:40px; right:0px; }
#tabFacebook { position:fixed; top:120px; right:0px; }
#tabTwitter { position:fixed; top:200px; right:0px; }
#tabXing { position:fixed; top:280px; right:0px; }
.buttonhl { background: gray url(../jQuery/css/smoothness/images/bg_btn_highlight.png) repeat-x 50% 50% !important; }
.buttonhl .ui-button-text, .buttonhl .ui-button-text * { color:white !important; font-weight:bold; }
.buttonhl.ui-state-hover .ui-button-text, .buttonhl.ui-state-hover .ui-button-text * { color:white !important; }
.jBtn a, .jBtn a:hover,
.jBtnL a, .jBtnL a:hover,
.jBtnBlue a, .jBtnBlue a:hover,
.jBtnBlueL a, .jBtnBlueL a:hover,
.jBtn button, .jBtn button:hover,
.jBtnL button, .jBtnL button:hover,
.jBtnBlue button, .jBtnBlue button:hover,
.jBtnBlueL button, .jBtnBlueL button:hover
{
border-radius: 4px 4px 4px 4px;
font-weight: normal;
cursor: pointer;
display: inline-block;
/*display:block;
width:100%;*/
margin: 2px;
overflow: visible;
padding: 0;
position: relative;
text-align: center;
text-decoration: none !important;
}
.fullblock a, .fullblock button {
display:block !important;
width:100%;
}
.jBtn a, .jBtn a:hover,
.jBtnBlue a, .jBtnBlue a:hover,
.jBtn button, .jBtn button:hover,
.jBtnBlue button, .jBtnBlue button:hover
{
font-size: 8pt;
}
.jBtnL a, .jBtnL a:hover,
.jBtnBlueL a, .jBtnBlueL a:hover,
.jBtnL button, .jBtnL button:hover,
.jBtnBlueL button, .jBtnBlueL button:hover
{
font-size: 10pt;
}
.jBtn a span, .jBtnL a span,
.jBtnBlue a span, .jBtnBlueL a span,
.jBtn button span, .jBtnL button span,
.jBtnBlue button span, .jBtnBlueL button span
{
font-weight: normal;
cursor: pointer;
text-align: center;
text-decoration: none !important;
display: block;
}
.jBtn a, .jBtnL a, .jBtn button, .jBtnL button {
background: url(../jQuery/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% #E6E6E6;
border: 1px solid #D3D3D3;
}
.jBtn a:hover, .jBtnL a:hover, .jBtn button:hover, .jBtnL button:hover {
background: #dadada url(../jQuery/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
border: 1px solid #999999;
}
.jBtnBlue a, .jBtnBlueL a, .jBtnBlue button, .jBtnBlueL button {
background: url(../jQuery/css/smoothness/images/bg_btn_highlight.png) repeat-x scroll 50% 50% #E6E6E6;
border: 1px solid #466D96;
color:white !important;
}
.jBtnBlue a:hover, .jBtnBlueL a:hover, .jBtnBlue button:hover, .jBtnBlueL button:hover {
background: url(../jQuery/css/smoothness/images/bg_btn_highlight.png) repeat-x scroll 50% 50% #dadada;
border: 1px solid #000044 !important;
color:white !important;
}
.jBtn a span, .jBtnBlue a span, .jBtn button span, .jBtnBlue button span {
line-height: 16px !important;
padding: 3px;
}
.jBtnL a span, .jBtnBlueL a span, .jBtnL button span, .jBtnBlueL button span {
line-height: 19px !important;
padding: 5px;
}
.jBtnBlue a span, .jBtnBlueL a span, .jBtnBlue button span, .jBtnBlueL button span {
color:white !important;
}
.jBtnBlue a:hover span, .jBtnBlueL a:hover span, .jBtnBlue button:hover span, .jBtnBlueL button:hover span {
color:white !important;
}
.jBtn .inanfrageliste, .jBtn .inanfrageliste:hover {
font-size:10pt;
}
/* Neue Preisanzeige */
div.price * { }
div.price.fr { background:none; width:auto; }
div.price .netto { padding:0px 0px 2px 0px; text-align:right; }
div.price .netto .pre { color:gray; padding-right:5px; }
div.price.it .netto .pre { font-size:80%; }
div.price.fr .netto .pre { font-size:80%; }
div.price .netto .value { font-weight:bold; font-size:120%; }
div.price .brutto { font-size:80%; text-align:right; font-weight:normal; }
div.price .brutto .pre {}
/*div.price.fr .brutto .pre {}
div.price.it .brutto .pre {}
div.price.se .brutto .pre {}*/
div.price .brutto .value {}
div.price .versand { font-size:80%; text-align:right; font-weight:normal; }
/* Überschreibungen für die Detailseite */
#idDetailPage #idDetailTop div.price .netto { padding:0px 0px 15px 0px; }
#idDetailPage #idDetailTop div.price .netto .value { font-weight:bold; font-size:200%; }
font {
font-size:8pt;
}
#idDetailPage #idDetailTop {
position:relative;
/*height:400px;*/
width:100%;
/*border:1px solid green;*/
}
#idDetailPage #idDetailBottom {
position:relative;
height:70px;
/*border:1px solid green;*/
}
#idDetailPage #idDetailImages {
float:left;
display:block;
padding:0px 10px 10px 0px;
width:297px;
/*height:370px;*/
/*overflow:hidden;*/
/*border:1px solid red;*/
text-align:left;
/*border:1px solid #cccccc;*/
vertical-align:middle;
}
#idDetailPage #containerDetailImage {
width:auto;
text-align:center;
}
#idDetailPage #containerDetailImage #idDetailImage {
/*border-right:1px solid #cccccc;*/
/*border-bottom:none;*/
height:250px;
text-align:center;
}
#idDetailPage #containerDetailImage #idDetailImage img {
max-height:250px;
max-width:250px;
vertical-align:middle;
}
#idDetailPage #containerDetailImage .zoom {
/*border-top:none;*/
}
#idDetailPage #idDetailBaseData {
border-left:1px solid #cccccc;
right:0px;
padding:10px 10px 0px 10px;
/*width:270px;*/
/*height:300px;*/
overflow:hidden;
/*border:1px solid green;*/
text-align:left;
position:relative;
}
#idDetailPage h1#idDetailTitle {
padding-left:0px;
margin-left:0px;
background:none;
font-size:140%;
}
#idDetailPage h2#idDetailTitle {
padding-left:0px;
margin-left:0px;
}
#idDetailPage .artnr, #idDetailPage .artnr * {
color:#87888A;
}
#idDetailPage #idDetailPrice {
float:right;
}
#idDetailPage #idDetailTop div.price {
padding:0px 0px 0px 10px;
text-align:right;
}
#idDetailPage #idDetailTopBtns {
display:block;
}
#idDetailPage #idDetailBottom .orderbtns {
position:absolute;
bottom:0px;
right:0px;
}
#idDetailPage #idDetailTop .orderbtns {
float:right;
}
#idDetailPage .orderbtns .anzkaufen {
padding-top:8px;
}
#idDetailPage .orderbtns .anzkaufen input {
font-size:150%;
width:40px;
}
#idDetailPage #idDetailShortDescr {
/*border-top:1px solid #cccccc;*/
border-bottom:1px solid #cccccc;
padding:0px 10px 10px 10px;
margin-top:10px;
}
#idDetailPage #detailTabs {
/*margin-top:10px;*/
}
#idDetailPage #idDetailFB {
/*height:60px;*/
}
#idDetailPage #idDetailLinks {
padding:2px 5px;
}
#idDetailPage .item_basedata {
position:relative;
width:170px;
}
#idDetailPage .stock { padding-top:5px; text-align:left; color:#87888A; }
#idDetailPage .stock .value { font-weight:bold; font-size:120%; color:#003669; }
/* Facebook Kommentarfeld ausblenden. Das liegt sonst nur halb sichtbar hinter den Tabs... */
#idDetailPage .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important; }
#idDetailItemsInCategoryPrev { width:27px; }
#idDetailItemsInCategoryContent { }
#idDetailItemsInCategoryContent .floatedItemContainer { padding:3px; }
#idDetailItemsInCategoryNext { width:27px; }
#idDetailCrossitemsPrev { width:27px; }
#idDetailCrossitemsContent { }
#idDetailCrossitemsContent .floatedItemContainer { padding:3px; }
#idDetailCrossitemsNext { width:27px; }
#idDetailCrossBaseitemsPrev { width:27px; }
#idDetailCrossBaseitemsContent { }
#idDetailCrossBaseitemsContent .floatedItemContainer { padding:3px; }
#idDetailCrossBaseitemsNext { width:27px; }
#similaritems .content { padding-left:33px; }
#similaritems .content .floatedItemContainer { padding:3px; }
.header20 {
background:url(../bilder/layoutbilder/banner/bg.jpg) 0px 0px repeat-x;
height:207px;
position:relative;
padding-right:0px;
top:0px;
margin-bottom:20px;
width:100%;
}
.header20 h2 {
position:absolute;
bottom:20px;
left:250px;
font-size:200% !important;
font-weight:normal;
text-transform:uppercase;
}
.header20 .customerreviews { background:url(../bilder/layoutbilder/banner/customerreviews.jpg) 0px 0px no-repeat; height:100%; }
.header20 .newsletter { background:url(../bilder/layoutbilder/banner/newsletter.jpg) 0px 0px no-repeat; height:100%; }
.header20 .agb { background:url(../bilder/layoutbilder/banner/agb.jpg) 60px 0px no-repeat; height:100%; }
.header20 .privacy { background:url(../bilder/layoutbilder/banner/privacy.jpg) 0px 0px no-repeat; height:100%; }
.header20 .gallery { background:url(../bilder/layoutbilder/banner/gallery.jpg) 0px 0px no-repeat; height:100%; }
.header20 .partner { background:url(../bilder/layoutbilder/banner/partner.jpg) 0px 0px no-repeat; height:100%; }
.paymentbox { text-align:center; }
.paymentbox img {
margin:2px 5px 2px 5px;
}
.gallery { margin:0px 0px 40px 0px; }
.gallery .title { padding-bottom:10px; font-size:200% !important; }
.gallery .title a { }
.gallery .descr { padding:10px 10px 30px 10px; }
.gallery .images { padding:0px 10px 0px 10px; }
.gallery .image { padding:0px 10px 0px 10px; }
#layout_maincontent h2.def {
font-weight:normal;
font-size:200%;
}
#reviewAddForm {}
#reviewAddForm .rateStar1,
#reviewAddForm .rateStar2,
#reviewAddForm .rateStar3,
#reviewAddForm .rateStar4,
#reviewAddForm .rateStar5 { padding:0px 2px; cursor:pointer; }
.review_comment {
margin-left:20px;
margin-top:20px;
}
.review_comment, .review_comment * {
color:gray;
}
.review_comment .rTitle { padding:0px; margin:0px; }
.review_comment .rContent { padding:0px; margin:0px; padding-top:5px; }
.notification.info {
margin:2px 0px 5px 0px;
padding:7px 7px 7px 80px;
border:1px solid #d4d4d4;
font-size:120%;
color: green !important;
-moz-border-radius: 5px;
border-radius: 5px;
background:url(../bilder/layoutbilder/notifications/info_icon.png) 10px center no-repeat;
}
.notification.info * {
color: green !important;
}
#idContentHeader h1 {
background:none;
font-size:140%;
}
.box_bargain {}
.box_bargain .image { float:right; margin-right:10px; }
.box_bargain .text { padding-top:5px; }
#detailTabReviews .review { clear:both; margin-top:10px; border-top:1px solid gray; padding-top:10px; }
#detailTabReviews .review .userdate {float:right; font-weight:normal; color:gray; text-align:right;}
#detailTabReviews .review .text { padding:10px; }