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) */
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 #bfbfff; text-align:left; }
#layout_headerlogo { background-color:white; }
#layout_headerlogo #hlogo { padding:5px; }
/*#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 * { color:blue; }
#layout_headerlogo h2 { font-size:260%; 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; height:100%; }
#layout_headerlogo #logolinks .links_x a { padding-left: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.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; }
#layout_headernavi { background-color:#bfbfff; padding:0px; }
#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 { list-style:none; float:right; padding:0px; padding:0px; padding:5px 0px 0px 0px; }
#layout_headerlogo .txt_welcome .hello { font-weight:bold; }
#layout_headernavi .txt_welcome { list-style:none; float:right; padding:0px; margin:0px; padding:5px 5px 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:bold; 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:#e8e8ff; 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:200px; background-color:white; padding:20px 5px 5px 5px;}
#layout_maincontent { width:auto; 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:#bfbfff; font-size:120%; padding:3px; padding-left:10px; padding-right:10px; 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:3px; margin-bottom:10px; width:100%; }
#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 { text-align:left; }
#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:200px; background-color:white; padding:20px 5px 5px 5px;}
#layout_footer { border-top:1px solid #7C9DC0; }
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/drucken.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;}
div.btn2large { width:243px; }
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; }
.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 #9f9fff; }
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; }
.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 .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-hover.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: #C1D5E0; text-align:left; }
.emplist { text-align:center; empty-cells:show; width:90%; }
.emplist a { text-decoration:none; }
.emplist td { border:1px solid #C1D5E0; }
.emplist td:hover { border:1px dotted red; }
.emplist h3 { font-size:100%; margin:0px; padding:3px; background-color: #C1D5E0; }
.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 */
.box { padding:0px; vertical-align:top; border:none; margin-bottom:10px; border:1px solid #3289f2; }
.box, .box * { }
.box h3, .box .title {
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 h3, .box h3 *, .box .title, .box .title * { font-size:100%; font-weight:bold; color:white; }
.box h3 a, .box .title a { color:white; } /* Linkfarbe im Header nochmal extra setzen, sont ist die Schriftfarbe uU nicht weiss */
.box .content { padding:5px; }
/* "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:#e8e8ff; 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 form { margin:0px; padding:0px; display:inline; }
#searchbox #searchboxtitle { font-size:130%; color:white; }
/* 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); }
.detailpage .box_infos { padding:0px; vertical-align:top; border:1px solid #C1D5E0; margin:0px; }
.detailpage h2 { font-size:140% !important; }
/* "Allzweck"-Boxen background-color:#e8e8ff;*/
.box_contact { padding:0px; vertical-align:top; border:1px solid #3289f2; margin-bottom:10px; }
.box_contact h3, .box_contact h3 * { font-size:100%; font-weight:bold; margin-left:6px; margin-right:6px; color:#003669;}
.box_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;
}
.box_contact .people { /*background:#e8e8ff;*/ text-align:right; }
.box_contact .content_telefon,
.box_contact .content_telefon_it,
.box_contact .content_telefon_en,
.box_contact .content_telefon_se {
padding:6px;
padding-top:0px;
margin-top:3px;
padding-bottom:3px;
font-size:130%;
font-weight:bold;
text-align:right;
background:url(../bilder/layoutbilder/icon_telefon.jpg) top left no-repeat;
}
.box_contact .content_telefon {
background:none;
padding-top:5px;
padding-bottom:5px;
}
.box_contact .content_telefon_se {
background:url(../bilder/layoutbilder/fax.png) 5px top no-repeat;
padding-top:5px;
padding-bottom:5px;
}
.box_contact .content_telefon { letter-spacing:0px; text-align:right; }
.box_contact .content_telefon_it { letter-spacing:0px; }
.box_contact .content_telefon_en { letter-spacing:0px; }
.box_contact .content_telefon_se { letter-spacing:4px; }
.box_contact .content_fax {
font-size:70%;
letter-spacing:1px;
font-weight:normal;
}
.box_contact .content_telefon .content_fax { letter-spacing:1px; }
.box_contact .content_telefon_it .content_fax { letter-spacing:0px; }
.box_contact .content_telefon_en .content_fax { letter-spacing:0px; }
.box_contact .content_telefon_se .content_fax { letter-spacing:2px; }
.box_contact .content_form,
.box_contact .content_form_en,
.box_contact .content_form_it,
.box_contact .content_form_se {
margin-left:2px;
margin-bottom:2px;
padding:6px;
font-size:100%;
font-weight:bold;
text-align:right;
letter-spacing:2px;
}
.box_contact .content_form { background:url(../bilder/layoutbilder/germany.png) left center no-repeat; }
.box_contact .content_form_en { background:url(../bilder/layoutbilder/united_kingdom.png) left center no-repeat; letter-spacing:3px; }
.box_contact .content_form_it { background:url(../bilder/layoutbilder/italy.png) left center no-repeat; letter-spacing:0px; }
.box_contact .content_form_se { background:url(../bilder/layoutbilder/sweden.png) left center no-repeat; }
.box_contact .content_foreignlangs { border-top:1px solid #3289f2; padding:2px; }
.box_contact .content_foreignlangs .lang_tr {
text-align:right;
letter-spacing:2px;
background:url(../bilder/layoutbilder/turkey2.png) bottom left no-repeat;
}
.box_contact .content_foreignlangs .lang_ru {
text-align:right;
letter-spacing:2px;
background:url(../bilder/layoutbilder/russian_federation2.png) bottom left no-repeat;
}
.box_contact .content_foreignlangs .lang_sk {
text-align:right;
letter-spacing:2px;
background:url(../bilder/layoutbilder/serbia.png) bottom left no-repeat;
}
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 #E3E3E3; }
.variantenliste th { padding:2px; border:1px solid #bfbfff; background-color:#bfbfff; }
.variantenliste td { padding:2px; border:1px solid #E3E3E3; }
.variantenliste td.highlighted { background-color:#E3E3E3; }
.variantenliste td.highlightedsearch { background-color:#FF9933; }
.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:#e8eff5; }
.cart tr.row_gesamt { background-color:#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; padding-right:10px; text-align:center; }
.searchresults .searchresult .image img { max-width:100px; max-height:100px; }
.searchresults .searchresult .text { }
.searchresults .searchresult .text .title { 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 .title {
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 .title, .box_miniwk .title * { font-size:100%; font-weight:bold; color:white; }
.box_miniwk h3 a, .box_miniwk .title a { color:white; } /* Linkfarbe im Header nochmal extra setzen, sont ist die Schriftfarbe uU nicht weiss */
.box_miniwk .content { 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 .title {
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 .title, .box_miniwk_ne .title * { font-size:100%; font-weight:bold; color:white; }
.box_miniwk_ne h3 a, .box_miniwk_ne .title a { color:white; } /* Linkfarbe im Header nochmal extra setzen, sont ist die Schriftfarbe uU nicht weiss */
.box_miniwk_ne .content { 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 #e8e8ff;
margin-right:10px;
background:url(../bilder/layoutbilder/itemlist/glass-bg.gif) top left repeat-x;
}
ul.kundenkontomenu li a {
display:block;
padding:5px;
text-align:center;
font-weight:bold;
}
/*ul.kundenkontomenu li.first { border-left:none; }
ul.kundenkontomenu li.last { border-right:1px solid #e8e8ff; }*/
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; }
.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 #e8e8ff;}
.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:#e8e8ff; }
.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:#e8e8ff; }
.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 #3a93d2; 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:#3a93d2; color:#fff;}
.cssmenu_menu2 :hover ul.cssmenu_sub li a.cssmenu_fly:hover {background:#3a93d2 url(../bilder/layoutbilder/arrow_over.gif) 220px 7px no-repeat; color:#fff;}
.cssmenu_menu2 :hover ul li:hover > a.cssmenu_fly {background:#3a93d2 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 #3a93d2; 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 #e8e8ff; 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:#e8e8ff; }
.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:#e8e8ff; }
.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 #3a93d2; 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:#3a93d2; color:#fff;}
.cssmenu_menu2right :hover ul.cssmenu_sub li a.cssmenu_fly:hover {background:#3a93d2 url(../bilder/layoutbilder/arrow_over.gif) 200px 7px no-repeat; color:#fff;}
.cssmenu_menu2right :hover ul li:hover > a.cssmenu_fly {background:#3a93d2 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 #3a93d2; 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 #3a93d2; }
.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 #98C0F4;}
.x-combo-selected, .x-combo-selected * { background-color:#3289F2 !important; color:white !important; }
/* Sind 4 Schritte */
#bestellfortschritt {}
#bestellfortschritt .step_number { height:36px; width:35px; float:left; padding-top:5px; padding-left:10px; font-size:200%; font-weight:bold; }
#bestellfortschritt .step_text { height:36px; padding-top:0px; padding-left:0px; padding-top:10px;}
#bestellfortschritt .step_done { background:url(../bilder/layoutbilder/bestellschritt1_done.png) left top no-repeat; }
#bestellfortschritt .step_active { background:url(../bilder/layoutbilder/bestellschritt1_active.png) left top no-repeat; }
#bestellfortschritt .step_todo { background:url(../bilder/layoutbilder/bestellschritt1_todo.png) left top no-repeat; }
#bestellfortschritt .step_done .step_number { }
#bestellfortschritt .step_active .step_number { color:white; }
#bestellfortschritt .step_active .step_text { font-weight:bold; }
#bestellfortschritt .step_todo .step_number { color:grey; }
#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; }
/* Überschreibungen */
#pg_contact .clLevel0border { display:none; }
#pg_contact #layout { width:650px; }
#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 #containerKostenloserVersand { display:none; }
#pg_inquiry .clLevel0border { display:none; }
#pg_inquiry #layout { width:650px; }
#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 #containerKostenloserVersand { display:none; }
#pg_order .clLevel0border { display:none; }
#pg_order #layout { width:750px; }
#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 #containerKostenloserVersand { 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; }
.zoom { text-align:right; margin-bottom:10px;}
.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; }
#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 { padding-left:10px; }
.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 { background-color:#bfbfff; padding:0px; margin:0px; }
.lightbtn div {
border:1px solid #e8e8ff;
margin-right:0px;
background:url(../bilder/layoutbilder/itemlist/glass-bg.gif) top left repeat-x;
}
.lightbtn div a {
display:block;
padding:5px;
}
.lightbtn div a:hover {
color:#cddcee;
background:url(../bilder/layoutbilder/itemlist/glass-bg-hover.gif) 0px -3px repeat-x;
}
.infogutschein .lightbtn div a {
font-weight:bold;
}
.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; }