/***** Allgemeine Einstellungen *****/
html,body {border:0; margin:0; padding:0; color:#666;}
body {font:100%/1.25 Helvetica, Arial, sans-serif; }
#printlogo {display:none;}
/***** Überschriften *****/
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal; color:#000; }
h1 {padding:30px 0 25px; font-size:2em;}
h2 {padding:20px 0; font-size:1.5em;}
h3 {font-size:14px; font-weight:bold; line-height:14px; padding-bottom:10px;}
/***** Allgemeine Formatierung *****/
p,ul,ol {margin:0; padding:0 0 1.25em; font-weight: 400;}
ul,ol {padding:0 0 1.25em 2.5em;}
blockquote {margin:1.25em; padding:1.25em 1.25em 0;}
small {font-size:.85em;}
img {border:0;}
sup {position:relative; bottom:.3em; vertical-align:baseline;}
sub {position:relative; bottom:-.2em; vertical-align:baseline;}
acronym,abbr {cursor:help; border-bottom:1px dashed;}
strong {color:#000;}
/***** Links *****/
a,a:link {color:#666; text-decoration:none;}
a:visited,a:focus {outline:none;}
a:hover {color:#000;}
a.selected, span.selected {font-weight:bold; color:#000;}
/***** Formulare *****/
form {margin:0; padding:0; display:inline;}
input,select,textarea {font:1em Helvetica, Arial, sans-serif;}
button {font-family:Helvetica, Arial, sans-serif;}
input[type=text] {font-size:13px; padding: 2px;border-top:1px solid #9c9c9c;border-left:1px solid #9c9c9c;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
input[type=submit] {cursor:pointer; border:1px solid #dedede; background-image:url(images/button-gradient2.png); background-repeat:repeat-x; line-height:15px; font-size:13px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#646464; outline:none; padding:3px 2px 2px; font-weight:bold;}
select {font-size:13px; padding:1px 0px; background:transparent; border:1px solid #9c9c9c; outline:none; line-height:13px; color:#666;}
label {cursor:pointer;}
.formElement input {width:360px;}
.formElement select {color:#000;}
.formElement {margin-bottom:10px;}
.formElement label {width:160px; display:block; float:left; font-size:13px; font-weight:normal; color:#000;}
textarea {font-size:13px;padding: 1px 3px 0 1px;width:350px; height:150px;}
.formElement input[type=text] {width:350px;}
input[type="radio"] {margin:0 0 10px 0;}
legend, .legend{margin-left: 0;padding-left: 0;padding-bottom:10px;font-size:14px; font-weight:bold; color:#000;}
fieldset{padding: 0;margin: 0;border:0 none;}
/***** Tables *****/
table {width:100%; border-collapse: collapse;}
tr {width:100%;}
/***** Wrapper *****/
/***** Global Classes *****/
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
.highlight {background:#ffc;}
.wrap {width:960px; margin:0 auto;}
.img-left {float:left; margin:4px 15px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}
.nopadding {padding:0;}
.noindent {margin-left:0; padding-left:0;}
.nobullet {list-style:none; list-style-image:none;}
/**************General styles for all layouts*******/
#hauptBuhne,.teaser,.bcard,#title,#uber,#pageflip,.uberKontakt,#kontaktName,#kontaktInfo,#kontaktFormular,
#merkzettel,.einBuch,#gesamtsumme,.searchOptions,.suchergebnisse,#listenSeiten,.erweiterteSuche,
.unternehmensseiten,#warenkorb,.pressemeldungen,.kleineTeaser,#col6grid1, #col6grid2
{border-top:1px solid #696969; margin-bottom:20px; padding:10px 0; border-bottom:1px solid #696969; }
.contentItem a {text-decoration: underline;}
.teaser { height: 135px; }
/*************** overrides when needed *************/
#title {border-bottom:0;}
.uber {border-top:0;}
.suchergebnisse {margin-bottom:5px; border-bottom:0;}
.uberKontakt {border-bottom:0;}
#kontaktInfo {border-top:0;}
#kontaktName {margin-bottom:0;}
#hauptBuhne {height:347px;}
.searchOptions {margin-top:-21px;}
.pressemeldungen {border-bottom:0;}
button span {color:#000; font-weight:bold;}
#erweiterteSucheForm{border-top: 0;}
#col6grid1, #col6grid2{border-top: 0;padding: 0;}
#uber,#pageflip{border-bottom: 0;margin-bottom: 0;}
.margintop{margin-top: 10px;}
/**************************************************/
#aktuell,#service,#newsletter,#themen,#buchtipps,.verwandte {border-top:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; margin-bottom:20px; padding:10px 0;}
#hauptBuhne {padding:0;position:relative;}
/**************** Submit button Styles ************/
/* REQUIRED BUTTON STYLES: */
button {position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */}
button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */}
button span {position: relative; display: block; white-space: nowrap;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
button span {margin-top: -1px;}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
button.submitBtn {padding: 0 6px 0 0; margin-right:5px; font-size:13px; text-align: center; background: transparent url('images/buttonsprite.jpg') no-repeat right -124px;}
button.submitBtn span { padding: 4px 0 0 8px; height:22px; background: transparent url('images/buttonsprite.jpg') no-repeat left -42px; color:#000;}
button.submitBtn:hover, button.submitBtnHover {/* the redundant class is used to apply the hover state with a script */ background-position: right -83px;}
button.submitBtn:hover span, button.submitBtnHover span {background-position: 0 0;}
/***************** Seitenkopf ******************/
#header {position:relative; overflow:visible; height:200px;}
/***************** Options nav ********************/
.options {position:absolute;top:5px; right:16px; font-size:12px;}
.options li {padding-left:5px;}
/****************** Suchleiste Seitenkopf ************************/
#search {font-size:13px; padding-top:41px;}
#search button span {color:#666;}
.searchText {width:260px;}
#search a {font-size:11px; margin-left:0;}
.placeholder {color:#999; font-weight:bold;}
.weiterLesen {
font-size: 12px;
width: inherit;
padding-left: 15px;
background: transparent url('images/mehr2-icon.png') no-repeat 2px 1px;
white-space: nowrap;
}
#search table.xml-editor-widget {
display: inline;
}
#search div {
float: left;
}
#search .searchCategory {width:162px;margin-right:4px;}
#search button.submitBtn {margin-left:4px;margin-top:-1px;}
#suchlinks {float:right;margin-left:15px;margin-top:-2px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only */
#suchlinks {margin-top: -2px;}
}
/******************* Navigation Ebenen 1, 2 & 3 *******************/
.nav,.nav2,.nav3 {padding:0; float: left; clear: left; width: 620px; }
.nav {font-size:15px; padding:49px 0 0;}
.nav2 {font-size:14px;}
.nav3 {font-size:12px; line-height:17px;}
.nav a,.nav2 a {margin-right:1em; white-space: nowrap; float: left; }
.nav3 a {margin-right:.9em; white-space: nowrap; float: left;}
/************ Header/Footer list Styles ************/
#header li,.footer a {display:inline;}
/************ Login Overlay ************/
#overlay {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:100; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter:alpha(opacity=50); opacity:.5;}
.options {z-index:800;}
div#loginForm {position:absolute; top:18px; right:0; border:1px solid #b0b0b0; background-color:#fff; padding:10px; width:200px; z-index:800; height:208px;}
div#loginForm form {position:relative; left:5; top:0px;}
div#loginForm input[type=text],div#loginForm input[type=password] {display:block; width:180px; margin-bottom:10px;}
div#loginForm a {display:block; color:#000;}
div#loginForm a:first {margin-top: 10px}
div#loginForm button {margin:0 0 10px -2px }
div #loginForm img {padding-right:5px;}
#login {border-left:1px solid #fff; border-right:1px solid #fff; padding:5px;}
div#loginForm a#close {color:#666;margin-top:1em;}
/***************************************************/
.registrierungForm select{margin:0 215px 10px 0;width:140px;}
.registrierungForm button.submitBtn{float:right;margin:10px 72px 30px 0;}
.registrierungForm button.submitBtn span{color:#666;}
.registrierungForm .xe-label {
width: 160px; font-size:13px; font-weight:normal; color:#000;
}
.registrierungForm .textfield {
width:350px;
margin-bottom: 10px;
}
.registrierungForm #submitKontakt {
width:620px;
}
.registrierungForm .textfield-invalid, .registrierungForm .select-invalid {
border: 1px solid #000000;
}
.registrierungForm .errorMessage {
color:#000000;
font-size:14px;
font-weight:bold;
margin-left:0;
padding-bottom:10px;
padding-left:0;
}
.registrierungForm .checkbox input {
margin: 0 10px 0 0;
width: auto;
}
.registrierungForm .privacy {
font-size: 13px;
color: #000000;
padding-top:3px;
}
/******************* Footer ************************/
.footer {color:#666; border-top:1px solid #b0b0b0; margin:70px 0 30px 10px ; width:620px; padding:10px 0 0; font-size:12px;}
.footer a {margin-right:9px;}
/**************************************************/
/**************** Startseite *********************/
/************ teaser/bcard styles *****************/
.bcard,.teaser {position:relative;}
.teaser .weiterLesen {color: #000; font-weight: bold;}
.bcard h3,.teaser h3 {font-size:14px; line-height:15px; padding-bottom:0;}
.bcard h4,.teaser h4 {font-size:14px; color:#666; font-weight:bold; line-height:14px;}
.bcard p,.teaser p {font-size:12px; padding-top:1em; padding-bottom:0;}
.bcard img {margin-right:20px;}
.bcard .weiterLesen img {margin-right:5px;}
.bcard .weiterLesen {float:left;}
.bcard p {margin:0 0 0 115px; padding-bottom:0; color:#000;}
.bcard a {color:#000;}
.bcard a:hover {color:#666;}
.mehrIcon {margin-right:5px;}
/**************************************************/
/************** Marginalspalte *******************/
.marginal {}
#marginal p {font-size:14px; line-height:18px; padding-bottom:0;}
/************ service styles **********************/
#service h3,#marginal h3 {color:#424242;}
#service {overflow:hidden;}
#service a {color:#666;}
#service a:hover {color:#000;}
#service a img {margin-right:5px; margin-left:1px;}
#actionList,#actionList2 {list-style:none; margin:0; padding:0; float:left; font-size:12px; }
#actionList2 {margin:0 0 0 20px;}
#actionList li,#actionList2 li{margin-bottom: 5px}
/************ Aktuell ***********************/
#aktuell .weiterLesen {font-size:14px;background:transparent url(images/mehr-icon.png) no-repeat scroll 0px 1px; padding-left:15px;}
/************ Newsletter-Formular ********************/
.newsletter-gender {margin-bottom:10px}
.newsletter-firstname {margin-bottom:10px;}
.newsletter-secondname {margin-left:10px; margin-bottom:10px;}
.newsletter-email {margin-bottom:10px;}
.newsletter-privacy {font-size:13px;margin-bottom:10px;}
.newsletter-button {margin-top:10px;}
.newsletter-subscribed {font-size:13px}:
span.newsletter-privacy {vertical-align:text-top;}
a.newsletter-privacy {width:280px;white-space:normal;margin-bottom:10px}
div.newsletter-privacy {width:264px;}
.newsletter-helper td {vertical-align:top !important}
#newsletter {overflow:hidden;}
#newsletter button span {color:#666;}
#newsletter button {float:right;margin-right:2px;}
#newsletter label {font-size:13px; color:#999; font-weight:bold; vertical-align:2px;}
#vorname,#nachname {float:left; width:138px; display:inline; margin-bottom:10px;}
#vorname {margin-right:10px;}
#email {width:292px; margin-bottom:10px;}
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
#email {width:291px;}
#nachname {width:136px;}
#newsletter button {float:right;margin-right:2px;}
}
*/
/************ Tag Cloud ***********************/
#themen .tagcloud_1 {font-size:10px;}
#themen .tagcloud_2 {font-size:12px;}
#themen .tagcloud_3 {font-size:14px;}
#themen .tagcloud_4 {font-size:16px;}
#themen .tagcloud_5 {font-size:18px;}
#themen .tagcloud_6 {font-size:24px;}
#themen a {font-weight:100; cursor:pointer;}
/************ Buchtipps **********************/
.tip {display:block; margin:10px 0; height:75px;}
.tip h4,.tip h4 a {color:#3d3d3d; font-size:14px;}
.tip h4 a:hover {color:#666;}
.tip h5,.preis,.linePreis {color:#666; font-size:14px;}
#buchtipps .weiterLesen {background:transparent url(images/mehr-icon.png) no-repeat scroll 2px 1px;}
/**************************************************/
/**************** Detailseiten **************/
/******************** Titel *************************/
#title h1 {font-size:24px; padding:11px 0 0; font-weight:bold; line-height:100%;}
#title h2 {font-size:16px; padding:4px 0 0; font-weight:normal; color:#333;}
/*********************** Buchdetails, Content-Navigation, Beschreibung ***********************/
.uber {position:relative; overflow:hidden; margin-top:-38px;}
.uber p {margin:0; padding:0;}
#uberNav li {display:inline; margin-right:4px;}
#uberNav li span {cursor:pointer;}
#uberNav,#uberOption {padding:0;}
#uberNav {font-size:14px; border-bottom:1px solid #696969; padding-bottom:11px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#uberNav {padding-bottom:12px;}
}
#uberNav .selected {padding:9px 10px 11px; border:1px solid #666; border-bottom:3px solid #fff; background-color:#FFF;}
#uberOption,.uber p {font-size:13px;}
.uber form {display:block; text-align:right;}
.uber input[type=submit] {padding:3px 5px 3px 25px; color:#000; margin-bottom:20px;}
#uberOption {}
#uberOption {margin:0; padding:0; width:99%;}
#uberOption li {
margin-top:2px;
margin-right:8px;
float:left;
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#uberOption div {display:inline;}
#uberInhalt p.autor {margin-top:36px; padding:0;}
#uberInhalt p.kosten,#uberInhalt p.grosse,#uberInhalt p.seite,#uberInhalt p.isbn {margin:0; padding:0;}
img#cartButton {position:relative; left:24px; top:1px;z-index: 12;}
#uberInhalt h2 {font-size:14px; font-weight:bold; padding:20px 0 10px 0;}
#uberInhalt p {font-size:14px; padding:6px 0;}
.uberBuch #uberOption {
clear:left;
margin-bottom:6px !important;
margin-top:10px;
}
#uberInhalt.mitGoogle input[type=submit] {margin-top:93px;}
#uberInhalt button.submitBtn span {padding: 4px 0 1px 27px;}
#uberInhalt button.submitBtn {padding: 0 6px 0 0;margin-bottom: 20px}
.kosten {font-weight:bold; color:#3d3d3d;}
#uberInhalt .lieferung {margin-top:20px;}
#uberInhalt .handler {margin:18px 0;display:block;}
#uberInhalt .weiterLesen {background:transparent url(images/mehr-icon.png) no-repeat scroll 2px 1px;}
#uberInhalt .reltitles {
overflow: auto;
}
#uberInhalt .reltitles p {
padding: 10px 0 0 0;
}
#uberInhalt .reltitles div {
display: inline;
}
#uberInhalt .reltitles .item {
font-size: 14px;
text-decoration: underline;
}
/************** Pageflip *****************/
#pageflip {padding:20px 0;}
#pageflip img {margin:0 5px 0 0; padding:0;}
#pageflip span img {border:1px solid #fff;}
#pageflip span.activeSlide img, #pageflip span.hoverSlide img {border:1px solid #b0b0b0;}
#pageflip .issuu div object{padding:0;}
/********** Zeile verwandte Produkte ****************/
.verwandte {position:relative;}
.verwandte h3 {color:#3d3d3d; font-size:14px;}
.buch {width:121px; height:120px; float:left; margin:10px 6px 20px; text-align:center;}
.buch a,.buch span {color:#333; font-size:12px;}
.buch a:hover {color:#999;}
.buch span {color:#666;}
.buch img {padding:0;}
.buchHidden {display:none;}
.verwandte .weiterLesen {background:transparent url(images/mehr-icon.png) no-repeat scroll 2px 1px;}
/**************************************************/
/************* Übersicht Kontakt ***********/
.pressemeldungen h1,#kontaktName h1,.erweiterteSuche h1,.unternehmensseiten h1,#listenSeiten h1,.suchergebnisse h1,#merkzettel h1,.uberKontakt h1 {font-size:24px; color:#000; font-weight:bold; padding-top:0;padding-bottom: 40px;}
#allBcards h2 {font-size:18px; font-weight:bold; padding-top:0; }
#merkzettel p,.pressemeldungen p,#listenSeiten p,.erweiterteSuche p,.suchergebnisse p,#merkzettel p,.uberKontakt p, .unternehmensseiten p {font-size:16px; color:#333; padding-bottom:10px;}
.uberKontakt {padding-bottom:0;}
.uberKontakt p a {color:#000;}
.uberKontakt p a:hover {color:#666;}
#allBcards h2 {padding-top:10px;}
.bcard p {position:absolute; bottom:10px;}
.bcard a.weiterLesen {color:#000; font-weight:bold;}
.bcard a.weiterLesen:hover {color:#666;}
/**************************************************/
/************* Kontaktformular *******************/
#kontaktFormular {}
#kontaktFormular img {float:left; margin-right:5px;}
#kontaktInfo {color:#000;}
#kontaktInfo p,#kontaktInfo a {padding:0;}
#kontaktInfo {font-size:13px;}
#kontaktInfo h4,#kontaktInfo h5 {font-size:14px; font-weight:bold; color:#000;line-height:14px;}
#kontaktInfo h5 {color:#666; padding-bottom:15px;}
#kontaktInfo #infos2 {padding-top:60px;}
#infos2 img {margin-right:5px;}
#erklaerung {font-size:12px; width:520px; margin-top:20px;}
#submitKontakt {width:521px;height:50px;text-align:right;}
#sicherheitscode {width:60px;}
#kontaktName h1{padding-bottom: 20px}
#kontaktFormular button span {color:#666;}
#kontaktInfo #infos2 a{color: #000}
#kontaktFormular input.emailTo {
border-style: none;
color: inherit;
font-size:inherit;
font-weight: inherit;
width: 300px;
}
#kontaktInfo a.download {
background-position:0 1px;
padding-left:14px;
text-decoration: underline;
}
/**************************************************/
/**************** Merkzettel **********************/
#merkzettel table {width:100%;}
#merkzettel th {font-size:12px; text-align:left;}
#merkzettel .spacer td {height:20px; border-bottom:1px solid #696969; border-top:1px solid #696969; padding:0!important;}
#merkzettel .spacer.first td {border-top:1px solid #696969;}
#merkzettel .spacer.last td {border-bottom:1px solid #696969;}
.merkBuch {}
.merkBuch p {padding:0 0 5px;}
.merkBuch {font-size:12px; vertical-align:top;}
.merkBuch h4,.merkBuch h5 {font-size:14px; color:#000;}
.merkBuch h5 {color:#333;}
.merkBuch h4 a {color:#000;}
.merkBuch h4 a:hover {color:#666;}
.merkBuch td {padding:7px 10px 7px 0; text-align:left;}
.merkBuch a {}
.merkBuch {width:75px;}
#merkzettel .merkBuch .merkKosten {text-align:right!important; position:relative;}
.merkBuch .merkKosten input[type=submit] {position:relative; bottom:0; right:-10px; color:#000; margin-top:40px;}
.merkBuch .merkKosten .preis {color:#000;}
#gesamtsumme input[type=submit] {padding:3px 5px 3px 25px; color:#000; display:inline; margin:0;}
#gesamtsumme {color:#000;}
#gesamtsumme td {padding:10px 0;}
.gesamtKosten {margin-left:20px;}
.merkBuch .merkKosten{padding-right: 0;}
.merkBuch .merkKosten .trash {margin-left:60px;}
#merkzettel .merkAuflage {width:146px;}
#merkzettel .merkAuflage p {font-size:12px; color:#666;}
.merkBeschreibung {width:210px;}
#merkzettel .merkBuch .merkBeschreibung p {vertical-align:bottom; padding:7px 0 0;}
.pressDatum {color:#000;}
.presseHerunterladen a {margin-right:5px;}
td.pressbilderLink {padding-right:0;}
#merkzettel .merkBeschreibung p.autor {font-size:12px;}
#merkzettel img#cartButton {left:30px;}
#merkzettelLinks {font-size:13px;}
#merkzettelLinks a{margin-right: 10px;}
.pagesRow td {padding:8px 0;}
.pages {float:right;font-size:12px; font-weight:bold; color:#000;}
.pages a {font-weight:400; padding:3px; margin:0 3px;}
.pages a.selected {}
.spacer,table#merkBuch {border-bottom:1px solid #696969; border-top:1px solid #696969;}
#merkzettel #gesamtsumme{border-bottom: 0;}
.merkKosten button.submitBtn{padding:0 6px 0 0;margin-right: 0;margin-top: 31px;}
.merkKosten button.submitBtn span{padding: 4px 0 1px 8px;}
#gesamtsumme p {font-size:14px; font-weight:bold; color:#000;}
#gesamtsumme button.submitBtn{padding:0 6px 0 0;margin-right: 0;}
#gesamtsumme button.submitBtn span{padding: 4px 0 1px 28px;}
/**************************************************/
/**************** Suchergebnisse große Teaser ******************/
.searchOptions {position:relative; font-size:12px; font-weight:bold; color:#333; vertical-align: baseline;}
.searchOptions a {color:#666; padding:2px 5px; margin:0; text-decoration:underline;}
.searchOptions a:hover {color:#000;}
.searchOptions .pages a.selected {border:1px solid #333; text-decoration:none;}
.searchOptions a.selected {text-decoration:none; color:#333;}
.suchergebnisse h1{padding-bottom: 20px;}
/**************************************************/
/**************** Suchergebnisse gemischt (Produkte und Textseiten) *******/
.textErgebnis {padding-bottom:20px; color:#666;}
.textErgebnis h3 {font-size:16px; font-weight:bold;}
.textErgebnis h3 a {color:#666; text-decoration:underline;}
.textErgebnis p a {color:#000;}
.textErgebnis p a:hover, .textErgebnis h3 a:hover {color:#333;}
.textErgebnis strong {color:#333;}
.textErgebnis p {padding-bottom:0;}
.textErgebnis.last {border-bottom:1px solid #696969;}
.searchOptions.textseiten .sort h2 {font-size:16px; font-weight:bold; padding:0; margin:0; }
.searchOptions.textseiten .sort h2 a {padding:0;}
/*********** Suchergebnisse kleine Teaser ***********/
#kleineTeaser {}
.kleineTeaser {height:110px }
.kleineTeaser img {margin-left:35px;}
.kleineTeaser h3 {padding-bottom:0;}
.kleineTeaser h3,.kleineTeaser h4 {font-size:12px; line-height:12px; text-align:center; font-weight:400;}
.kleineTeaser h4 {color:#666; padding-top:2px;}
.kleineTeaser a {color:#000;}
.kleineTeaser a:hover {color:#666;}
/***************** A-Z Listen *********************/
#listenSeiten {}
#listen {}
#listen ul {margin:0; padding:0 0 20px; list-style:none;}
#listen li {margin:0; padding:0; font-size:16px; color:#000;}
#listen a {margin:0; padding:0 0 0 40px;}
#listen .first {margin:0 0 -20px; padding:0;}
a.abstand {margin-right:20px; text-decoration:underline;}
span.abstand {margin-right:20px; text-decoration:underline}
span.abstand:hover {color:#000;}
span.nachOben {padding-left:40px; padding-right:15px; background: transparent url('images/mehr3-icon.png') no-repeat; background-position: center right; white-space: nowrap; cursor:pointer;}
span.nachOben:hover {color:#000;}
/***************** Sitemap ************************/
#sitemap ul li {list-style:none; padding:5px 0;}
#sitemap ul {padding:0;}
#sitemap ul li a {color:#000; font-weight:bold;text-decoration:none;}
#sitemap ul li a:hover {color:#666;}
#sitemap ul li ul {padding:5px 0 5px 20px;}
#sitemap ul li ul li {padding:2px 0;}
#sitemap ul li ul li a{color: #666;}
#sitemap ul li ul li a:hover{color: #000;}
#sitemap ul li ul li ul li {padding:0;}
#sitemap ul li ul li ul li a {color:#666; font-weight:normal;}
#sitemap ul li ul li ul li a:hover {color:#000;}
/**************************************************/
/**************** Erweiterte Suche ****************/
.line {border-bottom:1px solid #696969;}
#erweiterteSucheForm select{margin:0 215px 10px 0;width:140px;}
#erweiterteSucheForm button.submitBtn{float:right;margin:10px 72px 30px 0;}
#erweiterteSucheForm button.submitBtn span{color:#666;}
#erweiterteSucheForm .xe-label {
width: 160px; font-size:13px; font-weight:normal; color:#000;
}
#erweiterteSucheForm .textfield {
width:350px;
margin-bottom: 10px;
}
#erweiterteSucheForm .isbn {
margin-bottom: 20px;
}
/**************************************************/
/**************** Textseiten (Unternehmen, Über uns ...) ***************/
.unternehmensseiten h2 {font-size:18px; font-weight:bold; padding-top:20px;}
.unternehmensseiten p {padding-bottom:15px;}
.unternehmensseiten li {padding-bottom:10px; list-style-type:square;}
.imageWcaption {padding:0 0 20px 0;display:block;}
.imageWcaption .credit {font-size:12px; color:#999; float:right; display:block; text-align:right;}
.imageWcaption .caption {font-size:12px; color:#000; display:block; margin-top:1.5em; text-align:left;}
.unternehmensseiten a{text-decoration: underline;}
img.icon{margin-right: 5px;margin-left: 5px;}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
.imageBox, .imageBoxcenter {
display:block;
}
.imageBoxcenter .imageWcaption {
margin-left:auto;
margin-right:auto;
}
.imageBoxright {
float:right;
padding-left:20px;
display:block;
}
.imageBoxleft {
float:left;
padding-right:20px;
display:block;
}
.underline {
text-decoration: underline;
}
/**************************************************/
/**************** Warenkorb ***********************/
#warenkorb {padding-bottom:0; border-bottom:0; }
#warenkorb h1 {padding-top:0; padding-bottom:30px; text-align:left; line-height:1em;}
#warenkorb h1 {font-size:24px; font-weight:bold;}
#warenkorb input[type=text] {width:20px; margin:0px 0 3px 0;font-size:14px;}
div.haendlersuchemailbody {visibility:hidden;}
.notepadmailbody {visibility:hidden; width:0px; height:0px;}
.warenkorbUpdate { width:10px; height:10px; background: transparent url(images/refresh-icon.png) no-repeat center center}
.warenkorbRemove { width:11px; height:16px; background: transparent url(images/trash-icon.png) no-repeat center 2px}
.warenkorbCopy { width:16px; height:16px; margin-right: 5px; background: transparent url(images/merk-icon.png) no-repeat center 1px}
#warenkorb div {
white-space: normal;
}
#warenkorb .warenkorbRow {
margin-top:20px;
border-top:1px solid #696969;
border-bottom:1px solid #696969;
height:89px;
}
#warenkorb .warenkorbHeader {
border-top:0 none transparent;
margin-top:0;
margin-bottom:0;
height:auto;
}
#warenkorb .warenkorbTotal {
border-bottom:0 none transparent;
height:auto;
margin-bottom: 20px;
}
#warenkorb .warenkorbRow td {
vertical-align:top;
}
#warenkorb .warenkorbHeader td {
vertical-align:bottom;
}
#warenkorb .warenkorbRow .col1,
#warenkorb .warenkorbRow .col2,
#warenkorb .warenkorbRow .col3,
#warenkorb .warenkorbRow .col4,
#warenkorb .warenkorbRow .col5,
#warenkorb .warenkorbRow .col6,
#warenkorb .warenkorbRow .col7 {
white-space:normal;
margin-right:5px;
margin-top: 7px;
margin-bottom: 7px;
}
#warenkorb .col7 {
margin-right:0 !important;
width: 161px !important;
}
#warenkorb .warenkorbOrderSpacer {
width:100%;
}
#warenkorb .warenkorbHeader {
font-size:12px;
font-weight:bold;
}
.warenkorbOrder {
margin-bottom: 15px;
}
.paddingLeft{
padding-left:20px;
}
.mailButtonPadding{
margin-left:10px;
}
.notepadTitle,
.notepadTitle a {
font-size:14px;
color:#000;
}
.notepadTitle a:hover {
color:#666;
}
.notepadSubtitle {
font-size:14px;
line-height:1.25;
}
.notepadCopyright,
.notepadInfoBlock {
font-size:12px;
font-weight: 400;
color:#666666;
}
.notepadCopyright {
color:#333333;
position:relative;
padding-top:1em;
}
.xeButton button.notepadCopy {
padding: 2px;
}
.notepadCopyContainer {
margin-top: 31px;
}
.notepadCopyAllContainer {
width: 310px !important;
}
.notepadCopyContainer, .notepadCopyAllContainer {
text-align: right;
}
.notepadPriceSum {
color:#000000;
font-size:14px;
font-weight:bold;
margin:10px 0 10px;
}
.notepadPriceSum .label {
padding-right: 10px;
}
#warenkorb .warenkorbTitle,
#warenkorb .warenkorbTitle a {
font-size:14px;
color:#000;
}
#warenkorb .warenkorbTitle a:hover {
color:#666;
}
#warenkorb .warenkorbSubtitle {
font-size:13px;
}
#warenkorb .warenkorbCopyright,
#warenkorb .warenkorbInfoBlock {
font-size:12px;
}
#warenkorb .warenkorbCopyright {
position:relative;
padding-top:1em;
}
.notepadPrice,
#warenkorb .warenkorbPrice,
#warenkorb .warenkorbPriceTotal {
color:#000000;
font-size:14px;
}
#warenkorb .warenkorbTotal .summe,
#warenkorb .warenkorbTotal .warenkorbPrice {
color:#000000;
font-size:14px;
font-weight:bold;
margin:10px 0 10px;
}
#warenkorb .summe {
}
#warenkorb .kaufeButtonLabel {
color:#000;
font-weight:bold;
}
#warenkorb .kaufeButton {
margin-left: 10px;
margin-right: 5px;
cursor: pointer;
}
/**************************************************/
/**************** Pressemeldungen *****************/
.pressemeldungen table {width:100%; margin-top: 20px}
.pressemeldungen td p {font-size:12px;}
.pressemeldungen th {font-size:12px;}
.pressemeldungen th, .katalogewerbemittel th, .einPressemitteilung td {text-align:left;padding-right:20px;}
.pressemeldungen .einPressemitteilung td {padding-top:7px;padding-bottom:7px;}
.pressemeldungen .col1 {width:75px;}
.pressemeldungen .col2 {width:210px;}
.pressemeldungen .col3 {width:81px;}
.pressemeldungen .col4 {width:86px;}
.pressemeldungen .col5 {width:87px;padding-right:0;}
.pressemeldungen .pagesRow td {padding: 0;}
.einPressemitteilung {}
.einPressemitteilung p {padding:0 0 5px;}
.einPressemitteilung {font-size:12px; vertical-align:top;}
.einPressemitteilung h4,.einPressemitteilung h5 {font-size:14px; color:#000;}
.einPressemitteilung td, .einPressemitteilung th {border-bottom:1px solid #696969;}
.einPressemitteilung td {border-top:1px solid #696969;}
.pressemeldungen .einPressemitteilung .pressBeschreibung p {vertical-align:bottom; padding:7px 0 0;}
.pressDatum, .pressBeschreibung a:link,.pressBeschreibung a:visited {color:#000;}
.einPressemitteilung h5,.pressBeschreibung a:hover {color:#666;}
.presseHerunterladen a {border-bottom:1px solid #666; margin:0 5px 0 2px;}
.pressbilderLink a {border-bottom:1px solid #666;}
/**************************************************/
/**************** googlemaps *****************/
.gmmap b{color:#000}
.gmmap{color:#000;font-size:14px;}
.gmmap p{padding:10px 0 10px 0;color:#333;line-height:16px;}
.gmmap a{
padding-left: 15px;
background: transparent url('images/gmicon.gif') no-repeat 2px 1px;
white-space: nowrap;
}
/**************************************************/
.pagesRow .searchOptions {
padding: 10px 0 6px;
}
.katalogewerbemittel table {width:100%; margin-top: 20px}
.katalogewerbemittel .col1 {width:135px;}
.katalogewerbemittel .col2 {width:220px;}
.katalogewerbemittel .col1_2 {width:387px;}
.katalogewerbemittel .col3 {width:225px;padding-right:0;}
.katalogewerbemittel .einPressemitteilung td {
padding-bottom:7px;
padding-top:7px;
}
.katalogewerbemittel ul {
padding: 0;
}
.katalogewerbemittel ul, .katalogewerbemittel li {
list-style-type:none;
}
.katalogewerbemittel .presseHerunterladen a {
text-decoration: none;
}
.katalogewerbemittel .pagesRow .searchOptions {
padding:10px 0 22px 6px;
margin-top: 0;
}
div.pager {
display: inline;
padding-left: 4px;
}
.pagesRow .pages a.searchresult-pager-link-current {
border:1px solid #333;
text-decoration:none;
}
.uberBox {
margin-top:10px;
}
#uberInhalt .tab_content {
display: none;
}
#uberInhalt .tab_content_selected {
display: block;
}
.uberKontakt .bcard p,.teaser p {font-size:12px; padding-top:1em; padding-bottom:0;}
a.merk, a.cart, a.mail, a.drucken, a.rss, a.download {
padding-left: 18px;
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
}
a.merk {
background-image: url('images/merk-icon.png');
padding-left: 20px;
padding-top: 1px;
cursor: pointer;
}
a.cart {
background-image: url('images/cart-icon.gif');
padding-top: 2px;
}
a.mail {
background-image: url('images/mail-icon.png');
background-position:0 2px;
}
a.drucken {
background-image: url('images/drucken-icon.png');
padding-top: 1px;
background-position:0 1px;
}
a.rss {
background-image: url('images/rss-icon.png');
}
a.download {
background-image: url('images/herunterladen-icon.gif');
padding-left: 15px;
background-position: 0 3px;
}
.katalogewerbemittel .presseHerunterladen a.download {
background-position: 0 1px;
}
.listHeader span {
cursor:pointer;
}
/* sort */
.searchOptions div.sort {
margin-bottom: 2px;
float: left;
}
.searchOptions .sortcurrent {
font-weight: bold;
color: #000000;
}
.searchOptions .sortascending {
background-image: url('images/aufwaerts.gif');
background-repeat: no-repeat;
background-position: center right;
padding-right: 12px;
}
.searchOptions .sortdescending {
background-image: url('images/abwaerts.gif');
background-repeat: no-repeat;
background-position: center right;
padding-right: 12px;
}
.xeButton {
background:transparent url('images/buttonsprite.jpg') no-repeat scroll left -42px;
display:inline;
padding:3px;
position:relative;
}
.xeButton .buttonRight {
background:transparent url('images/buttonsprite.jpg') no-repeat scroll right -124px;
padding-bottom:3px;
position:absolute;
right:0;
top:0;
}
.xeButton .buttonIcon {
left:4px;
position:absolute;
top:6px;
}
.xeButton button {
background-color:transparent;
font-size:13px;
font-weight:bold;
margin-top:0;
padding:0 2px 2px 23px;
text-align:center;
line-height:100%;
}
.uberBox .shoppingbasketbuyblock table {
display: inline;
}
.uberBox .shoppingbasketbuyblock td {
text-align: right !important;
}
#amazoncontinuebutton {
text-decoration: underline;
font-weight: bold;
padding-bottom: 20px;
color: #000000;
}
.uberBox li.notepadbuy {
display:inline;
position:relative;
margin-right: 10px;
line-height:100%;
}
.uberBox div.notepadbuy {
display:block;
float:left;
}
.uberBox .notepadbuy img.notepadButton {
margin-top: -2px;
}
.uberBox .notepadbuy button {
background-color:transparent;
background-image:none;
color:#666666;
font-size:13px;
margin:0 -2px 0 0;
padding-left:2px;
}
.uberBox .notepadbuy button:hover {
color: #000000;
}
input.xe-editfield-invalid, select.xe-editfield-invalid, .checkbox-invalid input {
border-style:solid;
border-color: #000000;
}
.xe-validation-message {
font-size:10px;
}
.passwortvergessen #kontaktFormular {
border-top:0 none transparent;
}
.passwortvergessen legend {
white-space: normal;
}
/* ----- clear fix for floats ----- */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */
.newslettersignup {
border: 0 none transparent;
overflow: hidden;
}
.newslettersignup-de {
height: 207px;
}
.newslettersignup-en {
height: 180px;
}
/**************** ENDE *****************/