@charset "utf-8";
/*@font-face {
  font-family: Raleway-Regular;
  src: url("fonts/Raleway-Regular.ttf") format('truetype'); 
}*/
/* CSS Document */
/*
html,body,div[data-role ="page"], div[data-role="content"] {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding-left: 5px;
    padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}*/
/*body, .ui-btn,a,ul{ font-family:Raleway!important;}*/
/*.ui-mini{ margin: 0.4em;}*/
#pageBG{display:none;}
@media screen and (orientation:portrait){
	#pageBG{display:block;}
}
#pageBG{
	/*z-index:-1;*/
	position:fixed;
	width: 100%;
	height:100%;
	pointer-events:none;
}
#bg1{
	/*z-index:1;
	position:relative;*/
	width: 100%;
	height:100%;
	pointer-events:none;/**/
}
.inIconLeft{ position:relative;max-width:300px; float:left; width:100%;/*z-index:50;*/}
.inIconRight{/*position:relative*/;max-width:300px; float:right; width:100%; z-index:60;}

.ui-content{ padding:9px;}
.ui-content.fullscreen{ padding:0;background-color:#fff;}
li.ui-li-divider{ background-color:#444;}
.ui-bar-b, .ui-page-theme-b .ui-bar-inherit, html .ui-bar-b .ui-bar-inherit, html .ui-body-b .ui-bar-inherit, html body .ui-group-theme-b .ui-bar-inherit { border-color:#444;}
.ui-header{ background-color:#444; height:38px;}
.ui-title{ padding-top:9px!important;}
.momuThumb{position: absolute; text-align:center;left:0;bottom:0; width:80px;}

/*.ui-collapsible-heading-toggle{ font-weight:900;}*/
.ui-collapsible-content > p:nth-child(4){display:none;}/*letzter Absatz in collapsible entfernen*/
div.ui-collapsible:nth-child(n) > div:nth-child(2) > p:nth-child(3){display:none;}
/*div.ui-collapsible:nth-child(3) > div:nth-child(2) > p:nth-child(3){display:none;}
div.ui-collapsible:nth-child(4) > div:nth-child(2) > p:nth-child(3){display:none;}*/

#hiddenPreload{ display:none;}

/* Collapsible Fake*/
#collFake{ 
width:100%; 
-webkit-border-radius:5px;
border-radius:5px;
margin: 0 auto;
}
#collFakeHead{ 
top:0; 
background-color:#f6f6f6; 
text-align:center;
border-bottom:none;
border-top-left-radius:5px;
border-top-right-radius:5px;
border:solid 1px #bbb;
padding:6px;
font-weight:bold;
font-size:14px;
}
#collFakeBody{ 
background-color:#fff; 
padding:5px;
border:solid 1px #bbb;
border-top:0;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}

.listview_endoverlay{ position: absolute; right:0; top:0;}
.listviewText{ margin-top:18px!important; position: absolute;}
#ro9{ padding-left:2px!important; padding-right:2px!important;}
.noSel { -webkit-user-select: none;}
body { -webkit-user-select: none;}
.ui-btn { border-color:#bbb!important; }
/*.ui-input-text{ border-color:#999!important; }*/
.setBorder{border-color:#666!important;}
.custom-li {padding: 0 !important;border-width:0 !important;}
.custom-bottom-li {border-top-width: 0 !important;}
.ui-btn-corner-all{-webkit-border-radius:8px;border-radius:8px;} /* Alle Radien kleiner */
.ui-collapsible .ui-collapsible-heading-toggle{text-align:center!important;}/* center collapsible text*/
.cent-text{text-align:center!important;}/*font-size:10px;}*/
.cent-text2{text-align:center!important;}/*font-size:12px;}*/
.ui-header .ui-title {margin-right: 0px;margin-left: 0px;}
/*#moonbg { background-image:url("../img/mondbg.jpg");background-repeat:no-repeat; width:100%;}*/
#info { background:#000; color:#CCC;}
#bftinf { height : 110px!important;}​
.listItemNoIcon .ui-icon{ display: none;}
.pr-collapsible {
	background:#CCC!important;
    background-color: #CCC!important;
}
.btn-grid{ padding-left:2px; padding-right:2px;}
#compassCon{
      width:100%!important;
      transform-origin: 50% 50%;
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
    }
/*#delete{position:fixed; }*/
/*#LENGTH{position:fixed;}
#SPEED{position:fixed;}
*/
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb{
    left: 1px;
    max-height: 100px!important; 
    max-width: 100px!important;
    position: absolute;
    top: 0;
}
.hr-trans{opacity:0.5}
#windspeedSymTab{ height:18px;}
#speziInfo,#delete{width:23px;padding-top:5px;}
#speziInfoDivKorp,speziInfoDivKnot{
	/*border:solid 1px #000;*/
	margin-top:10px;
	margin-bottom:10px;
	}

#grad{ text-align:center;}
#knoten{ max-width:1024px; padding:0; margin:0; }
#holder{ height:100%; width:100%; max-width:1024px; padding:0; margin:0 auto; border:solid 1px #ddd;} 
#holder.fullscreen{
    /*z-index: 9998; 
    width: 100%!important; 
    height: 100%!important; */
	border:none;
}
#holderClone{max-width:1024px; margin:0 auto;-webkit-border-radius:4px;border-radius:4px;border:solid 1px #ddd;}
.radiusPadding{ padding:5px;}
#playerNav{ 
border-top:solid 1px #ddd; 
width:100%; 
padding-top:3px;
height:32px;
background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
}
#playerNav.fullscreen{ 
/*border-top:solid 1px #ddd; width:100%; padding-top:3px;*/
background: rgba(245,245,245,0);
/*z-index: 9999; */
    width: 100%!important; 
    height: 100%!important; 
	max-width:1024px;
    position: absolute;
	/*bottom: inherit;
    left: 0;*/ 
}
#next,#footerNext{ float:right; padding-right:4px;}
/*#footerNext{ float:right!important; padding-right:5px;}*/

#back,#footerBack{ float:left; padding-left:4px;}
/*#footerBack{ float:left; padding-left:4px;}*/

#play,#footerPlay{margin:0 auto;}
.footerCorrection{ margin-bottom:-4px!important;}

#stop,#footerStop{ margin:0 auto;}
/*#footerStop{ margin:0 auto!important;}*/

#frames{padding-top:4px;opacity:1.0;}
#footerFrames{margin-top:4px!important;opacity:0.6;}

#footerLand{ display:none;}
#footerLand.fullscreen{
	display:inline-block;
	opacity:1.0; 
	padding-top:2px;
	background: rgba(245,245,245,1);
	background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(235,235,235,1)));
	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(235,235,235,1) 100%);
}

.tabSpacer3{ height:3px;}
.tabSpacer1{ height:1px;}

#delaySwitch { width:60px; margin:0 auto;}
#prozent{ padding-top:4px; padding-left:3px;}
#prozentT{ /*font-weight:bold;*/}
.nowrapper{ display:inline-block;}
#knotInfo{ 
background-color:#eee; 
width:27px;
margin:0 auto!important;
-webkit-border-radius:4px;
border-radius:4px; 
border:solid 1px #bbb;
margin-top:-5px!important;
height:28px;
}
#footerKnotInfo{ 
/*background-color:#eee; */
width:27px;
margin:0 auto!important;
-webkit-border-radius:4px;
border-radius:4px; 
border:solid 1px #bbb;
margin-top:-5px;
height:28px;
}
#mono{ padding-top:4px; padding-left:3px;}
#multi{ padding-top:4px; padding-left:3px;}
.playNavBorder{
	-webkit-border-radius:4px;
	border-radius:4px;
	border:solid 1px #bbb;
	height:28px;
	margin-top:-1px;
	}
.knotCor{padding-top:1px;}
.navCorrection{margin-top:5px}
.prozW{ width:38px;}
.framW{width:58px;margin:0 auto;margin-top:-5px;height:27px;}
.monoW{width:30px;}
.setW{min-width:280px;}
#multiT{ padding-right:3px;}

.noWrap{display:inline-block; white-space:nowrap;}

input[type=number] { font-size:15px!important;font-weight: normal!important;}
.ui-radio {width:20% !important;}
#custom-border-radius .ui-btn-icon-notext.ui-corner-all {
    -webkit-border-radius: .3125em;
    border-radius: .3125em;
}
@media screen and (orientation: landscape){
#moon {width:20%!important;}
#compassContainer {width:50%!important;}
/*#next{ float:right; position:fixed; bottom:5px;}*/
}
.myText {font-size:13px;text-align:justify;}
#full {
	/*z-index:10;*/
	position:fixed;
	padding:0;
	margin:0;
	left:0;
	width:100%;
	height:100%;
}
#moonBG {
	margin:0;
	/*background-image:url("../img/mondbg.jpg");*/
	width:100%;
	height:100%;
	background-color:#000;
	z-index:0;
	}
#moon {z-index:500; position:relative; width:55%; max-width:300px;}
.moonText {
	position:absolute!important;
	bottom:0;
	color: #ccc; 
	text-align:center!important; 
	font-size:16px;
	/*z-index:700;*/
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
	}
#moonProzOutput {
	position:relative!important;
	text-align:center!important;
	color: #ccc;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
	margin:0 auto;
	}

.moonTextBg {
	margin:0;
	/*z-index:600;*/
	width:100%;
	/*position:relative!important;
	bottom:10px;*/
	background-image:url("../img/transbg.png");
	background-repeat:repeat-x;
	float:left;
	height:40px;
	}
#inputMoon {z-index:100;}

#mixDisplay {
	color:#000!important;
    background: #f9f9f9!important;
	border: none !important;
	/*border-left: none !important;*/
	box-shadow: none !important;
    -webkit-box-shadow: none !important;
} 
/*#mixDisplay ui-input-text ui-shadow-inset {border: none !important;}*/
.ui-collapsible-heading a {text-align:center;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.res {background: #ffe!important; border: 1px solid #060!important;}
.resOut {background: #FFe!important; border: 1px solid #600!important;}
.res2 {background: #ffe!important; border: 0px solid #ccc!important;}
.res3 {background: #eee!important; border: 0px solid #ccc!important;}
input[type=number] {
    -moz-appearance:textfield;
}
.ui-controlgroup-controls { width:100% !important;}
.ui-field-contain { width:100% !important;}
/*.radio-tweak{width:16% !important;}*/
.inputTxt { margin-top:13px; padding-left:4px;} 
/*.ui-select {width:16.5% !important;} */

.sel-w{ width:100%!important; }

.radio-nowrap { width:100%!important; position:relative; }
.radius {
    -webkit-border-radius: 4px;
    border-radius: 4px;
	border:solid #ccc 1px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:8px;
}
.radiusFN {
    -webkit-border-radius: 4px;
    border-radius: 4px;
	border:solid #ccc 1px;
}
.radiusFormel {
    /*-webkit-border-radius: 4px!important;
    border-radius: 4px!important;
	border:solid #ccc 1px!important;*/
	text-align:center!important;
	margin:0 auto;
}
.ui-collapsible-content{ padding:8px; margin-top:-10px!important; /*text-align:justify;*/}
.ui-collapsible-content > p:nth-child(1){ margin-bottom:0;}
.custom-collapsible {
    margin: 0 !important;   
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-width:0 !important;
}
.custom-pr-li {
    padding-left: 20px !important;
	border-bottom-width: 0px !important;
	border-top-width: 1px !important; 
	background:#eee !important;
}
.pr-li {padding-left: 20px !important;}

/*.ui-collapsible .ui-collapsible-heading .ui-btn { 
	border-bottom-width: 0px;
	border-top-width: 1px !important; 
	color:#444; 
	padding-left: 3px !important;
}
.ui-title {margin: 0.6em 4% 0.8em !important;}*/
/*.myText {font-size:11px;text-align:justify;}
.myTitle {font-size:13px;font-weight:bold;}*/
.shadowB{
-webkit-box-shadow: 0px 0px 1px 1px rgba(135,135,135,1.5)!important;
-moz-box-shadow: 0px 0px 1px 1px rgba(135,135,135,.5)!important;
box-shadow: 0px 0px 1px 1px rgba(135,135,135,.5)!important;
}
#somediv-popup{
	padding-top : 15px;
	padding-bottom : 15px;
	/*text-align:justify;
    margin-top : 10px!important;
	margin-bottom : 10px!important;*/
}

.ui-focus,
.ui-overlay-shadow,
.ui-shadow,
.ui-btn-active,
    * {
        text-shadow: none !important;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
    /* disable shadows for better android performance */
   /* .ui-body-a,
    .ui-bar-a,
    .ui-btn-up-a,
    .ui-btn-hover-a,
    .ui-btn-down-a,
    .ui-body-b,
    .ui-bar-b,
    .ui-btn-up-b,
    .ui-btn-hover-b,
    .ui-btn-down-b,
    .ui-body-c,
    .ui-bar-c,
    .ui-btn-up-c,
    .ui-btn-hover-c,
    .ui-btn-down-c,
    .ui-body-d,
    .ui-bar-d,
    .ui-btn-up-d,
    .ui-btn-hover-d,
    .ui-btn-down-d,
    .ui-body-e,
    .ui-bar-e,
    .ui-btn-up-e,
    .ui-btn-hover-e,
    .ui-btn-down-e,
    .ui-shadow-inset,
    .ui-icon-shadow,
    .ui-focus,
    .ui-overlay-shadow,
    .ui-shadow,
    .ui-btn-active,
    * {
        text-shadow: none !important;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }*/