/*(c) com2 TN 2006-2010 */
/* --------------------------------------------------------------------
HTML TAGS
--------------------------------------------------------------------*/
html, body, textarea, input {font-family: Georgia, "Times New Roman", Times, serif; color: #d5d5b7;}
body {font-size: 12px;} td {_font-size: 12px; _f\ont-size: 100%;}
input, textarea, select {font-size: 100%; color: #1a2f2b;}
html, body {
margin: 0;
padding: 0;
text-align: center;
}
html {overflow: -moz-scrollbars-vertical !important;}
body { background: #1a2f2b url(../images/chrome/bg-tile.gif) fixed; margin: 30px 0 0 0;}
::-moz-selection { background: #FFFEBF; color: #1A2F2B; }
::selection { background: #FFFEBF; color: #1A2F2B; }
form {margin:0px; display: inline}/* entfernen des abstandes bei Form-Elementen */
th {text-align: left; font-weight: bold; }
td { vertical-align: top; }
img {border:none;}
img.bordered { border: 1px solid #1081b8; }
img.nonBordered { border: none !important; }
hr { height:1px; color: #D5D5B7; background: #D5D5B7; border: none; margin: 5px 0 15px 0;}
acronym{ border-bottom: 1px dotted #63AAD0; }
p { margin: 0 0 13px 0; line-height: 140%; }
em { font-style: normal; color: #c1902d; }
label { text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #c1902d; margin: 0 0 5px 0; display: block; font-size: 11px; }
body.df label, body.onWhite label { color: #1a2f2b; }
/* allgemeine HEADliNE-Styles - Gr??e bezieht sich immer auf Elternelement */
h1 {display: inline; margin: 0; padding: 0; }
h2 {color: #d5d5b7; font-size: 11px; font-style: italic; font-weight: normal; margin: 0 0 5px 0; text-transform: none; font-family: Georgia, "Times New Roman", Times, serif;}
h2.year, h2.year a:link, h2.year a:visited, h2.year a:hover, h2.year a:active { color: #D5D5B7; font-weight: bold; font-style: normal; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
h2.year a:hover, h2.year a:active { text-decoration: underline; }
h3 {color: #c1902d; font-size: 15px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px 0; }
h4, span.h4Style {font-size: 11px; font-weight: bold; color: #c1902d; margin: 0; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
/* -------------------------------------------------------------------------------
STANDARD CLASSES
-------------------------------------------------------------------------------------*/
/*italic ist standardmäßig farbig: soll manchmal auch einfach nur kursiv sein...*/
.kursiv { font-style: italic; } em.kursiv { font-style: italic; color: #1A2F2B; }
.small{font-size: .8em;} /* bezieht sich immer auf Elternelement */
.bildText { font-family: Arial, Helvetica, sans-serif; color: #1A2F2B; padding-top: 15px; display: block; }
a:link, a:visited, a:hover, a:active { color : #d5d5b7; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
a:hover, a:active,
a.active:link, a.active:visited, a.active:hover, a.active:active { color: #C1902D !important;}
a.textlink:link, a.textlink:visited, a.textlink:hover, a.textlink:active { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #C1902D; }
a.textlink:hover, a.textlink:active { text-decoration: underline; }
a.textlink2:link, a.textlink2:visited, a.textlink2:hover, a.textlink2:active { color: #C1902D; }
a.textlink2:hover, a.textlink2:active { color: #fff; }
a.pdfOnWhite:link, a.pdfOnWhite:visited, a.pdfOnWhite:hover, a.pdfOnWhite:active {
background: transparent url(../images/chrome/pdf_on-white.gif) no-repeat;
padding: 3px 0 0 38px;
color: #C1902D;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
display: block;
width: 20px; overflow: visible; white-space: nowrap;
}
a.pdfOnWhite:hover, a.pdfOnWhite:active { color: #1a2f2b; }
/*"verborgene" links in ProduktDetails*/
.prodDetails a.textlink:link, .prodDetails a.textlink:visited { color: #1a2f2b;}
.prodDetails a.textlink:hover, .prodDetails a.textlink:active { color: #c1902d !important;}
/*nicht verborgen im Intro*/
.prodDetails .intro a.textlink:link, .prodDetails .intro a.textlink:visited { color: #c1902d;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* OPTIC1 standard - nur abst?nde und ausrichtund wird optimiert*/
table.optic1 td, table.optic1 th {
padding: 3px;
vertical-align: center;
}
/* OPTIC2 */
table.optic2 {
background: #e9eada;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
margin: 0 0 15px 13px;
}
.smallRightCol .colOne table.optic2,
.smallLeftCol .colTwo table.optic2 { width: 418px;}
table.optic2 th, table.optic2 td {
color: #1a2f2b;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
padding: 3px;
vertical-align: top;
text-align: center;
}
table.optic2 th { background: #D5D5B7; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; font-weight: normal; }
table.optic2 thead th { font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; font-size: 11px; }
table.optic2 td { font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
table.optic2 .upperEdge { background: #fff; }
table.optic2 .lowerEdge { background: #1A2F2B; color: #fff; text-transform: uppercase; text-align: left; }
table.optic2 td, table.optic2 th { padding: 3px; vertical-align: top; }
/*==================== Spaltenaufteilungen ==============================*/
.oneCol { margin: 0 0 15px 0; }
table.twoCols { margin: 0 7px 15px 7px !important; width: 431px;}
table.twoCols td { width: 208px; padding: 0 7px 0 7px !important; }
table.threeCols { margin: 0 0 15px 0; width: 675px; }
table table.threeCols { margin: 0 15px 15px 15px; width: 415px !important;}
table.threeCols .colOne { width: 215px; }
table table.threeCols .colOne { width: 33%; }
table.threeCols .colTwo { width: 215px; padding: 0 15px; }
table table.threeCols .colTwo { width: 33%; padding: 0 15px; }
table.threeCols .colThree { width: 215px; }
table table.threeCols .colThree { width: 33%; }
table.threeCols .colThree select,
table.threeCols .colThree input { width: 185px; wmax-width: 185px;}
table.fourCols { margin: 0 0 15px 0; width: 675px;} /* zb suchergebnisse*/
table.fourCols .colOne { width:97px; }
table.fourCols .colTwo { width: 398px; padding: 0 0 0 15px; }
table.fourCols .colThree { width: 105px; padding: 0 0 0 15px; }
table.fourCols .colFour { width: 45px; }
table.smallLeftCol { margin: 0 0 15px 0; width: 675px;}
table.smallLeftCol .colOne { width: 215px; }
table.smallLeftCol .colTwo { width: 445px; padding: 0 0 0 15px; }
table.smallRightCol { margin: 0 0 15px 0; width: 675px; }
table.smallRightCol .colOne { width: 445px; padding: 0 15px 0 0; }
table.smallRightCol .colTwo { width: 215px; }
table.smallRightCol .colTwo select,
table.smallRightCol .colTwo input { width: 185px; max-width: 185px; }
/*==================== teaser ==============================*/
/*==================== htmlTeaser ==============================*/
a.htmlTeaser:link, a.htmlTeaser:visited,
a.htmlTeaser:hover, a.htmlTeaser:active {
line-height: 25px;
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none;
color: #1a2f2b;
cursor: hand; cursor: pointer;
}
a.htmlTeaser:hover, a.htmlTeaser:active { color: #c1902d !important; }
/*a.smallTeaser:hover span, a.smallTeaser:active span { background: transparent url(../images/chrome/smallteaser-a_hover.gif) no-repeat; }*/
.htmlTeaser span { padding: 0 0 0 8px; display: block; background: transparent url(../images/chrome/smallteaser-a.gif) top right no-repeat; height: 25px; cursor: hand; cursor: pointer; }
/*==================== labelTeaser ==============================*/
#labelTeaser { position: absolute; left: 145px; top: 62px; }
/*==================== news ==============================*/
.newsPreview, .news { }
.news p { padding: 0 60px 0 0;}
.topNewsPreview, .intro { font-size: 15px; }
body.df .intro, body.onWhite .intro{ font-size: 16px; line-height: normal; }
body.df h3, body.onWhite h3 { padding: 0 15px; }
body.df .oneCol p, body.onWhite .oneCol p { padding: 0 15px; }
body.df .smallLeftCol .colOne p,
body.df .threeCols .colOne p,
body.onWhite .smallLeftCol .colOne p,
body.onWhite .threeCols .colOne p { padding: 0 0 0 15px; }
.newsPreview h2, .topNewsPreview h2, .news h2 { margin-bottom:2px; }
.news h2 { font-style: normal;}
.newsPreview h3, .newsPreview p,
.topNewsPreview h3, .topNewsPreview p { cursor: hand; cursor: pointer; }
.topNewsPreview h3, .news h3, .intro h3 { font-size: 19px;}
body.df .intro h3, body.onWhite .intro h3{ font-size: 28px; font-family: Georgia, "Times New Roman", Times, serif; color: #1a2f2b; font-weight: normal; }
.news h3 { margin-bottom: 10px;}
.intro a:link, .intro a:visited, .intro a:hover, .intro a:active {
font-size: inherit; color: #c1902d; font-family: Georgia, "Times New Roman", Times, serif;
}
.intro a:hover, .intro a:active { color: #fff !important; }
body.df2 .intro a:link, body.df2 .intro a:visited, body.df2 .intro a:hover, body.df2 .intro a:active,
body.onWhite .intro a:link, body.onWhite .intro a:visited, body.onWhite .intro a:hover, body.onWhite .intro a:active {
font-size: 16px; color: #c1902d;
}
body.df2 .intro a:hover, body.df2 .intro a:active,
body.onWhite .intro a:hover, body.onWhite .intro a:active { color: #1A2F2B !important; }
.newsPreview a:link, .newsPreview a:visited,
.newsPreview a:hover, .newsPreview a:active,
.topNewsPreview a:link, .topNewsPreview a:visited,
.topNewsPreview a:hover, .topNewsPreview a:active {
font-weight: bold;
padding: 0 11px 0 0;
background: transparent url(../images/chrome/more.gif) no-repeat right center;
color: #c1902d;
text-decoration:none;
}
.newsPreview a:hover, .newsPreview a:active,
.topNewsPreview a:hover, .topNewsPreview a:active {
color: #fff !important;
}
.newsPreview h3 a:link, .newsPreview h3 a:visited,
.newsPreview h3 a:hover, .newsPreview h3 a:active{
font-size: 15px;
}
a.noArrow:link, a.noArrow:visited,
a.noArrow:hover, a.noArrow:active {
background: none !important;
padding: 0 !important;
}
/*===================== Globaler Sprachselektor ============================ */
.globalHome { margin-top: -15px !important;}
.globalHome .colOne { padding-top: 15px !important;}
.globalHome .colTwo { padding-top: 15px !important;}
.globalHome ul {
padding: 0; margin: 0;
list-style: none;
}
.globalHome li {
padding: 0; margin: 0 0 10px;
list-style: none;
font-weight: bold;
vertical-align: middle;
}
.globalHome li img { margin: 0 5px 0 0; border: 1px solid #e9eada; }
/*===================== spezialkisten ============================ */
.startup{
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.papierfinder { background-color: #c1902d; color: #1a2f2b; }
.papierfinder form { padding: 0px 0 0 0; display: block; margin: 0; }
.papierfinder label { color: #1a2f2b; margin-left: 15px; }
.papierfinder select { width: 185px; max-width: 185px; margin-left: 15px;}
.papierfinder a:link, .papierfinder a:visited, .papierfinder a:hover, .papierfinder a:active { color: #fff;}
.papierfinder a:hover, .papierfinder a:active { color: #1a2f2b !important; }
.papierfinder #pgselect p { border-bottom: 15px solid #1a2f2b; margin-bottom: 5px; padding: 0 15px 5px 15px; }
.suchnav {
border: 3px solid #c1902d !important;
padding: 9px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
_height:0;
}
.suchnav h3 { padding: 0 10px; }
.suchnav p { padding: 0 10px; }
.suchnav div { background: none; background-color: #c1902d; color: #fff; padding: 9px 11px 4px 11px; height: 18px; }
.suchnav ul { float: right; list-style: none; margin: 0; padding: 0; }
.suchnav ul li { display: inline; list-style: none; margin: 0; padding: 0;}
.suchnav a:link, .suchnav a:hover,
.suchnav a:active, .suchnav a:visited { color: #fff; text-decoration: none; }
.suchnav a:hover, .suchnav a:active { color: #1a2f2b !important; }
.suchnav a.next:link, .suchnav a.next:hover,
.suchnav a.next:active, .suchnav a.next:visited { padding-left: 10px; background: transparent url(../images/chrome/white-arrow.gif) no-repeat left center; margin-left: 20px; }
.suchnav a.last:link, .suchnav a.last:hover,
.suchnav a.last:active, .suchnav a.last:visited { padding-left: 10px; background: transparent url(../images/chrome/white-arrow.gif) no-repeat left center; }
.suchergebnisse { background: #fff; color: #1a2f2b; cursor: hand; cursor: pointer;} /*suchergebnisse*/
h3.suchergebnisse { background: none; color: #d5d5b7;}
.suchergebnisse h3 { margin: 10px 0 2px 0; color: #1a2f2b; }
.suchergebnisse h4 { margin: 5px 0 13px 0; color: #1a2f2b; }
.suchergebnisse p { margin: 0 0 2px 0 ; }
.suchergebnisse .colThree p { margin: 0; }
.suchergebnisse .colOne { /*background-color: #d5d5b7;*/ border: 1px solid #fff; }
.suchergebnisse .colOne img { cursor: hand; cursor: pointer; }
.suchergebnisse .colThree { padding-top: 10px !important; padding-bottom: 10px !important; }
.suchergebnisse .colThree p { padding-top: 2px !important; }
.suchergebnisse .colFour { vertical-align: bottom; }
#gefundeneSeiten{}
#gefundeneSeiten h2 { color: #d5d5b7; font-size: 15px; font-weight: bold; font-style: normal; font-family: Arial, Helvetica, sans-serif; }
#gefundeneSeiten p { margin: 0; }
#gefundeneSeiten h3 a:link, #gefundeneSeiten h3 a:visited,
#gefundeneSeiten h3 a:hover, #gefundeneSeiten h3 a:active { color: #c1902d; font-size: 15px; font-weight: normal; text-decoration: underline; font-family: Georgia, "Times New Roman", Times, serif; }
#gefundeneSeiten h3 a:hover, #gefundeneSeiten h3 a:active { color: #fff !important; }
#gefundeneSeiten p a:link, #gefundeneSeiten p a:visited,
#gefundeneSeiten p a:hover, #gefundeneSeiten p a:active { background: transparent url(../images/chrome/more.gif) left center no-repeat; padding: 0 0 0 12px; }
.prodDetails {
background: transparent url(../images/chrome/produkt-weiss.gif) repeat-y; /*bgfarbe wäre besser, ist wegen padding aber nicht möglich*//*bgfarbe wäre besser, ist wegen padding aber nicht möglich*/
color: #1a2f2b;
_border-bottom: 1px solid #1a2f2b; /*nötig für ie, da er sonst mit versch. Seitenhöhen gerne eine weiße linie unter dem Linkfooter anzeigt*/
}
.prodDetails ul {
background: #d5d5b7;
list-style: none;
margin: 0;
color: #1a2f2b;
text-transform: uppercase;
padding: 13px 11px;
font-size: 11px;
min-height: 12px; _height: 12px;
}
.prodDetails li { list-style: none; display: inline; font-weight: bold; padding: 0 0 0 12px; background: #d5d5b7 url(../images/chrome/nav3-arrow.gif) no-repeat left center; margin: 0 10px 0 0;}
.prodDetails li a:link, .prodDetails li a:visited,
.prodDetails li a:hover, .prodDetails li a:active { text-decoration: none; }
.prodDetails li a:hover, .prodDetails li a:active { color: #c1902d !important; }
.prodDetails li.last { background-image: url(../images/chrome/nav3-last.gif); float: left; }
.prodDetails li.next { text-decoration: none; float: right; padding: 0 12px 0 0; background-position: right center; }
.prodDetails ul a:link, .prodDetails ul a:visited,
.prodDetails ul a:hover, .prodDetails ul a:active { color: #1a2f2b; }
.prodDetails h3{ padding: 15px 15px 0 15px; }
.prodDetails h4, span.h4Style{ padding: 0 0 0 15px; color: #1a2f2b }
.prodDetails table h4{ padding: 0; }
.prodDetails p { padding: 0 15px; }
.prodDetails table p { padding: 0; }
/*-------------------- FARBWAHL -------------------------------------------*/
.farbwahl p {
_height: 35px; min-height: 35px;
}
.farbwahl ul, .linkListe ul {
background: none;
margin: auto;
padding: 3px 0 0 0;
}
.farbwahl li, .linkListe li {
display: list-item;
font-weight: bold;
padding: 0 0 3px 0;
margin: 0 0 0 15px;
list-style: disc;
background: none;
list-style-image: url(../images/chrome/nav3-arrow.gif);
}
.farbwahl li a:link, .farbwahl li a:visited,
.farbwahl li a:hover, .farbwahl li a:active,
.linkListe li a:link, .linkListe li a:visited,
.linkListe li a:hover, .linkListe li a:active { text-decoration: none; text-transform: uppercase; }
.farbwahl li.active a:link, .farbwahl li.active a:visited,
.farbwahl li.active a:hover, .farbwahl li.active a:active,
.farbwahl li a:hover, .farbwahl li a:active,
.linkListe li.active a:link, .linkListe li.active a:visited,
.linkListe li.active a:hover, .linkListe li.active a:active,
.linkListe li a:hover, .linkListe li a:active { color: #c1902d !important; }
/*~~ biglink ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.farbwahl ul a:link, .farbwahl ul a:visited,
.farbwahl ul a:hover, .farbwahl ul a:active { color: #1a2f2b; }
/*~~ tabShop 12.2010 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#tabShop { padding-top: 30px; }
#tabShop .tab { background: transparent url(../images/chrome/tabShop/tabs.png) 0 0 no-repeat; height: 30px; }
#tab1, #tab2, #tab3 { height: 295px; margin-top: -30px; position: relative; }
#tab2 .tab { background-position: 0 -30px;}
#tab2.detailsInited .tab { background-position: 0 -90px;}
#tab2 .content { height: 430px; overflow: hidden;}
#tab2.detailsInited .content { background-color: #fff; height: 430px; overflow: hidden;}
#tab3 {margin-bottom: 30px;}
#tab3 .tab { background-position: 0 -60px;}
#tabShop .content { padding-top: 11px; }
#tabShop .intro { color: #c1902d; background: transparent url(../images/chrome/tabShop/icons.gif) 0 0 no-repeat; padding-left: 20px; font-size:12px; margin-top: 15px; }
#tabShop #tab2 .intro, #tabShop #tab3 .intro { color: #d5d5b7; background-position: 0 -30px; }
#tab3 .content {display: none;}
.detailSlider { display: none; }
#tab1 { height: 300px; overflow: hidden; }
.tabShopDetailsCol { background: #d5d5b7; position: absolute; right: 0; top: 30px; height: 415px; width:185px; display:none; padding: 26px 15px 0; color: #1a2f2b; }
a#tabShopAddToBasket:link, a#tabShopAddToBasket:visited, a#tabShopAddToBasket:hover, a#tabShopAddToBasket:active,
a#tabShopSubmit:link, a#tabShopSubmit:visited, a#tabShopSubmit:hover, a#tabShopSubmit:active,
a#tabShopReshop:link, a#tabShopReshop:visited, a#tabShopReshop:hover, a#tabShopReshop:active {
background: #fff url(../images/chrome/tabShop/btns.gif) 0 0 no-repeat;
display:block; height: 25px; width: 203px; text-indent: -500em; overflow: hidden;
}
a#tabShopAddToBasket:link, a#tabShopAddToBasket:visited, a#tabShopAddToBasket:hover, a#tabShopAddToBasket:active { bottom: 5px; left: 5px; position: absolute }
a#tabShopSubmit:link, a#tabShopSubmit:visited, a#tabShopSubmit:hover, a#tabShopSubmit:active { background-position: 0 -50px; }
a#tabShopReshop:link, a#tabShopReshop:visited, a#tabShopReshop:hover, a#tabShopReshop:active { background-position: 0 -100px; }
a#tabShopAddToBasket:hover, a#tabShopAddToBasket:active { background-position: 0 -25px; }
a#tabShopSubmit:hover, a#tabShopSubmit:active { background-position: 0 -75px; }
a#tabShopReshop:hover, a#tabShopReshop:active { background-position: 0 -125px; }
#tabShopPrice { position: absolute; right: 10px; bottom: 40px; font-size: 2em; }
#tabShopPriceText { position: absolute; right: 10px; bottom: 30px; font-size: 11px; font-family :Arial, Helvetica, sans-serif; color: #81908d; }
#tabShopDetailName {font-size: 19px; z-index: 500; margin: 0 0 0 15px; color:#1a2f2b; display: none; font-weight: normal; left: 18px; top:27px; }
#tabShopDetailFormats { bottom: 88px; position: absolute; right: 7px; }
/*~~ tabShop sliders ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#productSlider { width: 675px; position: relative; }
.detailSlider { width: 445px; }
.scroll { sheight: 250px; width: 675px; overflow: auto; overflow-x: hidden; position: relative; clear: left; }
#tab2 .scroll { width: 445px; }
.scrollContainer div.panel {
padding: 0; margin-right: 15px;
height: auto; width: 215px;
background: transparent url(../images/chrome/tabShop/boxBg.gif) 0 100% no-repeat;
}
#tab2 .scrollContainer div.panel { width: 430px; float: left; }
.scrollContainer div.panel a { line-height: 27px; color: #1a2f2b; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; display: block; text-indent: -10px; padding-left: 10px }
.scrollContainer div.panel a span { float: right; margin-right: 18px; }
ul.navigation { list-style: none; margin: 0; padding: 0; line-height: 100%; text-align: center; margin-top: 15px; }
ul.navigation li { display: inline;}
ul.navigation a:link, ul.navigation a:visited, ul.navigation a:hover, ul.navigation a:active { color: #81908d; text-decoration: none; font-size: 3em; XXletter-spacing: -.08em; }
ul.navigation a:hover { color: #fff; }
#tab2 ul.navigation a:hover { color: #1a2f2b; }
ul.navigation a:focus { outline: none; }
ul.navigation a.selected:link, ul.navigation a.selected:visited, ul.navigation a.selected:hover, ul.navigation a.selected:active { color: #fff; }
#tab2 ul.navigation a.selected:link, #tab2 ul.navigation a.selected:visited, #tab2 ul.navigation a.selected:hover, #tab2 ul.navigation a.selected:active { color: #1a2f2b; }
#productSlider ul.navigation { display: none; }
.scrollButtons { position: absolute; top: 90px; cursor: pointer; }
#tab2 .scrollButtons { top: 190px; }
.scrollButtons.left { left: -25px; }
.scrollButtons.right { right: -25px; }
.hide { display: none; }
#tabShopShipping { border-top: 1px solid #d5d5b7; border-bottom: 1px solid #d5d5b7; margin: 3px 0; }
#tabShopShipping span { float: right; }
#tabShopTotal { font-weight: bold; color: #fff; }
#tabShopTotal span { float: right; }
#tabShop .colTwo input, #tabShop .colTwo select { width: 215px; border: 1px solid #838887; }
#tabShop .colTwo label { text-transform: none; color: #d5d5b7; }
#tabShop .colThree { line-height:150%; }
#tabShopFooter { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 16px 0; }
#tabShopSubmit { float: right; }
/* ------------------------- Pafi-suche Detailseite des papierfinders --------------------------------------------- */
.pafisuche { width:675px; margin: 0; }
.pafisuche .buttonGroup { margin-top: 5px; }
.pafisuche .oneCol{ background: #c1902d; padding: 4px 10px; width: 655px; margin: 0; }
.pafisuche .oneCol select {float: none; }
.pafisuche table.smallRightCol { width: 675px; border-bottom: 4px solid #1A2F2B; margin: 0; }
.pafisuche table.smallRightCol .colOne { width: 434px; padding: 15px 0 0 11px; background: #c1902d; color: #1A2F2B; }
.pafisuche table.smallRightCol .colTwo { width: 215px; padding: 0 0 0 11px; background: #c1902d; }
.pafisuche table.smallRightCol label { color: #1A2F2B; margin-left: 5px; }
.pafisuche table.smallRightCol h3 { color: #fff; }
.pafisuche table.smallRightCol input { margin-left: 5px; }
.pafisuche table.smallRightCol input.button { color: #1A2F2B; text-transform: uppercase; background: transparent url(../images/chrome/white-arrow.gif) no-repeat left center !important; }
body.df input.button, body.onWhite input.button { color: #1A2F2B; text-transform: uppercase; background: none; float: right; }
.pafisuche table.smallRightCol input:hover.button { color: #fff;}
.pafisuche table.oneBigCol { width: 675px; border-bottom: 4px solid #1A2F2B; margin: 0; }
.pafisuche table.oneBigCol .colOne { width: 675px; padding: 15px 0 0 11px; background: #c1902d; color: #1A2F2B; }
.pafisuche table.oneBigCol h3 { color: #fff; }
.pafisuche table.smallLeftCol { width: 675px; border-left: 4px solid #c1902d; border-right: 4px solid #c1902d; margin: 0; background: #fff; color: #1a2f2b; border-top: 4px solid #c1902d; }
.pafisuche table.smallLeftCol .colOne { width: 200px; padding: 11px 0 11px 11px; }
.pafisuche table.smallLeftCol .colTwo { width: 434px; padding: 11px; }
.pafisuche table.smallLeftCol .colTwo label { width: auto; display: block; padding: 0; margin: 0 7px 0 22px; text-transform: none; font-family: Georgia, "Times New Roman", Times, serif; color: #1a2f2b; font-weight: normal; line-height: 120%; clear: none;}
.pafisuche table.smallLeftCol .colTwo input, .pafisuche table.smallLeftCol .colTwo select { float:left; width: auto; margin: 0; padding: 0;}
.pafisuche table.smallLeftCol p { margin-bottom: 0; }
.pafisuche table.smallLeftCol .colTwo input.button { width: auto; margin-left: 5px; padding: 0;}
.pafisuche table td td { padding-bottom: 12px; }
.pafisuche table td tr.lastRow td { padding-bottom: 0; }
/*----------------- popup ---------------------------*/
#popup { background: #fff; padding: 15px; margin: 0;}
#popup #content {height: auto; width: 445px; text-align: left; margin: 0 !important; padding: 0 !important; }
#popup ul{margin:0; padding: 0;}
#popup li { list-style: none; display: inline; font-weight: bold; padding: 0 0 0 12px; background: transparent url(../images/chrome/nav3-arrow.gif) no-repeat left center; margin: 0 10px 0 0;}
#popup li a:link, #popup li a:visited,
#popup li a:hover, #popup li a:active { text-decoration: none; color: #1A2F2B; }
#popup li a:hover, #popup li a:active { color: #c1902d !important; }
#popup li.last { background-image: url(../images/chrome/nav3-last.gif); float: left; }
#popup li.next { text-decoration: none; float: right; padding: 0 12px 0 0; background-position: right center; }
.popupDark { background:#ddd; color:#000; font-family: Arial; }
.linkFooter, .linkFooterEmpty {
display: block;
height: 25px;
padding: 0 30px 0 0;
line-height: 25px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
background: #c1902d url(../images/chrome/linkfooter.gif) no-repeat;
text-align: right;
font-size: 11px;
margin-bottom: -1px; /*nötig, da sonst manchmal weiße linie im moz*/
_margin-bottom: 0;
border-bottom: 15px solid #1A2F2B;
}
.linkFooter em { color: #1a2f2b; }
a.linkFooter:link, a.linkFooter:visited, a.linkFooter:hover, a.linkFooter:active { color: #fff; text-decoration: none;}
a.linkFooter:hover, a.linkFooter:active { color: #1a2f2b !important; }
.linkFooterEmpty { background-image: url(../images/chrome/linkfooterempty.gif); }
.aehnlicheProdukte {
background: #c1902d;
}
.aehnlicheProdukte ul { list-style: none; padding: 15px; margin: 0; }
.aehnlicheProdukte li { list-style: none; padding-bottom:3px; }
.aehnlicheProdukte a:link, .aehnlicheProdukte a:visited,
.aehnlicheProdukte a:hover, .aehnlicheProdukte a:active { text-transform: uppercase; color: #1a2f2b; font-weight: bold; padding: 0 0 0 15px; background: url(../images/chrome/white-arrow.gif) no-repeat left center; text-decoration: none;}
.aehnlicheProdukte a:hover, .aehnlicheProdukte a:active { color: #fff !important; }
/*~~ historie-Seite ID102 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.historie strong { color: #C1902D; font-family: Arial, Helvetica, sans-serif; }
.historie .threeCols strong { font-size: 11px; }
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LAYOUT
----------------------------------------------------------------------------------------------------*/
#bodyContainer {
width: 675px; /*950-111-165*/
margin: 0 auto;
text-align: left;
position: relative;
padding: 0 111px 0 165px;
}
#leftNav{ /* ul */
position: absolute;
text-align: right;
margin: 0;
padding: 0;
left: 0;
top: 61px;
width: 140px;
}
#leftNav li{
padding: 0 0 5px 0; margin: 0; line-height: 110%; list-style: none;
}
#leftNav ul{ margin: 0; padding: 0; display: none;}
#leftNav a:link, #leftNav a:visited,
#leftNav a:hover, #leftNav a:active {
font-weight: bold; color: #fff; text-decoration: none; font-size: 11px; /*temp*/
}
#leftNav a:hover, #leftNav a:active {
color: #c1902d;
}
#topRow { color: #fff; padding: 0; margin: 0; height: 62px; }
#topRow #logo { float: left; }
#topRow input { vertical-align: middle; }
#topRow input.search { padding: 3px 0 0 0;
border: none;
width:160px;
height: 21px;
background: transparent url(../images/chrome/new_search_bg.gif) repeat-x;
color: #1a2f2b;
font-family: Arial, Helvetica, sans-serif;
_padding: 0;
_height: 19px; } /*suche*/
* html #topRow input.search { padding: 3px 0 2px 0; height: 19px; } /* ie6- */
*:first-child+html #topRow input.search { padding: 3px 0 2px 0; height: 19px; } /* ie7 */
#topRow ul {
list-style: none;
float: right;
margin: 6px 0 0 0;
_margin: 4px 0 0 0;
padding: 0;
width: 625px;
text-align: right;
}
#topRow li {
vertical-align: middle;
display: inline;
list-style: none;
margin: 0;
padding: 0 0 0 15px;
}
#topRow li.search {
padding: 0 0 0 15px;
}
#topRow a:link, #topRow a:visited,
#topRow a:hover, #topRow a:active {
color: #fff;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
font-size: 11px; /*temp*/
}
#topRow a:hover, #topRow a:active {
color: #C1902D;
}
#content{ border-bottom:1px solid #1A2F2B; /*_height: 400px; min-height: 400px;*/ }
body.df #content, body.onWhite #content{
background: #fff url(../images/chrome/df-bg.jpg) no-repeat;
color: #1a2f2b;
_height: 648px;
min-height: 648px;
}
body.df2 #content{ background: #fff url(../images/chrome/df2-bg.jpg) no-repeat; }
body.onWhite #content{ background: #fff; }
body.df #footer{
/*hier sonderfall: der abstand kann nicht vom inhalt des Contents kommen, weil der content sichtbare bg-color hat*/
margin-top: 15px;
}
#footer {
color: #fff;
margin: 0;
height: 30px;
clear: left;
}
#footer #logo2 { float: left; }
#footer #logo2 img { margin-top: 4px; }
#footer ul { list-style: none; float: right; padding: 0; margin: 0; }
#footer li {
vertical-align: middle;
display: inline;
list-style: none;
margin: 0;
padding: 0 0 0 15px;
}
#footer a:link, #footer a:visited,
#footer a:hover, #footer a:active {
color: #fff;
font-weight: bold;
text-decoration: none;
}
#footer a:hover, #footer a:active {
color: #C1902D;
}
/*~~ df3, df4: "koenigsweg 2007" - verwendet in Verbindung mit "df" ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body.df3 .intro { width: 400px; margin-top: 28px; color: #fff; font-size: 13px; }
body.df3 .intro h3 { color: #fff; font-size: 23px; padding-left: 27px; }
body.df3 .intro p { line-height:120%; padding: 0 26px 0 15px; }
body.df3 #content{
position:relative;
background: #fff url(../images/chrome/druckfein-startseite_bg.gif) no-repeat;
min-height:740px; _height: 740px;
}
body.df3 .oneCol p { padding-left: 27px; }
body.df3 .formButton{
background: transparent url(../images/chrome/df3-startseite_form_bg.gif) left top no-repeat;
display: block;
margin-left: 11px;
}
body.df4 #content{
position:relative;
background: #fff url(../images/chrome/df4-bg.jpg) left top no-repeat;
border-bottom: 8px solid #fff;
/* min-height: 644px;
_height: 644px;
*/}
body.df4 table { margin: 0 0 0 27px; }
body.df4 div.error { padding: 0 0 0 25px; }
body.df4 td { padding: 0 10px 0 0; }
body.df4 p { padding-left: 25px !important; color: #fff; margin-right: 12px; }
body.df4 #content label { color: #fff; text-transform: none; font-weight: normal; }
body.df4 #content input { width: 197px; _width: 195px; margin-bottom: 4px; }
body.df4 #content a:link, body.df4 #content a:visited, body.df4 #content a:hover, body.df4 #content a:active {
color: #fff; text-decoration: underline; font-size: inherit; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;
}
body.df4 #content input.button {
background: none !important;
font-weight: bold;
color: #fff;
float: none !important;
margin: 15px 0 10px 0;
padding: 0 !important;
}
body.df4 #content .selectorGroup input { margin: 0 6px 0 0; }
body.df5 #content{ background: #fff; height: auto; min-height: 200px; }
/*~~ (+|-) für Paperscout Kontakt ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.addRemove { font-weight: normal; float:right; }
td.addRemove { float:none; text-align: right; border-top: 1px solid #45554b; background: #1a2f2b; }
.addRemove img { margin: 2px 0 0 4px; vertical-align: -2px; }
td.addRemove img { margin-left: 10px; }
/*======================= CSSFORMS: Breiten der spalten und Optikanpassung ================================*/
.cssForm fieldset{width: 444px; border: none;} /* [A]*/
.cssForm label { width: 120px;} /* [B] */
.cssForm .rightCol {padding-left:145px; /* [B]+5px */ width: 304px; /* [A]-20-[B]=[C] */}
.cssForm input, .cssForm select,
.cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 304px; /* [C] */ }
.cssForm select { width: 306px; /* [C]+2px */ }
/* TWINROW: eine zeile beinhaltet label>input>label>input */
.cssForm .twinRow input, .cssForm .twinRow select,
.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 73px; /* ([C]-[B]-18)/2 */ margin-right: 10px; _margin-right: 9px; }
.cssForm .assignment select {width: 200px;}
/*special: formularteile in schmalen spalten - input
label
*/
.cssForm .cssFormSmallCol label { margin-top: 2px; width: 210px;} /* [B] */
.cssForm .cssFormSmallCol label.big { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; } /* [B] */
.cssForm .cssFormSmallCol input, .cssForm .cssFormSmallCol select,
.cssForm .cssFormSmallCol textarea, .cssForm .cssFormSmallCol .exInput,
.cssForm .cssFormSmallCol .exTextarea { width: 211px; margin-bottom: 0; /* [C] */ }
.cssForm .cssFormSmallCol select { width: 215px; /* [C]+2px */ }
/*======================= CSSFORMS: Optik ================================*/
.cssForm legend {padding-left: 0; margin-left: 0; font-size: 10px; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 11px; }
.cssForm label { color:#d5d5b7; font-size: 10px; border-bottom: none; text-transform: none; }
input[type=text], input[type=file], input[type=password],
button, select, textarea, input.textInput { border: 1px solid #ddd; }
.button { cursor: hand; cursor: pointer; }
a.button:link, a.button:visited,
a.button:hover, a.button:active, input.button {
font-weight: bold;
color: #c1902d;
text-transform: uppercase;
background: transparent url(../images/chrome/more.gif) no-repeat left center !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 0 0 0 11px !important;
border: none !important; /*A5ACB2 ist WinXP Style*/
width: auto !important;
}
/* IE7 HACK gegen zu breite Buttons mit zentriertem Text */
*:first-child+html input.button { overflow: visible; }
a.button:hover, a.button:active, input.button:hover { color: #fff; }
.buttonGroup { text-align: right}
.buttonGroup input.button { float: none;}
/* zusätzliche Newsletter Styles*/
img.bordered { }
img.nonBordered { }
p.miniTitle { }
p.linkBar { }
.outro { }
/*#####################################################################################################
SPECIAL F?R TEXTBROWSER
------------------------------------------------------------------------------------------------------*/
.printonly{ display:none;}
.textonly{ display:none;} /* Element erscheint nur, wenn kein css verf?gbar ist.. */
#ie6RIP, #pageHint { /*page infolayer v1 - 19.04.2010 tn*/
background: InfoBackground url(http://www.com-com.com/images/chrome/ie6Error.png) 10px 50% no-repeat; color: InfoText;
border-bottom: 1px solid ThreedShadow; border-top: 1px solid #fff;
padding: 8px 8px 8px 38px;
font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif;
margin: -30px 0 15px;
}
#ie6RIP a, #pageHint a { color: #000 !important; text-decoration: underline !important; }