html,body,li,option,select,textarea,a,p,tt,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,input,nobr,b,i,label {
	font-family:         verdana,arial,helvetica,sans-serif;
  font-size:           11px;
	line-height:         1.4em;
}

html, body, .h1, h2, .h2, h4
{
/* color:      #535353; */
  color:      #303030;
}

/* Das Layout version_02 von complexx */

html, body {
	margin:     0;
	padding:    0;
	background: #C2C2C2 url("../images/layout/bg.gif");
}

#wrapper {
	width:      972px;
	margin:     30px auto;
	padding:    0;
	text-align: left;
}

.rot {
	color:      #E11F2A;
}

.gruen {
	color:      #55dd55;
}

/* LINKS */
a {
	color:#E11F2A;
	text-decoration:none;	
}
a.link {
	display:block;
	margin:0 0 5px 0px;
	font-size:10px;
}
a img {
	margin:0 5px 0 0;
	border:0;
}

a:hover {
	color:           #E11F2A;
}

.navi a, .pager a{
  color:          #303030;
}

a.navhigh {
	color:          #E21D2C;
}

/* HEADLINES + TEXT */
h1, .h1 {	/* RED */
	margin:       0 0 12px 0;
	padding:      0;
	color:        #9E2831;
	font-size:    13px;
	font-weight:  bold;
}

h2, .h2 {	/* GREY */
	margin:       0 0 10px 0;
	padding:      0;
	font-size:    13px;
	font-weight:  bold;
}

h3, .h3 {	/* RED SMALL */
	margin:       0 0 8px 0;
	padding:      0;
	color:        #9E2831;
	font-size:    11px;
	font-weight:  bold;
}

h4 {	/* GREY SMALL */
	margin:       0 0 8px 0;
	padding:      0;
	font-size:10px;
	font-weight:bold;
}
p {
	margin:0 0 12px 0px;
	padding:0;
}
.text-red {
	color:#E11F2A;
}


/* COLUMNS */
.navi-column {
	padding:0;
	width:173px;
	vertical-align:top;
	border-right:1px solid #D3D3D3;	
	background:#FFFFFF;
}
.content-column {
	width:786px;
	vertical-align:top;
	background:#FFFFFF;
}


/* CONTENT COLUMNS */
.content-left {
	margin-top:15px;
	margin-left:28px;
	vertical-align:top;
	width:528px;
}
.content-right {
	margin-top:55px;
	margin-left:28px;
	vertical-align:top;
	width:184px;
}


/* CONTENT: BREADCRUMB */
.breadcrumb {
	margin:   0 0 25px 0;
	padding:  0;
}
.breadcrumb a {
	text-decoration:  none;
	color:            #E11F2A;		
}

/* CART */

.cart_button{
  font-weight:  bold;
  margin:       4px 0;
}

.cart_button img{
  border:       0;
  vertical-align:middle;
}

/* FORMS */
form {
	margin:0;
	padding:0;
}

input, select, textarea {
	padding:      0;
	border:       1px solid #D3D3D3;	
	font-size:    12px;
	line-height:  1.2em;
}

input.suche {
	font-size:    10px;
	color:        #933;
	width:        147px;
	height:       14px;
	margin-left:  5px;
	padding-top:  1px;
	padding-left:14px;
	margin-top:5px;
	background:#fff;
	border-color:   #535353;
  background-image:url(/images/layout/arrow_red_small.gif);
  background-repeat:no-repeat;
  background-position:3px 5px;
}

.smallform, .smallform input, .smallform select {
  font-size: 10px;
}

form.search th{
  padding-right:5px;
  text-align:right;
}

form.search div{
  float:left;
  width:300px;
}

/* SHOP */
#shop {
	margin:     7px 0px 7px 0px;
	padding:    0px;
  text-align: right;
}

#shop a {
	margin:0;
	padding:10px;	
	font-size:11px;
	text-decoration:none;
}

#shop a:hover {
	color: #E11F2A;		
}

#shop img {
	margin:0px 0px 0px 5px;
	padding:0;
}

/******************************* WWK - LAYOUT  *******************************/

input.med, select.med, textarea.med {
	width:250px;
}
.formheader {
	line-height:1.8em;
}

.forward{
  background-image:     url(/images/layout/arrow.gif);
  background-repeat:    no-repeat;
  background-position:  right;
  text-align:           left;
  padding:              0px;
  padding-right:        12px;
  overflow:             visible;
}

.back{
  background-image:url(/images/layout/arrowl.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding-left: 10px;
  -moz-padding-start: 10px;
}

table.ordlist td{
  font-size:        10px;
  font-weight:      bold;
}

a.button, .inputbutton, .buttonlink {
	font-size:       12px;
	font-weight:     bold;
  border:          0;
  cursor:          pointer;  
}

a.link {
	display:block;
	padding:0;
	margin:5px 0 5px 0px;
	font-size:10px;
	line-height:11px;
	text-decoration:none;
}

.smlbtnlnk  {
	font-size:       10px;
	font-weight:     normal;
}

.inputbutton {
	color:            #E11F2A;
  background-color: transparent;
}

.inputcheckbox, input.checkbox {
  border: 0px;
  margin: 5px 0px 0px 5px;
}

.inputradio {
  border: 0;
}

.narrow, .narrow * {
	line-height:         0.8em;
}

ul {
  list-style-type:     square;
}  

ol.txt, ul.txt, ul.help {
  margin-top:          0px;
  position:            relative;
  /* ie5win fudge begins */
  left:                -27px;
  voice-family:        "\"}\"";
  voice-family:        inherit;
  left:                -32px;
}

.right {
  float:               right;
}

.left {
  float:               left;
}


.hr {
  font-size:           1px;
  line-height:         1px;
  width:               100%; 
  height:              2px; 
  background-color:    #d3d3d3; 
  color:               #d3d3d3; 
  margin:              10px 0px 10px 0px;
}  

.counter {
  height:              15px; 
  padding:              3px;
  margin:               3px;
}  

.manAsteriskNO {
  color:               white; 
}  

.linetopgrey {
  border-top:1px solid #D3D3D3;
}

.currentpage{
  color:               #E11F2A;
}

/***************** SHOP - TABLEs */

.h2 {	/* GREY */
	font-size:11px;
	font-weight:bold;
}

a.h2 {
	color:#E11F2A;
}

.bggrau {
  background-color:#eeeeee;
  margin:8px;	
}
.linebottom {
  border-bottom:1px solid #42397b;
}
.field    {
  margin-top  :        1ex; 
  vertical-align:      top;
}

.label    {
  font-weight:         bold;
  width:               8em;
  float:               left;
  text-align:          left;
}

a.sitemap { 
  border-top:         1px solid #e3e3e3;
  background:         url(../images/layout/arrow.gif) no-repeat 10px 10px; 
  padding:            5px 30px;
  display:            block;
}

a.sitemap:hover { 
   color:             #E11F2A;
   padding:           5px 30px;
   background-color:  #f3f3f3;
}

div.sitemap_sub{ 
   padding-left:25px;
}

div.sitemap_sub a.sitemap { 
  background:         url(../images/layout/arrow2.gif) no-repeat 10px 8px; 
}






/******************************* WWK - LAYOUT - END *******************************/

h2.nopadbottom{
  margin-bottom:2px;
}

/* Links */
a.size1 {
  font-size:9px;
}

a.size2 {
  font-size:10px;
}

a.size3 {
  font-size:11px;
}


/* SERVICE */
#service {
	margin:0;
	padding:0 0 0 28px;	
	border-top:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
	height:30px;
}
#service a {
	margin:0;
	padding:10px;	
	font-size:11px;
	text-decoration:none;
}
#service a:hover {
	color:#E11F2A;		
}


/* NAVIGATION LEFT */
#navi ul {
	margin:0 0 30px 0;
	padding:0;	
	border:0;
	text-align:left;
}

#navi li {
	margin:0;
	padding:0;
	padding-left:15px;
	border-bottom:1px solid #D3D3D3;
	list-style:none;
	background: url(../images/layout/arrow.gif) no-repeat 9px;
}

#navi li.sub {
  padding-left: 25px;
	background-image: url(../images/layout/arrow2.gif);
  background-position: 18px;
}

#navisuche li {
	margin:0;
	padding:0;
	padding-left:15px;
	border-bottom:1px solid #D3D3D3;
	list-style:none;
	background: url(../images/layout/arrow.gif) no-repeat 9px;
}

#navisuche {
  padding:0px;
  
  background:#fcc; 
  background: url(../images/layout/such_background.jpg) no-repeat;
}

#navi li.clear {
	margin:0;
	padding:0;
	border-bottom:1px solid #D3D3D3;
	list-style:none;
	background:none;
}

#navi ul.help {
  list-style:none;
  /* list-style-image:url(/images/layout/square_red.gif);  */
  margin-right: 20px;
}

#navi ul.help li {
	background: none; 
  border:0;
  text-align:justify;
}

#navi.li a {
	font-size:        11px;
	text-decoration:  none;
	height:           22px;
	display:          block;
}

#navi li a.navtop {
	font-weight:      bold;
	text-transform:   normal;
}

#navi li a.navsub {
}

#navi li a:hover {
	color:            #E21D2C;
}

#navi ul.help li a:hover {
  display: inline;
}

#navi span {
	margin:0;
	padding:0 5px 0 5px;
	line-height:22px;
}


/******************************* CONTENT-LEFT *******************************/

/* CONTENT-LEFT: BOOKS | TEASER BOOKS */
.content-left .book p {
	font-size:10px;
	margin:0 0 0 0;
}
.content-left .book a.link {
	display:block;
	padding:0;
	margin:5px 0 5px 0px;
	font-size:10px;
	line-height:11px;
	text-decoration:none;
}
.content-left .book a:hover {
	color:#E11F2A;
}


/* CONTENT-LEFT: LIST */
.content-left a.link-level1 {
	margin:0 0 5px 0;
	font-size:11px;
	font-weight:bold;
	color:#595959;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
}
.content-left a.link-level2 {
	margin:0 0 5px 0;
	font-size:11px;
	font-weight:bold;
	color:#9E2831;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
}
.content-left a.link-level3 {
	margin:0 0 5px 12px;
	font-size:11px;
	font-weight:bold;
	color:#595959;
	text-transform:none;
	text-decoration:none;
	display:block;
}
.content-left a.link-level4 {
	margin:0 0 5px 24px;
	font-size:11px;
	color:#595959;
	text-transform:none;
	text-decoration:none;
	display:block;
}
.content-left a.link-level4-highlight {
	margin:0 0 5px 24px;
	font-size:11px;
	color:#E11F2A;
	text-transform:none;
	text-decoration:none;
	display:block;
}
.content-left .level {
	margin-bottom:1px;
}
a:hover {
	color:#E11F2A;
}


/******************************* CONTENT-RIGHT *******************************/

.content-right p {
	font-size:10px;
}

/* book | TEASER BOOKS SMALL */
.content-right .book p {
	margin:0 0 0 0;
}
.content-right .book a.link {
	display:block;
	padding:0;
	margin:5px 0 5px 0px;
	font-size:10px;
	line-height:11px;
	text-decoration:none;
}
.content-right .book a:hover {
	color:#E11F2A;
}

/* LIST */
.content-right ol li{
	font-size:10px;
}

.content-right ol {
	padding:0;
	margin:0 0 35px 23px;
	font-weight:bold;
}
.content-right ol a {
	margin:0;	
	padding:0;
	font-size:10px;
	font-weight:normal;
	line-height:18px;
	color:#E11F2A;
	text-decoration:none;
}

/* MEDIUM */

span.mediaType a:hover {
  cursor:          pointer;  
}

div.pBook,
div.eBook{
  padding:5px 0;
}

span.relatedp,
.pBook span.mediaType span.mediaIcon{
  margin-right:3px;
  display:block;
  width:17px;
  height:17px;
  float:left;
  background:  url(/images/layout/medium.png) 0 0 no-repeat;
}

a:hover span.relatedp{
  background:  url(/images/layout/medium.png) 0 -20px no-repeat;
}

a:hover span.relatede{
  background:  url(/images/layout/medium.png) -20px -20px no-repeat;
}
span.relatede,
.eBook span.mediaType span.mediaIcon{
  margin-right:3px;
  display:block;
  width:17px;
  height:17px;
  float:left;
  background:  url(/images/layout/medium.png) -20px 0 no-repeat;
}

.onlyprint {
  display:none;
}


a#tab_div_inhalt{
  background-image:   url(/images/inhalt.png);
}
a#tab_div_inhaltsverzeichnis{
  background-image:   url(/images/inhaltsverzeichnis.png);
}
a#tab_div_rezension{
  background-image:   url(/images/rezension.png);
}
a#tab_div_autor{
  background-image:   url(/images/autor.png);
}
a#tab_div_kapitel{
  background-image:   url(/images/kapitel.png);
}

a.tab{
  border:             0;
  font-size:          0;
  height:             19px;
  background-position:0 0;
  background-repeat:  no-repeat;
  display:            block; 
  width:              122px;
  float:              left;
  line-height:        19px;
}

a.tab.disabled
{
  background-position:0 -38px;
  cursor: default;
}

.tabcontainer {
  margin-top:       10px; 
  border-bottom:    1px solid #999; 
  padding-left:     5px;
  height:           18px;
}

table.tabbed{
  margin-bottom:  18px;
  border-bottom:  1px solid #999;
}

table.tabbed tr th {
  border-top: 0;
}

a.tab.active {
  background-position:0 -19px;
}

div.tab_content {
  border:    1px solid #999; 
  border-top:0;
}

div.tab_content div.product_desc{
  padding:    10px 20px;
  min-height: 100px;
  overflow:   auto;
}

@media print {
  .noprint {
    display: none;
  }
  .onlyprint {
    display:block;
  }
  div.tab_content {
    border:    0; 
  }

  div.tab_content div.product_desc{
    height:   auto;
    padding:0;
  }
}

.librekaCont{
  padding-top:5px;
  text-align:right;
  white-space:nowrap;
  top:2px;
}

.librekaCont span{
  float:right;
}

.librekaCont a{
  color:#A0A0A0;
}

.librekaCont a:hover {
  color:#000;
}

.librekaCont a span.scope{
  position:relative;
  right:-4px;
  background:url(/images/layout/lupe.png) 0px 0px no-repeat;
  width:20px;
  height:20px;
}
.librekaCont a:hover span.scope{
  background-position: 0px -20px;
}