body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	color:#212121;
	background-color:#efefef;
	/*background-image:url(../.static/background.jpg);*/
}
a {
	color:#0072a3;
	text-decoration:none;
}
a:hover {
	color:#00BFFF;
}
p {
	line-height:150%;
}
h1 {
	font-size:2.5em;
	margin-bottom:5px;
}
h2 {
	display:block;
	text-transform:uppercase;
	padding: 0 0 5px;
	margin:18px 0;
	font-size:16px;
}
.clear {
	clear:both;
}
#naviBar {
	width:100%;
	margin:0 auto;
	background-color:#212121;
	color:#efefef;
	position:relative;
	font-size:1.06em;
}
#naviBar #centered {
	width:980px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#naviBar #centered ul#navigation {
	width:auto;
	left:0;
	top:0;
	height:auto;
	background-color:#111;	
	padding:0;
	margin:0;
	box-shadow: rgba(255,255,255,0.1) -1px 0 0,rgba(255,255,255,0.1) 1px 0 0,rgba(0,0,0,0.5) 2px 2px 10px inset;
	float:left;
}
#naviBar #centered ul#navigation li {
	width:auto;
	list-style:none;
	float:left;
}

#naviBar #centered ul#navigation li a, #naviBar #centered ul.subnavigation li a {
	color:#efefef;
	text-decoration:none;
	padding:12px 14px;
	display:block;
	cursor:pointer;
}
#naviBar #centered ul#navigation li a:hover, #naviBar #centered ul.subnavigation li a:hover {
	color:#00BFFF;
}
#naviBar #centered ul#navigation li.active a, #naviBar #centered ul.subnavigation li.active a {
	color:#00BFFF;
}

#naviBar #centered ul.subnavigation {
	width:auto;
	left:0;
	top:0;
	height:auto;
	background-color:#111;	
	padding:0;
	margin:0;
	box-shadow: rgba(255,255,255,0.1) -1px 0 0,rgba(255,255,255,0.1) 1px 0 0,rgba(0,0,0,0.5) 2px 2px 10px inset;
	float:right;
}
#naviBar #centered ul.subnavigation li {
	width:auto;
	list-style:none;
	float:left;
}

#container {
	width:980px;
	height:auto;
	min-height:600px;
	margin:20px auto 0;
}
.head {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}
.headline {
	font-size:1.5em;
}
.loggedIn {
	float:right;
	padding:12px 18px;
	margin:0;
	background-color:#111;
	box-shadow: rgba(255,255,255,0.1) -1px 0 0,rgba(255,255,255,0.1) 1px 0 0,rgba(0,0,0,0.5) 2px 2px 10px inset;
}
.form-control {
	height:26px;
	line-height:26px;
	padding:3px 10px;
	width:300px;
	display:inline-block;
	margin-right:5px;
	border:1px solid #212121;
	background-color:#fff;
	font-size:16px;
}
.btn_submit {
	height:26px;
	line-height:26px;
	padding:3px 10px;
	width:auto;
	display:inline-block;
	margin-right:5px;
	box-sizing: content-box;
	border:1px solid #212121;
	background-color:#00BFFF;
	color:#fff;
	font-size:16px;
	cursor:pointer;
}
.btn_submit:hover {
	background-color:#1d4f81;
}

#teaser, #teaserBot {
	display:block;
	height:auto;
	margin:26px 0;
}
#teaser .col {
	width:22%;
	margin-right:4%;
	margin-bottom:4%;
	height:320px;
	text-align:center;
	line-height:320px;
	box-sizing:border-box;
	float:left;
	position:relative;
	background-position: center center;
	background-size: 80% auto;
	background-repeat: no-repeat;
}
#teaserBot .botleft {
	width:48%;
	height:100px;
	line-height:100px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	margin-right:4%;
	position:relative;
	background-position: center center;
	background-size: auto 90%;
	background-repeat: no-repeat;
}
#teaserBot .botright {
	width:22%;
	height:100px;
	line-height:100px;
	text-align:center;
	float:left;
	box-sizing:border-box;
	margin-right:4%;
	position:relative;
	background-position: center center;
	background-size: auto 90%;
	background-repeat: no-repeat;
}

#teaser .col, #teaserBot .botleft, #teaserBot .botright {
	background-color:#212121;
}

#teaserBot .botright:last-child {
	margin-right:0;
}
#teaser .col, #teaserBot .botleft, #teaserBot .botright {
	background-color:transparent;
	border:1px solid #ddd;
}
#teaser .col:hover, #teaserBot .botleft:hover, #teaserBot .botright:hover {
	background-color:transparent;
	border:2px solid #aaa;
}
#teaser .col:last-child {
	width:22%;
	margin-right:0;
}
.textboxBotRight {
	background:#efefef;
	opacity: 0.8;
	filter:Alpha(Opacity=80);
	position:absolute;
	bottom:0;
	right:0;
	padding:5px;
	line-height:100%;
	color:#212121;
	font-size:16px;
}
#footer {
	height:auto;
	width:980px;
	margin:40px auto 20px;
}

.error, .success, .warning {
	display:block;
	padding:5px;
	background-color:#db3529;
	color:#fff;
	margin-bottom:2px;
}
.error ul {
	margin:0;
	display:block;
	padding:0;
	list-style:none;
}
.error ul li {
	margin:0;
	display:block;
	padding:0;
	list-style:none;
}
.success {
	background-color:#2ac630;
}
.warning {
	background-color:#faee00;
	margin-bottom:0;
	color:#212121;
}
.center {
	width:980px;
	margin:0 auto;
}

#account {
	margin-top:28px;
	display:block;
}
#login {
	width:50%;
	padding-right:5%;
	float:left;
	box-sizing:border-box;
}
#register {
	width:50%;
	padding-left:5%;
	float:left;
	box-sizing:border-box;
	border-left:1px solid #212121;
	padding-bottom:20px;
}
#account input {
	height:auto;
	padding:5px 6px;
	border:1px solid #212121;
	display:block;
	width:100%;
	box-sizing:border-box;
}
#account input[type=submit] {
	height:auto;
	padding:5px 18px;
	border:1px solid #458cd3;
	width:auto;
	background-color:#00BFFF;
	color:#fff;
	cursor:pointer;
}
#account span {
	display:block;
	font-size:12px;
	margin-bottom:16px;
	margin-top:2px;
}
ul.AccountList, ul.ProductsList {
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}
ul.AccountList li, ul.ProductsList li {
	display:block;
	list-style:none;
	padding:10px 5px;
	border-top:1px dashed #212121;
}
ul.AccountList li:last-child, ul.ProductsList li:last-child {
	border-bottom:1px dashed #212121;
}
ul.AccountList li:hover, ul.ProductsList li:hover {
	background-color:#fefefe;
}
ul.AccountList li a.actions, ul.ProductsList li a.actions {
	float:right;
	margin-left:20px;
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -20px;
	padding: 7px;
	white-space: nowrap;
	-webkit-border-radius: 4px;
	-moz-border-radius:    4px;
	border-radius:         4px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	text-align: left;
	font-size: 14px;
	line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

ul.sideMenu {
	background-color:#212121;
	height:auto;
	padding:0;
	margin:26px 0 0 0;
	border-top: 2px solid #00BFFF;
	display:block;
	border-radius:3px;
}
ul.sideMenu li {
	list-style:none;
	margin:0 1px 0 0;
	padding:0;
	border-bottom:1px solid #555;
	float:left;
}
ul.sideMenu li:hover, ul.sideMenu li.active {
	background-color:#00BFFF;
}
ul.sideMenu li a {
	display:block;
	padding:10px;
	color:#fff;
}
.contentAccount {
	display:block;
	min-height:500px;
	margin:0 0 0 396px;
}
.contentAccount input {
	height: auto;
	padding: 5px 6px;
	border: 1px solid #212121;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.contentAccount span {
	display:block;
	font-size:12px;
	margin-bottom:16px;
	margin-top:2px;
	color:#555;
	cursor:default;
}
.contentAccount button.new {
	border:2px solid #212121;
	padding:4px 8px;
	background-color:#00BFFF;
	border-radius:5px 0 5px 0;
	color:#fff;
	cursor:pointer;
	font-size:14px;
}
.contentAccount input[type=submit] {
	height: auto;
	padding: 5px 18px;
	border: 1px solid #458cd3;
	width: auto;
	background-color: #00BFFF;
	color: #fff;
	cursor: pointer;
}
.contentAccount input[type=checkbox] {
	display:inline;
	width:auto;
}
.contentAccount label {
	display:inline;
	width:auto;
	margin-right:5px;
	font-size:
}
.contentAccount select {
	display:block;
	width:100%;
	margin:0 0 6px;
	padding:3px 5% 3px 1%;
}
.contentAccount select option {
	display:block;
	padding:3px 5% 3px 1%;
}
.contentAccount #btn-freischaltcode {
	display:block;
	padding:8px 20px;
	text-align:center;
	font-size:16px;
	background-color:#00BFFF;
	color:#FFF;
	width:100%;
	margin-bottom:16px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
}
.contentAccount .showCode {
	margin:16px 0;
	text-align:center;
	font-size:24px;
	letter-spacing:2px;
	padding:5px;
	border:1px dashed #00BFFF;
}
.leftBar {
	width:360px;
	margin-right:36px;
	float:left;
}
.leftBar .box {
	display:block;
	background-color:#212121;
	color:#efefef;
	padding:5px;
	margin-top:10px;
	border-radius:3px;
	border-top:2px solid #000;
}
.leftBar .box h3 {
	display:block;
	border-bottom:1px solid #444;
	text-transform:uppercase;
	padding: 0 0 5px;
	margin-top:5px;
}
.leftBar .box h4 {
	display:block;
	text-transform:uppercase;
	margin:0 0 2px;
	padding:0;
	font-weight:normal;
	color:#a5a5a5;
	font-size:12px;
}
.leftBar .box p {
	display:block;
	margin:0 0 10px;
	padding:0;
}
.question_small {
	background-image:url(../.static/question.png);
	height:16px;
	width:16px;
	background-size:100%;
	display:inline-block;
	vertical-align:top;
}
.contentAccount ul.listing {
	display:block;
	margin:0;
	padding:0;
	margin-bottom:40px;
}
.contentAccount ul.listing li {
	list-style:none;
	display:block;
	margin:0 0 10px;
	height:auto;
	border-radius:4px;
	background-color:#fff;
	padding:8px;
	border:0;
	position:relative;
}
.contentAccount ul.listing li.active {
	border:3px solid #2ac630;
}
.contentAccount ul.listing li .product-icon {
	float: left;
	width: 32px;
	height: 32px;
	margin:0 10px 10px 0;
	position: relative;
	z-index: 2;
}
.contentAccount ul.listing li strong {
	display:block;
}
.contentAccount ul.listing li span strong {
	display:inline;
}
.contentAccount ul.listing li strong strong {
	display:inline;
	font-weight:normal;
	font-size:86%;
	letter-spacing:-0.05em;
}
.contentAccount ul.listing li .status {
	height:12px;
	width:12px;
	border-radius:6px;
	background-color:#FF0000;
	position:absolute;
	right:2px;
	top:2px;
}
.contentAccount ul.listing li .red {
	background-color:#E60000;
}
.contentAccount ul.listing li .green {
	background-color:#2ac630;
}
.contentAccount ul.listing li .yellow {
	background-color:#F2CE1B;
}
.contentAccount ul.listing li .grey {
	background-color:#aaa;
}
.contentAccount ul.listing li .delete {
	position: absolute;
	right:18px;
	top:8px;
	padding:0;
	width:16px;
	height:16px;
	display:none;
}
.contentAccount ul.listing li:hover .delete {
	display:block;
}
.contentAccount ul.listing li span  {
	margin:2px 0 0;
	background-color:#fff;
	font-size:12px;
	display:inline;
}
.contentAccount ul.listing li span span  {
	padding:1px 4px;
	background-color:#F7FE2E;
	color:#212121;
	font-size:1.1em;
	display:inline;
	font-weight:bold;
	letter-spacing:0.8px;
}
.contentAccount ul.listing li span.action  {
	display:block;
}
.contentAccount ul.listing li span.action form  {
	display:inline-block;
}
.contentAccount ul.listing li span.action form input[type=submit]  {
	display:inline-block;
	margin:0 10px 0 0;
	background:none;
	color:#212121;
	border:none;
	padding:0;
}
.contentAccount ul.listing li input  {
	border:0;
	margin:0;
	padding:0;
	font-size:12px;
	width:420px;
	display:inline;
	border-bottom:1px solid #bbb;
	font-weight: bold;
	font-size: 1em;
	float:left;
}
.contentAccount ul.listing li input[type=submit]  {
	background-color:#00BFFF;
	width:auto;
	padding:0 5px;
	margin-left:10px;
	border-bottom:1px solid #458cd3;
	font-size:1em;
}
.contentAccount ul.listing li input[type=image]  {
	width:auto;
	margin-left:5px;
	border:0;
	width:18px;
	height:18px;
	float:left;
}
.contentAccount ul.listing li span.Lizenz  {
	font-weight: normal;
	font-size: 0.8em;
	display:block;
}
.contentAccount ul.listing li span.Code  {
	font-weight: bold;
	font-size: 2.4em;
	letter-spacing:2px;
	color:#088A08;
	background:none;
	padding:0 2px;
	margin:0 0 0 42px;
	border:1px solid #088A08;
}
div.listingHead {
	display:block;
	margin:0 0 10px;
	border-radius: 4px;
	background-color: #212121;
	color:#fefefe;
	padding:5px 8px;
}
div.listingHead span {
	color:#bbb;
	display:inline;
}
.contentAccount ul.listing .actions {
	display:block;
	margin:3px 0 0;
	padding:0;
	font-size:0.89rem;
}

#login-embedded {
	width:400px;
	position:fixed;
	top:50%;
	left:50%;
	padding:0;
	margin:-200px;
	z-index:9005;
	height:418px;
	background:#212121;
	border-radius:3px;
	-moz-box-shadow:#000 0 0 20px;
	box-shadow:#000 0 0 20px;
	display:none;
}
#login-embedded #head {
	width:auto;
	display:block;
	color:#efefef;
	font-size:1.2em;
	text-align:center;
	padding:5px;
	margin:24px 0;
}
#login-embedded #head strong {
	width:auto;
	display:block;
	color:#00BFFF;
	font-size:1.4em;
	text-align:center;
	margin-bottom:16px;
}
#login-embedded input {
	width:360px;
	display:block;
	color:#212121;
	font-size:1em;
	padding:6px;
	margin:0 20px 12px;
	border:1px solid #000;
	background-color:#efefef;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1.23em;
}
#login-embedded input[type=submit] {
	width:360px;
	display:block;
	color:#efefef;
	cursor:pointer;
	font-size:1em;
	padding:6px;
	margin:0 20px 12px;
	border:1px solid #000;
	background-color:#00BFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1.23em;
	text-align:center;
	font-weight:600;
}
#login-embedded input[type=submit]:hover {
	background-color:#00aae2;
}

#login-embedded .register {
	width:360px;
	display:block;
	color:#00BFFF;
	padding:6px;
	margin:0 20px 12px;
	border:1px dashed #555;
	background-color:#252525;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1.23em;
	text-align:center;
}
#login-embedded .register:hover {
	background-color:#282828;
}
#login-embedded .links {
	width:360px;
	display:block;
	color:#00BFFF;
	padding:6px;
	margin:0 20px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1em;
	text-align:center;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

.qr-code {
	width:80px;
	height:80px;
	margin:5px;
	position:absolute;
	top:-4px;
	right:5px;
}