body { margin:0px; margin-top:92px; background-color:#005b7f; 
font-family: "Trebuchet MS", "Helvetica", sans-serif;
font-size:9pt; color:#ffffff; text-align:justify; line-height:13pt; background-attachment:fixed; }

textarea { resize:none; }
p { margin:8px }
p a, h4 a, ul a { color:#fde0bc; }
a:hover { text-decoration: none; color:#eeeeee; }
img { border:0; }
footer img { padding-left: 1em; }
h2 { overflow: visible; line-height:1.3em; height:auto; margin-bottom:4px; }

.zv-logo { display:block; padding-left:calc(50vw - 160px); margin-left:auto; margin-right:auto; padding-bottom:30px; }	
#rounded { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
		margin-right:15px; margin-left:10px; float:left; height:72px; width:72px; }

.zv-contact { border-left:1px solid #ccc; border-right:1px solid #ccc; line-height:2em; text-align:center; }
.zv-banner { font-weight:bold; font-size:12pt; margin:12px; padding:9px; border:1px solid #ccc; 
background-color:#f6f6f6; text-align:center; -moz-border-radius:20px; -webkit-border-radius:20px; }
.zv-select { margin-bottom:8px; }

.zv-img { border-radius: 12px; }
.zv-img-top-left { float:left; margin-top: 10px; margin-right: 26px; margin-bottom:10px; }
.zv-img-top { margin-top: 10px; margin-right: 26px; margin-bottom:10px; }
.zv-label { margin-top:8px; }

.zv-required:after { 
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top:7px;
    font-family: 'Glyphicons Halflings';
	font-weight: normal;
	font-size: 14px;
}

/* stop ugly firefox outlines */
a:focus { outline:none; }
button::-moz-focus-inner { border:0; }

/* page */
.zv-body-container { margin-top: 50px; }

/* footer */
.zv-footer { margin-top:15px; position: absolute; bottom: 0; left:0px; }
.zv-page-end { color:#4989bd; padding-left:12px; }

    
/* language menu item */
.zv-nav-lang-link { position:absolute; left:205px; top:32px; color:#ddd; font-size:11px; }
.zv-nav-lang-link a { color:#ddd; }
.zv-nav-lang-link a:hover { color:#4989bd; }

/* cart menu item */
.zv-cart-glyph { font-size:24px; color:#aaa;  margin-left:-7px; margin-top:-2px; }
.zv-a-glyph { margin:8px; width:40px; height:40px; border-radius:50%; background:#444; }
.zv-cart-menu { margin-top:7px; position:absolute; left:calc(100vw - 80px); top:0px; }
.zv-cart-quantity { position:absolute; top:11px; left:calc(100vw - 76px); color:#fff; font-weight:bold; font-size:12px;}
.zv-cart-badge { background:#ff3300; vertical-align:top; }


@media all and (max-width: 1000px) { 
	.zv-label { margin-right:22px; }
	.zv-hidden-xs { display:none; }
}
@media all and (max-width: 768px) {  
	.zv-label { display:none; }
	.zv-cart-item-glyph { padding-left:8px; }
	.zv-cart-menu { top:54px; }
	.zv-cart-quantity { top:54px; }
	.zv-nav-lang-link { top:86px; }
}
@media all and (max-width: 520px) {
	.zv-cart .itemRow td { padding-left:4px; padding-right:4px; }
	.zv-cart .headerRow th { padding:4px; padding-right:4px; }
}

.zv-block { display:block; overflow:hidden; }
.zv-wrapper-index { height:calc(100vh - 168px); }
.zv-wrapper { height:calc(100vh - 128px); }
.zv-vertical-center { display: table-cell; vertical-align: middle; }
.zv-wilkommen { font-size:16pt; color:rgba(255,255,255,0.8); text-align:center; }

/* aufbau message */
.zv-float { display:block; position:absolute; top:140px; left:10%; font-style:italic; line-height:1.3em;
    		font-size:11pt; color:rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.1);
    		height: auto; width:80%; padding:22px; padding-bottom:22px; text-align:center;
    		-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; }
.zv-float a { color:rgba(255,255,255,0.8); }
.zv-float a:hover { color:#4989bd; }

/* kurzbox for user feedback */
#kurzbox { display:none; top:25vh; width:auto; 
			position:absolute; top:140px; left:calc(50% - 120px); font-size:22px;
    		color:rgba(255,255,255,0.5); color:#000; background-color:rgba(255,255,255,0.85);
    		height: auto; width:80%; padding:22px; padding-bottom:22px; text-align:center;
    		padding-left:56px; padding-right:56px; line-height:1.3em;
    		-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;
    		border: solid 2px rgba(0,0,0,0.7); box-shadow: 0px 40px 40px rgba(0,0,0,0.7);
}
#kurzbox i { color:#aa3300; }

/* items for sale */
.zv-item-head { display:block; height:auto; overflow:hidden; }
.zv-select { width:auto; }
.item_price { font-size:14px; }
.zv-cart-item-glyph { font-size:20px; color:#fff; padding-top:8px; padding-right:8px; border-radius:30px; 
	background:#428bca; height:36px; width:36px; }
.zv-cart-item-glyph:hover { background-color:#fff; color:#999; }
.zv-quantity { color:#000; width:64px; }
.zv-itembut { margin-top:8px; }
.zv-item-details { margin-top:22px; }
.zv-playlist { margin-top:28px; border-radius:10px; overflow:hidden; height:160px; }
.zv-additem-label {  }
.zv-buy-digital { margin:0px; background-color:#fff; color:#222; padding:0px 10px 4px 4px; 
	border-radius:0px 0px 10px 10px; }
.zv-buy-digital div.zv-price { font-weight:bold; font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size:120%; width:auto;  margin:-1px; }
.zv-album-details { margin:2px 0px 0px 0px; font-weight:normal; padding-right:0px; font-family:Arial, Verdana, sans-serif; 
	font-size:12px; line-height:2.5em; }
.zv-album-button { float:right; margin-top:0px; }
.zv-hidden { display:none; }

/* Glyph hr, by Harry Roberts */
.zv-hr { padding:0; padding-top:10px; 
	border: none; border-top: medium double rgba(240,240,240,0.7); color:rgba(240,240,240,0.7); 
	text-align: center; line-height: 1px; height: 1px; overflow: visible;
  background-color: transparent;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box; }
.zv-hr:after { content:url('https://zwillinge.zentralzone.com/images/z_logo_hr.png'); 
	display: inline; position: relative; top: -1.25em; font-size: 1.5em; 
    padding: 0 0.25em; background:#005b7f; }

.zv-errata { padding:12px; border-radius:10px; background:white; }

/* cart */
.zv-cart { padding-top:2px; padding-bottom:32px; }
.zv-cart table { margin-left:auto; margin-right:auto; border-bottom-left-radius:8px; border-bottom-right-radius:8px; }
.headerRow th { padding:10px; text-align:center; background:#222; color:#eee;  }
.itemRow td { text-align:center; padding:10px; background:rgba(255,255,255,0.2); }
.itemRow td a { color:#ffff88; }
.item-remove { border:none; }
.zzCart_increment { font-size:20px; }
.zzCart_decrement { font-size:20px; }
.zv-cart-header { float:left; color:#eee; }
.zv-cart-trash { color:#eee; } 
.zv-cart-trash:hover { color:#ffff99; }
.zv-item-trash {  }
#zzCart-cartTotalRow { background:#bbb; color:#aa1100; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} 
#zzCart-cartTotalRow:hover { color:#aa1100; }
#zzCart-cartTotalRow a { color:#aa3300; }
#zzCart-cartTotalRow a:hover { color:#ff3300; }
.zv-ccstd { background:transparent; padding-top:14px; }
.zv-ccstr { background:transparent; text-align:center; }
.zv-ccstr img { padding-right:10px; }
.zv-shopbut { margin-right:10px; }
.zv-checkoutbut { margin:8px; }
.zv-shopbut {  }
.zv-cancelmsg { padding-top:12px; font-size: 14px; line-height:1.7em; }
.zv-cartheader-left { border-top-left-radius:8px; }
.zv-cartheader-right { border-top-right-radius:8px; }
.zv-cartfooter-left { border-bottom-left-radius:8px; }
.zv-cartfooter-right { border-bottom-right-radius:8px; }
.zv-cartheader-sum { font-family:"Times New Roman"; font-weight:bold; color:#fff; font-size:14px; padding-top:0px; }
.zv-cartcol-quantity { padding-left:2px !important; padding-right:2px !important; }

.zv-tnc { margin-top:11px; margin-bottom:11px; padding:12px; padding-left:4px; padding-right:4px; height:150px;}
.zv-chk { height:auto; padding-bottom:4px; background-color:#222; border:none; text-align:left; }
.zv-chk label { color:#fff; font-weight:normal; }

/* the dropdown menu should have no box, and no shadow */
/* the navigation bar */
nav { text-align:auto; }
ul.nav { background-color:transparent; }
ul.nav navbar-nav { background-color:transparent; }
/* each menu container */
ul.dropdown-menu { box-shadow:none; border:none; border-top:1px solid black; margin-top:1px; background-color:transparent; }
/* the menu items */
ul.dropdown-menu li { box-shadow:none; padding:3px; background-color:rgba(0,0,0,0.7) }
ul.dropdown-menu li a { color:white; border-radius:2px; }
ul.dropdown-menu li a:hover { background-color:#ccc; color:#000; }

.zv-menu-divider { height:0px; margin:0px; padding:0px; margin-top:2px; overflow: hidden; background-color:transparent; }

.tooltip-inner { max-width:220px; width:220px; }

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}
.modal-backdrop.in { background-color: #000;  } .ekko-lightbox .modal-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background-color: transparent; } .ekko-lightbox .modal-header { border: 0; padding-left: 0; padding-right: 0; } .ekko-lightbox .modal-header .close { position:absolute; top:25px; left:60px; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; color: #fff; text-shadow:none; display:none; } .ekko-lightbox .modal-header .close:hover { color:#5cb85c; text-shadow:none; } .ekko-lightbox .modal-header h4.modal-title { font-weight: 100; color: #fff; padding: 0; } .ekko-lightbox .modal-body { padding: 0; } .ekko-lightbox .modal-footer { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; border: 0; color: #fff; font-weight: 100; padding: 0; } .ekko-lightbox-nav-overlay a { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; text-shadow: none; }
