/** RESET **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/** TAGS **/
body {  
    background-color: #E7E2DF;
    color: #333;
    font-size: 11px;
    padding-bottom: 50px;
}
a {
    color: #AD2227;
    outline: none;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/** FONTS **/
body,
#nav-main .subnav li a,
input {
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
.teaser h3,
#nav-main a,
#nav-main .subnav h2,
#toolbar .message .title,
#stage-cart .col1 .title,
#slider-big-tooltip .title,
#slider-small .scrollable .items li .title,
#switch a,
#nav-topic div .title,
#sidebar h3,
#main h1,
#main h2,
#home-top {
    font-family: Georgia, serif;
}

/** IMAGE REPLACEMENT (Phark Method) **/
.btn,
.print,
.pagination .left,
.pagination .right,
.submit-form .submit,
#breadcrumb li.first span a,
#tools input.submit,
#tools a,
#tools .icon,
#stage-close,
#stage-slider-big .controls a,
#stage-slider-small a.browse {
    overflow: hidden;
    text-indent: -5000px;   
    
}
/* additional styles for form buttons */
input.btn,
.submit-form .submit,
#tools input.submit {
    border: 0;
    color: transparent; /* IE 6 & 7 */      
    cursor: pointer;
    text-transform: capitalize;  /* IE 6 & 7 */
}

/** OBJECTS **/
.wrap:after { /* Easy Clearing Method */
    clear: both;    
    content: ".";
    display: block;
    height: 0;    
    visibility: hidden;
}
.page {
    margin: 0 auto;
    position: relative;
    width: 970px;
}
/* aligning */
.align-left {
    float: left;
    margin: 5px 5px 5px 0;
}
.align-right {
    float: right;
    margin: 5px 0px 5px 5px;
}
/* buttons */
.btn {
    background: url(../images/sprite_buttons.png) no-repeat;
    cursor: pointer;    
    display: block; 
    height: 24px;       
}
/* weberv close button */
.btn-close-page { 
	background: url(../images/sprite_buttons.png) no-repeat;
	background-position: -347px -72px; width: 66px; height: 19px; float: right;
}
.btn-close-page:active { background-position: -347px -91px;}
.btn-close-page:hover { background-position: -347px -110px;}

/* buttons: shopping big */
.btn-addtowatchlist { background-position: 0 0; width: 159px; }
.btn-addtowatchlist:hover { background-position: 0 -24px; }
.btn-addtowatchlist:active { background-position: 0 -48px; }
.btn-addtocart { background-position: -159px 0; width: 159px; }
.btn-addtocart:hover { background-position: -159px -24px; }
.btn-addtocart:active { background-position: -159px -48px; }
.btn-gotowebshop { background-position: -318px 0; width: 159px; }
.btn-gotowebshop:hover { background-position: -318px -24px; }
.btn-gotowebshop:active { background-position: -318px -48px; }
.btn-order-request { background-position: -92px -270px; width: 159px; height: 24px;}
.btn-order-request:hover { background-position: -92px -294px; }
.btn-order-request:active { background-position: -92px -318px; }
.btn-index-a { background-position: -399px -201px; width: 133px; height: 23px; }
.btn-index-a:hover { background-position: -399px -224px; }
.btn-index-a:active { background-position: -399px -247px; }
.btn-index-b { background-position: -395px -270px; width: 144px; height: 23px; }
.btn-index-b:hover { background-position: -395px -293px; }
.btn-index-b:active { background-position: -395px -320px; }
.btn-index-c { background-position: -251px -270px; width: 144px; height: 23px; }
.btn-index-c:hover { background-position: -251px -293px; }
.btn-index-c:active { background-position: -251px -320px; }
/*.btn-forward { background-position: 0 -48px; width: 159px; }
.btn-forward:hover { background-position: -159px -48px; }
.btn-forward:active { background-position: -318px -48px; }*/
/* buttons: shopping small */
.btn-addtowatchlist-small { background-position: 0 -72px; width: 135px; height: 19px; }
.btn-addtowatchlist-small:hover { background-position: 0 -91px; }
.btn-addtowatchlist-small:active { background-position: 0 -110px; }
.btn-addtocart-small { background-position: -135px -72px; width: 135px; height: 19px; }
.btn-addtocart-small:hover { background-position: -135px -91px; }
.btn-addtocart-small:active { background-position: -135px -110px; }
.btn-delete { background-position: -270px -72px; width: 77px; height: 19px; }
.btn-delete:hover { background-position: -270px -91px; }
.btn-delete:active { background-position: -270px -110px; }
/* buttons: form */
.btn-search { background-position: 0 -129px; width: 90px; }
.btn-search:hover { background-position: 0 -153px; }
.btn-search:active { background-position: 0 -177px; }
.btn-reset { background-position: -90px -129px; width: 109px; }
.btn-reset:hover { background-position: -90px -153px; }
.btn-reset:active { background-position: -90px -177px; }
.btn-checkout { background-position: -199px -129px; width: 108px; }
.btn-checkout:hover { background-position: -199px -153px; }
.btn-checkout:active { background-position: -199px -177px; }
.btn-digadd { background-position: 0 -431px; width: 108px; }
.btn-digadd:hover { background-position: 0 -455px; width: 108px; }
.btn-digadd:active { background-position: 0 -431px; width: 108px; }
.btn-refresh { background-position: -307px -129px; width: 109px; }
.btn-refresh:hover { background-position: -307px -153px; }
.btn-refresh:active { background-position: -307px -177px; }
.btn-send { float: right; background-position: -416px -129px; width: 92px; margin-right: 265px; margin-top: 15px;}
.btn-send:hover { background-position: -416px -153px; }
.btn-send:active { background-position: -416px -177px; }
/* buttons: product */
.btn-furthervolumes { background-position: 0 -201px; width: 133px; height: 23px; }
.btn-furthervolumes:hover { background-position: 0 -224px; }
.btn-furthervolumes:active { background-position: 0 -247px; }
.btn-furtherseries { background-position: -133px -201px; width: 133px; height: 23px; }
.btn-furtherseries:hover { background-position: -133px -224px; }
.btn-furtherseries:active { background-position: -133px -247px; }
.btn-extract { background-position: -266px -201px; width: 133px; height: 23px; }
.btn-extract:hover { background-position: -266px -224px; }
.btn-extract:active { background-position: -266px -247px; }
/* buttons: zoom */
.btn-zoom { background-position: 0 -270px; width: 92px; height: 17px; }
.btn-zoom:hover { background-position: 0 -287px; }
.btn-zoom:active { background-position: 0 -304px; }
/* buttons: content */
.btn-pdf {  background-position: 0 -321px; width: 46px; height: 18px; display: inline-block; vertical-align: text-bottom; }
.btn-pdf:hover { background-position: 0 -339px; }
.btn-jpg {  background-position: -46px -321px; width: 46px; height: 18px; display: inline-block; vertical-align: text-bottom; }
.btn-jpg:hover { background-position: -46px -339px; }
/* buttons: order */
.btn-order-books { background-position: 0 -358px; width: 152px; }
.btn-order-books:hover { background-position: 0 -382px; }
.btn-order-books:active { background-position: 0 -406px; }
.btn-order-ebooks { background-position: -152px -358px; width: 159px; }
.btn-order-ebooks:hover { background-position: -152px -382px; }
.btn-order-ebooks:active { background-position: -152px -406px; }
.btn-send-order { background-position: -311px -358px; width: 178px; }
.btn-send-order:hover { background-position: -311px -382px; }
.btn-send-order:active { background-position: -311px -406px; }
/* online papers */
.btn-online-papers { background-position: 0 -430px; width: 153px; }
.btn-online-papers:active { background-position: 0 -478px; }
.btn-online-papers:hover { background-position: 0 -454px; }
/* icons */
.icon-phone,
.icon-fax,
.icon-mail {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 24px;
}
.icon-phone { background: url(../images/icon_phone.png) 0 2px no-repeat; }
.icon-fax { background: url(../images/icon_fax.png) 0 2px no-repeat; }
.icon-mail { background: url(../images/icon_mail.png) 0 3px no-repeat; }
/* submit form */
.submit-form {
    background: url(../images/sprite_controls.png) 0 -175px no-repeat;
    height: 24px;
    padding: 1px 0 0 3px;
    position: relative;
    width: 207px;
}
.submit-form input {
    display: block;
}
.submit-form .input {
    background-color: transparent;
    border: 0;
    color: #5E5E5E;
    font-size: 11px;
    height: 23px;   
    line-height: 23px;
    padding-left: 3px;
    width: 177px;   
}
.submit-form .submit {
    background: url(../images/sprite_controls.png) -185px -175px no-repeat;
    height: 25px;
    position: absolute; right: 0; top: 0;
    width: 25px;
}
.submit-form .submit:hover { background-position: -210px -175px; }
/* print */
.print {
    background: url(../images/sprite_controls.png) 0 -158px no-repeat;
    display: block;
    height: 17px;
    position: absolute; right: 10px; top: 9px;  
    width: 35px;
}
/* price */
.price {
    font-size: 14px;
}
.price span {
    color: #919191;
    font-size: 11px;
}
/* delivery status */
.delivery-status {
    background: url(../images/sprite_delivery_status.png) no-repeat;
    color: #5E5E5E; 
    padding: 0 0 3px 18px;
}
.delivery-status-now { background-position: 0 1px; }
.delivery-status-soon { background-position: 0 -149px; }
.delivery-status-never { background-position: 0 -299px; }
/* pagination */
.pagination {
    height: 17px;
}
.pagination .left,
.pagination .right {
    background: url(../images/sprite_controls.png) no-repeat;
    border: none;
    float: left;
    height: 17px;
    margin: 0;
    width: 16px;
}
.pagination .pages {
    color: #AD2227; 
    font-size: 10px;
    line-height: 17px;
    float: left;
    margin: 0 10px;
}
.pagination .left { background-position: 0 -96px; }
.pagination .left:hover { background-position: -16px -96px; }
.pagination .left:active { background-position: -32px -96px; }
.pagination .right { background-position: 0 -113px; }
.pagination .right:hover { background-position: -16px -113px; }
.pagination .right:active { background-position: -32px -113px; }
/* product list */
.product-list li {
    border-top: 1px solid #E7E2DF;
    clear: both;
    margin-top: 13px;
    padding-top: 13px;
}
.product-list li:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
.product-list li:after { /* Easy Clearing Method */
    clear: both;    
    content: ".";
    display: block;
    height: 0;    
    visibility: hidden;
}
.product-list .cover {
    float: left;
    text-align: right;
    width: 98px;
}
.product-list .info {
    float: left;
    margin-left: 9px;
    width: 405px;
}
.product-list .info div,
.product-list .info h3,
.product-list .info h4 {
    margin-bottom: 5px;
}
.product-list .info h2 {
    margin-bottom: 7px;
}
.product-list .info h2 a {
    font-size: 18px;    
}
.product-list .buy {
    float: left;
    margin: 20px 0 0 14px;
    width: 159px;
}
.product-list .buy .price { 
    margin-bottom: 6px;
}
.product-list .buy .delivery-status {
    margin-bottom: 2px;
}
.product-list .buy .btn-addtowatchlist {
    margin-bottom: 7px;
}
/* product header */
.product-header {
    background-color: #F3F0EF;
    margin-bottom: 30px;
    padding: 15px;      
}
.product-header h3 {
    margin-bottom: 3px;
}
/* product header: cover & widget */
.product-header .cover {
    float: left;
    margin: 15px 15px 0 0;
}
.product-header .cover a img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    display: block;
}
.product-header .cover .btn-zoom {
    margin: 10px auto 0;
}
.product-header .widget {   
    height: 375px; 
    margin-top: -15px;
    width: 200px;
}
.product-header .widget-fallback {
    display: none;
}
/* product header: info */
.product-header .info {
    margin: 15px 0 0 190px;
}
.product-header-widget .info {
    margin-left: 215px;
}
.product-header .info table {
    margin-bottom: 15px;
}
.product-header .info th,
.product-header .info td,
.product-header .info li {
    padding-bottom: 4px;    
}
.product-header .info th {
    font-weight: bold;
    padding-right: 10px;
    vertical-align: top;
}
.product-header .info .btn {
    margin-bottom: 10px;
}
/* product header: versions */
.product-header .versions {
    margin-bottom: 15px;
}
.product-header .versions b {
    text-transform: uppercase;
}
.product-header .versions ul {
    margin-top: 5px;
}
.product-header .versions a {
    margin-right: 5px;
}
.product-header .versions .price {
    font-size: 11px; 
}
.product-header .versions .price span {
    font-size: 10px;
}
/* product header: buy */
.product-header .buy {
    background: #FFF url(../images/box.png) left bottom no-repeat;      
    float: right;
    margin-left: 11px;
    overflow: hidden;
    padding-bottom: 11px;
    width: 180px;
}
.product-header .buy .inside {
    background: url(../images/box.png);
    padding: 11px 11px 0;   
}
.product-header .buy .price {   
    border-bottom: 1px solid #E7E2DF;
    margin: 0 0 11px -11px;
    padding: 0 11px 11px;
    width: 158px;
}
.product-header .buy .btn {
    margin: 7px 0 0;    
}
/* tabs */
.tabs .nav {
    border-bottom: 1px solid #D0CCC9;
    height: 22px;
    margin: 0 0 15px -10px;
    padding-left: 25px;
    width: 687px;   
}
.tabs .nav li { 
    float: left;
    line-height: 22px;  
    position: relative; top: 1px;
}
.tabs .nav li a {
    background: url(../images/sprite_tabs.png) right 6px no-repeat;
    color: #919191;
    cursor: pointer; /* IE 6 */
    display: block;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin-left: -1px;  
    padding-left: 1px;  
    text-transform: uppercase;
    position: relative;  /* IE 6 */
}
.tabs .nav li a span {
    display: block;
    float: left;
    padding: 0 11px;
}
.tabs .nav li a:hover,
.tabs .nav a.current {
    color: #333;
    text-decoration: none;
}
.tabs .nav a.current {
    background-position: 0 -20px;
}
.tabs .nav a.current span {
    background: url(../images/sprite_tabs.png) right -20px;
}
.tabs .content {
    margin: 0 45px 0 15px;
}
/* content */
.content .col {
    float: left;
    margin-right: 15px;
}
.content h4 {
    color: #5E5E5E;
    font-weight: bold;
    margin-bottom: 2px;
}
.content p,
.content ul,
.content ol {   
    margin-bottom: 15px;
}
.content ul,
.content ol {
    overflow: auto; /* avoid hidden bullets when lists meet left floating elements */
}
.content p, 
.content li {
    line-height: 16px;
}
.content li {
    background: url(../images/bullet.png) 3px 0.5em no-repeat;  
    padding-left: 13px;
}
.content ol li {
    background: none;
    list-style-type: decimal;
    margin-left: 2.5em;
    padding-left: 0;
}
/* related */
.related {
    clear: both;
    margin-top: 35px;
}
.related > h3 {
    border-bottom: 1px solid #E7E2DF;   
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 3px;
    text-transform: uppercase;
}
/* alternative */
.alternative {
    clear: both;
    margin-top: 35px;
}
.alternative > h3 {
    border-bottom: 1px solid #E7E2DF;   
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 3px;
    text-transform: uppercase;
}
/* teaser */
.teaser {
    background: #FBFAFA right bottom no-repeat;
    border: 1px solid #D7D0CB;
    color: #5E5E5E;
    line-height: 1.5em;
    margin-top: 11px;
    padding: 9px;
}
.teaser .icon-mail {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 24px;
    margin-bottom: 12px;
}
.teaser:first-child {
    margin-top: 0;
}
.teaser h3 {
    color: #333;    
}
.teaser .submit-form {
    margin-top: 7px;
}

/** NO JS **/
#nojs { 
    background-color: #333; 
    color: #FFF;
    font-size: 13px;    
    padding: 15px 0;    
    text-align: center;
}

/** PRINT INFO **/
#print-info {
    display: none;
}

/** HEADER **/
#header,
#header .page { /* assign to .page also because it looks better when browser zooming is used */
    background: url(../images/top_bg.png) repeat-x; 
    height: 86px;   
}
#header_weberv,
#header_weberv .page { /* assign to .page also because it looks better when browser zooming is used */
    background: url(../images/top_bg_weberv_help.png) repeat-x;
    height: 86px;
}


/* nav companies */
#nav-companies {
    border-left: 1px solid #AD2227;
    position: relative; top: 1px;   
}
#nav-companies li {
    border-right: 1px solid #AD2227;
    float: left;
}
#nav-companies a {  
    display: block;
    font-size: 10px;
    padding: 3px 10px 1px;  
}
#nav-companies a:hover,
#nav-companies .active a {
    background: url(../images/nav_companies_bg.png) repeat-x;
    text-decoration: none;
}
/* logo */
#logo {
    position: absolute; right: 0; top: 31px;
}
.weberv-logo {
        left: 0px;
        position: absolute;
        top: 48px;
}
.manz-logo {
        position: absolute;
        right: 0px;
        top: 35px;
}
.print-title {
	display: none;
}

/** NAV **/
#nav,
#nav .page { /* assign to .page also because it looks better when browser zooming is used */
    background: url(../images/top_bg.png) 0 -86px repeat-x;
    height: 34px;
    position: relative; z-index: 10; /* for IE 6+7 for displaying subnav correctly */
}
#nav_weberv,
#nav_weberv .page { /* assign to .page also because it looks better when browser zooming is used */
    background: url(../images/top_bg_weberv_help.png) 0 -86px repeat-x;
    height: 34px;
    position: relative; z-index: 10; /* for IE 6+7 for displaying subnav correctly */
}

/* nav main */
#nav-main {
    height: 32px;
    margin-left: -8px;
    padding-top: 2px;
}
#nav-main li,
#nav-main li a,
#nav-main li a span {
    display: block;
    float: left;
    height: 32px;
}
#nav-main li {
    background: url(../images/nav_main_divider.png) right top no-repeat;    
    padding-right: 2px; 
}
#nav-main a {
    color: #FFF;
    cursor: pointer; /* IE */       
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 32px;
    padding-left: 3px;
}
#nav-main a span {  
    padding: 0 14px 0 11px;
}
#nav-main a:hover {
    text-decoration: none;
}
#nav-main .hover a,
#nav-main .active a {
    background: #FFF url(../images/sprite_nav_main.png) left -53px no-repeat;
    color: #AD2227;
}
#nav-main .hover a span,
#nav-main .active a span {
    background: #FFF url(../images/sprite_nav_main.png) right -53px no-repeat;
}
/* nav main: shop button */
#nav-main #nav-main-shop {
    background: url(../images/sprite_nav_main.png) no-repeat;
    height: 43px;
    margin-top: -21px;
    padding: 10px 11px 0 8px;
    width: 85px;
}
#nav-main #nav-main-shop a {    
    float: none;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    padding: 7px 0 0;   
    text-align: center;
    text-transform: uppercase;
}
#nav-main #nav-main-shop.hover a {
    background: none;
    color: #FFF;
}
#nav-main #nav-main-shop a:hover,
#nav-main #nav-main-shop.active a {
    background: url(../images/sprite_nav_main.png) -118px -10px no-repeat;
    color: #AD2227;
}
#nav-main #nav-main-shop + li {
    margin-left: -9px;
}
/* nav main: subnav */
#nav-main .subnav {
    background: url(../images/nav_main_sub_bg_top-fs8.png) left top no-repeat;
    padding-top: 3px;   
    position: absolute; left: -9999px; top: 34px; /* hide subnav */ 
}
#nav-main .subnav .wrap {
    background: url(../images/nav_main_sub_bg_bottom-fs8.png) left bottom no-repeat;
    padding: 17px 30px 29px;
    width: 931px;
}
#nav-main .subnav-col1 {
    float: left;
    margin-right: 13px;
    width: 170px;
}
#nav-main .subnav-col2 {
    float: left;
    margin-right: 13px; 
    width: 366px;
}
#nav-main .subnav-col2 ul {
    float: left;
    width: 178px;
}
#nav-main .subnav-col2 h2 + ul {
    margin-right: 10px; 
}
#nav-main .subnav h2 {
    border-bottom: 1px solid #B9B5B2;
    color: #000;    
    font-size: 16px;
    margin-bottom: 4px;
    padding-bottom: 5px;
}
#nav-main .subnav li {
    background: none;
    border-bottom: 1px solid #E7E2DF;
    float: none;
    height: auto;   
    padding: 4px 0; 
}
#nav-main .subnav li a {    
    color: #333;
    display: inline;
    float: none;    
    font-size: 12px;
    letter-spacing: normal;
    line-height: normal;
    padding: 0; 
    text-transform: none;
}
#nav-main li.hover li a {
    background: none;   
}
#nav-main .hover .subnav a:hover,
#nav-main .subnav .active a {
    background: none;
    color: #AD2227;
    text-decoration: underline;
}
/* nav service */
#nav-service {  
    position: absolute; right: 0; top: 10px;
}
#nav-service li {
    border-left: 1px solid #E6C4C5;
    float: left;    
    padding: 0 5px;
}
#nav-service li:first-child {
    border-left: 0;
}
#nav-service a {
    color: #E6C4C5; 
}
#nav-service a:hover {
    color: #FFF;
    text-decoration: none;
}

/** TOOLBAR **/
#toolbar,
#toolbar .page { /* assign to .page also because it looks better when browser zooming is used */
    background: url(../images/top_bg.png) 0 -120px repeat-x;
    height: 35px;   
    position: relative; z-index: 1; /* for IE */
}
/* breadcrumb */
#breadcrumb {
    position: relative; left: 5px; top: 7px;    
}
#breadcrumb a:hover {
    text-decoration: none;
}
#breadcrumb li {
    background: url(../images/sprite_toolbar.png) 0 -72px no-repeat;    
    float: left;    
    height: 22px;
    margin-right: 2px;
    padding-left: 10px;
}
#breadcrumb li span {
    background: url(../images/sprite_toolbar.png) right -72px no-repeat;
    color: #FFF;
    display: block;
    float: left; /* IE6 */
    height: 22px;
    line-height: 22px;
    padding-right: 15px;
    position: relative; right: -5px;
}
#breadcrumb li span a {
    color: #FFF;
}
#breadcrumb li.first {
    background-position: 0 -120px;
    margin-right: -3px;
    padding: 0 13px 0 0px;
}
#breadcrumb li.first span {
    background: none;
    padding-right: 0;
    margin-right: 0;
}
#breadcrumb li.first span a {
    display: block;
    width: 18px;
}
#breadcrumb li.active {
    background-position: 0 -96px;   
}
#breadcrumb li.active span {
    background-position: right -96px;
}
/* tools */
#tools {
    position: absolute; right: 0; top: 6px;
}
#tools form,
#tools a {
    background: url(../images/sprite_toolbar.png) no-repeat;
    float: left;
    height: 24px;   
}
#tools form {   
    position: relative; 
    width: 223px;
}
#tools input.text { 
    background-color: #FFF;
    border: 0;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    position: absolute; left: 5px; top: 2px;
    width: 192px;
}
#tools input.example {
    background-color: transparent;  
}
#tools input.submit {
    background: url(../images/sprite_toolbar.png) -202px -3px no-repeat;            
    height: 18px;
    position: absolute; right: 3px; top: 3px;
    width: 18px;
}
#tools a {      
    line-height: 24px;
    margin-left: 7px;   
}
#tools a:hover {
    text-decoration: none;
}
/* tools: extended search & account */
#tools #tool-adv-search {
    background-position: 0 -24px;   
    width: 66px;
}
#tools #tool-account {
    background-position: -66px -24px;   
    width: 45px;
}
/* tools: watchlist & cart */
#tools #tool-watchlist,
#tools #tool-cart {
    background-position: right 0;       
    text-indent: 0;
}
#tools #tool-cart.highlighted {
    background-position: right -24px !important;
}
#tools #tool-watchlist.highlighted {
    background-position: right -48px !important;
}
#tools #tool-watchlist span,
#tools #tool-cart span {
    cursor: pointer; /* IE 6 */
    float: left;
}
#tools .icon {
    background: url(../images/sprite_toolbar.png) no-repeat;    
    width: 29px;
}
#tools #tool-watchlist .icon {
    background-position: -110px -24px;  
}
#tools #tool-cart .icon {
    background-position: -139px -24px;  
}
#tools .value { 
    color: #FFF;
    font-weight: bold;
    padding: 0 5px 0 4px;
}
/* tool: checkout */
#tools #tool-checkout {
    background-position: -168px -24px;
    width: 55px; /* width and margin-left is also defined in main.js! */
}
/* messages */
#toolbar .message {
    display: none;
    position: absolute; top: 30px; z-index: 1;
    width: 303px;
}
#toolbar #message-added-cart {
    right: 52px;
}
#toolbar #message-added-watchlist {
    right: 110px;
}
#toolbar .message .header {
    background: url(../images/message_bg-fs8.png) no-repeat;    
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding: 6px 15px 0 11px;
}
#toolbar .message .body {
    background: url(../images/message_bg-fs8.png) left bottom no-repeat;
    padding: 10px 15px 20px 11px;   
}
#toolbar .message .title {
    margin: 2px 0;
}

/** STAGE **/
#stage, 
#stage .stage-content { 
    display: none;
}
#stage {
    background-color: #FFF;
    border-bottom: 1px solid #C8C4C3;
}
#stage .page {
    background-color: #FFF; /* looks better when website is zoomed */
    padding: 15px 0 20px 0; 
}
#stage .stage-content { 
    margin: 0 auto;
    width: 640px;
}
#stage h2 { 
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 7px;
}
#stage-close {
    background: url(../images/sprite_controls.png) 0 -144px;
    display: block;
    height: 14px;   
    position: absolute; left: 442px; bottom: -10px;
    width: 87px;
}
/* box */
#stage .box {
    background: url(../images/stage_account_bg.png) no-repeat;
    padding-top: 15px;
}
#stage .box .inside {
    background: url(../images/stage_account_bg.png) left bottom no-repeat;
    padding-bottom: 15px;
}
/* products table */
#stage .products td {
    background: url(../images/stage_cart_bg.png) no-repeat;     
    border-bottom: 8px solid #FFF;
    padding-bottom: 10px;   
    vertical-align: top;
}
#stage .products td .inside {
    background: url(../images/stage_cart_bg.png) no-repeat; 
    padding-top: 10px;      
}
#stage .products .col1 {
    background-position: left bottom;   
    width: 479px;
}
#stage .products .col1 .inside {
    padding-left: 10px;
    padding-right: 80px;
    position: relative;
}
#stage .products .col1 .cover {
    float: left;
    margin: 3px 10px 0 0;
    width: 51px;
}
#stage .products .col1 .title {
    font-size: 13px;
    font-weight: bold;
    margin: 3px 0;
}
#stage .products .col1 .quantity {
    background: #E0E0E0 url(../images/stage_cart_quantity_bg.png) right top no-repeat;
    color: #5E5E5E;
    padding-right: 5px;
    position: absolute; right: 10px; top: 12px;
    text-align: right;
}
#stage .products .col1 .quantity input {
    background-color: #F1F1F1;
    border: 0;
    color: #5E5E5E;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-right: 2px;
    padding: 0 3px;
    text-align: right;
    width: 2em;
}
#stage .products .col2 {
    background-position: right bottom;
    width: 161px;
}
#stage .products .col2 .inside {
    background-position: right top; 
    padding-left: 10px; 
}
#stage .products .col2 .price { 
    font-size: 11px;    
}
#stage .products .col2 .price span {
    color: #666;
}
#stage .products .col2 .btn {
    margin-bottom: 3px;
}
#stage .products tbody .col2 .price {
    line-height: 20px;
    margin-bottom: 10px;
}
#stage .products tbody .col2 .inside {
    padding-top: 12px;
}
#stage .products tfoot .label {
    position: absolute; right: 10px; top: 10px;
}
/* stage: advanced search */
#stage-adv-search form {
    background: url(../images/stage_adv_search_bg_top.png) no-repeat;   
    padding-top: 15px;
}
#stage-adv-search .fieldset { /* class used instead of tag fieldset because it's easier to style consistently */
    background: url(../images/stage_adv_search_bg_bottom.png) left bottom no-repeat;
    margin-bottom: 10px;
    padding: 0 10px 5px 10px;
    position: relative;
}
#stage-adv-search table {
    position: relative; top: -5px; /* margin-top causes problems in IE 8 */ 
}
#stage-adv-search th,
#stage-adv-search td {
    padding: 2px 0;
}
#stage-adv-search th {
    padding-right: 9px;
    text-align: right;  
    width: 135px;
}
#stage-adv-search th label {
    font-weight: bold;
}
#stage-adv-search td input {
    font-size: 11px;    
    height: 16px;
    line-height: 16px;
    padding-left: 2px;
    width: 223px;
}
#stage-adv-search #input-year {
    width: 78px;
}
#stage-adv-search .info {
    background: url(../images/stage_adv_search_pointer.png) -50px 0 no-repeat;
    height: 300px; /* to make sure it's high enough for the pointer arrow */
    padding: 10px 0 0 17px;
    position: absolute; right: 20px; top: -5px;
    width: 210px;
}
#stage-adv-search .btn-search {
    display: inline; /* IE 6 (Double Margin Bug) */
    float: left;
    margin: 0 13px 0 154px;
}
/* stage: cart */
#stage-cart form {
    padding-bottom: 29px;
    position: relative;
}
#stage-cart .btn-refresh,
#stage-cart .btn-checkout, #stage-cart .btn-digadd {
    position: absolute; right: 0; bottom: 0;
}
#stage-cart .btn-refresh {
    right: 122px;
}
/* stage: slider */
#stage .stage-slider {
    width: 970px;
}
#stage .stage-slider .scrollable {
    overflow: hidden;
    position: relative;
}
#stage .stage-slider .scrollable .items {     
    position: absolute;
    width: 20000em; 
} 
#stage .stage-slider .scrollable .items li {
    float: left;
}
/* stage: slider big */
/* slider big > tooltip */
#slider-big-tooltip {
    background: url(../images/tooltips_footer-fs8.png) left bottom no-repeat;   
    display: none;  
    padding-bottom: 19px;   
    width: 269px;
    z-index: 9;
}
#slider-big-tooltip .inside {
    background: url(../images/tooltips-fs8.png) no-repeat;
    min-height: 40px;
    padding: 19px 19px 0 24px;
}
#stage .tooltip-left {
    background-position: -6px bottom;
}
#stage .tooltip-left .inside {  
    background-position: -269px 0;
    padding-left: 19px;
    padding-right: 24px;    
}
#stage .tooltip-bottom {
    top: 310px !important; /* correct dynamic positioning */
}
#slider-big-tooltip .author {
    margin-bottom: 5px;
}
#slider-big-tooltip .title {    
    margin-bottom: 9px;
}
#slider-big-tooltip .title a {
    font-size: 18px;
}
#slider-big-tooltip .price {
    margin-bottom: 5px;
}
/* slider big > scrollable */
#stage-slider-big .scrollable {
    height: 200px;
    width: 940px;
width: 970px;
}
#stage-slider-big .scrollable .items li {   
    margin-right: 20px;
    height: 200px;
    width: 140px;   
margin-right: 26px;
}
#stage-slider-big .scrollable .items li a img {
    display: block;
}
#stage-slider-big .scrollable .tooltip {
    display: none;
}
/* slider big > controls */
#stage-slider-big .controls {
    background: url(../images/sprite_controls.png) 0 -130px;    
    height: 14px;   
    position: absolute; left: 442px; bottom: -10px;
    width: 48px;
}
#stage-slider-big .controls a {
    display: block;
    height: 9px;
    position: absolute;
    width: 9px;
}
#stage-slider-big .controls .prevPage {
    left: 6px;
}
#stage-slider-big .controls .pause {
    left: 18px;
    width: 11px;
}
#stage-slider-big .controls .stopped {
    background: url(../images/sprite_controls.png) -48px -130px no-repeat;
}
#stage-slider-big .controls .nextPage {
    left: 32px;
}
/* stage: slider small */
/* slider small > scrollable */
#stage-slider-small .scrollable {
    height: 125px;     
    margin-bottom: -29px;
    width: 934px;   
} 
#stage-slider-small .scrollable .items li { 
    background: url(../images/slider_small_divider.png) no-repeat;
    cursor: pointer;    
    font-size: 10px;
    height: 96px;
    margin-right: 1px;  
    padding: 0 9px 29px 10px;   
    width: 293px; 
} 
#stage-slider-small .scrollable .items li img {
    float: left;
    margin-right: 10px;
}
#stage-slider-small .scrollable .items li .title {
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    max-height: 52px;
    overflow: hidden; /* this textbox is limited to 4 lines */
}
#stage-slider-small .scrollable .items li .details {    
    line-height: 12px;
    max-height: 24px;
    overflow: hidden; /* this textbox is limited to 2 lines */
}
#stage-slider-small .scrollable .items .active { 
    background: url(../images/slider_small_active.png) bottom center no-repeat;
}
/* slider small > controls */
#stage-slider-small a.browse {
    background: url(../images/sprite_controls.png) no-repeat;
    cursor: pointer;
    display: block;
    height: 96px;
    position: absolute; top: 15px;
    width: 17px;
}
#stage-slider-small a.left {
    background-position: 0 0px;
    right: 18px;
}
#stage-slider-small a.left:hover { background-position: -35px 0; }
#stage-slider-small a.right {
    background-position: -18px 0;
    right: 0;   
}
#stage-slider-small a.right:hover { background-position: -53px 0; }

/** BODY **/
#body {
    margin-top: 20px;
}
#body .page {
    min-height: 500px;
}
/* layouts */
.layout-2col .page {
    background: url(../images/body_bg.png) repeat-y;
}
.layout-2col #sidebar {
    float: left;
    padding: 10px;
    width: 230px;
}
.layout-2col #main {
    float: left;
    margin-left: 8px;
    padding: 10px;
    width: 692px;
}

/** SIDEBAR **/
#sidebar {
    overflow: hidden; /* especially for hr (will break layout in IE6 without it) */
}
#sidebar .hr {
    background-color: #E7E2DF;
    height: 10px;
    margin: 10px 0 10px -10px;
    width: 250px;
}
#sidebar .hr hr {   
    display: none;
}
#sidebar h3,
.teaser h3 {
    font-size: 18px;
    margin-bottom: 8px;
}
/* switch */
#switch {
    background: url(../images/sprite_sidebar.png) no-repeat;
    height: 41px;
    margin-bottom: 3px;
    position: relative;
}
#switch a {
    color: #666;
    font-size: 18px;
    line-height: 25px;
    position: absolute; top: 5px;
}
#switch a:hover {
    text-decoration: none;
} 
#switch .left {
    left: 14px;
}
#switch .right {
    right: 18px;
}
#sidebar .switch-active-left .left,
#sidebar .switch-active-right .right { 
    color: #FFF; 
}
#sidebar .switch-active-left {
    background-position: 0 -170px;
}
#sidebar .switch-active-right {
    background-position: -230px -170px;
}
/* nav topic */
#nav-topic a:hover {
    text-decoration: none;
}
#nav-topic li {
    margin-bottom: 5px;
}
#nav-topic div {
    background: url(../images/sprite_sidebar.png) no-repeat;
    height: 30px;
    position: relative;
}
#nav-topic div .title {
    color: #FFF;
    display: inline-block; /* avoids an unwanted bottom margin in IE 6 & 7 instead of using block */    
    font-size: 18px;    
    line-height: 30px;
    margin-left: 5px;
    padding-left: 7px;
    width: 195px;   
}
#nav-topic div .toggle {
    background: url(../images/sprite_sidebar.png) -230px 0 no-repeat;
    display: block;
    height: 16px;   
    position: absolute; right: 4px; top: 7px;   
    width: 16px;
}
#nav-topic div .toggle:hover {
    background-position: -246px 0;
}
#nav-topic .open div {
    background-color: #E7E2DF;
}
#nav-topic .open div .toggle {
    background-position: -262px 0;
}
#nav-topic li ul {
    background-color: #E7E2DF;
    display: none;
    padding: 0 1px;
}
#nav-topic .open ul {
    display: block;
}
#nav-topic li li {  
    border-top: 1px solid #F5F3F2;
    margin-bottom: 0;   
}
#nav-topic li li a {
    background: url(../images/sprite_sidebar.png) 7px -40px no-repeat;
    color: #333;
    display: block;
    margin-left: -1px;
    padding: 5px 5px 5px 16px;
    width: 209px;
}
#nav-topic li li a:hover {
    background-color: #F6F5F3;
    background-position: 7px -80px; 
}
#nav-topic li li.active a,
#nav-topic li li.active a:hover {
    background-color: #AD2227;
    background-position: 7px -120px;
    color: #FFF;    
}
/* nav products */
#nav-products a {
    color: #333;
    font-weight: bold;
}
#nav-products a:hover {
    color: #AD2227;
    text-decoration: none;    
}
#nav-products .active a {
    color: #AD2227;
    font-weight: bold;
    text-decoration: none;
}
#nav-products li li a {
    font-weight: normal;
}
#nav-products li {
    background-color: #F3F0EF;  
    margin-bottom: 5px;
}
#nav-products li li {   
    margin-bottom: 0;
}
#nav-products .treeview-manz ul { 
    display: none; /* prevents ugly presentation while rendering */ 
}
/* nav products: customized treeview images */
#nav-products .treeview-manz .hitarea,
#nav-products .treeview-manz li.lastCollapsable,
#nav-products .treeview-manz li.lastExpandable { background-image: url(../images/treeview_manz.png); }
#nav-products .treeview-manz li { background-image: none;}
#nav-products .treeview-manz li li { background-image: url(../images/treeview_manz_line.png); }
#nav-products .treeview-manz .lastExpandable,
#nav-products .treeview-manz .lastCollapsable { background-position: 0 -176px; }
#nav-products .treeview-manz li .lastExpandable,
#nav-products .treeview-manz li .lastCollapsable { background-position: -32px -67px; }
#nav-products .treeview-manz .lastExpandable-hitarea { background-position: -80px -3px; }
#nav-products .treeview-manz .lastCollapsable-hitarea { background-position: -64px -25px; }

/** MAIN **/
#main {
    overflow: hidden;
    position: relative;
}
#main h1 {
    color: #000;
    font-size: 28px;
    margin-bottom: 5px;
}
#main h2 {
    font-size: 14px;
}
/* infobars */
#infobar-top,
#infobar-bottom {   
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    margin-left: -10px;
    padding: 0 10px;
    position: relative; 
    width: 692px;
}
#infobar-top {
    border-bottom: 2px solid #E7E2DF;   
    margin-bottom: 15px;
    padding-bottom: 9px;
}
#infobar-bottom {
    border-top: 2px solid #E7E2DF;  
    margin-top: 15px;
    padding-top: 9px;
}
#infobar-top .pagination,
#infobar-bottom .pagination {
    margin-left: 210px; 
}
#infobar-top .result {
    color: #5E5E5E; 
    float: left;
}
#infobar-top .sort {
    position: absolute; right: 10px; top: 1px;
}
#infobar-top .sort select {
    color: #5E5E5E;
    font-size: 10px;    
}
/* home */
#home .col1 {
    float: left;
    margin-right: 20px;
    width: 442px;
}
#home .col2 {
    float: left;
    width: 230px;
}
#home-top {
    font-size: 12px;
    margin-left: 13px;
    position: relative;
}
#home-top span {
    position: absolute; right: 0; top: 0;
}
#home h1 {  
    font-size: 24px;
    margin: 7px 0 17px 13px;
}
#home .col1 li {
    background-color: #F3F0EF;
    margin-bottom: 9px;
    padding: 13px;
}
#home .col1 li h2 { 
    font-size: 18px;
}
/* product */
#product {
    position: relative;
}
#product .print {
    right: 0; top: 0;
}

/** FOOTER **/
#footer {
    font-size: 10px;
    padding-top: 24px;
}
#footer * {
    color: #666;        
}
#footer a:hover {
    color: #AD2227;
    text-decoration: underline;
}
/* sitemap */
#sitemap {
    border-top: 1px solid #FFF;
}
#sitemap li {
    border-bottom: 1px solid #FFF;
    clear: both;
    padding: 4px 0; 
}
#sitemap li h3 {
    float: left;
    font-weight: bold;
    padding: 0 5px;
    text-transform: uppercase;
    width: 110px;       
}
#sitemap li ul {
    float: left;
    width: 845px;
}
#sitemap li li {
    background: url(../images/bullet2.png) right 0.45em no-repeat;
    border-bottom: none;
    clear: none;
    float: left;
    margin-right: 6px;
    padding: 0 10px 0 0;    
}
#sitemap li li.last {
    background: none;
    padding-right: 0;
}
/* nav meta */
#nav-meta {
    border-top: 2px solid #FFF;
    margin-top: 19px;
    padding: 8px 5px 0; 
}
#nav-meta li {
    border-left: 1px solid #666;
    float: left;
    margin-left: 5px;
    padding-left: 5px;
}
#nav-meta li:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}
#nav-meta1 a {
    text-transform: uppercase;
}
#nav-meta2 {
    float: right;
}
/* ==== WEBSITE MANZ.at ==== */
/* Anker - go to top */
.go-top {
    float: right;
    background: url(../images/btn_go-to-top.png) no-repeat;
    border: 0px;
    padding-right: 11px;
}
/* PAGE STRUCTURE */

.layout-website .page {
    background: url(../images/body-website_bg.png) repeat-y;
}
.layout-website #sidebar {
    float: left;
    padding: 10px;
    width: 230px;
    margin-left: 8px;
}
.layout-website #main {
    float: left;
    padding: 25px;
    width: 662px;
}

/* PAGE LAYOUT */
.layout-website .title, 
.layout-website .content, 
.site-2col-li, 
.site-2col-re {
    overflow: hidden;
}
/* Content Single Column */
.layout-website .content {
    padding-bottom: 10px;
}
.layout-website .content p {
    margin: 10px 0px 10px 0px;
}
.layout-website .content hr {
    clear: both;
    background-color: #E7E2DF;
    border: none;
    color: #E7E2DF; /* IE 6 */
    height: 1px;
    margin: 20px 0px 10px 0px;
}
/* Content 2 Columns */
.site-2col-li {
    float: left;
    width: 310px;
    margin: 0px 42px 10px 0px;
    vertical-align: top;
}
.site-2col-re {
    float: left;
    width: 310px;
    margin: 0px 0px 10px 0px;
    vertical-align: top;
}

/* Content 3 Columns */
.site-3col {
    float: left;
    width: 200px;
    margin-right: 20px;
    vertical-align: top;
}
.site-3col:last-child {
    margin-right: 0px;
}

/* FONT-STYLES */
.layout-website .title {
    margin-bottom: 15px;
    border-bottom: 2px solid #E7E2DF;
}
.layout-website .title h1, 
.layout-website .title h2 {
    margin-bottom: 5px;
}
.layout-website .content h3, 
.site-2col-li h3, 
.site-2col-re h3 {
    font-family: Georgia;
    font-size: 16px;
    margin-bottom: 4px;
}
.layout-website .content h4, 
.site-2col-li h4, 
.site-2col-re h4 {
    font-size: 12px;
    font-family: Georgia;
    font-weight: bold;
}
.layout-website .content h5 {
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
}
.layout-website .content h6 {
    font-family: Georgia;
    font-size: 17px;
    font-weight: bold;
    margin-top: 2px;
}

/* IMAGES */
.site-img-hor {
    float: left;
    width: 310px;
    margin-top: 10px;
    padding: 0px 15px 5px 0px;
    font-family: Verdana;
    font-size: 10px;
    color: #CCCCCC;
}
.site-img-hor img {
    max-width: 310px;
}
.site-img-hor-s {
    float: left;
    width: 90px;
    margin-top: 10px;
    padding: 0px 15px 5px 0px;
    font-family: Verdana;
    font-size: 10px;
    color: #CCCCCC;
}
.site-img-hor-s img {
    max-width: 90px;
}
.site-img-ver {
    float: left;
    width: 170px;
    margin-top: 2px;
    padding: 10px 20px 5px 0px;
    font-family: Verdana;
    font-size: 10px;
    color: #CCCCCC;
}
.site-img-ver img {
    max-width: 170px;
}
.site-img-ver-s {
    float: left;
    width: 200px;
    padding: 10px 0px 10px 0px;
}
.site-img-ver-s {
    max-width: 200px;
}
.site-3col .site-img-ver-s .untertitel {
    text-align: left;
    color: #cccccc;
    margin: 0px;
}
.site-img-fullsize {
    float: left;
    width: 662px;
    margin-top: 2px;
    padding: 10px 20px 10px 0px;
    font-family: Verdana;
    font-size: 10px;
    color: #CCCCCC;
}
.site-img-fullsize {
    max-width: 662px;
}

/* TABLE */
.site-table {
    width: 662px;
    table-layout: auto;
    border-collapse: collapse;
    background: #F3F0EF;
    line-height: 25px;
    margin-top: 5px;
}
table.site-table th {
    background: #CCC;
    border-bottom: 1px solid #F3F0EF;
    font-weight: bold;
    padding-left: 5px;
}
table.site-table th a {
    background: url(../images/down-arrow.gif) no-repeat right center;
    padding: 3px 15px 6px 5px;
}
table.site-table th a:hover {
    background-color: #F3F0EF;
}
table.site-table th .up {
    background: url(../images/top-arrow.gif) no-repeat right center;
}
table.site-table td {
    padding: 0px 10px;
    border-bottom: 1px solid #FFF;
}

/* SPECIAL FORMATS */
/* Advertorials and Banner */
.advertorialbox {
    background: #F3F0EF;
    padding: 1px 10px 15px 10px;
}
.site-banner_s, .site-banner_l {
    float: left;
    margin: 2px 0px 20px 0px;
}
.site-banner_s img {
    float: left;
    width: 120px;
    padding-left: 30px;
}
.site-banner_s img:first-child {
    padding-left: 0px;
}
.site-banner_l img {
    max-width: 468px;
}
.sidebar_banner {
    padding-bottom: 10px;
}
.related_banner {
    max-width: 230px;
    text-align: center;
    overflow: hidden;
    margin: 10px 0px 10px 0px;
}

/* Gallery in Teaser-Area */
.teaser-gallery { 
    float: left;
}
.teaser-gallery ul.gallery li {
    float: left;
    width: 100px;
    height: 60px;
    padding: 0px 0px 6px 2px;
    margin: 0px;
}

/*adm*/
.galleria-thumbnails img
{
    width: 90px;
    height: 55px;
    padding: 7px;
    border: 1px solid;
}

/* Eventcalendar */
#event-list {
    margin-bottom: 10px;
}
li.event-li {
    float: left;
    border-bottom: 1px solid #E7E2DF;
    padding: 14px 0;    
    background: none;
}
.cal_bg {
    float: left;
    text-align: center;
    font-family: Georgia, serif;
    font-weight: bold;
    width: 42px;
    height: 46px;
    padding-top: 0;
    background-image: url(../images/bg_kalender.png);
    background-repeat:no-repeat;
    background-color: pink;
}

.cal_bg span {
    display: block;
}

.cal_day {
    color: #971419;
    font-size: 22px;
    line-height: 26px;
    
}
.cal_month {
    font-size: 12px;
    line-height: 14px;   
}
.event-list-item {
    float: left;
    width: 600px;
    margin-left: 15px;
}
.event-info {
    float: left;
    width: 100%;
    border: 1px solid #D7D0CD;
    background: #F3F0EF;
    margin-top: 10px;
}
.event-info-col {
    float: left;
    width: 30%;
    margin: 5px 5px 5px 5px;
}
.event-infotitle {
    font-weight: bold;
    color: #919191;
    margin-bottom: 3px;
}

/* Journal Overview */
.layout-website .content { 
    overflow: visible; 
}
.journal-toolbar {
    height: 19px;
    margin-top: -10px;
    border-bottom: 2px solid #E7E2DF;
}
.journal-toolbar a {    
    background: url(../images/sprite_view_icons.png) no-repeat;
    color: #333;
    float: left;
    height: 14px;
    line-height: 14px;
    margin-right: 15px;
    padding-left: 17px;
    text-decoration: none;
}
.journal-toolbar a:hover,
.journal-toolbar .list-view-active,
.journal-toolbar .grid-view-active {
    color: #971419;
    text-decoration: none;
}
.journal-toolbar .list-view { background-position: 0 0; }
.journal-toolbar .list-view:hover,
.journal-toolbar .list-view-active { background-position: 0 -20px; }
.journal-toolbar .grid-view { background-position: 0 -40px; }
.journal-toolbar .grid-view:hover,
.journal-toolbar .grid-view-active { background-position: 0 -60px; }
.journal-toolbar form { 
    float: right;
    margin-top: -1px;
}
.journal-toolbar select {
    color: #333;
    font-size: 10px;
}
#journal-galery li {
    float: left;
    padding: 2px 0px 0px 5px;   
    background: none;
}
#journal-galery img {
    width: 160px;
}
#journal-list li {
    clear: left;
    padding: 2px 0px 0px 5px;   
    background: none;
}
.journal-list-img {
    float: left;
    width: 120px;
    padding-bottom: 8px;
    margin-right: 10px;
}

/* Journal Details */
.layout-website .product-header .buy .btn:first-child {
    margin-top: 0px;
}
.layout-website .tabs .nav {
    margin: 0 0 15px -25px;
}

/* verhindert Scrollbar */
#event-list, #journal-galery, #journal-list {
    overflow:hidden;
}

/* MANZ Authors */
#select-author {
    height: 30px;
    width: 652px;
    background: #CCCCCC;
    padding-left: 10px; 
}
#select-author li {
    float: left;
    padding-top: 6px;
    padding-left: 0;
    margin-right: 2px; 
    color: #303030;
    background: none;
}
#select-author li a {   
    float: left;
    height: 19px;
    line-height: 19px;
    padding: 0 5px 5px;
}
#select-author li a:hover, #select-author li a:active {
        text-decoration: none;
        background: #F3F0EF;
}
/* ado */
#select-author .selected {
        text-decoration: none;
        background: #F3F0EF;
}
.authors-namelist {
    float: left;
    width: 662px;
    margin-bottom: 10px;
    background: #F3F0EF;
}
.authors-namelist ul {
    float: left;
    width: 200px;
    margin: 5px 5px 10px 15px;
}
.authors-namelist li {
    background: none;
    padding: 4px 0px 0px 0px;
}
.author-img {
    float: left;
    width: 150px; 
    margin-top: 17px;
    padding: 3px 20px 5px 0px;
}
.author-img img {
    max-width: 150px;
}
.author-portrait {
    float: left;
    width: 492px;
    margin-top: 15px;
}

/* MANZ Team */
.team-member {
    line-height: 16px;
}
.team-member img {
    float: left;
    margin-bottom: 10px;
    width: 170px;   
}
.team-member h4 { 
    clear: both;
}
.team-member div {
    float: left;
    width: 472px;
    margin-bottom: 10px;
    margin-left: 20px;
    line-height: 20px;
}
.team-member p {
    font-style: italic;
    line-height: 16px;
    margin-top: 0px;
}

/* Gallery */
.gallery-area {
    float: left;
    font-size: 10px;
    width: 642px;
    padding: 10px;
    background: #F3F0EF;
}
/* Order-Apply Form */
table.order-apply {
    line-height: 25px;
    margin: 5px 0px 0px 40px;
}
table.order-apply .dropdown {
     border: 1px solid #E7E2DF;
     font-size: 11px;
     width: 232px;
     margin-left: 10px;
     padding-top: 3px;
}
table.order-apply .info {
    line-height: 18px;
}
table.order-apply .checkbox, .radiobtn {
    padding-top: 3px;
    margin: 0px 3px 0px 10px;
}
table.order-apply .textfield {
    height: 16px;
    width: 230px;
    border: 1px solid #E7E2DF;
    margin-left: 10px;
    padding-top: 3px;
    font-size: 11px;
}
.order-apply label {
    display: inline-block;
    line-height: 16px;
    padding: 3px 0 0;
    width: 199px;
}
 
 
table.order-apply .checkbox, .radiobtn {
    margin: 7px 3px 0 10px;
    padding-top: 3px;
    vertical-align: top;
}


/* Wenn alles fertig - diese Klassen wieder in allg. Bereich CONTENT rauf */
.site-content ul,
.site-content ol {  
    overflow: auto; /* avoid hidden bullets when lists meet left floating elements */
    margin-bottom: 15px;
}
.site-content p,
.site-content li  {
    line-height: 16px;
}
.site-content li {
    background: url(../images/bullet.png) 3px 0.5em no-repeat;  
    padding-left: 13px;
}
.site-content ol li {
    background: none;
    list-style-type: decimal;
    margin-left: 2.5em;
    padding-left: 0;
}
.site-content a, 
.content-author a {
    color: #971419;
}

/* == Liste auf Website-Content angepasst == */
.layout-website .product-list li {
    border-bottom: 1px solid #E7E2DF;
    width: 662px;
    padding: 0px 0px 13px 0px;
    margin-bottom: 20px;
}
.layout-website .product-list .info {
    width: 397px;
}
.layout-website .product-list .cover {
   width: 83px;
}

/* Content im Webshop (manuelle Liste) */
#home .content {
    float: left;
    width: 692px;
    margin: 0px 15px 0px 15px;
}
#home .content .site-banner_l {
   margin: 0px 0px 0px 0px;
}

a.stichworte  {
    border: 0px;
    color: #971419;
    text-decoration: none;
    outline: none;
    background: url(../buttons/stichwort-pfeil.gif) no-repeat 0 7px;
    padding-left: 12px;
    cursor: pointer;
}
a.stichworte:hover {
    text-decoration: underline;
}

/* == Zweispaltigen Content auf Webshop-Content angepasst == */
.layout-2col .content p {
    margin: 10px 0px 10px 0px;
}
.layout-2col .content hr {
    clear: both;
    background-color: #E7E2DF;
    border: none;
    color: #E7E2DF; /* IE 6 */
    width: 662px;
    height: 1px;
    margin: 20px 0px 10px 0px;
}
.layout-2col .site-2col-li {
    float: left;
    width: 310px;
    margin: 0px 42px 10px 0px;
    vertical-align: top;
}
.layout-2col .site-2col-re {
    float: left;
    width: 310px;
    margin: 0px 0px 10px 0px;
    vertical-align: top;
}

/* zahlungsarten */
.split:before, .split:after {
    content: "";
    display: table;
}
.split:after {
    clear: both;
}
.split:before, .split:after {
    content: "";
    display: table;
}
.split {
}
.split-left {
	float: left;
}

.split-right {
	float: right;
}

.icon-wrapper {
	margin-top: 4px;
}

.icon-visa, .icon-mastercard, .icon-eps {
	background-repeat: no-repeat;
	background-image: url(../images/sprite-zahlungsarten.png);
	border: 1px solid #e0e0e0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	width: 44px;
	height: 23px;
}

.icon-visa {
	background-position: 0  0;
}

.icon-mastercard {
	background-position: -44px 0;
}

.icon-eps {
	background-position: -88px 0;
}

.zahlungsarten {
	width: 151px;
}


.zahlungsartenbox {
	margin-top: 20px;	
}

.kundenbetreuung {
	padding-left: 10px;
}