body {
    padding: 20px 0;
    margin: 0;
    /* background: rgba(242, 242, 242, 0.100); */
    background:#ffff99;
    color: #000;
    font-size:12px;
    font-family:verdana,arial,helvetica,sans-serif;
}

h1 {margin-bottom:4px;margin-top:0;font-size:14px;font-weight:bold;}
h1.assoziation {margin-bottom:4px;margin-top:0  ;text-indent:4px;}
h1.assoziation a {font-size:18px;color: #000;font-weight:bold;}
.pagehead {margin-bottom:4px;margin-top:0;font-size:12px;font-weight:bold;color:#000000;}
.subhead {font-size:14px;color:#000099;}
.tabtext {padding:2px;font-size:12px;}
h2.error {font-size:1.2em;}

a {color:#000080;}
a:link {color:#000080;text-decoration:none;font-weight:normal;font-size:12px;}
a:visited {color:#000080;text-decoration:none;font-weight:normal;font-size:12px;}
a:active {color:#000080;text-decoration:none;font-weight:normal;font-size:12px;}
a:hover {color:red;text-decoration:none;font-weight:normal;font-size:12px;}

header h1, header h2, header h3, header h4, header h5  {font-size: 12px; margin:0;}
section h1, section h2, section h3, section h4  {font-size: 12px;}

section .pic {display: inline-block; width: 100px; }
section .head {display: inline-block; width:auto; max-width: 610px; vertical-align: top; margin: 0;}
section .pic, section .head {height: 110px;vertical-align: top; margin: 2px 0;}
section h1 {margin-top: 0;}
section .backlink {text-align: right;padding: 4px 0 8px 0;}

article h1 {margin-bottom: 8px;}
article .contents {margin-bottom: 8px;}

.breadcrumb {background:#ffff99;font-size:12px;padding-left:0;}

.booklist {padding:0;font-size: inherit;margin-top:12px;border-bottom:1px solid #f3f3f3;}
.author {margin:0;vertical-align:text-top;}
.authorlist {font-weight: normal; margin: 8px 0;}
.titel {margin-top:12px;font-weight: bold;}
.utitel {margin-top: 4px;font-weight: normal;}
.uebersetzung {margin-top: 8px;}
.isbn_etc {margin-top: 8px;}
.extras {margin-top: 8px;}
.bdetails {font-size:smaller;margin:12px 0 0 0;}

.text {margin-top: 6px; line-height: 150%}
.cover {width: 120px;font-size: 90%;}
.cover a {font-size: 90%; }
.cover div {margin-top:3px;width: 200px;}

.bumper {height: 16px;}
/* div */
.headl {margin: 16px 0 4px; font-weight: bold;}
.addon {margin:15px 0;}
.addon div {margin:0; padding: 2px 0;}
.addon p {font-weight: bold; margin:0; padding: 2px 0;}
.addon li {list-style: none;}

.issue {margin:15px 0;}
.issue div {margin: 2px 0;}
.issue p {font-weight: bold; margin:0; padding: 2px 0;}
.issue li {list-style: none; margin:2px 0;}

.cartShort {position:absolute;top:0;z-index:100;width:180px;background: #333333;color: floralwhite;border:1px solid #e5e5e5;}
.cartShort a {color: floralwhite;}
.preis {text-align: right;}
.cart input[type=text] {display:block;width:30px;margin-top:1px;}

.logo {margin-top:4px; font-size: 110%;font-weight: bold;}
#agberror {display: none; color: red; font-size: 110%;}

/* layer */
.hideit {display: none;}

#wk{font-size:12px;;color:red;}
.liste {text-indent:5px;font-size:12px;line-height:4px;margin-top:5px}

.inhalt {display:none;position:fixed;top:0;left:0;background:rgba(128, 128, 128, 0.8);height:100%; width:100%;z-index: 1000;}
#toc {position:relative;background:#fff;color:#000;margin:auto;overflow:auto;top: 40px;width:480px;height: 760px;}
.tocborder {height:20px; width:100%;background: #e0dada;color:#000; text-align:right;border-bottom: 1px solid #e0e0e0;padding:2px;font-size: inherit;}
.tochead h1 {padding:2px;margin:5px;font-size:12px;font-weight:bold;}
.toctext {line-height: 160%;}
.toctext p {padding:2px;font-size:12px;margin:5px;}
/* .close a {border:1px solid #000;padding:0 2px; background: #000; color: #fff;text-decoration: none;} */
.cx {background-color: #000; color: #fff;border:1px solid #fff;padding: 1px;}
.cw {background-color: #000; color: #fff;border:1px solid #fff;padding: 1px;margin-left:-1px;}
.cx:hover, .cw:hover{cursor: pointer;}

.nachoben {display:none;width:150px;padding:0;margin:0;text-align:center;color:#000080;text-decoration:none;position:fixed;}
.nachoben:hover {text-decoration: none;}

.footer{background:#ffffff;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;margin-top:12px;position:fixed;width:100%;height:20px;bottom:0px;margin-top:8px;}
.footertext {font-size:10px;text-indent: 8px;margin:2px 0;}
.footertext a {font-size:10px;}


.navbar,.navbar-inverse {background:#ffff99;border:1px solid #f3f3f3;z-index: 99;}
.nav li a {margin:8px 0px;padding:0;}
.nav-stacked li a {margin:4px -15px;padding:0;}
.nav-stacked li {list-style:none;}
.nav-stacked a {display:block;margin:0;padding:0 2px;}
.nav-stacked a:hover {background: #f8f8f8;}


#agbs {position:absolute;display: none;top:0;width: 100%; height: 101%;background:#333333;color:floralwhite;font-size:14px;opacity:0.95;padding:2px 8px;margin: 0 4px;border:1px solid #e5e5e5; z-index: 1001;}
#agbs .paragraph {font-weight:bold;margin:3px 5px;padding:0;}
#agbs .agb_text {line-height:16px;margin:1px 15px 1px 5px;padding:0;}
#agbs a {color: floralwhite; font-size: 14px;}
#agbs a:hover {color: red; }

.spec h2 {font-weight: bold; margin: 8px 0 8px 0;}
.scart {display: none;}
.cover div {display: block;}
/*
* Sidebar
*/
/* Hide for mobile, show later */

.sidebar {
    display: none;
    margin: 0;
    padding: 0;
}

.topbar {
    display: none;
}

.toprow {
    height: 0;
}
@media (min-width : 320px) {
    body {padding:4px 0;}
    .sidebar {left: 5px;display: block;padding: 0 8px;overflow-x: hidden;overflow-y: auto; /* Scrollable contents if viewport is shorter than content. border-right: 1px solid blue;*/}
    .navbar {position: relative; width: 100%;top: auto;}
    .navbar-stacked>ul{position:relative;border: 1px dotted #008000;}
    .nachoben {bottom: 24px; right: 4px;}
    section .pic {display: none;}
    .cartShort {margin:0 3px;padding: 4px 4px;}
    .cartShort div {line-height: 110%;}
    .scart {display: block;}
    .cover div {display: none;}
    .cover {margin-bottom: 24px;}
}
@media (min-width: 768px)
and (max-width : 1023px) {
    body {padding:4px 0;}
    .sidebar {left: 0;display: block;padding: 0 4px;overflow-x: hidden;overflow-y: auto; /* Scrollable contents if viewport is shorter than content. border-right: 0 solid #000#eee*/;}
    .navbar {position: relative; width: 100%;left:0;margin:0;top: auto;}
    .navbar>ul>li {display:inline-block;padding: 0 2px;border:1px solid #f3f3f3;}
    .nav-stacked {display:block;width: 30%;position:fixed;top:64px;right:4px; z-index: 50; background:#f3f3f3;padding:4px;border:1px solid #e0e0e0;border-radius: 8px;}

    .nav-stacked li a{margin: 2px -15px;}
    .autor:before { content: 'Gesamt nach Autoren'}
    .themen:before {content: 'Gesamt nach Themen'}
    .nachoben {right:8%;bottom: 24px;}
    section .pic {display: inline-block;}
    .nimp {display:none;}
    .cartShort {margin:0 3px;padding: 1px 4px;height:auto;}
    .cartShort div {line-height: 120%;}
    .scart {display: block;}
    .cover div {display: none;}
    .cover {margin-bottom: 24px;}
}

@media (min-width: 1024px) {
    body {min-width: 1070px;padding:20px 0;}
    .content {width: 720px;}
    .toprow {height: inherit;}
    .topbar {display: block;}
    section .pic {display: inline-block;}
    .hideit {display: inline;}
    .nachoben {right:16%;bottom: 24px;}
    .cartShort {margin:0 18px;padding: 2px 8px;height:auto;}
    .cartShort div {line-height: 140%;}
    .navbar {position:fixed;width: 175px;top: 121px;left: 15px;}
    .scart {display: none;}
    .cover div {display: block;}

}
@media print {
    /* hide navigation */
    .navbar {display: none;}
    .topbar {display: none;}
    .footer {display: none;}
    .nop {display: none;}
    #agbs {display: block; position: relative;}
}

.error {color: red;}
.error {margin:5px 0px;font-size:110%;}
.error a {color: red; font-size:110%;}