/* <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+ */
} 
html, body {
    height: 100%; margin:0;
   	background: white;	
	font-size:11pt;
	color:#464646;	
	background-color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
 
}


h1{
	font-size:24px;color:#880000;
}
h2{
	font-size:20px;color:#880000
}
h3{
	font-size:18px;color:#880000
}

.f12 {
	font-size:12px
}
a, a:link, a:active, a:visited{
	color:#880000; text-decoration:none
}
a:hover{
	color:#880000;
	text-decoration:underline
}

img{
max-width:100%
}
.aktiv0{
    color:silver
}
/*---- HEADER NAVIGATION  -----------------*/

.NavHeader{
	position: fixed;background:white;padding:10px 20px;width:100%;font-size:12pt;font-weight:bold;padding-top:10px;border-bottom:2px silver solid;padding-bottom: 8px;z-index:100
}
.NavHeader .site{
	font-style:italic;color:silver;position:absolute;margin-top:-5px
}
#ParentCaption{
	font-size:12pt;font-style:italic;color:silver;
}


.NavHeader .caption{
	font-style:italic;color:#FF9900;position:absolute;margin-top:16px
}

.NavHeader .items{
	max-width:1400px; text-align:right
}

.NavHeader .item{
	float:right;text-align:center!important;width:70px;cursor:pointer;margin-top:0px;font-size:14pt;line-height:10px

}
.NavHeader.small .item  {
	font-size:14pt;margin-top:0px;line-height:10px
}
.NavHeader.small .caption  {
	margin-top:0px
}

.NavHeader span{
	font-size:6pt;cursor:pointer
}


.HeaderNav{
	position: fixed;background:white;right:10px;width:100%;font-size:12pt;font-weight:bold;padding-top:10px;border-bottom:2px silver solid;padding-bottom: 8px;z-index:100
}
.HeaderNav .link{
	position:absolute;left: 20px;cursor:pointer
}
.HeaderNav .caption{
	position:absolute;left:40px;margin-top:30px;font-style:italic;color:#FF9900
}
.HeaderNav .items{
	max-width:1400px; text-align:right
}

.HeaderNav .item{
	float:right;text-align:center!important;width:70px;cursor:pointer;margin-top:10px;font-size:22pt;line-height:5px

}
.HeaderNav.small .item  {
	font-size:14pt;margin-top:0px;line-height:10px
}
.HeaderNav.small .caption  {
	margin-top:0px
}

.HeaderNav span{
	font-size:6pt;cursor:pointer
}
.HeaderCaption{
	font-weight:bold;
	position:absolute;
	margin-top:30px;
	margin-left:20px;
	font-style:italic;
	color:#FF9900;
	
    
}

.HeaderLink{
	cursor:pointer;
	font-weight:bold;
	display:inline-block;
	margin-top:0px
	
    
}
.HeaderLink:before{
	content:"\2BC7";
	margin-right:6px;
	
}


.sContent{
position:relative;padding: 70px 20px 20px 20px
}


.TableFix {
	overflow-y: auto; display:inline-block;
}
.TableFix thead th {
	position: sticky;
    top: 0;
}
.TableFix table {
    border-collapse: collapse;
    width: 100%;
      }
.TableFix th, .TableFix td {
    white-space:nowrap
}

table.gray th {
    background: #eee;
}
table.gray th, table.gray td{
 border: 1px solid #ccc;	
}       

table.small th, table.small td {
	font-size:10pt;padding: 2px 4px;
}

.table-item, .table-hover tr{
 cursor:pointer;
}

.table-item tr:hover, .table-hover tr:hover{
 background-color:#FBE375
}

.table-item .check{
  width:28px!important;
  background-position:5px;
  background-image:url('/system/images/images/check/checkLeer.png');
  background-repeat:no-repeat;
  background-size: 17px 15px;

}
.table-item .checked{
  background-image:url('/system/images/images/check/checkGreen.png');

}

.kb-table {
	display: inline-block;
}
.kb-table-caption {
    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: Verdana, Arial, Helvetica, sans-serif;
    background:white url('/system/images/selectPfeil.png') right center  no-repeat;
   white-space: nowrap;overflow:hidden

}

.kb-table .TableFix{
	display:none;position: absolute;background: white;z-index:500;background-color:#FDF2BA;

}

.ModellAus{
	display: none
}

.AusstattungAus{
	display: none
}
.motorAus {
	display:none
}

/*----------------------------------------------------------------------------------------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:4px;  
    background: white;
    border: 1px solid #DADADA;
    color: black;   
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    margin-bottom:5px;
}
.divTiny {
	padding:0px 9px;
	min-height:75px;
	cursor:pointer
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
    background: #D2E3FF;
    border: 1px solid #6E6E6E;
    color:black;
    outline-style: none;
  	box-shadow: none;
    }
    
    

 input.InputError, select.InputError, textarea.InputError{
	border-color:#D20000;
	}   
   
::-webkit-input-placeholder { color:white; }
::-moz-placeholder { color:white; } 
:-ms-input-placeholder { color:white !important;  } 
::-ms-input-placeholder {   color:white; }
input:-moz-placeholder { color:white; }

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;
     -webkit-box-shadow: 0 0 0px 1000px white inset;
  transition: background-color 5000s ease-in-out 0s;
}


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

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

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

   }

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

 input[type=text]:disabled, input[type=password]:disabled, .txtDiv, select:disabled {
    
	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;
	
    
    }

    
    
.locked {
    
	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;
	cursor:not-allowed;
	
    
    }


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


.dDownload, input.dDownload:disabled{
  background:#EEF3FD url('/system/images/dDownload.png') right bottom  no-repeat;
  padding-right:25px!important;
  

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

}

.bgYellow {
background:yellow

}

.gallery-menu{
    background: #dbd8d8;
    font-size: 18px;
    padding: 2px 20px;
    margin: 0px
}}

.gallery-ico{
	cursor:pointer!important;
	}
/*----------------------------------------------------------------------------------------Standard Flex--------------------------*/
.flex{	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;   
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
    width:100%;
}
.flexspacebetween{
	 -ms-flex-pack: justify;
    justify-content: space-between;
}
.flexspacearround{
	-ms-flex-pack : distribute;
	justify-content : space-around
}

.flexcolumn {
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex div.flex-item.flexselfstart{
	align-self: flex-start;
}

.flex div.flex-item.flexselfcenter{
	align-self: center;
}

.flex div.flex-item.flexselfend{
	align-self: flex-end

}


.flex div.flex-item{
	width:100%;
	padding:8px 0
	
}

.flex div.flex-item.empty {
	padding:0px
	
}
.flex .flex-item.full {

	width:100%;
	
}
.flex .flex-item.flexauto{
	width:auto
}
.flex .flex-item.flexgallery:first-of-type, .flex .flex-item.flexgallery:last-of-type{
 width:100%

}
.flex .flex-item.flexDetail:first-of-type, .flex .flex-item.flexDetail:last-of-type{
 width:100%;margin-right:0px


}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 501; /* 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: 2.5vh;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;
}
#Meldung{
 
    background-color: #00ec00;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 8px ;
    position: absolute;
    z-index: 100;
    display:none;
  

}


/* 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: #F42055;
	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
}
#msgContent{
	background-color: white;
	color:black;
	padding:8px
}
.msgButContainer{
	text-align:center;
	margin-top:10px;
	margin-bottom:20px 
}
.msgButContainer .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.nonext{
	text-align:center;
	padding:6px 16px;
}


.But.gGray, .But.gGray a{
	color:#303036; 
}


.But.gBlue, .But.gBlue a{
 color:white;
}

.But.gRed, .But.gRed a{
	
	color:white;
	border-color:#802638;	
}
.But.gYellow, .But.gYellow a{
	
	color:black;
	border-color:#DD8500;	
}

.But.Small{
	padding:3px 10px 3px 10px ;	
	font-size:10pt;	
}
.But.Small.ButCenter{
	padding:3px 5px 3px 5px ;	
	font-size:10pt;	
}

.But.ButCenter{
	padding:6px 16px 6px 16px ;	
	text-align:center
}


.But.ButLarge {
    width: 220px;
    text-align: center;
    font-weight: bold;
}

/* <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.gBlue:hover .next{
	background: rgba(7,72,184,0.5);
	color:white
}

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

.But.gRed:hover .next{
 background:rgba(128,38,56,0.5)
}

.But.gYellow:hover .next{
	background: rgba(147,84,0,0.5);
	color:white
}

.But.gRed.nonext:hover{
background:#F5254F
}

.But.gBlue.nonext:hover{
background:#2064D5
}
 .But.gGray.nonext:hover, .But.gGray.nonext:hover a, .But.gGray.nonext a:hover{
 background:#8190A1;
 color:white
 }

.Caption.gBlue, .TabContainer.gBlue .TabMenu, .TabLabel, .But.gBlue, table.gBlue th, .BoxCaption.gBlue, .InfoBanner.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;
	

}
.Caption.gGray, .TabContainer.gGray .TabMenu, .But.gGray, table.gGray th, .BoxCaption.gGray, .InfoBanner.gGray{
	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;

}
.But.gRed, .BoxCaption.gRed{
	background: #A0213A; /* Old browsers */
	background: -moz-linear-gradient(top,  #E93A5E 0%, #A0213A 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #E93A5E 0%,#A0213A 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #E93A5E 0%,#A0213A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E93A5E', endColorstr='#A0213A',GradientType=0 ); /* IE6-9 */
	color:white;
}

.Caption.gYellow, .TabContainer.gYellow .TabMenu, .But.gYellow, table.gYellow th, .BoxCaption.gYellow, .InfoBanner.gYellow{	

	background: #F09100; /* Old browsers */
	background: -moz-linear-gradient(top,  #FFC671 0%, #F09100 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #FFC671 0%,#F09100 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #FFC671 0%,#F09100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC671', endColorstr='#F09100',GradientType=0 ); /* IE6-9 */
	color:black;
	
}

.InfoBanner{
	display:inline-block; 
	text-align:left; 
	padding:12px 12px 12px 40px ;		
	cursor:pointer;
	font-size:11pt;
	-moz-border-radius: 4px ;
	-webkit-border-radius: 4px ;
	border-radius: 4px ;	
	position:relative;			
    
    border-style:solid;
    border-width:0px;  
    white-space:normal; 
    width:100%;
}
.bevor {
    position: absolute;
    left: 0px;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    flex-direction: column;
    justify-content:center;
   padding:0 10px;
    top:0px;    
   
}
	

.InfoBanner.gGreen{
background:#CAF4DB;
color: #23AB59;
}
.InfoBanner.gGreen .bevor{
 background:#98EBB9;
 color:white
}

.InfoBanner.gYellow{
background:#FFECD7;
color: #FF9A2B;
}
.InfoBanner.gYellow .bevor{
 background:#FFBD75;
 color:white
}

.bevor:hover{
 color:black
}



.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; 
      vertical-align:top
}

.Box{
margin-top:20px;
border:1px silver solid;
	
}
.BoxCaption{
font-weight:bold;padding:3px 12px	
}
.BoxX{
	float:right; display:inline;margin:-2px 0 0 0;cursor:pointer; width:16px; background: url('/system/images/x.png')  left top  no-repeat 
}
.BoxCaptionExtra{
	background-color:#D2D5DF;padding:3px 12px
}
.BoxContent{
	padding:8px 12px;
}
.BoxContentBorder{
	border-bottom:1px #012B70  solid
}
.BoxFooter{
	 padding:2px 10px; background-color:#EEEFF2; color:#A8A8A8; width:100%; font-size:9pt
}
.BoxNoBorder{
	border:none
}

.BoxMeldung {
    padding: 4px 10px;
    background-color: silver;
    color: white;
    width: 100%;
    font-size: 9pt;
    font-weight: bold;
}

.Link a, .LinkRed a{
	 
	 display: inline-flex;
	 color: inerhit; text-decoration:none
}
.LinkRed a{
  color:#F07D00
}
.Link a:before, .LinkRed a:before,.Link a::before, .LinkRed a::before {
	content:'\2BC8';
	margin-top:-3px;
	margin-right:4px;
	
}
 .Link a:hover{
	color:#E31C44;text-decoration:none
}
 .LinkRed a:hover{
	color:black;text-decoration:none
}

.MotorSort{
	cursor:pointer
}
.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: 5px 0 10px 0;
    padding: 12px 4px 6px 10px;
    background-color: #E6EEFB;
    color: black;
    border: 1px red solid;
        border-radius: 5px;
    background-clip: padding-box;
    box-sizing: border-box; 
}

.InfoBut {
float:right;
cursor:pointer;
width:15px;
background:url('/system/images/x.png') left top  no-repeat;
margin:-10px 0 0 0;
   
   
}
.Caption{
 padding:.3em .5em .3em .5em
}




.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;
	border-top:2px #c0c0c0 solid
}

.TabContainer, .MenuContainer {
	position:relative ;    
}

.TabMenu div{
	display:inline-block;
	padding:5px 11px;
	text-align:center;
	cursor:pointer;
	font-size:14pt;
}

div.TabDesktop.Aktiv {
font-weight:bold; 
}

div.TabDesktop:hover{
font-weight:bold; 

}
.TabContainer .Tab{
	display: none;
	padding: 15px
}

.TabLabel{
	float:left;
	padding:5px 10px;

}
.TabG.disabled{
	color:#e0e0e0;
	cursor:not-allowed
}
.TabContainer.gBlue .TabLabel:hover, .TabContainer.gBlue .TabDesktop:hover {
	background:#538AE6;
	
}

.TabContainer.gGray .TabLabel:hover, .TabContainer.gGray .TabDesktop:hover {
	background:#C8C8C8;
	
}

.TableScroll {
        overflow-y: auto;
        overflow-x: hidden;
        font-size:15px
      }
.TableScroll thead th {
        position: sticky;
        top: 0;
         
         border-bottom:3px #c0c0c0 solid;
         background:white;
         padding: 8px 16px;


      }
.TableScroll table {
        border-collapse: collapse;
        width: 100%;
      }
.TableScroll th, {
        padding: 8px 16px;
        border: 1px solid #ccc;
      }
.TableScroll td {
        padding: 6px 16px;
        border: 1px solid #ccc;
        display:table-cell;max-width:150px;overflow:hidden;
      }

.TableScroll tr:hover{
 background-color:#D2E3FF; cursor:pointer
}

.TableScroll th:hover{
 cursor:default
}

.LabelCss{
	position: absolute;
	margin:-15px 0 0 0px;
	background: white;
	color:silver;
	font-size:9pt;	
}

.RequiredCss{
	position: absolute;
	margin:1px 0 0 3px;
	color:red;
	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 */
}
.LabelFocus{
 background:url('images/labelFocus.png')  left top  repeat-x
}
.aus, .dbAus, .dbAusA{
	display: none!important;
}


.isRequired{
	color:red
}


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

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

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

.icofont-redo      { color:silver }
.icofont-ui-delete { color:red; }
.icofont-save      { color:rgb(0,230,0) }
.icofont-image     { color:rgb(106,106,255) }
.icofont-ui-note   { color:rgb(106,106,255) }

.icoSort{ color:orange;position: absolute;margin-left:-15px;cursor:pointer}
.icoNew, .icoNewWohneinheit  { color:rgb(106,106,255);font-size:18px;margin:0 0 0 20px;cursor:pointer }
.icoNew span, .icoNewWohneinheit  span{margin-left:8px }

@-webkit-keyframes dfade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes dfade {
  from {opacity: .4} 
  to {opacity: 1}
}




/*----------------------------------------------------------------------------------------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
}
.ft11{
	font-size:11pt
}

.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;
}
.colGray{
	color: #C0C0C0;
}

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

.PdT0{
	padding-top:0px
}
.PdB0{
	padding-bottom:0px
}
.PdB6{
	padding-bottom:6px
}

.PdB20{
	padding-bottom: 20px
}
.PdB30{
	padding-bottom: 30px
}


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

.PdL20{
	padding-left:20px
}


.Mg0{
	margin:0
}

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

.MgT20{
	margin-top:20px
}
.MgT30{
	margin-top:30px
}

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

.MgB20{
	margin-bottom:20px
}
.MgB30{
	margin-bottom:30px
}

.Mg0_10{
	margin:0 10px 
}


.Mg10_0{
	margin:10px 0
}
.Mg20_0{
	margin:20px 0
}
.MgR10{
	margin-right:10px
}

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

.MgR40{
	margin-right:40px
}

.MgL10{
	margin-left:10px
}
.MgL20{
	margin-left:20px
}

.LC{
	text-align:center
}

.nomobil{
	display:none
}
.mobil{
	display:block
}
.pointer{
	cursor:pointer
}
.nopointer{
	cursor:default
}
	
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.Hover tr:hover{
   background:#FDF2BA;cursor:pointer

}
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;	 
	   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;
   
   
	 
	}
table.Responsiv.Linie td{
	border:none
}
 table.Responsiv td:last-of-type{
	border-bottom:none
}  
   
table.Responsiv td.maxWidth200{
	max-width:80%;
	overflow:inherit

}


		table.tbNoHeader{
			border-width:1px ;
			border-style:solid;			
			border-collapse: collapse;
		}
		table.tbNoHeader.gGray{
		border-color:#A6A6A6;
		}
		table.tbNoHeader.gBlue{
		border-color:#0849B9;
		}

		table.tbNoHeader td{
			border-top-width:1px;
			border-top-style:solid;
			float:none;
		}
		table.tbNoHeader tr:last-of-type td{
			border-bottom-width:1px ;
			border-bottom-style:solid;	
		}
		table.tbNoHeader.gGray tr:last-of-type td{
			border-bottom-color:#A6A6A6;
		}
		table.tbNoHeader.gBlue tr:last-of-type td{
			border-bottom-color:#0849B9;
		}
		
		table.tbNoHeader td:last-of-type{
			border-bottom-width:0px ;
		}

		
	
		table.tbNoHeaderResponsiv {
		border-width:0px ;
		border-collapse: separate;
			}
		table.tbNoHeaderResponsiv td{
			border:0px;	
			float:left;
			vertical-align:top;
		}
		table.tbNoHeaderResponsiv tr:last-of-type td{
			border-bottom:0px;	
		}
		table.tbNoHeaderResponsiv td:last-of-type{
			border-bottom:15px white solid;
		}
		table.tbNoHeaderResponsiv tr td:first-of-type{
			font-weight:bold;	
			min-width:200px;
			width:100%
			
		}
		table.tbNoHeaderResponsiv.gGray tr td:first-of-type{
			background: #E4E4E4; 
		}
		table.tbNoHeaderResponsiv.gBlue tr td:first-of-type{
			background: #C4D7F7; 
		}
		
		table.tbNoHeaderResponsiv tr td:last-of-type{
			width:100%;
			
		}
		table.tbNoHeaderResponsiv.gGray tr td:last-of-type{
			background:#F6F6F6
		}
		table.tbNoHeaderResponsiv.gBlue tr td:last-of-type{
			background:#F5F9FE}
		

.brdRed{
  border:1px red solid!important
}
 input[type=checkbox].brdRed{
  border:0px red solid!important

 }
 
 
			
#Suche{
    width:300px;
	background:url('/images/ico/lupe.png') 275px 6px  no-repeat;
	
	}

#Suche:focus{
  background: #FDF2BA;
  background-image:none

}


.back{
	cursor:pointer;
	font-weight:bold;
	display:inline-block;
	margin-top:0px
	
    
}
.back:before{
	content:"\2BC7";
	margin-right:6px;
	
}

.HeadlineIco{
	float:left;text-align:center!important;font-size:6pt;width:70px;cursor:pointer
}
.HeadlineIco i{
	font-size:22pt
}

.HeadlineIco.small i{
	font-size:18pt
}
.link:before{
	content:"\2BC7";
	margin-right:6px;
	
}


.Main{
	padding:0; overflow:hidden; 
}
.MainLeft {
    width: 98%;
     margin-left:2%
   
}

.MainRight {
    width: 98%;
    margin-left: 0; margin-right:2%
}

.BoxCaption h2{
	font-size:12pt;margin:0
}
.flex .flex-item.flexListe:first-of-type{
	width:100%;
	
}
.flex .flex-item.flexListe:last-of-type{
	width:100%;

}
#ListeLeft{
	padding:15px;
	background-color:#F8F8F8
}


.icoUp{
	display:inline-block; background:url('/system/images/icos/up.png') no-repeat left top;
padding-left:20px;padding-right:30px;
	cursor:pointer;	color:gray
}
.icoDown{
	display:inline-block; background:url('/system/images/icos/down.png') no-repeat left top;
padding-left:20px;cursor:pointer;color:gray;padding-right:30px;


}
.icoUp:hover, .icoDown:hover{
	color:black;
}

.ellipse {
    background-color: white;
    height: 163px;
    width: 114px;
    border-radius: 48%;
    position: absolute;
    margin-top: 20px;
    cursor: pointer;
    margin-left: 20px;
    z-index: 1000;
}

@media all and (min-width: 420px) {



}

@media all and (min-width: 500px) {

}

@media all and (min-width: 560px) {


}
@media all and (min-width: 600px) {
		
	
}

@media all and (min-width: 850px) {
}

@media all and (min-width: 710px) {

}

	
@media all and (min-width: 800px) {
	
	}

@media all and (min-width: 850px) {
	
}
@media all and (min-width: 950px) {

}


@media all and (min-width: 1030px) {
		
}
@media all and (min-width: 1385px){
	
	
	
}

.flex div.flex-item.flexauto.Block2{
	width:48%;
		 display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
   flex-direction: column;
  

	
	}
	
	
	.flex div.flex-item.flexauto.Block2 img{
	max-width:100%;
	
	}
	
	.flex div.flex-item.flexauto.Block3{
	width:32%;
		 display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
   flex-direction: column;

	
	}	
	.flex div.flex-item.flexauto.Block4{
	width:23%;
		 display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
   flex-direction: column;

	

	}	



.PopUp .lyClose  {
  width: 22px;
  height: 22px;
  border-radius: 11px;
   background:linear-gradient(to bottom, #ededed 5%, #d4d2d4 100%);
	background-color:#ededed;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	position:relative;
	border:1px solid #d4d2d4;
	cursor:pointer;
	margin-top:-1px;
	float:right;
	

}

.PopUp .caption{
	background-color:#F0F3F7;text-align: center;font-family:Lato Black;height:40px;padding-top:10px
}
.PopUp .content{
	max-width:600px;min-width:300px
}
.PopUp .content .item{
	padding:10px 20px 10px 20px;
}

.PopUp .content .item label{
	font-family:Lato Bold
}


.PopUp .content p:first-child {
	margin-top:5px;
}

.PopUp .content p:last-child {
	margin-bottom:0px;
}


.PopUp .lyClose{
	position:absolute;margin:5px 5px 0 0
}


.ItemTop {
	background:#FDF2BA
}




.mce {
	position:relative;padding-top:6px
}
.mce-content,.mce-locked,.mce-full{
    border-radius: 5px;
    background-clip: padding-box;
    box-sizing: border-box;      
    font-size:inherit;  
    width: 100%;
    min-height:80px;
    background: white;
    border: 1px solid #DADADA;
    color: black;   
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    margin-bottom:20px;
    padding:6px;
	
}

.mce label{
        position: absolute;
        font-size: 12px;
        color:silver;
        background-color:white;
        text-align: left;
        margin-top:-9px;
        margin-left:8px;
        padding:0 3px;
        z-index:10
}
.mce-locked {
	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 );
	cursor:not-allowed;
}
.tox-toolbar,.tox-menubar{
	background-color:#FFF3E1!important
}