#Page {
  z-index: 0;
  position: relative;
}

.devElement {
  border: none;
}

article {
  width: auto;
}


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


fieldset {
  background: #fff;
  border: 1px solid #ccc;
  padding: 15px;
}
fieldset legend {
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  font-weight: bold;
}

/* -- allgemein -- */




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


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


#cLogin {
  cursor: pointer;
}




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 {
}

#BoxMainContent h2 { color:#990000; font-size:18px; text-transform: uppercase; margin-bottom: 25px; }
#BoxMainContent h3 { color:#990000; font-size:14px; text-transform: uppercase; }


#BoxMainContent p { padding: 10px 0; }

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



/* -- Tabellen und Listen -- */

.thead { padding:5px; background-color: #ededed; font-weight:bold; }


table.TabList { width:100%; border-collapse: separate; border-spacing: 5px; }
table.TabList thead tr { background-color: #ededed; }



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; 
  border-bottom: 1px solid #ededed;
}

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





/* -- 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; }




/* -- Konfigurator -- */

form#ProjectSave { display:inline; }


dl.tabCal { 
  display: table;
  width:100%;
}
dl.tabCal dd { 
  display: table-cell;
  vertical-align: top;
}

dl.tabCal dd.firstChild {
  width: 360px;
}
dl.tabCal dd.lastChild { 
  width: auto;
  padding-left: 25px;
}



.Table50 {
  display: table;
  width:100%;  
}
.Table50 dl {
  display: table-row;
}
.Table50 dl dd {
  display: table-cell;
  width: 50% !important;
  line-height: 35px;
}


/*
.Table { display: table; width:100%; }
.Table dl { display: table-row; }
.Table dl dd { display: table-cell; line-height: 20px; vertical-align: top; padding: 5px 1px; vertical-align: top; }
*/

.Table2er80 dl dd:first-child { width: 80%; }
.Table2er80 dl dd:last-child { width: auto; }

.Table2er20 dl dd:first-child { width: 20%; }
.Table2er20 dl dd:last-child { width: auto; }



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; }



.lfloat{
	float: left;
}


#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;
}

/*zentrierter button 100 breit*/
.button_100{
	padding:4px;
	width:100px;
	position:relative;
	margin-left:-50px;
	left:50%
}


#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 -- */



 /* --- 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;
}
*/


.SVGdrag {
  cursor: grab;
}

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

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


.ui-state-active {
}

.draggable {
}

.draggable_opt {
}

.akasten {
  position: absolute;
}

div.akasten.ui-state-hover { 
  background-color: #00ff00;
}


div.leerfeld {
	background-color: #eee;
	border: 1px solid #fff;
}
div.hidden {
  display: none;
}


#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;
}
*/

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


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


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

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


.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%;
}

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




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%;
}

/* admin */


.table .table-cell.lfloat {
  float: none;
}







/* Microsoft Edge */


#cPictures {
  position: relative;
}
#cButton {
  position: relative;
}


table#tabCal {
  border-spacing: 0px;
}

.thead {
  background-image: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%);
  padding: 10px;
} 




table#tabCal td {
  vertical-align: top; 
}


/* 2022 */

#UpdateInfo {
  background: #ff0000;
  color: #fff;
  padding: 20px;
  text-align: center;
  font-size: 20px;
}