body { font-family:Arial, Verdana, sans-serif; background-color:transparent; margin:0px;
	background-image: url("https://mps.zentralzone.com/images/basic/bg.jpg");
	background-position: center center; 
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-size: cover; }

p { color:#000; line-height:1.5em; text-align:justify; padding:8px; padding-top:4px;
	padding-bottom:4px; }
p.order { font-weight:bold; font-size:12pt; padding: 9px; color:#000;
	border: 2px solid #fff; background-color:rgba(0,0,0,0.2); text-align: center; 
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }

a { text-decoration:none !important; color:#cc3300; }

hr { padding:0px; margin:8px; margin-top:0px; margin-bottom:12px; border-top:1px solid #aaa; }

img { border: none; }
img.rounded { border-radius:16px; }

h1 { font-size:16pt; }
h2 { font-size:13pt; }
h3 { margin-left:10px; }
h4 { margin-left:10px; color:#cd4c25; font-size:26px; }

a.subtle { font-size:8pt; color:#666; font-weight:normal; }
a.subtle:hover { color:#ffffda; }

.mps-hidden { display:none; }
.mps-center { display:block; margin-left:auto; margin-right:auto; }
.mps-reflect { display:block; margin-left:auto; margin-right:auto; text-align:center;
	margin-bottom: 30px; -webkit-box-reflect:below 0px
	-webkit-gradient(linear, left top, left bottom, 
	from(transparent), color-stop(0.84, transparent), to(rgba(255,255,255,0.4))); }
.mps-sm-center p { text-align:center; font-weight:bold; }
.mps-sm-center img { display:block; margin-left:auto; margin-right:auto; max-width:310px; }

.mps-platforms { font-style:italic; font-size:12px; }

.mps-list-numbered { list-style:decimal; }

.future { color:#fff; margin:0px; padding:0px; font-size: 13pt; font-style:italic; letter-spacing:0.7em; 
	font-weight: bold; text-align:center; line-height:2.5; width:100%; height:43px;
	background:url("https://mps.zentralzone.com/images/gradients/orange.gif") repeat-x; border:none; }

/* the dropdown menu should have no box, and no shadow */
/* the navigation bar */
nav { text-align:auto; padding-left:254px; margin-bottom:22px !important; }
div.navbar-header { height:53px; } /*lin in between image and menu items */
nav.navbar.navbar-inverse { position:relative; top:-44px; margin-bottom:0px; }
nav.navbar.navbar-inverse a { padding:0px; }
nav.navbar.navbar-inverse li.mps-nav-li a { padding:8px; margin:auto; }
nav.navbar.navbar-inverse li.mps-nav-li a:hover { background-color:#ff9933; color:#fff; }
nav.navbar.navbar-inverse li.mps-nav-li a.mps-nav-a { padding:16px; padding-left:11px;
													  padding-right:11px; margin:auto; }
ul.nav.navbar-nav li a { color:#fff; font-size:16px; }
nav.navbar.navbar-inverse li.active a { background-color:#e06e12; }
/*ul.nav.navbar-nav li { background-color:#660000; }*/
.mps-navbar { background-color:#111; color:#fff; height:53px; 
	border-bottom:0px !important; margin-bottom:0px !important; }
.mps-navbar-ul { background-color:#111; color:#fff; border-radius:4px; }
.mps-navbar-toggle { background-color:transparent; margin-right:32px; border:1px solid #ddd !important; }
.mps-navbar-toggle:hover { background-color:#000 !important; }

/* each menu container */
.dropdown-menu { box-shadow:none; border:0px; 
				 background-color:transparent; margin-top:1px; }
/* the menu items */
ul.dropdown-menu li { box-shadow:none; padding:3px; background-color:rgba(32,32,32,0.9); }
ul.dropdown-menu li a { border-radius:2px; }
ul.dropdown-menu li a:hover { background-color:#ccc; color:#000; }

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

#mps-homelink { padding-top:8px; z-index:10000; 
				position:relative; left:0; top:0; }
.mps-home-li { padding:0px; margin:0px; background-color:#111;}
.mps-home-li a { padding:0px; margin:0px; background-color:#111;}

div.hrline { border-top:1px solid #777; padding-top:22px; }
.mps-form { width:98%; padding-top:22px; }
.mps-form input, .mps-form textarea, .mps-form select { border:2px solid #ccc;
	background-color:rgba(0,0,0,0.2); color:#000; }
.form-control::-webkit-input-placeholder { color: #fff; }
.form-control::-moz-placeholder { color: #fff; }
.form-control:-ms-input-placeholder { color: #fff; } 
.form-control:-o-input-placeholder { color: #fff; } 
.mps-select { width:auto; }
.mps-textarea { width:95%; }
.mps-required:after { 
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top:7px;
    font-family: 'Glyphicons Halflings';
	font-weight: normal;
	font-size: 14px;
}

div.row { padding:12px !important; }

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

/* page */
.mps-website-container { width:1024px; display:block; margin-left:auto; margin-right:auto; overflow:hidden;
						 border-left:solid 2px #222; border-right:solid 2px #222; 
						 margin-top:10px; margin-bottom:10px; border-radius:14px; }
div.mps-clear { clear:both; width:1024px; height:-43px; }
div.mps-header-container { padding:0px; background-color:#fff; position:relative; top:-44px; left:0px;
						   color:#000; width:100%; }
div.mps-body-container { padding:8px; background-color:rgba(255,255,255,0.7); border:none;
						 color:#000; width:100%; min-height:300px; }
div.mps-body-container p { margin:0px; padding:12px; padding-top:6px; padding-bottom:6px; }

/* change styles for media sizes */
@media all and (max-width: 1023px) { 
	.mps-website-container { width:100vw; margin:0px; border:0px; border-radius:0px; }
	.mps-sm-center img { max-width:240px; }
}
@media all and (max-width: 768px) { 
	.future { font-size:14px; }
	nav { padding-left:60%; }
	.mps-navbar-collapse ul { max-width:200px; border-radius:4px; overflow:visible; }
	.mps-navbar-collapse ul li a { line-height:0.4em; padding-top:2px; padding-bottom:2px; }
}
@media all and (max-width: 520px) {
	.future { font-size:11px; letter-spacing:0.4em; }
	p { font-size:16px; }
	nav { padding-left:150px; }
	.mps-page-end img { display:none; }
}

/* footer */ 
.mps-footer { height:55px; background-color:#111; padding:8px; font-size:9pt; font-weight:bold;
			  padding-top:12px; border-top:3px solid #222; padding-right:28px; }
a.zz { color:#fff; }
a.zz:hover { color:#ff9933; }
.mps-page-end { color:#fff; padding-left:12px; margin-top:6px; }
.mps-page-end img { float: right; margin-left:12px; margin-top:-8px; }

/* cart menu item */
.mps-cart-glyph { font-size:24px; color:#ccc; margin:8px; }
.mps-cart-glyph:hover { color:#fff; }
.mps-a-glyph { width:40px; height:40px; border-radius:50%; background:#444; }
.mps-a-glyph:hover { background:#ff9933 !important; color:#fff; }
.mps-cart-menu { margin:6px; margin-right:24px; }
.mps-cart-quantity { color:#fff; margin-left:-50px; margin-top:-11px; padding-bottom:6px; padding-left:8px;
					font-weight:bold; font-size:12px; background:#ff3300; vertical-align:top; }


@media all and (max-width: 1023px) { 
	.mps-hidden-xs { display:none; }
	p { margin-right:12px; }
}
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
@media all and (max-width: 768px) { 
	.mps-cart-item-glyph { text-align:right; margin-left:80%; }
	.mps-cart-menu { top:54px; }
	.mps-nav-lang-link { top:86px; }
	.modal.simple-lightbox { top: 10%; }
}
@media all and (max-width: 520px) {
	.mps-cart-item-glyph { margin-left:60%; }
	.mps-price { white-space:nowrap; }
	.mps-cart .itemRow td { padding-left:4px; padding-right:4px; }
	.mps-cart .headerRow th { padding:4px; padding-right:4px; }
}

/* 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 */
.mps-label { text-align:right; padding-right:0px; }
.mps-item-head { display:block; height:auto; overflow:hidden; }
.item_price { font-size:14px; }
.mps-cart-item-glyph { font-size:20px; color:#eee; border-radius:50%; padding-right:7px; padding-top:7px;
						background:#d95350; height:34px; width:34px; top:-7px; }
.mps-cart-item-glyph:hover { background-color:#d1322d; color:#fff; }
.mps-quantity { color:#000; width:64px; }
.mps-itembut { margin-left:-8px; }
.mps-item-details { margin-top:32px; }
.mps-playlist { margin-top:28px; border-radius:10px; overflow:hidden; height:160px; }
.mps-additem-label {  }
.mps-upgradebut { margin:3px; }

.mps-price { color: #cc3300; position:relative; top:7px; }
.mps-dollars { font-weight:bold; }
.mps-cents { font-weight:bold; font-size: 60%; position:relative; top: -4px; text-decoration: underline; }
.mps-smallDollar { color: #cc3300; font-size: 6pt; position:relative; top: -3px; }
.mps-smallCents { color: #cc3300; font-size: 4pt; position:relative; top: -5px; left: 2px; text-decoration: underline; }

/* cart */
.mps-cart { padding-top:22px; padding-bottom:32px; }
.mps-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, .mps-license-row td, .mps-license-row-obsolete td{ text-align:center; padding:10px; 
	padding-top:2px; padding-bottom:2px; background:#ff9933; color:#fff; }
.mps-license-row td { background:#d1322d; color:#fff; }
.mps-license-row-obsolete td { background:#aaa; color:#000; }
.itemRow td a { color:#ffff88; }
.item-remove { border:none; }
.zzCart_increment { font-size:20px; }
.zzCart_decrement { font-size:20px; }
.mps-cart-header { float:left; color:#eee; }
.mps-cart-trash { color:#eee; } 
.mps-cart-trash:hover { color:#ffff99; }
.mps-item-trash {  }
.zzCart-buffer-row {  }
.zzCart-buffer-cell {  }
#zzCart-cartTotalRow td { background-color:#bbb; color:#aa1100; padding:10px !important;}
#zzCart-cartTotalRow { 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; }
.mps-ccstd { background:transparent; padding-top:14px; }
.mps-ccstr { background:transparent; text-align:center; }
.mps-ccstr img { padding-right:10px; }
.mps-shopbut { margin-right:10px; }
.mps-checkoutbut { margin:16px; }
.mps-shopbut {  }
.mps-cancelmsg { padding-top:12px; font-size: 14px; line-height:1.7em; }
.mps-cartheader-left { border-top-left-radius:8px; }
.mps-cartheader-right { border-top-right-radius:8px; }
.mps-cartfooter-left { border-bottom-left-radius:8px; }
.mps-cartfooter-right { border-bottom-right-radius:8px; }
.mps-cartheader-sum { font-family:"Times New Roman"; font-weight:bold; color:#fff; font-size:14px; padding-top:0px; }
.mps-cartcol-quantity { padding-left:2px !important; padding-right:2px !important; }

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

.tooltip-inner { font-family: "Trebuchet MS", "Helvetica", sans-serif; 
	font-size:9pt; font-weight:bold; color:#ffffff; text-align:justify; line-height:12pt; max-width:220px; width:220px; }

/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.2.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, No‘l Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}
.featherlight:last-of-type{background:rgba(0,0,0,.8)}
.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.featherlight .featherlight-content{border-radius:8px;position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}
.featherlight .featherlight-inner{display:block}
.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}
.featherlight .featherlight-image{width:100%}
.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}
.featherlight iframe{border:0}
}
@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}
}

/* bootstrap dialogs */
.bootstrap-dialog .modal-header{border-top-left-radius:4px;border-top-right-radius:4px}.bootstrap-dialog .bootstrap-dialog-title{color:#fff;display:inline-block}.bootstrap-dialog.type-default .bootstrap-dialog-title{color:#333}.bootstrap-dialog .bootstrap-dialog-title{font-size:16px}.bootstrap-dialog.size-large .bootstrap-dialog-title{font-size:24px}.bootstrap-dialog .bootstrap-dialog-close-button{float:right;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}.bootstrap-dialog .bootstrap-dialog-close-button{font-size:20px}.bootstrap-dialog.size-large .bootstrap-dialog-close-button{font-size:30px}.bootstrap-dialog .bootstrap-dialog-close-button:hover{cursor:pointer;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.bootstrap-dialog .bootstrap-dialog-message{font-size:14px}.bootstrap-dialog.size-large .bootstrap-dialog-message{font-size:18px}.bootstrap-dialog.type-default .modal-header{background-color:#fff}.bootstrap-dialog.type-info .modal-header{background-color:#5bc0de}.bootstrap-dialog.type-primary .modal-header{background-color:#428bca}.bootstrap-dialog.type-success .modal-header{background-color:#5cb85c}.bootstrap-dialog.type-warning .modal-header{background-color:#f0ad4e}.bootstrap-dialog.type-danger .modal-header{background-color:#d9534f}.bootstrap-dialog .bootstrap-dialog-button-icon{margin-right:3px}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0{-ms-transform:rotate(0)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0{transform:rotate(0)}100%{transform:rotate(359deg)}}
