/*
e1e1e1 / f2f2f2
e1e1e1                  Blau Grau (Linien)
656668
ee9600                  Orange
c5c6c8                  Grau im Logo
9f9f9f                  Grau, unteres Ende Btn Gray
*/

html {
    font-family: Arial;
    color:black;
}

body { 
    background-color:white;
    margin:0px;
    padding:0px;
    text-align:center;
    font-size:13px;
    
}
a { 
    text-decoration:none; 
    font-family: Arial;
    color:black;
}


h1 { 
    font-size:150%; 
    /*font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; */
    padding:0px; 
    margin:0px; 
}

h2 { 
    font-size:130%; 
    /*font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; */
    padding:0px; 
    margin:0px; 
}

h3 { 
    font-size:120%; 
    /*font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; */
    padding:0px; 
    margin:0px; 
    
}
h3 a { 
    font-size:100%; 
    /*font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; */
    padding:0px; 
    margin:0px; 
}


#layout {
    width:1000px;
    margin:0px auto 0px auto;
    border:none;
    text-align:left;
}

#idHeaderBgLeft {
    position:absolute; left:0px; top:0px; width:30%; height:103px; background:url(../images/tp24/base/header_bg_left.jpg) left top repeat-x;
    z-index:-1;
}
#idHeaderBgRight {
    position:absolute; right:0px; top:0px; width:70%; height:103px; background:url(../images/tp24/base/header_bg_right.jpg) left top repeat-x;
    z-index:-1;
}

#idHeader {
    width:1000px;
    margin:0px auto 0px auto;
    border:none;
    text-align:left;
    /*padding:15px 5px 15px 0px;*/
    /*background:url(../images/sn1/base/header_bg.jpg) top left repeat-y;*/
}

#idLogo {
    float:left;
    margin:0px;
}


#idHeaderT, #idHeaderB {
    display:none;
    height:1px;
    background:url(../images/sn1/base/header_top_bottom.jpg) top left no-repeat;
}

#idContentContainer {
    position:relative;
}


#idModelSelect {
    float:right;
    height:64px;
    margin:15px 15px 15px 0px;
}


ul#idMenuTopMain {
    float:left;
    list-style:none;
    margin:0px;
    padding:0px;
    height:80px;
}

ul#idMenuTopMain li {
    float:left;
    height:80px;
    background:url(../images/tp24/base/top_menu_bg.jpg) right 0px no-repeat;
}
ul#idMenuTopMain li.home {
    background:url(../images/tp24/base/top_menu_bg_home.jpg) right 0px no-repeat;
    width:117px;
}

ul#idMenuTopMain li a {
    display:block;
    padding:10px 20px 0px 20px;
    line-height:40px;
    height:40px;
    overflow:hidden;
    text-decoration:none;
    color:white;
    font-weight:bold;
}
ul#idMenuTopMain li.home a {
    padding-left:60px;
    border-left:none;
}
ul#idMenuTopMain li.contact {
    
}

ul#idMenuTopMain li a:hover {
    color:#ee9600;
}

ul#idMenuTopRegistered {
    list-style:none;
    float:right;
    margin:0px;
    padding:0px;
}

ul#idMenuTopRegistered li {
    float:left;
}

ul#idMenuTopRegistered li a {
    display:block;
    padding:0px 10px;
    line-height:35px;
    text-decoration:none;
    /*border-right:1px solid #e1e1e1;*/
}

ul#idMenuTopRegistered li a:hover {
    color:white;
}

ul#idMenuTopRegistered li.logout a {
    padding-left:20px;
    background:url(../images/sn1/base/logout.gif) 5px center no-repeat;
}
ul#idMenuTopRegistered li.logout a:hover {
    padding-left:20px;
    
}



#idFulltextSearch {
    float:right;
    height:70px;
    padding-top:10px;
}
#idFulltextSearch #idFulltextSearchTerm {margin-top:0px;}
#idFulltextSearch #idFulltextSearchButton {margin-top:0px;}

#idPaymentinfo {
    position:absolute;
    width:1000px;
    margin:0px auto 0px auto;
    border:none;
    text-align:right;
    top:62px;
    color:gray;
}
#idPaymentinfo .hl {
    color:#ee9600;
}
#idPaymentinfo a {
    border:none;
    color:gray;
}




#idBreadcrumbs {
    padding:0px 10px;
    line-height:30px;
    vertical-align:bottom;
    padding-bottom:0px;
    /*border:1px solid yellow;*/
}
#idBreadcrumbs a {
    color:gray;
    text-decoration:none;
}
#idBreadcrumbs a.hl {
    color:#ee9600;
    text-decoration:none;
}



#maincontent {
    /*border:1px solid red;*/
    margin:0px;
    padding:20px 0px;
    
}

#idRightColTD {
    /*background:url(../images/sn1/base/bg_line_blue_gray.png) 15px 0px repeat-y;*/
}

#idRightCol { 
    margin-top:0px;
    width:200px;
    padding-left:30px;
    padding-right:0px;
}


#idRightCol .mytp24 { padding:7px 0px; text-align:right; }
#idRightCol .mytp24 ul { list-style:none; margin:0px; padding:0px; }
#idRightCol .mytp24 ul li { /*line-height:30px;*/ }
#idRightCol .mytp24 ul li.login a { background:url(../images/tp24/base/login_icon.gif) left center no-repeat; padding-left:18px; }

#idRightCol .mytp24 .welcome { color:#EE9600; font-weight:bold; }
#idRightCol .mytp24 .logout { font-size:80%; }

#idRightCol #idMiniCart {
    width:100%;
}



#idRightCol #idService {}
#idRightCol #idService .service { padding:6px 0px 14px 0px; border-bottom:1px solid #cecece; }
#idRightCol #idService .service .title { font-weight:bold; padding:8px 8px; }
#idRightCol #idService .service .content { padding:0px 8px; }



#idManufacturers { width:100%; margin-top:40px; }
#idManufacturers ul { list-style:none; margin:10px 0px; padding:0px; }
#idManufacturers ul li { 
    float:left; 
    width:120px; 
    height:50px; 
    text-align:center;
}


.searchHP {
    /*767px × 309px*/
    width: 767px;
    height:129px; /*309 - 180 padding*/
    background:url(../images/tp24/base/search_box.gif) left top no-repeat;
    padding:180px 0px 0px 0px;
}
.searchHP table.innerLayout { margin-left:160px; }
.searchHP #IDmanufacturers, .searchHP #IDmodels {
    width:300px;
}
.searchHP #IDlogo_manufacturer {
    height:15px;
}


.searchDefault #IDajaxsearch {
    /*767px × 309px*/
    /*width: 400px;*/
    float:left;
    display:block;
    background:url(../images/tp24/base/small_search_box.gif) left top repeat-y;
    padding:30px 80px;
    border-top:2px solid #cfcfcf;
    border-bottom:1px solid #cfcfcf;
    margin-left:0px;
}
.searchDefault #IDajaxsearch h3 { 
    font-weight:normal;
    font-size:130%;
    font-family: Trebuchet MS, Trebuchet, Arial, sans-serif;
    padding:0px 0px 10px 0px;
}
.searchDefault #IDajaxsearch table.innerLayout { margin-left:0px; }
.searchDefault #IDajaxsearch #IDmanufacturers, .searchDefault #IDajaxsearch #IDmodels {
    width:300px;
}

.searchDefault #IDlogo_model_box {
    float:right;
    display:block;
    width:120px;
    overflow:hidden;
}
.searchDefault #IDlogo_model_box h3 {
    background:url(../images/tp24/base/headline_bg.gif) left top repeat-x;
}
.searchDefault #IDlogo_model_box #IDlogo_model {
    height:100px;
    max-width:120px;
}
.searchDefault #IDlogo_manufacturer {
    height:15px;
}



#idFooter { 
    margin-top:20px; 
    
}

#idFooter .links {
    color:gray;
    height:51px;
    background:url(../images/tp24/base/footer_navi_bg.gif) right top repeat-x;
}

#idFooter .links .container {
    width:450px;
    margin:0px auto 0px auto;
}

#idFooter .links ul {
    list-style:none;
    padding:0px;
    margin:0px;
    height:51px;
    /*border-right:1px solid #939393;*/
    /*border-left:1px solid #2c2c2c;*/
}

#idFooter .links ul li {
    float:left;
}

#idFooter .links ul li.first {
    background:url(../images/tp24/base/footer_navi_bg_left.jpg) left top no-repeat;
    padding-left:2px;
}

#idFooter .links ul li a {
    display:block;
    padding:10px 20px 0px 20px;
    line-height:41px;
    height:41px;
    overflow:hidden;
    text-decoration:none;
    
    background:url(../images/tp24/base/footer_navi_bg.jpg) right top no-repeat;
    
    color:white;
    font-weight:bold;
}

#idFooter .links ul li a:hover {
    color:#ee9600;
}
#idFooter .copyright {
    text-align:center;
    color:gray;
    padding:8px;
    background:url(../images/tp24/base/footer_bg.gif) left top repeat-x;
}


.mybtn, .mybtngreen, .mybtngray {
    border:none;
    padding:2px 10px;
    cursor:pointer;
    white-space:nowrap;
}
.mybtn {
    background:url(../images/tp24/base/button_bg.gif) top left repeat-x #f29423;
    color:white;
    border:1px solid #f29423;
}
.mybtngreen {
    background:url(../images/tp24/base/green_button_bg.gif) top left repeat-x #119E0E;
    color:white;
    border:1px solid #119E0E;
}
.mybtngreen_shadow {
    background:url(../images/tp24/base/btn_shadow.jpg) top left repeat-x;
    height:6px;
}
.mybtngray {
    background:url(../images/tp24/base/grey_button_bg.gif) top left repeat-x #8c8c8c;
    color:white;
    border:1px solid #8c8c8c;
}

.mybox { 
    background:url(../images/tp24/base/headline_bg.gif) left top repeat-x;
    font-weight:normal;
}

h1.mybox { 
    padding:5px 10px; 
}
h2.mybox { 
    padding:5px 10px; 
}
h3.mybox { 
    padding:5px 10px; 
}
#idFulltextSearch h3 { 
    padding:0px 0px 5px 0px; 
}


.mytab {}
.mytab .label { 
    border:1px solid #e1e1e1; 
    border-bottom:none; 
    /*width:150px; */
    padding-left:10px;
    background:url(../images/tp24/base/headline_bg.gif) left top repeat-x;
    height:25px; 
    line-height:25px; 
    font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; 
}
.mytab .content { border:1px solid #e1e1e1; padding:20px 10px; }





.kk_navi { margin-bottom:20px; }
.kk_navi ul { list-style:none; margin:0px; padding:0px; }
.kk_navi ul li { 
    float:left;
    margin-right:10px;
}

.kk_navi ul li a { 
    border:none;
    padding:2px 10px;
    cursor:pointer;
    white-space:nowrap;
    background:url(../images/tp24/base/button_bg.gif) top left repeat-x #f29423;
    color:white;
    border:1px solid #f29423;
}
.kk_content {  }
.kk_content * {  }






















ul.welcome {
    margin:40px;
    padding:0px;
    list-style-image:url(../images/other/pfeil.png);
    list-style-position:outside;
}
ul.welcome li {
    line-height:27px;
    vertical-align:middle;
    font-weight:bold;
}


.loginBox, .registerBox {
    background:url(../images/sn1/base/login_bg.gif) top left repeat-y;
}

.loginBox .spacerBottom, .registerBox .spacerBottom {
    height:13px;
    background:url(../images/sn1/base/login_bottom.gif) bottom left no-repeat;
}
.loginBox .spacerTop, .registerBox .spacerTop {
    height:13px;
    background:url(../images/sn1/base/login_top.gif) top left no-repeat;
}

.loginBox h3 {
    padding:10px 10px 0px 40px;
    font-size:150%;
}
.loginBox .content {
    padding:10px 10px 10px 40px;
}
.loginBox .content .title {
    color:gray;
}
.loginBox .content input {
    width:230px;
}
.loginBox .content a { color:#ee9600; }

.registerBox h3 { text-align:center; font-size:150%; padding:10px 0px 0px 0px; }
.registerBox .content { text-align:center; }
.registerBox .content a { color:#ee9600; }



/*th { 
    border:1px solid #e1e1e1; 
    text-align:center; 
    font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; 
    color:gray; 
    background:#efefef;
    font-weight:normal;
    white-space:nowrap;
}
th, th * {
    color: gray; 
}*/


.searchresults .resultlist th { 
    background:url(../images/tp24/base/headline_bg.gif) left top repeat-x;
    padding:5px 0px;
    font-size:110%;
    white-space:nowrap;
    font-weight:normal;
}

.searchresults .resultlist td {
    padding:2px 4px;
}

.searchresults .resultlist h2 {
    padding:0px 0px 2px 0px;
}
.searchresults .resultlist h2 a {
    color:#ee9600;
    text-decoration:none;
    font-size:90%;
}
.searchresults .resultlist .descr {
    color:gray;
}
.searchresults .resultlist td.versandinfo {
    text-align:center;
    color:white;
    padding:5px 0px;
    margin:0px;
}
.searchresults .resultlist td.versandinfo div {
    background-color:#7F7F7F;
    padding:5px 0px;
}

.searchresults .resultlist td.price {
    text-align:center;
    padding:0px 10px;
}
.searchresults .resultlist .resultbr td {
    height:10px;
    border-bottom:1px solid #c5c6c8;
}


.printpreis {}
.printpreis .brutto {
    color:red; 
    font-weight:normal;
    display:block;
    font-size:130%;
}
.printpreis .netto { 
    color:gray;
    display:block;
    font-size:90%;
}



.ajaxcart { width:100%; font-size:80%; }
.ajaxcart td.amount { text-align:right; }
.ajaxcart td.price_value { text-align:right; }
.ajaxcart td.steuer_value { text-align:right; }
.ajaxcart td.sum_value { text-align:right; }



.printermodels {}
.printermodels .model { float:left; width:200px; height:120px; margin-right:10px; }
.printermodels .model .image { height:70px; }
.printermodels .model .image a { display:block; }
.printermodels .model .image a img { padding:5px 0px 0px 70px; }
.printermodels .model .title { padding:5px 10px; height:45px; }

.manufacturers {}
.manufacturers .manufacturer {  }
.manufacturers .manufacturer .image { height:70px; }
.manufacturers .manufacturer .image a { display:block; }
.manufacturers .manufacturer .image a img { padding:5px 0px 0px 70px; }
.manufacturers .manufacturer .title { padding:5px 10px; }

.detailpage .manufacturer, .detailpage .manufacturer_label {
    font-weight:bold;
    padding:10px 0px;
}
.detailpage .itemid, .detailpage .itemid_label {
    font-weight:bold;
    padding:10px 0px;
}
.detailpage .description {
    background:url(../images/layout/stern.jpg) left top no-repeat;
    padding-left:60px;
}
.detailpage .description_sparpreis {
    background:url(../images/other/face.png) left top no-repeat;
    padding-left:60px;
    min-height:62px;
}


.compatibleprinters {}
.compatibleprinters ul { list-style:none; margin-left:0px; padding-left:0px; }
.compatibleprinters ul a { color:gray; text-decoration:underline; }

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	/*background:transparent url(/tools/img/tooltip/black_arrow.png);*/
    /*background-color:yellow;*/
    background:url(../images/sn1/base/box_bg.gif) left top repeat-x #f2f2f2;
    border: 1px solid #E1E1E1;
	/*font-size:12px;*/
	padding:25px;	
}


.ordernavi {
    padding:10px 10px;
}
.ordernavi div { 
    text-align:center; 
    line-height:32px; 
    float:left; 
    height:32px; 
    width:320px; 
    font-size:120%; 
    font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; 
    color:gray; 
    font-weight:bold;
}
.ordernavi .step1, .ordernavi .step2, .ordernavi .step3  {         
    background:url(../images/tp24/base/orderstep.jpg) left 0px repeat-x; 
}
.ordernavi .step1 { margin:0px 5px 0px 0px; }
.ordernavi .step2 { margin:0px 5px 0px 5px; }
.ordernavi .step3 { margin:0px 0px 0px 5px; }
.ordernavi .active {  
    background:url(../images/tp24/base/orderstep.jpg) left -55px repeat-x; color:white;
}




/* Warenkorb */
.cart { border-collapse:collapse; empty-cells:hide; width:100%; }
.cart th { 
    border:1px solid #e1e1e1; 
    text-align:center; 
    font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; 
    color:gray; 
    background:#efefef;
    font-weight:normal;
}
.cart td { border:1px solid #e1e1e1; padding:2px 4px; }
.cart .product { font-weight:normal; }
.cart .descr {}
.cart .image img { width:30px; }
.cart .amount {}
.cart .price { font-weight:normal; font-style:normal; color:black; text-align:right; font-size:100%; }
.cart .angebot { color:red; font-weight:bold; font-size:larger; }
.cart .sum { text-align:right; }
.cart .rabattinfo {}
.cart .mindertext { text-align:right; }
.cart .minder { text-align:right; }
.cart .versandtext { text-align:right; }
.cart .versand { text-align:right; }
.cart .zahlarttext { text-align:right; }
.cart .zahlartbetrag { text-align:right; }
.cart .rabattpzt { text-align:right; }
.cart .rabatt { text-align:right; }
.cart .rabatttext { text-align:right; }
.cart .gesamtpreistext { text-align:right;font-weight:bold; }
.cart .gesamtpreis { text-align:right;font-weight:bold;}
.cart .gesamtpreisinfo {text-align:right;}
.cart .posloesch { width:10px; }
.cart .noborder, .cart .noborder td { border:none; }


table.cart td { border:1px solid #e1e1e1; padding:2px 4px; }
table.cart td.price,
table.cart td.sum,
table.cart td.minder,
table.cart td.mindertext,
table.cart td.versand,
table.cart td.versandtext,
table.cart td.zahlartbetrag,
table.cart td.zahlarttext,
table.cart td.rabatt,
table.cart td.rabatttext,
table.cart td.gesamtpreistext,
table.cart td.gesamtpreis { text-align:right; }

#orderform fieldset { padding:20px 20px; }
/*#orderform fieldset label.doformat { width:150px; color:red; display:inline-block; }*/

/* Fehlermeldungen der Inline-Msgs */
.inputerror { color:red; font-weight:bold;  }

/* Bestellformulare */
.bestelldaten { padding:5px; margin:10px; }
.bestelldaten label.doformat { clear:both; float:left; width:15%; padding-top:4px; }
.bestelldaten input.doformat { float:left; width:250px; margin:2px; border:1px solid gray; }
.bestelldaten select.doformat { float:left; width:255px; margin:2px; border:1px solid gray; }
.bestelldaten input.doformat:focus,
.bestelldaten input.doformat:hover,
.bestelldaten select.doformat:focus,
.bestelldaten select.doformat:hover { border:1px solid red; }
.bestelldaten .inputerror { float:left; padding-top:4px; }
.hinweis_packstation { font-size:80%; float:left; color:red; font-weight:bold; }
.zusammenfassung {}
.zusammenfassung .label { clear:both; float:left; width:15%; }
.zusammenfassung .value { float:left; width:250px; }



.bestellhistorie_artikel th { 
    border:1px solid #e1e1e1; 
    text-align:center; 
    font-family: Trebuchet MS, Trebuchet, Arial, sans-serif; 
    color:gray; 
    background:#efefef;
    font-weight:normal;
    white-space:nowrap;
}
.bestellhistorie_artikel th, .bestellhistorie_artikel th * {
    color: gray; 
}

.versandkosten_navi {
    float:right;
    display:block;
    white-space:nowrap;
    font-size:13px;
    font-weight:normal;
}
.versandkosten_navi ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
.versandkosten_navi ul li {
    float:left;
    margin:0px 5px;
}

ul.versandkosteninfo {
    list-style-image: url("../images/tp24/base/bullet.gif");
    list-style-position: outside;
    margin-left:20px;
    font-weight:bold;
}
ul.versandkosteninfo li {
    line-height:30px;
}

.versandkostencontainer {
    padding-bottom:250px;
    background:url(../images/tp24/base/versand_pic.jpg) left bottom no-repeat;
}
.versandkostencontainer .schild {
    float:right;
    padding:0px 0px 10px 10px;
}


.lieferdaten_edit {
    margin-top:20px;
}

#filterPapier {
    background:url(../images/tp24/base/small_search_box.gif) left top repeat-y;
    padding:10px 10px;
    border-top:2px solid #cfcfcf;
    border-bottom:1px solid #cfcfcf;
    margin-left:0px;
}
#filterPapier h3 { 
    font-weight:normal;
    font-size:130%;
    font-family: Trebuchet MS, Trebuchet, Arial, sans-serif;
    padding:0px 0px 10px 0px;
}

ul.aboutus {
    list-style-image: url("../images/tp24/base/bullet.gif");
    list-style-position: outside;
    margin-left:20px;
    font-weight:normal;
}
ul.aboutus li {
    /*line-height:15px;*/
}

.box3d .content { background-color:white; }

/* Std-Box mit Verlauf im Titel und 1px-Rand */
.box3d { background:url(../images/other/header_l_lightgray.gif) top left no-repeat; padding:0px; margin:0px; padding-bottom:6px;}
.box3d h3 { background:url(../images/other/header_r_lightgray.gif) top right no-repeat; padding:2px; padding-left:10px; margin:0px; margin-right:0px;}
.box3d h2 { background:url(../images/other/header_r_lightgray.gif) top right no-repeat; padding:2px; padding-left:10px; margin:0px; margin-right:0px;}


.zahlarten .box3d { margin:10px 0px 10px 0px; }
.zahlarten .box3d strong { text-decoration:underline; }
.zahlarten .box3d .content_rechnung,
.zahlarten .box3d .content_vorkasse,
.zahlarten .box3d .content_bankeinzug,
.zahlarten .box3d .content_sofortueberweisung,
.zahlarten .box3d .content_nachnahme,
.zahlarten .box3d .content_paypal {
    padding:20px 10px 20px 110px;
    color:gray;
}

.zahlarten .box3d .content_rechnung {
    background:url(../images/layout/icon_rechnung.jpg) 10px center no-repeat #EFEFEF; 
}
.zahlarten .box3d .content_vorkasse {
    background:url(../images/layout/icon_vorkasse.jpg) 10px center no-repeat #EFEFEF; 
}
.zahlarten .box3d .content_bankeinzug {
    background:url(../images/layout/icon_bankeinzug.jpg) 10px center no-repeat #EFEFEF; 
}
.zahlarten .box3d .content_sofortueberweisung {
    background:url(../images/layout/icon_sofortueberweisung.png) 10px center no-repeat #EFEFEF; 
}
.zahlarten .box3d .content_nachnahme {
    background:url(../images/layout/icon_nachnahme.jpg) 10px center no-repeat #EFEFEF; 
}
.zahlarten .box3d .content_paypal {
    background:url(../images/layout/icon_paypal.jpg) 10px center no-repeat #EFEFEF; 
}