#bodywrap:before, #navwrap:before, #forfooter:before, .line100:before, .listline:before, .inputline:before, .dialogline:before, .dlgnewbilllineitemline:before
{
  content: " ";
  display: table;
  clear:both;
} 
#bodywrap:after, #navwrap:after, #forfooter:after, .line100:after, .listline:after, .inputline:after, .dialogline:after, .dlgnewbilllineitemline:after
{
  content: " ";
  display: table;
  clear:both;
}
body
{ 
	min-width: 400px;
	background: var(--main-bg-color);
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: 14px; 
	color: var(--main-text-color);
}

#wrap
{
	width: auto;
	
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0.5rem;
	border: solid 1px var(--main-text-color);
	border-radius: 0.3rem;
	background: var(--main-wrapbg-color);
	
}

#bodywrap
{
	width: 100%;
	
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#headwrapleft{ float: left;	width: 200px;}
#headwrapright{ float: right; width: 260px; }
#headwrapmiddle{ float: left; width: 260px; text-align: center; }

.forlogo{margin: 8px; width: 70%; max-width: 200px;}
.piomtxt{ margin: 2px 0; font-size: 1.1em; width: 250px; margin-left: auto; margin-right: auto;}
.userinf
{
	margin-top: 1em;
	margin-right: 0.5em;
	width: auto;
	padding: 3px;
	vertical-align: middle;
}
.userinfcontent
{
	display: table-cell;
	width: auto;
	padding: 3px;
	overflow: hidden;
	border: solid 1px var(--main-text-color);
	border-radius: 0.3rem;
	background: var(--main-wrapbg-color);
}
	
.byerror{color: red; font-style: italic;}

/* wrap */
#wrap{ margin: 10px auto; overflow: hidden; text-align: left;}

.logopointbit{width: 50%; max-width: 250px;}

.inputSerch{margin-left: 10px;}
.listline{ border-top: 1px solid;}
.customid{width: 5%; min-width: 40px; margin: 0 5px;}
.customname{float: left; width: 50%; min-width: 200px; margin: 0 5px;}
.customort{float: left; width: 20%; min-width: 90px; margin: 0 5px;}

.inputline{width: auto; margin: 8px 10px;}
.content210108{ margin: 1em 0;}
.inputline form{display: inline;}
.eBillPaid{ margin-left: 3px;}
.errorline{width: auto; margin-left: 10px; margin-right: 10px; margin-top: 6px; color: red;}
.linepart50{width: 50%; float: left;}
.linepart30{width: 30%; float: left;}
.linepart10{width: 10%; float: left;}
.linepartA{width: 99%; float: left; margin-right: 8px;}
.linepartAR{width: auto; float: right; margin-left: 8px;}
.linepartF{width: 110px; float: left; margin-right: 8px;}
.linepartG{width: auto; float: left; margin-right: 8px;}
.linepartB{width: auto; float: right; margin-left: 8px;}


.billlistpartdate{width: auto; margin-left: 5px;}
.billcustomer{width: auto; margin-left: 8px;}
.billobjekt{width: auto; margin-left: 8px;}
.billtotaalprice{text-align: right; margin-right: 0.1em; padding: 0.3em; white-space: nowrap;}
.listtotaalprice{text-align: right; auto; margin-right: 4px; white-space: nowrap;}
.billpaidis{}
.billlinefuncs{float: right; width: auto; margin-right: 6px;}
.billID{float: left; width: 3em; height: 1.5em; margin-left: 8px;}
.tbillID{float: left; width: 5em; height: 1.5em; margin-left: 8px;}
.offerID{float: left; width: auto; margin-left: 8px;}

.forapps{ margin: 3px 0px 8px 6px; padding: 0; float: left;}
.forapps a{color: white;}

.forwidth{width: 15em; margin: 1em;}

.forLogginFporm{
	width: 214px;
	height: 310px;
	border: 3px solid var(--main-dialoghead-color); 
}
.forappSingel{
	width: 214px;
	height: 180px;
}
.forappDouble{
	width: 438px;
	height: 180px;
}
.forappTriple{
	width: 438px;
	height: 366px;
}
.forappSingel, .forappDouble, .forappTriple{ border: 3px solid var(--main-dialoghead-color); }

.textschedo{
	width: 100%;
	margin-top: 10px;
	-moz-box-shadow: 3px 3px 12px var(--main-shadow-color);
	-webkit-box-shadow: 3px 3px 12px var(--main-shadow-color);
	box-shadow: 3px 3px 12px var(--main-shadow-color);	
	background-color: rgba(var(--main-rgbaB-color),0.5);
	overflow: hidden;
}
.forradio{margin: 5px; border: none;}

.content01{margin: 5px 8px; text-align: left; color: black;}
.content12{margin: 5px 15px; text-align: left;}
.contentPicDoc{margin: 2px; text-align: left; color: black; overflow: hidden;}
.contentPicDoc textarea{margin: 2px; text-align: left; width: 98%; height: 4rem;}

.content55, .content56{ border: solid 1px green; margin: 10px 5px; padding: 5px 10px; text-align: left; overflow: hidden;}
.content56{border: solid 1px red; background-color: rgba(var(--main-rgbaC-color),0.5); }
.content02{margin: 10px;}
.forinput{ color:var(--main-inputtext-color); background: var(--main-inputbg-color); width: 100px; margin:0;}
.contentA1{width: 33%; float: left; margin: 1% 1.5%; }
.contentA2{width: 61%; float: left; margin: 1% 1.5%; }
.contentL60{width: 60%; float: left; margin: 0; }
.contentL39{width: 39%; float: left; margin: 0; }

.newsletterpart{padding: 1em 0.5em;}

.line100{width: 100%; }
/* Ende wrap */



#navwrap{width: 100%; overflow: hidden;}
.navigation{float: left; margin: 0.3em;}
.X1navigation{float: left; margin: 0.3em; padding: 0.3em; border: solid 1px var(--main-text-color); border-radius: 0.4em;}

/*
input{
  font:0.9em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
  padding:2px 6px;
  background-color: var(--main-navAktivBG-color);
  border:1px solid #7a7a7e;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border-bottom:1px solid var(--main-inputtext-color);
  border-right:1px solid var(--main-inputtext-color);
  -moz-box-shadow:inset 0 1px 0 rgba(var(--main-rgbaA-color),0.5);
  -webkit-box-shadow:inset 0 1px 0 rgba(var(--main-rgbaA-color),0.5);
  box-shadow:inset 0 1px 0 rgba(var(--main-rgbaA-color),0.5);
  cursor:pointer;
}
*/

.mybutton
{
	font:0.9em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
	padding:2px 6px;
	background-color: var(--main-navAktivBG-color);
	border:1px solid #7a7a7e;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-bottom:1px solid var(--main-inputtext-color);
	border-right:1px solid var(--main-inputtext-color);
	-moz-box-shadow:inset 0 1px 0 rgba(var(--main-rgbaA-color),0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(var(--main-rgbaA-color),0.5);
	box-shadow:inset 0 1px 0 rgba(var(--main-rgbaA-color),0.5);
	cursor:pointer;
	float: left;
	margin-left: 5px;
}
.assymbol{ width: 2.5rem; background: url(/de/images/v1button_back.png);  background-repeat: no-repeat; background-size: 2.5rem 2.5rem;}
.assymbolB{ width: 4rem; background: url(/de/images/v1button_back.png);  background-repeat: no-repeat; background-size: 4rem 4rem; margin-top: 2rem;}
.assymbolC{ width: 3.5rem; background: url(/de/images/v1button_back.png);  background-repeat: no-repeat; background-size: 3.5rem 3.5rem; margin: 0.1rem; }
.assymbol:hover{ background: url(/de/images/v1button_back_A.png);  background-repeat: no-repeat; background-size: 2.5rem 2.5rem; cursor: pointer;}
.assymbolB:hover{ background: url(/de/images/v1button_back_A.png);  background-repeat: no-repeat; background-size: 4rem 4rem; cursor: pointer;}



.navAktiv {
    color:var(--main-navAktiv-color);
	background: var(--main-bg-color);
	margin: 0.2rem;
}
.navInaktiv {
    color:var(--main-navInaktiv-color);
	background: var(--main-InaktivBG-color);
}
.navAktiv:hover {
	background: var(--main-InaktivBG-color);
    color:var(--main-navInaktiv-color);
}
.X1navAktiv {
    color:var(--main-navAktiv-color);
	margin: 0.2em;
	text-decoration: none;
}
.X1navInaktiv {
    color:var(--main-navInaktiv-color);
	text-decoration: none;
}
.X1navAktiv:hover {
    color:var(--main-navInaktiv-color);
}
.subnavigation{width: 100%; overflow: hidden; padding: 0; margin:0;}
.subnavigation ul
{
	list-style-type: none;
	display: none;
	position: absolute;
}
.subnavigation li{list-style-type: none;}

.forfleft{float: left; margin: 10px 10px;}

/* foooter */
#forfooter{
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 100px;
	background: var(--main-footerBG-color);
	color: var(--main-footertext-color);
}
#forfooter a{
	color: var(--main-footertext-color);
	text-decoration: none;
}
#forfooter a:hover{
	color: var(--main-footertexthover-color);
}

.ftleft
{
	margin: 10px;
	width: 100%;
	height: 200px;
}
.ftright
{
	margin: 10px;
	width: 100%;
	height: 200px;
}
.ftmiddle
{
	margin: 10px;
	width: 100%;
}

/* ende footer */

#appDialog{
	position: absolute;
	top: -200px;
	
	
	text-align: center;
	overflow: hidden;
	background-color: rgba(var(--main-rgbaB-color),0.2);
	overflow: hidden;
	
}
#secondDialog{
	position: absolute;
	top: -200px;
	width: 100%;
	text-align: center;
	overflow: hidden;
	background-color: rgba(var(--main-rgbaB-color),0.6);
}
#fdialog
{
	margin: 50px 2rem 600px 2rem;
	width: auto;
	background-color: rgba(var(--main-rgbaB-color),0.7);
	-moz-box-shadow: 3px 3px 12px var(--main-shadow-color);
	-webkit-box-shadow: 3px 3px 12px var(--main-shadow-color);
	box-shadow: 3px 3px 12px var(--main-shadow-color);	
	color: black;
	border: solid 1px var(--main-dialoghead-color);
	overflow: hidden;
	
}
#dialog01
{
	margin: 1em;
	margin-top: 350px;
	
	background: var(--main-bgdialog-color);
	-moz-box-shadow: 3px 3px 12px var(--main-shadow-color);
	-webkit-box-shadow: 3px 3px 12px var(--main-shadow-color);
	box-shadow: 3px 3px 12px var(--main-shadow-color);	
	color: black;
	border: solid 1px var(--main-dialoghead-color);
	overflow: hidden;
}

.dialogline{ width: 100%;}
.dlglinepart{width: 98%; margin: 1%; padding: 1%; background: var(--main-bgdialogmark-color); overflow: hidden;}
.dlglinepart2{ padding: 1em; background: var(--main-bgdialogmark-color); overflow: hidden;}
.dlglinepartBig{width: 98%; margin: 1%; padding: 1%; background: var(--main-bgdialogmark-color); overflow: hidden;}
.dlglinepartBig2{margin: 1%; padding: 0 1%; background: var(--main-bgdialogmark-color); overflow: hidden;}
.dlglinepart textarea{width: 98%; height: 4em;}
.maxwidth{width: 98%;}
.thirdwidth{width: 66%;}
.hinttext{ font-size: 0.8em; color: var(--main-hinttext-color);}
.wrongtext{ color: var(--main-wrongtext-color);}
.theworktimedate{width: 4em; font-size: 0.8em; margin: 0.2em 0.3em;}
.dlgnewbilllineitemline{width: 100%; border-bottom: solid 1px var(--main-dialoghead-color); font-size: 0.8em;}
.dlgnewWRtimeline{width: 100%; padding-top: 2em; padding-left:3em;  font-size: 0.8em;}
.dlgnewbilllineitemitemid{ float: left; width: 10%;}
.dlgnewbilllineitemdescription{ float: left; width: 36%;}
.dlgnewbilllineitemquant{ float: left; width: 12%; text-align: right;}
.dlgnewbilllineitemprice{ float: left; width: 12%; text-align: right;}
.dlgnewbilllineitemdiscount{ float: left; width: 9%; text-align: right;}
.dlgnewbilllineitemtotalprice{ float: left; width: 14%; text-align: right;}
.dlgnewbilllineitemfunctions{ float: left; width: 7%; text-align: right;}
.addBillitempart{margin: 0.5em 2em;}
.aslink{padding: 0px;}
.astxtlink{padding: 0.1rem; margin: 0.3rem 0.2rem; color:var(--main-navAktiv-color); background: var(--main-bg-color);}
.astxtlink:hover{background: var(--main-wrapbg-color);}

.thewidth01{width: 400px;}


.appheadline
{
	padding: 5px 10px;
	width: auto;
	background: var(--main-dialoghead-color);
	color: white;
	margin-top: 0px;
	overflow: hidden;
	text-align: left;
}
.appheadline h3
{
	line-height: 1px;
	margin-left: 6px;
}
.appheadlinePic
{
	width: 100%;
	overflow: hidden;
	text-align: left;
	height: 34px;
}
.forclose
{
	float: right;
	overflow: hidden;
}
.forclose a
{
	color: var(--main-dlgclose-color);
	text-decoration: none;
}
.forclose a:hover
{
	color: white;
}
.theclose
{
	line-height: 2em;
	padding: 0 8px;
	margin-right: 3px;
	border: 1.7px solid var(--main-dlgclose-color);
	border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	-khtml-border-radius: 1.5em;
}
.contentD01
{
	margin: 1em;
	text-align: left;
}
.contentD01 li
{ 
	line-height: 1.2em;
	margin-top: 10px;
}
.contentD01 a{color: black;}

.line01{margin: 3px; text-align: left; width: 100%; border-bottom: solid 1px var(--main-dialoghead-color); overflow: hidden; }
.line95{margin: 5px 15px; width: 95%; overflow: hidden; font-size: 0.9em; text-align: right;}
.line96{margin: 5px 15px; text-align: left; width: 100%; overflow: hidden; font-size: 1.1em;}
.line97{margin: 0px; text-align: left; width: 100%; border-bottom: solid 2px; overflow: hidden; }
.line99{margin: 5px 0px; padding: 2px; text-align: left; width: 99%; overflow: hidden; border: solid 1px var(--main-dialoghead-color); }
.line98{margin: 2px 0px 0px 15px; text-align: left; width: 97%; font-style: italic; overflow: hidden; background: var(--main-messageBG-color);}
.forObject{float: left; width: 35%;}
.forObject15{float: left; width:98%; margin-left: auto;margin-right: auto; padding: 10px;}
.forTime{float: left; width: 35%;text-align: right;}
.forType{float: left; width: 29%;text-align: center;}
.forPicDocNr{float: left; width: 28%;text-align: center;}
.forPicDocBills{float: left; width: 18%;text-align: center;}
.forPicDocFuncs{float: left; width: 52%;text-align: center;}
.forpartA1{margin: 2px 0;}



.forSaturday{color: var(--main-saturday-color);}
.forSilvester{color: var(--main-silvester-color);}
.forPublicholiday{color: publicholiday;}
.forSunday{color: publicholiday;}

.mymessage
{
	position: relative;
	width: auto;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	border-color: var(--main-message-color);
	height: auto;
	text-align: left;
	background: var(--main-messageBG-color);
    color: black;
	overflow: hidden;
	padding: 10px;
	margin: 10px;
}
.mymessdate{ margin-left: 10px; padding: 0px 5px;}

/* picdoc */
.row{padding-top: 10px; margin-right: 12px; margin-left: 12px; margin-bottom: 10px; width: auto; overflow: hidden;}
.row1{padding-top: 1px; margin-right: 5px; margin-left: 5px; width: auto; overflow: hidden;}


.btn{float: left; display: inline-block; height: 33px; margin-left: 25px; margin-bottom:0; font-size:14px; font-weight:normal; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:4px; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select:none; }

.btn2{float: left; display: inline-block; height: 17px; margin-left: 25px; margin-bottom:0; font-size:14px; font-weight:normal; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:4px; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select:none; }


.btn-txt{ margin-left: 40px; margin-right: 6px; line-height: 33px; vertical-align: middle; color: white; }
.btn-txt1{ margin-left: 0px; margin-right: 0px; margin-bottom: 3px; color: white; font-size: 0.8em; }
.btn-txt2{ margin-left: 40px; margin-right: 6px; line-height: 17px; margin-bottom: 4px; vertical-align: middle; color: white; }

.hinweis{ font-style: italic; color: gray; font-size: 0.9rem;}
.whinweis{ font-weight: 600; font-style: italic; color: red; font-size: 0.9rem;}
.hinweisR{ font-style: italic; color: red; font-size: 0.9rem;}
.gooffline{ font-style: italic; color: red; font-size: 0.9rem;}
.isfordisabled{ font-style: italic; color: gray; font-size: 0.9rem;}
.fordescript{font-style: italic; font-size: 0.9rem;}

.btn:focus{outline:thin dotted var(--main-btn-color); outline:5px auto -webkit-focus-ring-color;outline-offset:-2px; }
.btn2:focus{outline:thin dotted var(--main-btn-color);outline:5px auto -webkit-focus-ring-color;outline-offset:-2px; }
 
.btn:hover,.btn:focus{color: var(--main-btn-color); text-decoration: none; }
.btn1{ display: inline-block; height: 17px; width: 25px; white-space:nowrap; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:4px; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select:none; }  

.btn-bg-arrow_left{ background-image: url(/de/images/arrow_left.jpg); }
.btn-bg-delete_pic{ background-image: url(/de/images/btn-bg-dell.jpg); }
.btn-bg-rotate_r{ background-image: url(/de/images/rotate_right.jpg); }
.rotate_right{ background-image: url(/de/images/rotate_right.jpg); }
.btn-bg-dell{ background-image: url(/de/images/btn-bg-dell.jpg); }
.btn-bg-plus{ background-image: url(/de/images/btn-plus.jpg); }
.btn-bg-save{ background-image: url(/de/images/btn-save.jpg); }
.btn-bg-up{ background-image: url(/de/images/btn-up.jpg); }
.btn-txt-edit{ background-image: url(/de/images/btn-edit.jpg); }
.btn-txt-neu{ background-image: url(/de/images/btn-neu.jpg); }

.btn-bg-del{ display: inline-block; height: 16px; width: 60px; white-space:nowrap; cursor:pointer; border:1px solid transparent; border-radius:3px; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select:none; background-image: url(../images/btn-del.jpg); }

.inf1{display: inline-block; height: 17px; width: 25px; white-space:nowrap; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:4px; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select:none; background-image: url(../images/info.jpg); text-align: center;}  

.forfdocimagesmall{
	float: left;
	width: 205px;
	height: 230px;
	margin: 0.9em 0.9em 0 0.9em;
	text-align: center;
}
.fdocimg
{
	display: inline-block;
    position: relative;
}

.fdocimg img{
    border: 3px solid #FFFFFF;
    box-shadow: 0 0 2px #000000;
    display: block;
    max-height: 200px;
    max-width: 200px;
	box-shadow: 0px 0px 10px 1px #484848;
}

.fdocimg1
{
	display: inline-block;
    position: relative;
}
.subcontent{ padding-top: 1rem; border-top: solid 1px var(--main-text-color);}

.newSettings{ line-height: 1.5rem; padding: 2rem;}
.newSettings input{ padding: 0.2rem 0.5rem;}
.newSettings input[type="password"], .newSettings input[type="text"], .newSettingsinput[type="number"]{ width: 80%; max-width: 400px; border-radius: 0.4rem; margin: 0.5rem 0rem;}

#wrap input[type="password"], #wrap input[type="text"], #wrapinput[type="number"]{ border-radius: 0.3rem; margin: 0.5rem 0rem; background: var(--main-functionslineFELD-color); }
.content01 input[type="password"], .content01 input[type="text"], .content01input[type="number"]{ border-radius: 0.3rem; margin: 0.5rem 0rem; background: var(--main-functionslineFELD-color); }

#wrap input:read-only{ color: gray; font-style: italic;}
.content01 input[type="password"], .content01 input[type="text"], .content01input[type="number"]{ border-radius: 0.3rem; margin: 0.5rem 0rem; background: var(--main-functionslineFELD-color); }

/* ende picdoc */

/* Hinweis Cookies */
#cookiesrechthinweiscontener{
	display: grid; 
	display: -ms-grid;
	position: fixed;
    top: 0px;
	padding-top: 3em;
	width: 100%;
	grid-template-rows: 1fr; 
	grid-template-columns: 1fr; 
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	
}
#cookiesrechthinweis
{
    display: grid; 
	justify-self: center;
	text-align: center;
	padding: 1em;
    background: whitesmoke;
	font-size: 1.1rem;
    z-index: 120;
    color: black;
    line-height: 3em;
	width: 80%;
	min-width: 20rem;
	max-width: 500px;
	border: solid 2px #1502fe;
	border-radius: 1em;
	
}


#cookiesrechthinweis a{
	padding: 0.4rem 1rem;
	font-weight: 300;
	border: 1px solid #1502fe;
	border-radius: 0.4em;
	color: white;
	text-decoration: none;
	background: #1502fe;
}
#cookiesrechthinweis input{
	padding: 0.5rem 2rem;
	font-size: 1.2rem;
	font-weight: 400;
	background: #1502fe;
	border: solid 2px #1502fe;
	border-radius: 0.4rem;
	color: white;
}
.forprice{ text-align: right;}
.fordarker{ background-color: rgba(10, 10, 10, 0.1); }
.fordarker2{ background-color: rgba(10, 10, 10, 0.1); border: solid 1px red;}

.forsymbolw{width: 4em;}
.forheading{background-color: var(--main-functionslineBG-color); text-align: center;}

.linepartForFind2{ background-color: var(--main-functionslineBG-color);}
/* Ende Hinweis Cookies */