body {
    background-color: #eee;
    font-family: Lucida Grande, verdana, helvetica, arial, sans-serif;
    font-size: 11px;
    line-height: 170%;
    margin: 0;
}
#trick {
    position: absolute;
    left: 50%;
    z-index: 0;
}
#trickin {
    position: relative;
    margin-left: -480px;
    z-index: 100;
}



#catmenu {
    background-color: #aaafaa;
    position: relative;
    top: 3px;
}
#catform {
    background-color: #aaafaa;
    position: relative;
    top: 0;
}




img {
    border: 0;
}
td {
    vertical-align: top;
}
.clear {
    clear: both;
}
.small {
    font-size: 80%;
}

.hidescreen {
    display: none;
}
a {
    text-decoration: none;
}

#content {
    position: relative;
    top: 0;
    margin-left: 0;
    background-color: #fff;
    width: 960px;
}

#header {
    position: relative;
    background-color: #54226C;
    height: 70px;
}
#header #mainmenu {
  color: #fff;
  position: absolute;
  top: 45px;
  right: 24px;
  width: 480px;
  text-align: left;
}
#header #mainmenu p {
  padding: 0;
  margin: 0;
}
#header #mainmenu a:link, 
#header #mainmenu a:visited {
  color: #fff;
  text-decoration: none;
}
#header #mainmenu a:hover, 
#header #mainmenu a:active, 
#header #mainmenu a:focus {
  background-color: #fff;
  color: #54226C;
  text-decoration: none;
}





#logo {
    position: relative;
    top: 0;
    left: 25px;
}
#portalinfo{
    position: absolute;
    right: 25px;
    top: 0;
}

#bodytext {
    position: relative;
    margin: 30px;
    margin-right: 0;
    color: #020;
}

#menu {
    background-color: #54226C;
    position: relative;
    padding-top: 4px;
    padding-bottom: 3px;
}
#cart {
    position: fixed;
		bottom: 0;

		width: 960px;
	
	
	
    background-color: #fc3;
    padding-top: 8px;
    padding-bottom: 8px;
}
#footer {
    border-top: 1px solid #54226c;
    position: relative;
    margin-top: 30px;
    background-color: #eee;
    text-align: center;
    padding-top: 12px;
		padding-bottom: 50px;
    font-size: 11px;
}
#shadow {
    position: absolute;
    right: -20px;
    top: 0;
    background-image: url(../_images/shadow.jpg);
    background-repeat: repeat-y;
    background-position: top left;
    width: 20px;
    height: 100%;
}


/* Formatierungen */

#bodytext a:link {
    color: #54226c;
    }
#bodytext a:visited {
    color: #000;
}
#bodytext a:hover, #bodytext a:active, #bodytext a:focus {
    background-color: #54226c;
    color: #fff;
    text-decoration: none;
}
h1 {
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 150%;
}
h2 {
    color: #54226c;
    font-size: 16px;
    margin-bottom: 0.5em;
    margin-top: 2.0em;
    padding: 0;
}
h3 {
    font-size: 14px;
}
p {
    margin-bottom: 0.5em;
    margin-top: 0;
    padding: 0;
}


.first {
    margin-top: 0;
}
.solo {
    margin-right: 30px;
}

fieldset {
    border: 1px dotted #999;
    margin-bottom: 30px;
    padding: 10px;
}
legend {
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}


table.layout {
    position: relative;
}
table.layout td {
    position: relative;
    padding-right: 30px;
    width: 435px;
}

table.layout td.threecols {
    width: 33%;
}
table.layout td.fourcols {
    width: 25%;
}

 table.listing,  table.listing_3_cols{  position: relative;}
 table.listing td,  table.listing_3_cols td {
    position: relative;
    padding-right: 30px;
    width: 50%;
}
 table.listing_3_cols td { width: 33%; }

 table.listing_ td.threecols { width: 33%; }
 table.listing td.fourcols { width: 25%; }


 table.layout3 {
    position: relative;
    margin-bottom: 2.0em;
}
 table.layout3 td {
    background-color: #dddedd;
    background-image: url(../_images/bg-teaser.gif);
    background-position: top left;
    background-repeat: repeat-x;
    border-right: 10px solid #fff;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    width: 270px;
}
 table.layout3 h2 {
    background-color: #000;
    color: #fff;
    font-weight: normal;
    font-size: 100%;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}
 table.layout3 img {
    border: 1px solid #fff;
    margin-top: 1em;
}

 ol {
    margin-left: 0;
    padding-left: 2.0em;
}



 img.imgleft {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}
 img.illu {
    margin-bottom: 20px;
}

 div.cattitle {
    position: relative;
    margin-bottom: 2em;
}
 div.cattitle img {
    position: relative;
    z-index: 10;
    float: left;
    border: 1px solid #ccc;
    margin-right: 1em;
    margin-bottom: 1em;
}
 div.cattitle p {
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
}
 div.cattitle h2 {
    letter-spacing: 0.1em;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: none;
}

 a.subnav {
    background-image: url(../_images/icon-subnav.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
}
 a.backnav {
    background-image: url(../_images/icon-backnav.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
}
 a.extern {
    background-image: url(../_images/icon-extern.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 15px;
}
 p.feedback {
    background-color: #000;
    color: #fff;
    padding: 3px;
}

p.subnav {margin-top: 24px;}
p.subnav .current {	font-weight: bold;}


#footer p {
    margin: 0;
}
#footer a:link, #footer a:visited {
    color: #020;
}
#footer a:hover, #footer a:active, #footer a:focus {
    color: #020;
    text-decoration: underline;
}


#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 30px;
    padding-top: 10px;
}
#menu li {
    display: inline;
    margin: 0;
    padding: 0;
}
#menu a {
    border-right: 1px solid #733199;
    border-left: 1px solid #733199;
    border-top: 1px solid #733199;
    border-collapse: collapse;
    border-spacing: 0 0;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-decoration: none;
    line-height: 100%;
}
#menu a:link, #menu a:visited {
    color: #fff;
}
#menu a:hover, #menu a:active, #menu a:focus {
    background-color: #733199;
    color: #fff;
}
#menu a.current:link, #menu a.current:visited {
    background-color: #733199;
    color: #fff;
}


#cart p {
  color: #630;
  text-align: center;
  font-size: 16px;
  padding: 0; margin: 0;
}
#cart a:link, #cart a:visited {
  border-right: 4px solid #630;
  border-left: 4px solid #630;
  background-color: #630;
  color: #fc3;
}
#cart a:hover, #cart a:active {
  border-right: 4px solid #960;
  border-left: 4px solid #960;
  background-color: #960;
  color: #fff;
}


#catmenu h2 {
    color: #020;
    display: inline;
    font-size: 1em;
    margin-left: 30px;
    text-transform: uppercase;
}
#catmenu ul {
    position: absolute;
    top: 0;
    left: 150px;
    background-color: #aaafaa;
    border-bottom: 1px solid #aaafaa;
    font-size: 1em;
    list-style: none;
    margin: 0;
    padding: 0;
}
#catmenu li {
    display: inline;
    margin: 0;
    padding: 0;
}
#catmenu a {
    border-right: 1px solid #020;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}
#catmenu a:link, #catmenu a:visited {
    border-bottom: 1px solid #aaafaa;
    border-top: 1px solid #aaafaa;
    color: #020;
}
#catmenu a:hover, #catmenu a:active, #catmenu a:focus {
    background-color: #fff;
    border-bottom: 1px solid #020;
    border-top: 1px solid #020;
    color: #020;
}



#catmenu a.current:link, #catmenu a.current:visited {
    background-color: #000;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    color: #fff;
}



#catform h2 {
    color: #020;
    display: inline;
    font-size: 1em;
    text-transform: uppercase;
}
#catform form {
    color: #020;
    margin: 0;
    padding-left: 150px;
    padding-top: 10px;
}
#catform p {
    display: inline;
    font-size: 80%;
}



img.noborder {
    border: 0;
}
table.warenkorb {width:100%;}
table.warenkorb tr th {background-color: #eee;}
table.warenkorb tr.odd {background-color: #efe; }
table.warenkorb tr.even {background-color: #ded; }
table.warenkorb tr.sum {background-color: #eee; font-weight: bold; }
table.warenkorb tr td.num {text-align:right; }
table.warenkorb tr td.num input.num {text-align:right; }
#bodytext div.order table tr td fieldset {margin-bottom: 0px;}
span.formerror {color:red;}
h2 span.next {
  font-size:x-small;
  color:#666;
}
h2 span.current {
}
h2 span.ok {
  text-decoration:none;
  font-size:x-small;
  color:#666;
}


#novitaeten, #nentwig, #blecher, #ethik, #buerger, #frei {
  display: none;
}



#katalog {
    border-top: 3px solid #eee;
    width: 100%;
}
#katalog h2.head {
    width: 100%;
    background-color: #54226c;
    color: #fff;
    text-align: center;
    font-weight: normal;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}





#katRubriken {
    display: table-cell;
    background-color: #eee;
}
#katRubriken ul {
    margin: 0;
    margin-bottom: 24px;
    padding: 0;
    list-style-type: none;
    font-size: 10px;
    width: 200px;
}
#katRubriken ul li a {
    display: block;
    margin: 0;
    padding: 1px 5px 1px 5px;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
#katRubriken ul li a span.num {
    letter-spacing: 1px;
}

#katRubriken ul li a.level1:link,
#katRubriken ul li a.level1:visited {
    color: #000;
}
#katRubriken ul li a.level1:hover,
#katRubriken ul li a.level1:active {
    background-color: #54226c;
    color: #fff;
}
#katRubriken ul li a.level1current:link,
#katRubriken ul li a.level1current:visited {
    background-color: #fff;
    color: #54226c;
}
#katRubriken ul li a.level1current:hover,
#katRubriken ul li a.level1current:active {
    background-color: #fff;
    color: #54226c;
    font-weight: bold;
}

#katRubriken ul li a.level2:link,
#katRubriken ul li a.level2:visited {
    color: #000;
    margin-left: 10px;
    font-size: 9px;
}
#katRubriken ul li a.level2:hover,
#katRubriken ul li a.level2:active {
    background-color: #54226c;
    color: #fff;
    margin-left: 10px;
    font-size: 9px;
}
#katRubriken ul li a.level2current:link,
#katRubriken ul li a.level2current:visited {
    background-color: #fff;
    color: #54226c;
    margin-left: 10px;
    font-size: 9px;
}
#katRubriken ul li a.level2current:hover,
#katRubriken ul li a.level2current:active {
    background-color: #fff;
    color: #54226c;
    margin-left: 10px;
    font-size: 9px;
    font-weight: bold;
}





#katBody {
    display: table-cell;
    background-color: #fff;
    padding-left: 12px;
    padding-right: 12px;
}
#katBody .service {
    color: #999;
    font-size: 11px;
    text-align: right;
    width: 100%;
    margin-bottom: 12px;
    padding-top: 6px;
}

.katalogindex {
    border-top: 1px dotted #000;
    display: inline-block;
    min-height: 200px;
    margin-right: 12px;
    margin-bottom: 12px;
    font-size: 10px;
    padding-top: 4px;
    vertical-align: top;
    width: 100%;
}

#katBody .katalogindex {
    width: 30%;
}


.katalogindex div.cover {
    float: left;
    margin-right: 12px;
}
.katalogindex p.rubrik {
    color: #999;
    padding: 0;
    margin: 0;
}
#katBody a:link,
#katBody a:visited  {
    color: #54226c;
    text-decoration: none;    
}
#katBody a:hover,
#katBody a:active  {
    color: #fff;
    background-color: #54226c;
    text-decoration: none;    
}



.katalogindex p.autor {
    padding: 0;
    margin: 0;
}
.katalogindex p.hrsg {
    font-style: italic;
    padding: 0;
    margin: 0;
}
.katalogindex p.untertitel {
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.katalogindex p.detaillink {
    padding: 0;
    margin: 0;
}
.katalogindex h2 {
    clear: both;
    padding: 0;
    margin: 0;
    padding-top: 6px;
    font-size: 13px;
}




.katalogdetail {
}

.katalogdetail h1 {
    padding: 0;
    margin: 0;
    margin-top: 18px;
    margin-bottom: 4px;
}

.katalogdetail p.autor {
    font-size: 12px;
}
.katalogdetail p.hrsg {
    font-size: 12px;
    font-style: italic;
}
.katalogdetail p.rubrik {
    color: #666;
    font-size: 10px;
    padding-bottom: 40px;
}
.katalogdetail p.untertitel {
    font-size: 14px;
    margin-bottom: 14px;
}





.angaben {
    background-color: #eee;
    margin-top: 2em;
    border-top: 2px solid #54226c;
    border-bottom: 2px solid #54226c;
    padding-left: 12px;
}
.angaben h3 {
    padding: 0;
    margin: 0;
    margin-top: 14px;
}
.slideshow {
    text-align: center;
}
.tagcloud {
    margin-top: 2em;
    line-height: 30px;
}



/* BlŠttern */
div.nav a.button,
div.nav a.buttoncurrent {
  color:#fff;
  border-left:3px solid #fff;
  border-right:3px solid #fff;
  padding:0.25em 0.5em 0.25em 0.5em;
  text-decoration:none;
}
div.nav a.button:link, div.nav a.button:visited {
  background-color:#fff;
}
div.nav a.button:hover, div.nav a.button:active, div.nav a.button:focus {
  background-color:#fff;
}
div.nav a.buttoncurrent {
  background-color:#ccc;
}