canvas {
    border: 1px solid black;
}

.ui-content {
	max-width: 550px; 
	min-width: 290px;
    margin-left: auto; 
    margin-right: auto !important;
}

#hilfetext{
	padding-left: 10px;
	padding-right: 10px;
}

#aboutContent{
	padding-left: 10px;
	padding-right: 10px;
}

#phi {
	color: rgb(0, 50, 255);
	font-weight: bold;
	padding: 2px 0;
	text-align: center;
}

#slider {
    float: right;
    height: 16px;
    margin: 0 .5em 0 0;
}

.smallLabel{ font-size: 10px !important; }
.mediumLabel{ font-size: 12px !important; }
.largeLabel{ font-size: 14px !important; }
.block10 { width: 10% !important; }
.block15 { width: 15% !important; }
.block20 { width: 20% !important; }
.block25 { width: 25% !important; }
.block30 { width: 30% !important; }
.block40 { width: 40% !important; }
.block50 { width: 50% !important; }
.block60 { width: 60% !important; }
.block70 { width: 70% !important; }
.block74 { width: 74% !important; }
.block79 { width: 79% !important; }
.block80 { width: 80% !important; }
.block100 { width: 100% !important; }

.labelPlain {
    vertical-align: middle;
    margin: 0 !important;
}






input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

ul.tabs {  
    margin: 0px;  
    padding: 0px;  
    list-style: none;
}  

ul.tabs li {  
    background: none;  
    color: #222;  
    display: inline-block;
    padding: 10px 7px;  
    cursor: pointer;
}  

ul.tabs li.current {  
    background: #ededed;  
    color: #222;
}  

.tab-content {  
    display: none;  
    background: #ededed;  
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 3px;
    padding-right: 3px;
}  

.tab-content.current {  
    display: inherit;  
}

@media (min-width:35em) {
 
  /* wrap on wide viewports once open */
 
  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
  .ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
  .ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
    margin-right: 17em;
  }
  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
  .ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
  .ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
    margin-left: 17em;
  }
  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
  .ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
    width: auto;	
  }
 
  /* disable "dismiss" on wide viewports */
  .ui-panel-dismiss {
    display: none;
  }
  /* same as the above but for panels with display mode "push" only */
  .ui-panel-dismiss-display-push {
    display: none;
  }
 
}

.ui-bar-b {
	border: 1px solid 		#456f9a /*{b-bar-border}*/;
	background: 			#5e87b0 /*{b-bar-background-color}*/;
	color: 					#fff /*{b-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #47A7D9 /*{b-bar-background-start}*/), to( #0054A7 /*{b-bar-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/);
}

.ui-btn-up-b {
	border: 1px solid 		#044062 /*{b-bup-border}*/;
	background: 			#396b9e /*{b-bup-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #47A7D9 /*{b-bup-background-start}*/), to( #0054A7 /*{b-bup-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/);
}
.ui-btn-hover-b {
	border: 1px solid 		#00415e /*{b-bhover-border}*/;
	background: 			#4b88b6 /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #57B7E9 /*{b-bhover-background-start}*/), to( #1064B7 /*{b-bhover-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/);
}
.ui-btn-down-b {
	border: 1px solid 		#225377 /*{b-bdown-border}*/;
	background: 			#4e89c5 /*{b-bdown-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bdown-color}*/;
	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #0054A7 /*{b-bdown-background-start}*/), to( #47A7D9 /*{b-bdown-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/);
}

.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
	font-family: Arial/*{global-font-family}*/ !important;
}
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
	font-family: Arial/*{global-font-family}*/ !important;
}
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
	font-family: Arial/*{global-font-family}*/ !important;
	text-decoration: none;
}