* { margin:0; padding:0; }

body, html {
  font-family: verdana;
  font-size: 11px;
  background: #f2f1ef;
  color: #000;
  width: 100%;
}

a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }

/*
hover #4e8860
aktive #b4c9b8;
*/

nav {
  background: #226c3b;
  color: #fff;
}
nav ul {
  background: #226c3b;
  list-style: none;
  z-index: 9999;
  width: auto;
}
nav ul li {
  display: inline-block;
  position: relative;
  transition: all 0.5s ease-out 0s;
}
nav ul li a {
  color: #fff;
  display: block;
  padding: 10px 20px;
  text-decoration: none !important;
  transition: all 0.5s ease-out 0s;
}
ul li a:hover {
  background: #4e8860;
}
ul li.active > a {
  background: #b4c9b8;
  color: #000;
}
li:hover > ul {
  display: block;
}

.level2 {
  position: absolute;
  top: 35px;
  display: none;
}
.level2 li {
  display: block;
  width: 210px;
}
.level2 li.active > a {
  background: #b4c9b8;
  color: #000;
}

.level3 {
  position: absolute;
  top: 0;
  left: 210px;
  display: none;
}
.level3 li.active > a {
  background: #b4c9b8;
  color: #000;
}

article {
  width: auto;
}



contentInner {
  display: block;
  margin: 15px;
  width: auto;
}

footer contentInner {
  background: #fff;
  border: 1px solid #b3c9b8;
  border-radius: 5px;
  padding: 15px;
}


hr { border:none; height:1px; background:#ccc; margin-top:5px; margin-bottom:5px; }

h1 { font-size: 20px; line-height:40px; }
h6 { font-size: 11px; line-height:22px; clear: both; }


pre {
  font-family: verdana;
  font-size: 11px;
}

fieldset {
  background: #eee;
  border: 1px solid #ccc;
  padding: 15px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}
fieldset legend {
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
}

/* -- allgemein -- */

.error {
  font-weight: bold;
  color: #f00;
}

.clear { clear:both; }

.rd3 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

.rd4 {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.rd5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.shadow {
  box-shadow: 3px 5px 10px 1px #333;
}




ul.faq {
  padding-left: 25px;
}
ul.faq li {
  margin-bottom: 7px;
}


/* -- Layout, Main Menü -- */

#Header {
  position: relative;
  background: url('/out/img/logo.png') no-repeat scroll 0 0 transparent;
  text-align: right;
}

/* -- Formular Registration -- */

#BoxFormLogin {
  
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-right: 0;
  padding: 15px;
  display: inline-block;
  margin: 20px 0 20px 10px;
  border-radius: 9px 0 0 9px;
}
#BoxFormLogin dl { clear:left; }
#BoxFormLogin dl dt { float:left; width:120px; vertical-align:middle; text-align: left; }
#BoxFormLogin dl dd { float:left; width:auto; vertical-align:middle; text-align: left; }
#FormLogin input#FormLoginInput { height:24px; }




ul#MainMenu { clear:both; list-style:none; position: relative; bottom: -1px; }
ul#MainMenu li { float:left; margin-right:5px; }
ul#MainMenu li a {
  color: #696d73;
  display: block;
  font-weight: bold;
  height: 33px;
  line-height: 30px;
  padding: 0 9px;
  text-decoration: none;
  background: url('/out/img/verlauf_menu_off.svg');
  border: 1px solid #b3c9b8;
  border-bottom: none;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
}
ul#MainMenu li a.active, ul#MainMenu li a:hover {
  /* background: url('/out/img/verlauf_menu_on.svg'); */
  background: #fff;
}



#BoxMainContent {
  /* background: #f7f7f7; */
  background: #fff;
  border: 1px solid #b3c9b8;
  padding: 15px;
  -moz-border-radius: 0px 5px 5px 5px;
  -webkit-border-radius: 0px 5px 5px 5px;
  -khtml-border-radius: 0px 5px 5px 5px;
  border-radius: 0px 5px 5px 5px;
}

#BoxMainContent h2 { color:#990000; font-size:18px; font-weight:normal; height:30px; }
#BoxMainContent h4 { color:#990000; font-size:12px; height:30px; }

#BoxBreadCrumb {
  height: 30px; font-size:11px; color:#666;
}



/* -- Tabellen und Listen -- */

.thead { padding:5px; background:url('/out/img/verlauf_tab_head.svg'); font-weight:bold; }


table.TabList { width:100%; border-collapse: separate; border-spacing: 5px; }
table.TabList thead tr { background:url('/out/img/verlauf_tab_head.svg'); }
table.TabList th { padding:5px; border:1px solid #e4e1dd; text-align:left; font-weight: normal; vertical-align: top; }
table.TabList th a { font-weight: bold; }
table.TabList td { padding:5px; }
table.TabList tbody tr { vertical-align: top; }
table.TabList tbody tr:hover { background:#eee; }
table.TabList tr:nth-child(2n) td { background: #f5f5f5; }
table.TabList tr:hover td { background: #ccc; }
table.TabList td { transition: all 0.5s ease-out 0s; }

table.TabList.Doku th { white-space: nowrap; }
table.TabList.Doku td { white-space: nowrap; vertical-align: middle; }

#SoftDownloadTab { width:100%; border-collapse:separate; border-spacing:0px; }
#SoftDownloadTab thead .cell1 {
  width:49%;
  background:url('/out/img/verlauf_tab_head.svg');
  padding:5px;
  border:1px solid #e4e1dd;
}
#SoftDownloadTab thead .cell2 { width:2%; background: url('/out/img/pfeil.jpg') no-repeat center center; }
#SoftDownloadTab thead .cell3 {
  width:49%;
  background:url('/out/img/verlauf_tab_head.svg');
  padding:5px;
  border:1px solid #e4e1dd;
}

#SoftDownloadTab tbody .cell1 {
  background: #fff url('/out/img/back_spa1.jpg') no-repeat;
  border:1px solid #e4e1dd;
  padding:15px;
  text-align:center;
}
#SoftDownloadTab tbody .cell3 {
  background: #fff url('/out/img/back_spa2.jpg') no-repeat;
  border:1px solid #e4e1dd;
  padding:15px;
  text-align:center;
}





/* -- Seite Download -- */

#SoftDownloadInfo { float:left; width:555px; }
#SoftDownloadInfo h3 { height:30px; line-height:30px; padding: 0 10px; border:1px solid #dfd8cf; background:url('/out/img/verlauf_tab_head.svg'); }

#SoftDownloadBox { float:right; width:380px; }
#SoftDownloadBox h3 { height:30px; line-height:30px; padding: 0 10px; border: 1px solid #b3c9b8; background: url('/out/img/verlauf_menu_off.svg'); }

#SoftDownload ul { padding:9px 20px; }

#SoftDownloadTab ul { padding:9px 20px; }
#SoftDownloadTab ul li { margin-bottom:10px; }




ul#registration { clear:both; list-style:none; }
ul#registration li { clear:both; height:30px; }
ul#registration label { float:left; width:180px; }
ul#registration input.styleInput { float:left; width:230px; padding:3px; }
ul#registration select { float:left; width:237px; padding:3px; }
ul#registration div#radio { float:left; width:180px; }
ul#registration div#radio input {  }
ul#registration span.dutyField { margin-left:5px; }

input {
  vertical-align: middle;
}

input.styleInput {
  width:230px;
  padding:3px;
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
  border-bottom: 1px solid #c5c5c4;
  border-right: 1px solid #c5c5c4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}
input.styleInput:focus, input.styleInput:hover { border: 1px solid #666; }

textarea.styleInput {
  padding:3px;
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
  border-bottom: 1px solid #c5c5c4;
  border-right: 1px solid #c5c5c4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}
textarea.styleInput:focus, textarea.styleInput:hover { border: 1px solid #666; }

input.styleInputShort {
  width:50px;
  padding:3px;
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
  border-bottom: 1px solid #c5c5c4;
  border-right: 1px solid #c5c5c4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}
input.styleInputShort:focus, input.styleInputShort:hover { border: 1px solid #666; }

input.styleInputAdmin {
  width:50px;
  padding:3px;
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
  border-bottom: 1px solid #c5c5c4;
  border-right: 1px solid #c5c5c4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

textarea.styleTextarea {
  width:230px;
  padding:3px;
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
  border-bottom: 1px solid #c5c5c4;
  border-right: 1px solid #c5c5c4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}
textarea.styleTextarea:focus, textarea.styleTextarea:hover { border: 1px solid #666; }

select.styleSelect {
  width:200px;
  padding:3px;
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
  border-bottom: 1px solid #c5c5c4;
  border-right: 1px solid #c5c5c4;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  height: 26px;
}
select.styleSelect option {
  padding:3px;
}
select.styleSelect:focus, select.styleSelect:hover { border: 1px solid #666; }

input.styleSubmit {
  cursor:pointer;
  padding: 3px 8px;
  font-weight: bold;
  color: #333;
  border-top: 1px solid #848484;
  border-left: 1px solid #848484;
  border-bottom: 1px solid #c5c5c4;
  border-right: 1px solid #c5c5c4;
  background: url('/out/img/verlauf_submit_off.svg');
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 1px 1px 1px #fff;
}
input.styleSubmit:hover {
  background: url('/out/img/verlauf_submit_on.svg');
}


form.styleForm small {
  display: block;
  margin: 10px 0;
}


form.access label {
  cursor: pointer;
  display: inline-block;
  margin: 0px 5px 3px 0px;
  vertical-align: top;
  width: 120px;
}

form .auto {
  width: auto;
}




button, .button, .btn {
  cursor:pointer;
  padding: 3px 8px;
  font-weight: normal;
  color: #fff;
  border-top: 1px solid #858785;
  border-left: 1px solid #858785;
  border-bottom: 1px solid #c7c9c7;
  border-right: 1px solid #c7c9c7;
  background: url('/out/img/verlauf_button_off.svg');
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 1px 1px 1px #000;
  vertical-align: middle;
}

button:hover, .button:hover, .btn:hover {
  background: url('/out/img/verlauf_button_on.svg');
  text-shadow: 0px 0px 0px #000;
  text-decoration: none;
}

button.deaktiv, .button.deaktiv {
  background: #ccc;
	color: #9f9f9f;
	cursor: default;
	text-shadow: none;
}


/* -- Konfigurator -- */

form#ProjectSave { display:inline; }

table#tabCal { width:100%; border-collapse: separate; border-spacing: 5px; }
table#tabCal thead tr { background:url('/out/img/verlauf_tab_head.svg') repeat-x; }
table#tabCal thead th { padding:5px; border:1px solid #e4e1dd; text-align:left; }
table#tabCal thead th:first-child { width:300px; }
table#tabCal thead th:last-child { width:auto; }

/*
table#tabCal tbody tr { vertical-align:top; }
table#tabCal tbody td { padding-top:10px; }
table#tabCal tbody td:first-child { border-right:2px solid #eee; }
table#tabCal tbody td:last-child { padding-left:30px; }
*/

div.FullScreenOn {
  width: 100%;
  background:#fff;
}


div#Container { position:relative; }
div#svgContainer { position:absolute; top:0; left:0; }
svg#svgKastentyp { z-index:0; }
div#svgSnap { border:0px solid #fff; }

svg.svg { z-index:1; top:0; left:0; margin:0; }
svg.svg:hover { cursor:move; }



.none{display:none;}
.block{display:block;}
.inline{display:inline;}
.b{font-weight: bold;}
.red{	color: red;}
.blue{color: blue;}
.green{color: green;}

.lfloat{
	float: left;
}
.w150{
	width: 150px;
	white-space: nowrap;
}
.w120{
	width: 120px;
}

.w100 { width:130px; vertical-align:middle; cursor:pointer; }
.w100 input { vertical-align:middle; }

#fachgroessen .fachgroessen { width:auto; cursor:pointer; line-height:22px; }
#fachgroessen .fachgroessen:hover { font-weight:bold; }

#einstellungen .einstellungen { width:auto; line-height:22px; }

#staender .staender { width:auto; line-height:22px; }


.w80{
	width: 80px;
}
.clear{
	clear: both;
}
.b0{
	border: 0px;
}
.br{
	border: 1px solid red;
}
.bb{
	border: 1px solid black;
}
.disp_none{
	display: none;
}

.active2{
	/*text-decoration: underline;*/
	background-color: #ffffe5;
	border-bottom: 1px solid #006400;
	border-top: 1px solid #006400;
}
.button{
	padding:5px;
	margin:5px;
	text-align: center;
	cursor: pointer;
}
/*zentrierter button 100 breit*/
.button_100{
	padding:4px;
	width:100px;
	position:relative;
	margin-left:-50px;
	left:50%
}

.hr1{
    background-color: #FFFFFF;
    border: 1px solid gray;
    color: #FFFFFF;
    height: 3px;
	 margin-top: 4px;
	 margin-bottom: 4px;
}


#grafik, #content_abc{
}
.zoomtool{
	width: 50px;
	line-height: 14px;
	left: 0px;
	top: 0px;
	position: absolute;
	border: 1px solid gray;
	text-align:center;
	background-color: #f9efaa;
	cursor: pointer;
	display:none;
}
.zoomtool:hover{
	background-color: #f9e65f;
}

.adimensioning{
	/*background-color: #f9f9f9;*/
	border-bottom: 1px solid blue;
	position: absolute;
	text-align: center;
}
.vdimensioning{
	border-bottom: 1px solid blue;
	position: absolute;
	text-align: center;
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}
.pfeil_l{
	background-image: url(css_img/pfeil_l.png);
	position: absolute;
	width: 15px;
	height: 10px;
}
.pfeil_r{
	background-image: url(css_img/pfeil_r.png);
	position: absolute;
	width: 15px;
	height: 10px;
}
.pfeil_o{
	background-image: url(css_img/pfeil_o.png);
	position: absolute;
	width: 10px;
	height: 15px;
}
.pfeil_u{
	background-image: url(css_img/pfeil_u.png);
	position: absolute;
	width: 10px;
	height: 15px;
}

/* -- Navi -- */

table.TabPageBroser { width: auto; margin: 20px 0; }

a.PBcssStepP, a.PBcssStepN { border:1px solid #999; background:#eee; display:block; padding:3px; text-decoration: none; text-align:center; }
a.PBcssStepP:hover, a.PBcssStepN:hover { background:#fff; }

div.PageBrowser span { }
a.PBcssNolink { border:1px solid #666; padding:3px 7px; text-decoration: none; text-align:center; background:#fff; }
a.PBcssPreview { border:1px solid #eee; padding:3px 7px; text-decoration: none; text-align:center; }
a.PBcssPreview:hover { border:1px solid #666; background:#fff; }
a.PBcssNext { border:1px solid #eee; padding:3px 7px; text-decoration: none; text-align:center; }
a.PBcssNext:hover { border:1px solid #666; background:#fff; }


 /* --- Download --- */
.tooltip {position: relative;}
.tooltip span {display: none;}
.tooltip:hover span {
	display: block;
	position: absolute;
	left: 0; top: 0;
	margin: 20px 0 0;
	width: 200px;
	color: #D3A7A7;
	border: 2px solid #00ACE6;
	padding: 4px;
	background: #4B4B4E;
}

.ui-draggable {
  z-index:1200;
}

.ui-droppable {
  position: absolute;
  border:none;
  z-index:122;
}


.ui-state-active {
}

.draggable {
	cursor: move;
	z-index:1200;
}

.draggable_opt {
}

.akasten {
  position: absolute;
}

div.akasten.ui-state-hover { 
  background-color: #00ff00;
}
div.akasten.installkasten { 
  /* cursor: pointer; */
}



div.gundkasten {
  /* border: 1px solid; zum testen*/
	/*opacity:0.9;
   filter:alpha(opacity=90);
	background-color: #fffacd;
	line-height: normal;
	font-size: 6.2pt;
	padding:1px;*/
}
div.leerfeld {
	background-color: #eee;
	border: 1px solid #fff;
}
div.hidden {
  display: none;
}
div.installkasten {
  /*border: 1px solid; zum testen*/
}

#AnlagentypBild {
  border: 1px solid #B3C9B8;
  height: 400px;
  width: 480px;
}


#Container_Optionen a {
  display: inline-block;
  margin: 0 3px 3px 0;
}


/* -------------------------------------------------------- */


table.ProductList { width: 100%; background: #fff; border-collapse: collapse; border: 1px solid #eee; }
table.ProductList tr { vertical-align: top; }
table.ProductList th { padding: 5px; text-align: left; }
table.ProductList td { padding: 5px; border-top: 1px solid #eee; }

table.ProductList tr.trenner { background: #eee; }

table.ProductList th.c4, table.ProductList td.c4 { text-align: right; padding-right: 15px; }


/* -------------------------------------------------------- */


#Show_CAL_PRIEVIEW { display: inline-block; }
#Show_CAL_PRIEVIEW.on { background: url("/out/img/h3_on.png") no-repeat scroll -10px center transparent; padding-left: 25px; }

#Show_CAL_LIST { display: inline-block; }
#Show_CAL_LIST.on { background: url("/out/img/h3_on.png") no-repeat scroll -10px center transparent; padding-left: 25px; }


/* -------------------------------------------------------- */

h3.container-header {
  position:relative;
  background: url("/out/img/verlauf_tab_head.svg") repeat scroll 0 0 transparent;
  border: 1px solid #E4E1DD;
  padding:5px;
  font-size: 11px;
  margin: 15px 0px;
}

/* -------------------------------------------------------- */

.SVGdrag {
  cursor: move;
}


img.Tastersysteme {
  width: 50px;
  height: auto;
}


.fa.soicon {
  margin-left: 5px;
}

div#Search {
  margin-bottom: 20px;
  text-align: right;
}


.tab50 { display: table; width: 100%; }
.tab50 dl { display: table-row; }
.tab50 dd { display: table-cell; width: 50%; }

.tab33 th, .tab33 td { width: 33%; }
.tab25 th, .tab25 td { width: 25%; }


.NewAccount label {
  color: #666;
  display: inline-block;
  margin: 10px 0;
  width: 150px;
}

.NewAccount span {
  display: inline-block;
  vertical-align: middle;
}

img.preview {
  height: auto;
  max-width: 90%;
}

/* -------------------------------------------------------- */


#PDFform_Layout {
    background: #fff none repeat scroll 0 0;
    border: 1px dashed #666;
    box-shadow: 1px 1px 10px #333;
    display: inline-block;
    right: 30px;
    top: 300px;
    padding: 25px;
    position: fixed;
    z-index: 99;
}

#PDF_Layout {
    border: 1px dashed #666;
    display: inline-block;
    margin-bottom: 25px;
    min-height: 29.7cm;
    position: relative;
    vertical-align: top;
    width: 21cm;
}
#PDF_Layout img {
  max-height: 10cm;
  max-width: 10cm;
}
#PDF_Layout img.rot90 {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

#PDF_Header {
  height: 3cm;
  margin-left: 2.5cm;
  margin-right: 1cm;
  position: relative;
}
#PDF_Header img {
  max-height: 3cm;
  max-width: 17cm;
}


#PDF_Footer {
  height: 1.5cm;
  margin-left: 2.5cm;
  margin-right: 1cm;
  position: relative;
  text-align: center;
  padding: 0 !important;
}

#PDF_Footer dl.tab33 {
  display: table-row;
}
#PDF_Footer dl.tab33 dd {
  display: table-cell;
  position: relative;
  width: 30%;
  vertical-align: top;
}
#PDF_Footer img {
  max-height: 1.5cm;
  max-width: 5.5cm;
}

#PDF_Body {
  bottom: 2cm;
  left: 1cm;
  position: absolute;
  right: 1cm;
  top: 5cm;
}

#PDF_Absender {
    height: 0.5cm;
    left: 2.5cm;
    position: absolute;
    top: 4cm;
    width: 17cm;
}
#PDF_Absender input {
  width: 100%;
}

#PDF_Adresse {
    height: 7cm;
    left: 2.5cm;
    position: absolute;
    top: 5.5cm;
    width: 9.5cm;
}

#PDF_Seite {
    height: 7cm;
    left: 13cm;
    position: absolute;
    top: 5.5cm;
    width: 6.5cm;
}
#PDF_Seite img {
  max-height: 7cm;
  max-width: 6.5cm;
}

#PDF_Betreff {
  margin: 10cm 1cm 0 2.5cm;
  position: relative;
}
#PDF_Betreff input {
  width: 100%;
  font-weight: bold;
}

#PDF_Positionen {
    margin: 0.5cm 1cm 1cm 2.5cm;
    min-height: 11cm;
    overflow: hidden;
    position: relative;
}


#PDF_Positionen .bListe {
  display: block;
  max-height: 245px;
  overflow: hidden;
}

#PDF_Positionen .bListeBody {
  display: table;
  width: 100%;
}
#PDF_Positionen .bListeBody dl {
  display: table-row;
}
#PDF_Positionen .bListeBody dl dd {
  display: table-cell;
  padding: 2px;
}


#PDF_Positionen .bListeFooter {
  display: table;
  width: 100%;
}
#PDF_Positionen .bListeFooter dl {
  display: table-row;
}
#PDF_Positionen .bListeFooter dl dd {
  display: table-cell;
  padding: 2px;
}

#PDF_Positionen .bListeFooter dl dd:first-child {
  width: 50%;
}
#PDF_Positionen .bListeFooter dl dd:last-child {
  width: 13%;
}


#PDF_Images {
    margin: 1cm 1cm 1cm 2.5cm;
    position: relative;
    text-align: center;
}
#PDF_Images div {
  display: inline-block;
  height: 390px;
  text-align: center;
  width: 80%;
}

#PDF_Layout div {
  border: 1px dashed #666;
  padding: 1mm;
}

#PDF_FooterEnd {
  width: 8.5cm;
  margin-left:auto; 
  margin-right:0;
}


#ADDR {
  max-height: 200px;
  overflow-y: scroll;
}

#ADDR table {
  width: 100%;
}
#ADDR table tr {
  cursor: pointer;
  transition: all 0.5s ease-out 0s;
  vertical-align: top;
}
#ADDR table tr {
  background-color: #f5f5f5;
}
#ADDR table tr:nth-child(2n) {
  background-color: #fff;
}
#ADDR table tr:hover {
  background-color: #00ff00;
}
#ADDR table td {
  padding: 3px;
}


#PDF_Stempel {
  bottom: 2.5cm;
  left: 2.5cm;
  position: absolute;
}
#PDF_Stempel img {
  max-width: 6cm;
  max-height: 4cm;
}


input.pdfl {
  background: #eee none repeat scroll 0 0;
  border: none;
  border-bottom: 1px solid #fff;
  width: 80%;
  padding-left: 2px;
}
input.pdfs {
  background: #eee none repeat scroll 0 0;
  border: none;
  border-bottom: 1px solid #fff;
  width: 60px;
  padding-left: 2px;
  text-align: right;
}
input[readonly], textarea[readonly] {
  background: none;
  border: none;
}
.pdft {
  background: #eee none repeat scroll 0 0;
  border: none;
  border-bottom: 1px solid #fff;
  width: 100%;
  font-family: verdana;
  font-size: 11px;
  height: 35px;
  padding: 2px;
}

input[name="ProData[Betreff]"] { font-weight: bold; }
input[name="ProAdd[PLZ]"] { text-align: left; }

i.button.fa {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 16px;
  padding: 5px;
}
i.button.text {
  position: relative;
  font-size: 16px;
  padding: 5px;
}
i.button.text span {
  font-family: verdana;
  font-size: 14px;
}

#SaveInfo {
  color: #ff0000;
  font-weight: bold;
}


.TXTBT thead th {
  font-weight: bold;
}
.TXTBT textarea {
  height: 30px;
  width: 99%;
}


.DocumentsTab {
  overflow-x: auto;
}


.fa-circle.deactive {
  color: #f00;
}
.fa-circle.active {
  color: #0f0;
}


.xscrolly {
    overflow-y: auto;
    height: 350px;
    width: 90%;
}


#Container_CAL_LIST {
  display: none;
}