/* <a class="next">&#10095;</a> 
input Z 121
.flex Zeile 280
msg Zeile 383
.But Zeile 416
Box Zeile 590
Link Zeile 608
Standard Mg ab Zeile 709
*/

*, *:before, *:after {
    border-width: 0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
   
	border-style: none;
	margin: 0;
	padding: 0;
} 

html,body
{	height:100%;
	background:#3044B5 url('/images/wsk-bauprofile-1.gif');	
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:11pt;
	height:100%;
}
 p{margin:1em;
 }a, a:link, a:active, a:visited{
	color:#2F3846; text-decoration:none
}

#distance
{ 	width:1px;
    height:50%;
    background-color:#0052DE;
    margin-bottom:-227px; /* half of container's height */
    float:left;
}

#container
{   margin:0 auto;
    position:relative; /* puts container in front of distance */
    text-align:left;
    width:90%;
    max-width:790px;
    clear:left;
    border:0px;
    top:0px;
   
}
#content
{	position:relative;
	height:100%;
	 background-color:white;
	 margin:10px;
	  
}
a:hover{
	color:#E31C44;
}

#gSite {
    position: relative;
    min-height: 100%;
    padding-bottom:120px;
    

}
#toTop {
    position: fixed;
    padding: 6px;
    font-size: 16pt;
    background-color: #0748b6;
    color: white;
    border-radius: 4px 0 0 4px;
    right: -1px;
    display: none;
    line-height: 16px;
    display: none;
    z-index: 500;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    
    }


h1{
	font-size:5vw;
}
h2{
	font-size:4vw;
}
h3{
	font-size:3.5vw;
}

header{
	background-color:#F5F6F8; padding:3vw 0;
}
#logo{
	width:75vw; max-width:347px;
}

section{

}
.SectionTrenner{
	border-bottom:1px #C0C0C0 solid; position: absolute;width:100%;z-index:100;
	    -webkit-box-shadow: 0px 1px 0px 0px rgba(239,243,250,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(239,243,250,1);
	box-shadow: 0px 1px 0px 0px rgba(239,243,250,1);

}

footer{
	padding:20px 0;
	position: absolute; bottom: 0;width:100%;
	background-color:#F5F6F8;

}
 #cookie{
	background-color:silver;
	border-top:1px white solid;
	position:fixed;
	width:100%;
	bottom:0px;
	z-index:101;

}

.CenterSite{
	width:100%; max-width:1200px; margin:auto;padding:0 10px;
}

.SiteNavig {
   
    padding: 8px  0 5px 0 ;
    font-size: 8pt;   
    color:   #808080;
    line-height:15px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(239,243,250,1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(239,243,250,1);
	box-shadow: 0px 1px 0px 0px rgba(239,243,250,1);
}
.SiteNavig a {
  
    padding: 5px 0 ;
    font-size: 8pt;   
    color:  #999999
    }
.SiteNavig a:hover{
	color: #666666;
}



/*----------------------------------------------------------------------------------------Standard--------------------------*/

input[type=text], input[type=password], select , input[type=number],textarea, .kbDiv, .txtDiv, .divTiny  {
   
    border-radius: 5px;
    background-clip: padding-box;
    box-sizing: border-box;      
    font-size:inherit;  
    width: 100%;
    padding:6px 9px;  
     background: white;
    border: 1px solid #DADADA;
    color: black;   
    font-family: 'latoregular', sans-serif;
    margin-bottom:5px;  
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
    background: #FDF2BA;
    border: 1px solid #6E6E6E;
    color:black;
    outline-style: none;
  	box-shadow: none;
    }
    
 input[type=text]:disabled, input[type=password]:disabled, .txtDiv  {
    
	background: #f8f8f8; 
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e6e6e6 100%); 
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e6e6e6 100%); 
	background: linear-gradient(to bottom,  #f8f8f8 0%,#e6e6e6 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e6e6e6',GradientType=0 );
	 color:gray;
	
    
    }
 input.InputError, select.InputError, textarea.InputError{
	border-color:#D20000;
	}   
   
::-webkit-input-placeholder { color:#B3B8BD; }
::-moz-placeholder { color:#B3B8BD; } 
:-ms-input-placeholder { color:#B3B8BD !important;  } 
::-ms-input-placeholder {   color:#B3B8BD; }
input:-moz-placeholder { color:#B3B8BD; }

.divTiny{cursor:pointer;
}
select{
	padding:5px
} 

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  
    background-color: white !important;
    background-image: none !important;
    color: white !important;
}



label{
	font-size:10pt;
	color:gray;
}
    input[type=checkbox] {
        -webkit-appearance: none;
        width: 22px;
        height: 18px;
        vertical-align:middle;
        background-image: url("/system/images/checkLeer.png");
        background-size: 100%;
        background-position: right center;
        background-repeat: no-repeat;
        border:none;
    }

    input[type=checkbox]:checked {
        background-image: url("/system/images/checkBlack.png");
   }

    input.Red[type=checkbox]:checked {
        background-image: url("/system/images/checkRed.png");
   }
    input.Green[type=checkbox]:checked {
        background-image: url("/system/images/checkGreen.png");
   }
    input[type=checkbox]:checked:disabled {
        background-image: url("/system/images/checkGray.png");
   }
       input[type=checkbox]:disabled {
        background-image: url("/system/images/checkGrayDis.png");
   }


input[type=checkbox]:focus{
    outline:none;
}



 .required {
     background-image:url('/system/images/icos/required.png')!important;
     background-repeat:no-repeat!important;
   }
.requiredAus {
     background-image:none!important;
   }
 
.LabelSpan{
        position: absolute;
        font-size: 0.7em;
        color:gray;
        background-color:white;
        text-align: left;
        margin-top:-6px;
        margin-left:8px;
        padding:0 3px;
}

.LabelSpanFixed{
        position: absolute;
        font-size: 0.7em;
        color:gray;
        background-color:white;
        text-align: left;
        margin-top:-6px;
        margin-left:8px;
        padding:0 3px;
}

.LabelSpanAus{
	visibility: hidden 
}



.InputZahl,.InputEUR{
	text-align:right
}

#noFocus, .noFocus{
	width:1px;height:1px;font-size:1px;margin:0 ; border:none; background:transparent;box-shadow:none;padding:0;
}

.kbDiv{
	
	background:white url('/system/images/selectPfeil.png') right center  no-repeat
}

.kbDiv ul {
    padding: 0px;
    margin: 5px 0 0 -10px;
    display: none;
    position: absolute;
    background-color: #f8f8fa;
    z-index: 1000;
    border: 1px solid #dadae5;
   
}
.kbDiv ul li{
     list-style:none;cursor:pointer;
    padding:5px 8px
}
.kbDiv ul li:hover{
 background-color:#FBE375
}
.opac {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}




/*----------------------------------------------------------------------------------------Standard Flex--------------------------*/

.flex{	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;   
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
    width:100%;
    max-width:1000px;
    background: white;
    flex-direction: column;
}
.flex-item{
	width:100%;
	flex-grow: 1
}
	h1{
	font-size:20pt
	}
	h2{
	font-size:18pt
	}
	h3{
	font-size:14pt
	}
h1,h2,h3{
 margin:1em .8em
}

.flex-item:nth-child(8),.flex-item:nth-child(2),.flex-item:nth-child(5),.flex-item:nth-child(10){

 display:none
}
.flex-item:nth-child(7){
	text-align:center
}

.flex-item:nth-child(4) img{
	max-height:130px
}

.flex-item:nth-child(12) p a{
	color:#CDDBFF; text-decoration:none
}
.flex-item:nth-child(12) p a:hover{
	color:white; text-decoration:none
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 101; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;text-align: center;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 0 auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  text-align:left;
  display:inline-block;
  box-shadow:6px 6px 8px 0px black;  
}
/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

.opac {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 250px;
    background-color: #00ec00;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
}

/* Popup arrow */
.popup .popuptext::after, .popupX .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #00EC00 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

#msgTitel{
	background-color: red;
	color:white;
	text-align: center ;
	padding:4px;
}
#msgTitel p{
 float:right; display:inline;margin:-8px 0 0 20px;cursor:pointer;
 }

#msgTitel p:before{
 content:'\1F5F4';
 font-size:22px
}

#msgContainer{
	min-width:200px;
	max-width:90%
}
#msgContent{
	background-color: white;
	color:black;
	padding:8px
}
.msgBut{
	text-align:center;
	margin-top:10px;
	margin-bottom:20px 
}
.msgBut .But{
	margin:0 10px 0 10px;
	 min-width:100px;
}



.But{
	display:inline-block; 
	text-align:left; 
	padding:6px 40px 6px 16px ;		
	cursor:pointer;
	font-size:11pt;
	-moz-border-radius: 4px ;
	-webkit-border-radius: 4px ;
	border-radius: 4px ;	
	position:relative;	
	white-space:nowrap;	
    color: white;
    border-style:solid;
    border-width:1px;
    

}
.But a, .But a:hover{
	text-decoration:none;
	color:white;
}

.But.Small{
	padding:3px 25px 3px 5px ;	
	font-size:10pt;
	
}
.But.Yellow, .But.Yellow a {
	 background-color: #FBE375;
    color: #13161c;
    border:1px #FBE375 solid
   }
.ButColor1{
    background-color: #0748B6;
    color: white;   
    border-color:#0748B6;
   
	
}
.ButColor1 a{
	 color: white;
}

/* <a class="next">&#10095;</a> */
.next {
    position: absolute;
    right: 0px;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    flex-direction: column;
    justify-content:center;
   padding:0 10px;
    top:0px;
    
   
}

.nextunten{
    position: absolute;
    left: 0px;
    height: 50%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
    top: 50%;   
    width: 100%;
}

.But:hover .nextunten{
	background-color: rgba(3,34,68,0.5);
	color:yellow

}
.But.Small .next{
	padding:0 5px;
}
.stBoxNext:hover  .next{
	background-color: rgba(190,190,190,0.5);

}
.But:hover .next{
	background-color: rgba(3,34,68,0.5);
}
.But.gGray:hover .next{
	background-color: rgba(3,34,68,0.5);
	color:white
}

.But.Yellow:hover .next{
	background-color: rgba(245,204,7,1); 
}
.But.red:hover .next{
	background-color: rgba(131,27,48,1);
}


.But.Red{
	background:#C42847;
	border:1px solid #C42847;
}
.But.gGray a{
	color:#2F3846;
}
.But.ButCenter{
	padding:6px 16px 6px 16px ;	
	text-align:center
}

.clearfix {
  overflow:   auto
} 
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.Round8{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px ;

}

.BoxShadowB{
	-webkit-box-shadow: 3px 3px 44px 2px rgba(124,124,124,1);
	-moz-box-shadow: 3px 3px 44px 2px rgba(124,124,124,1);
	box-shadow: 3px 3px 44px 2px rgba(124,124,124,1);

}
.BoxShadow{
	-webkit-box-shadow: 2px 2px 20px 1px rgba(124,124,124,1);
	-moz-box-shadow:2px 2px 20px 1px rgba(124,124,124,1);
	box-shadow: 2px 2px 20px 1px rgba(124,124,124,1);


}



.Zoom:hover{
 	-webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
     transform: scale(1.06);
     cursor:pointer;
}
 div.table { 
      display: table; 
      border-collapse:collapse;
      
}
 div.tr { 
      display:table-row; 
}
div.td { 
      display:table-cell; 
      padding:2px 8px 2px 0px; 
}

.Box{
margin-top:20px;
border:1px silver solid;
	
}
.BoxCaption{
background-color:#407DE3;font-weight:bold;color:white;padding:3px 12px;font-size:11pt
}

.Box .Content{
	padding:10px 15px
}
.Box .Footer{
	padding:5px 5px;
	background-color:#eeeff2;
	color:#a8a8a8;
	font-size:9pt
}
.Link a{
	 
	 display:   inline-flex;
	 color: inerhit; text-decoration:none
}
.Link a:before{
	content:'\2BC8';
	margin-top:-3px;
	margin-right:4px;
	
}
 .Link a:hover{
	color:#E31C44;text-decoration:none
}


.popup {
  position:   relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 250px;
    background-color: #00ec00;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
}

/* Popup arrow */
.popup .popuptext::after, .popupX .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #00EC00 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}





.Info {
    margin: 10px 0 20px 0;
    padding: 12px 4px 10px 10px;
    background-color: #fbe375;
    color: black;
    border: 1px gray solid;
        border-radius: 5px;
    background-clip: padding-box;
    box-sizing: border-box; 
}

.InfoBut {
float:right;
cursor:pointer;
width:15px;
background:url('/images/x.png') left top  no-repeat;
margin:-10px 0 0 0;
   
   
}
.Caption{
 padding:.3em .5em .3em .5em
}
.Caption.gBlue, .TabContainer.gBlue .TabMenu, .TabLabel, .But.gBlue, table.gBlue th{
	background: #407DE3; /* Old browsers */
	background: -moz-linear-gradient(top,  #B9CFF4 0%, #407DE3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #B9CFF4 0%,#407DE3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #B9CFF4 0%,#407DE3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B9CFF4', endColorstr='#407DE3',GradientType=0 ); /* IE6-9 */
	color:white;
	

}
.Caption.gGray, .TabContainer.gGray .Headline, .But.gGray, table.gGray th{
	background: rgb(197,197,197); /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #c5c5c5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#c5c5c5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#c5c5c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */
	color:#2F3846;

}




.TabContainer.gBlue, .But.gBlue, table.gBlue, table.gBlue tr,table.gBlue th, table.gBlue td{
	border:1px #0849B9 solid;
	
}

.TabContainer.gGray, .But.gGray, table.gGray, table.gGray tr,table.gGray th, table.gGray td{
	border:1px #A6A6A6 solid;
	
	
}

.TabContainer.gBlue .Headline .Aktiv{
	background:#4681E3;
	color:white
	
}

.TabContainer.gGray .Headline .Aktiv{
	background:#D7D7D7
}
.TabContainer .Tab.Aktiv{
	display: block;
	background-color:white!important
}

.TabContainer, .MenuContainer {
	position:relative ;    
}


.TabMenu div{
	display:inline-block;
	padding:5px 11px;
	text-align:center;
	cursor:pointer;
}
.TabContainer .Tab{
	display: none;
	padding: 15px
}

.TabLabel{
	float:left

}




.LabelCss{
	position: absolute;
	margin:-7px 0 0 8px;
	padding:0 4px 0 4px;
	background: white;
	color:silver;
	font-size:9pt;
	
}
.LabelCssDis{ 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 50%, #f8f8f8 50%, #f8f8f8 100%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 50%,#f8f8f8 50%,#f8f8f8 100%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 50%,#f8f8f8 50%,#f8f8f8 100%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.RequiredCss{
	position: absolute;
	margin:1px 0 0 3px;
	color:red;
	font-size:9pt;

}
.aus{
	display: none;
}

.isRequired{
	color:red
}


.stBox{
	border:1px silver solid;
	padding:15px;
	margin:15px 0;
	position:relative
	
}

.menu.gSmall{
	font-size:9pt
}
.menu.gSmall .mn0,.menu.gSmall .mn1 {
  padding: 7px;

}


 
.menu.gGray{
	background-color: #939393;
	color:white;
}
.menu.gBlue{
	background: #407DE3; /* Old browsers */
	background: -moz-linear-gradient(top,  #B9CFF4 0%, #407DE3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #B9CFF4 0%,#407DE3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #B9CFF4 0%,#407DE3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B9CFF4', endColorstr='#407DE3',GradientType=0 ); /* IE6-9 */
	color:white;
	
}
.menu.gInerhit{
  background-color: inerhit;
  color:#63718D

}
.menu.gInerhit .sub,.menu.gInerhit .mega{
  background-color: #EBEDF1

}
 .menu.gInerhit .mn0:hover,.menu.gInerhit .mn1:hover, .menu.gInerhit .mn1.isAktiv{
	
	color:black; text-decoration:none
}

.menu.gGray .sub,.menu.gGray .mega {
	background-color: #CACACA;
}
.menu.gBlue .sub,.menu.gBlue .mega {
	background-color: #1F64D6;
}

.menu.gGray .mn0:hover,.menu.gGray .mn1:hover, .menu.gGray .mn1.isAktiv{
	background:silver
}
.menu.gBlue .mn0:hover,.menu.gBlue .mn1:hover, .menu.gBlue .mn1.isAktiv{
	background:#1F64D6
}

.menu.gGray .sub {
	background:#B0B0B0
}
.menu.gGray .sub .mn1:hover {
	background:#CACACA
}
.menu.gGray.mobil .mn1.isChild:after, .menu.gGray.mobil .mn1.isChild::after{
	 color:white;
}
.menu.gBlue .sub {
	background:#407DE3
}
.menu.gBlue .sub .mn1:hover {
	background:#1F64D6
}
.menu.gBlue.mobil .mn1.isChild:after, .menu.gBlue.mobil .mn1.isChild::after{
	 color:white;
}
.gBlue .mn0:after, .gBlue.gSmall .mn0:after{
border-color:white
}
.menu {
  
  overflow:hidden;
  white-space: nowrap;

}

.menu.mobil{
	
}
.mn0 {
  display:none;
  padding: 14px;

}

.mn1 {
  display: inline-block;
  padding: 14px;
}

.sub, .mega{
	display: none;
	position: absolute;
	z-index:10
}
.mega{
	width: 100%
}
.mobil .sub{
	position: relative;
	left:0px!important
}
.mobil .mn0, .sub .mn1{
  display: block;
  width:100%;
}
.mobil .mn1{
  display: none;
  width:100%;
}

.mn0:hover, .mn1:hover {
  cursor:pointer
}

.mnAuf{
	display: block!important
}

.mobil .mn1.isChild:after, .mobil .mn1.isChild::after {
  content: "\25BC";/*\25B2*/
  font-weight:bold ;
  position: absolute;
  right: 20px;
}

.mobil .mn1.isAktiv:after, .mobil .mn1.isAkiv::after {
  content: "\25B2";
   font-weight:bold ;
  position: absolute;
  right: 20px;
 
}



.mn0:after {
  content: "";  
  float:right;
  width: 30px;
  height: 20px;
  border-top: 12px double transparent;
  border-bottom: 4px solid transparent;
 
}
.mn0.mnAuf:after {
  border-top: 5px solid transparent;
  border-bottom: 0px solid transparent;
 
}
.gSmall .mn0:after {
    width: 20px;
    height: 13px;
    border-top-width: 8px;
    border-bottom-width: 3px;
}
.gSmall .mn0.mnAuf:after {
  border-top: 3px solid transparent;
  border-bottom: 0px solid transparent;
 
}
.gGray .mn0:after, .gGray.gSmall .mn0:after, .gBlue .mn0:after, .gBlue.gSmall .mn0:after{
border-color:white
}


.ico::before {
  position:absolute;
  content: url('system/images/button/save1.png');

}
gInerhit .mn0:after, gInerhit.gSmall .mn0:after{
border-color:black
}




/*----------------------------------------------------------------------------------------Standard -----------Style--------------------------*/
.posRel{
	position:relative
}
.posAbs{
	position:absolute
}
.posFix{
	position:fixed
}
.disInB{
	display:inline-block
}
.FloatL{
	float:left
}
.FloatR{
	float:right
}
.ClearL{
	clear:left
}
.ClearR{
	clear:right
}
.ClearB{
	clear:both
}

.ftNormal{
	font-weight:normal
}
.ftBold{
	font-weight:bold
}
.ft8{
	font-size:8pt
}

.ft10{
	font-size:10pt
}
.ft12{
	font-size:12pt
}
.ft13{
	font-size:13pt
}

.ft15{
	font-size:15pt
}
.ft18{
	font-size:18pt;
}

.ft20{
	font-size:20pt;
}
.Center{
	text-align:center
}
.Right{
	text-align:right

}

.Left{
	text-align:left
}
.nowrp{
	white-space:nowrap
}
.lh20{
	line-height:20px
}

.colBlack{
	color:black
}

.colRed{
	color:red
}
.colWhite{
	color:white;
}
.Pd0{
	padding:0px
}
.Pd0_5{
	padding:0px 5px;
}
.Pd0_10{
	padding:0px 10px
}
.Pd10_0{
	padding:10px 0px
}

.Pd0_20{
	padding:0px 20px
}
.Pd20_0{
	padding:20px 0px
}

.Pd20{
	padding: 20px
}
.PdB20{
	padding-bottom: 20px
}


.PdR30{
	padding-right:30px
}
.PdT10{
	padding-top:10px
}
.PdT20{
	padding-top:20px
}
.PdR20{
	padding-right:20px
}
.PdL20{
	padding-left:20px
}


.Mg0{
	margin:0
}

.MgT10{
	margin-top:10px
}
.MgT15{
	margin-top:15px
}

.MgT20{
	margin-top:20px
}
.MgT40{
	margin-top:40px
}
.MgB10{
	margin-bottom:10px
}
.MgB15{
	margin-bottom:15px
}

.MgB20{
	margin-bottom:20px
}


.Mg0_10{
	margin:10px 0
}
.Mg0_20{
	margin:20px 0
}

.MgR20{
	margin-right:20px
}
.MgR30{
	margin-right:30px
}

.MgR40{
	margin-right:40px
}

.MgL10{
	margin-left:10px
}
.LC{
	text-align:center
}

.nomobil{
	display:none
}
.mobil{
	display:block
}
.pointer{
	cursor:pointer
}
.nopointer{
	cursor:default
}


.drag-container {
  display: flex;
  align-items: stretch;
  padding:0px
}

.drag{
	overflow:hidden;

}
.drag-container .trennung{
	flex-grow: 0;width:10px;border: 5px ridge rgba(12,2,0,0.12);cursor:e-resize;
}

.drag-item{
	border:1px silver solid;
	padding:15px
}


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


.explorer li {
	list-style-image: url('/system/images/explorer/open.png');	
	list-style-position: inside;
	white-space:nowrap
   
}
.explorer ul li{
 padding-left:0px

}
.explorer ul li ul li{
 padding-left:10px

}

.explorer li.close{
	list-style-image: url('/system/images/explorer/close.png');
}

.explorer .close ul{
	display:none
}

.explorer li.file{
	list-style-image: url('/system/images/explorer/leaf.png');
	list-style-position: inside;
	
}
	
table{
   
    border-collapse:collapse;   
    border-bottom:0;
    border-spacing:0;

}

table th, table td{
    padding: .3em .5em .3em .5em;
    text-align:left;
    
}
 table td:before{	
	 content:" ";
	
	}

table.tnowrap td{
	white-space:nowrap
}
table.Input input{
border:none; background:transparent; 
cursor:  pointer;padding:0;margin:0;

}
table.Input input:focus{
border:none; background:transparent
}


.tableInput{
background-color:#FDF2BA;
}


table.Linie th, table.Linie td{
	border-top:none;
	border-left:none;
	border-right:none;
}
table.noGrid th, table.noGrid td{
	border:none
}
table td.maxWidth200{
	max-width:200px;
	overflow:hidden
}


 table.Responsiv th{
	display:none
}
 table.Responsiv td{
	   float:left;
	    width:100%;
	   border-top:none;
	  border-left:none;
	   border-right:none;
	   white-space:nowrap;
	   overflow:hidden;
	   
   }
   
   table.Responsiv td:before {
    content: attr(data-header)"";
    word-wrap: break-word;
    background: #eee;
    overflow: hidden;
    white-space: nowrap;
    width: 20%;
    float: left;
    padding: 6px;
    font-weight: bold;
    margin: -6px 8px -6px -8px;
    overflow-wrap: break-word;
  word-wrap: break-word;
 
   
   
	 
	}
table.Responsiv.Linie td{
	border:none
}
 table.Responsiv td:last-of-type{
	border-bottom:none
}  
   
table.Responsiv td.maxWidth200{
	max-width:80%;
	overflow:inherit

}



@media all and (min-width: 780px) {
#container{
	width:100%
}
.flex-item{
	width:50%;
	flex-grow: 1
}

.flex{
	flex-direction: row;
}	
.flex-item:nth-child(8),.flex-item:nth-child(2),.flex-item:nth-child(5),.flex-item:nth-child(10){

 display:block
}
.flex-item:nth-child(7){
	text-align:left
}
.flex-item:nth-child(4) img{
	max-height:203px
}
}