html, body {
  padding: 0;
  margin: 0;
}

.header {
  height: 140px;
  background-color: #f1f1f1;
  padding: 30px 0px 0px 0px ;
  font-family: 'Open Sans', sans-serif;
}

.headerpop {
  height: 100px;
  background-color: #f1f1f1;
  padding: 30px 0px 0px 0px ;
  font-family: 'Open Sans', sans-serif;
}

.info {
  position: fixed;
  overflow: auto;
  top: 0px;
  right: 0px;
  width: 25%;
  height: 140px;

  border: 0px solid red;
  padding: 30px 0px 0px 0px ;
  font-family: 'Open Sans', sans-serif;
   color: #4d4b4b;
   float:left;
 }
.container {
  position: fixed;
  overflow: auto;
  width: 70%;
  height: 700px;
  background-color: #fff;
  padding: 30px 10px 50px 30px ;
  font-family: 'Open Sans', sans-serif;
  color: #4d4b4b;
  margin-bottom:100px;
  
}

.containerpop {
  position: fixed;
  overflow: auto;
  width: 90%;
  height: 700px;
  background-color: #fff;
  padding: 30px 10px 50px 30px ;
  font-family: 'Open Sans', sans-serif;
  color: #4d4b4b;
  margin-bottom:100px;
  
}

.containerSuche {
  position: fixed;
  overflow: auto;
  width:95%;
  height: 700px;
  background-color: #fff;
  padding: 30px 10px 50px 30px ;
  font-family: 'Open Sans', sans-serif;
  color: #4d4b4b;
  margin-bottom:100px;
  
}


.sticky {
  position: fixed;
  overflow: auto;
  top: 170px;
  right: 0px;
  width: 25%;
  height: 100%;
  background-color: #f1f1f1;
  border: 0px solid red;
  padding: 30px 0px 0px 40px ;
  font-family: 'Open Sans', sans-serif;
   color: #4d4b4b;
}



.form_header { 
position: absolute;
margin-left: 80%;

width: 100px;

border: 0px solid red;

}


a.links:link, a.links:visited {
 
  color: #5f5f5f;
  padding: 5px 25px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  width: 80%;
}


a.links:hover, a.links:active {
  background-color: #0095d4;
  color: #fff;
}


a:link, a:visited {
 
  color: #5f5f5f;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  width: 80%;
}


a:hover, a:active {
  
  color: #fff;
}


b{
font-family: 'Open Sans', sans-serif;
color: #0095d4;
font-weight: 200;
font-size: 15px;


}



h1{
font-family: 'Oswald', sans-serif;
color: #0095d4;
font-weight: 200;
font-size: 30px;
margin-top:10px;

}

h2{
font-family: 'Oswald', sans-serif;
color: #0095d4;
margin-left:0px;
margin-top:10px;
margin-bottom:5px;
font-weight: 100;
font-size: 24px;
}

h3{
font-family: 'Open Sans', sans-serif;
color: #0095d4;
margin-left:0px;
margin-top:20px;
font-weight: 100;
font-size: 18px;
}

h3.hinweis{
font-family: 'Open Sans', sans-serif;
color: #8b1c1c;
margin-left:0px;
font-weight: 100;
font-size: 18px;
}

h4{
font-family: 'Open Sans', sans-serif;
color: #eaa30b;
margin-left:0px;
margin-bottom:5px;
font-weight: 100;
font-size: 18px;
}

h5{
font-family: 'Open Sans', sans-serif;
color: #2e377c;
margin-left:0px;
margin-bottom:0px;
margin-top:10px;
font-weight: 200;
font-size: 17px;
}

h5.page{
font-family: 'Open Sans', sans-serif;
color: #1a5f79;
margin-left:0px;
font-weight: 100;
font-size: 16px;
margin-top:10px;
}

h5.frame{
font-family: 'Open Sans', sans-serif;
color: #1a5f79;
margin-left:0px;
font-weight: 100;
font-size: 16px;
margin-top:8px;
}

h5.content{
font-family: 'Open Sans', sans-serif;
color: #585858;
margin-left:0px;
font-weight: 100;
font-size: 14px;
margin-top:8px;
}

h7{
font-family: 'Open Sans', sans-serif;
color: #eaa30b;
margin-left:0px;
margin-bottom:-5px;
font-weight: 100;
font-size: 18px;
}

.result{
font-family: 'Open Sans', sans-serif;
color: #692513;
margin-left:0px;
margin-bottom:0px;
font-weight: 100;
font-size: 22px;
}

.searchh2
{
font-size: 22px;
font-family: 'Open Sans', sans-serif;
color: #fac11a;
margin-left:25px;
font-weight: 100;

}



}
.ergebnis
{
width: 100%;
 border: 6px dotted #cccccc;
 background-color: #fafafa;
 float: left;
  display:inline-block;
}



.kreis {
     border-radius: 50%;
	 border: 8px solid #f9f9f9;
}


.projectimages
{
  color: #000;
  width: 160px;
  min-height: 30px;
  padding:20px 0 0 30px;
  border: 0px dotted #cccccc;
  float:left;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  border-radius: 18px;


}


.rowone
{ 
  width: 95%;
  
   float:left;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
   border-bottom: 1px solid #fff;
   border-top: 1px solid #fff;
  
  
}


.rowone:hover
{
   background-color:#fbfcfd; 
  border-bottom: 1px solid #0095d4;
   border-top: 1px solid #0095d4;
 
   }

 .mc_head_task
{ 
  width: 100%;
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:5px;

  display:inline-block;
  padding:10px;
  font-size: 14px;
   float:left;
 }  
   
   
.mc_head
{ 
  width: 85%;
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:5px;

  display:inline-block;
  padding:10px;
  font-size: 14px;
   float:left;
 }
 
 
 
 .mc_head_user
{ 
  width: 85%;
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:5px;
  display:inline-block;
  padding:10px;
  font-size: 14px;
   float:left;
   background-color:#edffed;
 }
 
 
  .mc_head_gantt
{ 
  width: 85%;
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:5px;
  display:inline-block;
  padding:10px;
  font-size: 14px;
   float:left;
   background-color:#f6f1c9;
 }
 
   .mc_head_gantt_alarm
{ 
  width: 85%;
  min-height:20px;
  border-bottom:0px solid red;
  border-top:0px solid red;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#fff;  
  margin-top:5px;
  display:inline-block;
  padding:10px;
  font-size: 14px;
   float:left;
    background-color:#306091;
 }
 
  .mc_head_andere
{ 
  width: 65%;
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:5px;
  display:inline-block;
  padding:10px;
  font-size: 14px;
   float:left;
    background-color:#ebf1f4;
   
 }
 
 .mc_head_schort_andere
{ 
  width: 2%;
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:5px;
   
  float: left;
  display:inline-block;
  padding:10px;
  text-align:right;
   background-color:#ebf1f4;
  
}

 .mc_head_user_andere
{ 
  width: 20%;
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:5px;
  display:inline-block;
  padding:10px;
 background-color:#ebf1f4;
  float:left;
}
 
 
 .warnung
{ 
  width: 90%;
  min-height:20px;
  border-bottom:1px solid #c31217;
  border-top:1px solid #c31217;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:5px;
  display:inline-block;
  padding:10px;
  font-size: 14px;
   float:left;
   background-color:#edffed;
 }
 
 
 .mc_head:hover
{ 
  color:#4caf50;  
  
 }

.mc_head_schort
{ 
  width: 3%;
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:5px;
   
  float: left;
  display:inline-block;
  padding:10px;
  text-align:right;
  
}

.mc_head_schort_user
{ 
  width: 3%;
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:5px;
   background-color:#edffed;
  float: left;
  display:inline-block;
  padding:10px;
  text-align:right;
  
}




.mc_head_schort_gantt
{ 
  width: 3%;
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:5px;
  background-color:#f6f1c9;
  float: left;
  display:inline-block;
  padding:10px;
  text-align:right;
  
}

.mc_head_schort_gantt_alarm
{ 
  width: 3%;
  min-height:20px;
  border-bottom:0px solid red;
  border-top:0px solid red;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#fff;  
  margin-top:5px;
  background-color:#306091;
  float: left;
  display:inline-block;
  padding:10px;
  text-align:right;
  
}

.warnung_short
{ 
  width: 3%;
  min-height:20px;
  border-bottom:1px solid #c31217;
  border-top:1px solid #c31217;
  border-right:0px solid #c31217;
  font-family: 'Open Sans', sans-serif;
  color:#c31217;  
  margin-top:5px;
  background-color:#edffed;
  float: left;
  display:inline-block;
  padding:10px;
  text-align:right;
  
}




.mc_head_datum
{ 
  width: 8%;  
  min-height:20px;
  border-bottom:1px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:1px solid #D3DCE7;
  border-left:1px solid #D3DCE7;
 font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:20px;
  background-color:#f1f1f1; 
  float: left;
  display:inline-block;
  padding:10px;
  
}

.mc_head_long
{ 
  width: 33%;  
  min-height:20px;
  border-bottom:1px solid #D3DCE7;
  border-top:1px solid #D3DCE7;
  border-right:1px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:20px;
  background-color:#f1f1f1; 
  float: left;
  display:inline-block;
  padding:10px;

}


.mc_projekt
{ 
  width: 23%;
  min-height:20px;
  border-bottom:0px solid #e7e7e5;
  border-right:0px solid #e7e7e5;
 font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:0px;
  float: left;
  padding:10px;
  font-size: 14px;

}


.mc_content_datum
{ 
  width: 8%;  
  min-height:30px;
  border-bottom:1px solid #e7e7e5;
  border-right:0px solid #e7e7e5;
   border-left:0px solid #D3DCE7;
  font:normal 12px/1.5em Verdana;
  color:#555555;  
  margin-top:0px;
  float: left;
 padding:10px;
 }


.mc_content_long
{ 
  width: 39%;  
  min-height:20px;
  border-bottom:0px solid #e7e7e5;
  border-right:0px solid #e7e7e5;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:0px;
  float: left;
  padding:10px;
  font-size: 14px;
}

.mc_zuordnung
{ 
  width: 15%;  
  min-height:20px;
  border-bottom:0px solid #e7e7e5;
  border-right:0px solid #e7e7e5;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:0px;
  float: left;
  padding:10px;
  font-size: 14px;
}

.mc_content_schort
{ 
  width: 5%;  
  min-height:20px;
  border-bottom:0px solid #e7e7e5;
  border-right:0px solid #e7e7e5;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin-top:0px;
  float: left;
  padding:10px;
  font-size: 14px;
  text-align:right;
}



.rowtwo
{ background-color: #fff;
  color: #000;
  width: 100%;
  min-height: 30px;
  padding:10px 10px 10px 10px;
  border-bottom: 1px dotted #cccccc;
   float:left;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
   margin-top:5px;




}

.rowtwo:hover
{
  background-color: #edf3f8;
  color: #fff;
   margin-top:5px;
}

/* remove standard-styles */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 25%
}


/* style für alle anderen Formulare */
.f_global{
  border:1px solid #cccccc;
   width: 30%;
    margin:5px;
	padding:6px 0 0 10px;
    position: fixed;
  overflow: auto;
}

/* style für alle anderen Formulare */
.f_globalzwei{
  border:0px solid #cccccc;
   width: 100%;
    margin:5px;
	padding:6px 0 0 10px;
	float:left;
}





.inhalt
{
  
 width:800px;
  height:30px;
  margin:0px auto;
 width: 80%;
 /* weitere Angaben */
 background-color: #090;
 border: 2px solid #fc0
}



.logout
{

  color: #000;
  width: 95%;
  min-height: 20px;
  padding:20px 20px 20px 20px;
  border-bottom:1px solid #cccccc;
  text-align: right;
  float:left;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;


}


.vereinbarung
{

  color: #000;
  width: 100%;
  min-height: 30px;
  padding:0px 0px 0px 0px;
  border-bottom: 1px solid #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
float:left;
}

.inhaltlinks
{

  color: #000;
  width: 200px;
  min-height: 1800px;
  padding:10px 10px 0px 30px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  float:left;
  background-color: #f1f1f1;
  font-family: 'Open Sans', sans-serif;

}

.inhaltrechts
{

  color: #000;
  width: 75%;
  min-height: 150px;
  padding:10px 0px 0px 20px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  border-left: 1px solid #f2f2f2;
  float:left;
}

.inhaltlinksklein
{

  color: #000;
  width: 22%;
  min-height: 30px;
  padding:10px 10px 0px 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  float:left;
  text-align: right;
  vertical-align: middle;
  display: table-cell;

}

.inhaltrechtsklein
{

  color: #000;
  width: 70%;
  min-height: 30px;
  padding:10px 0px 0px 20px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  border-left: 1px solid #000;
  float:left;
  vertical-align: middle;
  display: table-cell;
}

.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 4px;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #000000;
}
.control-radio .control_indicator {
    border-radius: undefined%;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #fff;
}

.control input:checked ~ .control_indicator {
    background: #fff;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #ffffff;
}
.control input:disabled ~ .control_indicator {
    background: #fff;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #ccc;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: ffff;
}
.warenkorb
{

  color: #000;
  width: 98%;
  min-height: 30px;
  padding:0px 0px 0px 20px;
  float:left;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  border: 1px dotted #cccccc;
  margin-bottom:30px;



}

.inhaltform
{

  color: #000;
  width: 95%;
  min-height: 30px;
  padding:0px 0px 0px 50px;
  border-top: 0px dotted #cccccc;
  float:left;
}
  .inhaltformzwei
{

  color: #000;
  width: 100%;
  min-height: 30px;

  border: 0px dotted #cccccc;
  float:left;




}




.zeile1
{
 
  width: 99%;
  float:left;
   border-bottom: 1px solid #efefef;
   
 


}


.zeile1:hover
{
 border-bottom: 1px solid #05d400;
 background-color:#edffed;
}

.zeile2
{
  color: #000000;
  width: 100%;
  min-height: 25px;
  margin-left:-30px;
  margin-bottom:30px;
  padding-left: 30px;
  padding-bottom: 30px;
  float:left;
  border-top: 1px dotted #cccccc;
    background-color:#fff;
 font-family: 'Open Sans', sans-serif;


}


.zeile2:hover
{


 }

.boxlogin
{
  font-family: 'Open Sans', sans-serif;

 }



 .boxlinks
{
  color: #000000;
  width: 50%;
  min-height: 25px;
  margin-left:-30px;
  margin-bottom:-30px;
  padding-left: 30px;
  padding-bottom: 30px;
  font-family: 'Open Sans', sans-serif;
  float:left;
  border-right: 1px dotted #cccccc;
}





.boxrechts
{
  color: #000000;
  width: 40%;
  min-height: 25px;
  margin-left:20px;
  padding-left: 30px;
  padding-bottom: 30px;
  border-left: 0px dotted #cccccc;
  font-family: 'Open Sans', sans-serif;
  float:left;
  margin-bottom:-30px;

}



.iframelinks
{
  color: #000000;
  width: 50%;
  height: 500px;
  margin-left:-30px;
  margin-bottom:-30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  font-family: 'Open Sans', sans-serif;
  float:left;
  border-right: 1px dotted #cccccc;
}





.tip
{
  color: #000000;
  width: 90%;
  min-height: 25px;
  padding: 10px 10px 10px 10px;
  font-family: 'Open Sans', sans-serif;
  background-color:#f8fcff;
  margin-bottom:20px;

}





 .resultlinks
{
  color: #000000;
  width: 90%;
  margin-left:0px;
  margin-bottom:5px;
  padding-left: 5px;
  padding-bottom: 5px;
  font-family: 'Open Sans', sans-serif;
  float:left;
  border-top: 1px dotted #cccccc;

}

.resultlinks:hover
{

 color: #496798;
}

.resultrechts
{
  color: #000000;
  width: 4%;
  margin-left:0px;
  margin-bottom:5px;
  padding-left: 5px;
  padding-top: 5px;
  font-family: 'Open Sans', sans-serif;
  float:left;
   border-bottom: 0px dotted #cccccc;

}

.resultrechts:hover
{

}


 label  {
 margin:0px 40px 0px 0px;
border-bottom: 0px dotted #cccccc;
font-family: 'Open Sans', sans-serif;
 font-size: 13px;
}

/* remove standard-styles */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%;
  float:left;
}


select {

  border: 1px solid #bbb;
  padding:.20em 1em .20em 1em;
  margin:10px 10px 10px 0px;
   width: 21%;
  background-color:white;
  background-image:url(../images/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}



.fest {

  border: 1px solid #bbb;
  padding:.20em 1em .20em 1em;
  margin:50px 10px 10px 200px;
   width: 300px;
  background-color:white;
  background-image:url(../images/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}


.selectpop{

  border: 1px solid #bbb;
  padding:.20em 1em .20em 1em;
  margin:10px 10px 10px 0px;
   width: 40%;
  background-color:white;
  background-image:url(../images/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}

.selectlogin{

  border: 1px solid #bbb;
  padding:.80em 1em .80em 1em;
  margin:10px 10px 10px 0px;
   width: 40%;
  background-color:white;
  background-image:url(../images/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}


.frei {

  border: 1px solid #bbb;
  padding:.20em 1em .20em 1em;
  margin:10px 10px 10px 0px;
   width: 70%;
  background-color:white;
  background-image:url(../images/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}

select:hover {
  background-color:#f1f1f1;
}



.textlogin{

  border: 1px solid #bbb;
  padding:.80em 1em .80em 1em;
  margin:10px 10px 10px 0px;
   width: 40%;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}

.textlogin:hover {
  background-color:#ededed;
}


.text {

  border: 1px solid #bbb;
  padding:.80em 1em .80em 1em;
  margin:10px 10px 10px 0px;
  min-width: 70%;
  background-color:white;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}
.text:hover {
  background-color:#ededed;
}

.textklein {

  border: 1px solid #bbb;
  padding:.80em 1em .80em 1em;
  margin:10px 10px 10px 0px;
  min-width: 70%;

  background-color:white;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}
.textklein:hover {
  background-color:#f1f1f1;
}


.texttask {

  border: 1px solid #bbb;
  padding:.80em 1em .80em 1em;
  margin:10px 10px 10px 0px;
  min-width: 95%;

  background-color:white;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}
.texttask:hover {
  background-color:#f1f1f1;
}





.textpop {

  border: 1px solid #bbb;
  padding:.80em 1em .80em 1em;
  margin:10px 10px 10px 0px;
  min-width: 10%;

  background-color:white;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}
.textpop:hover {
  background-color:#f1f1f1;
}

.textbeschreibung {

  border: 1px solid #bbb;
  padding:.80em 1em .80em 1em;
  margin:10px 10px 10px 0px;
  min-width: 95%;

  background-color:white;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}
.textbeschreibung:hover {
  background-color:#f1f1f1;
}

textarea
{

  border: 1px solid #bbb;
  padding:.80em 1em .80em 1em;
  margin:10px 10px 10px 0px;
  width: 90%;
  background-color:white;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}

textarea:hover {
  background-color:#fefefe;
}



textarea.big
{

  border: 1px solid #bbb;
  padding:.80em 1em .80em 1em;
  margin:10px 10px 10px 0px;
  width: 95%;
  background-color:white;
  color: #626262;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  height:200px;
}

textarea.big:hover {
  background-color:#fefefe;
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}

.lt-ie10 select {
    background-image: none;
}



option {
  background:#fefefe;
  border-top:1px solid #ccc;
  padding:.5em 1em .5em 1em;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}


/* Gradient transparent - color - transparent */

hr {

    border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}



form {
	
	
	width: 70%;  
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:0px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin:40px 20px 20px 150px;  
  float: left;
  display:inline-block;
  padding:10px;

}


.feuerzeug {
	
	
 width: 95%;  
  min-height:20px;
  border-bottom:0px solid #D3DCE7;
  border-top:0px solid #D3DCE7;
  border-right:0px solid #D3DCE7;
  font-family: 'Open Sans', sans-serif;
  color:#555555;  
  margin:40px 20px 20px 20px;  
  float: left;
  display:inline-block;
  padding:10px;

}




.button {
  border:1px solid #D8D8D8;
  background-color: #0095d4;
 font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color:#ffffff;
  margin:15px 10px 10px 0px;
  padding:8px;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
 }

.button:hover {
  border:1px solid #D8D8D8;
  background-color: #555555;
font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color:#fff;
  margin:15px 10px 10px 0px;
  padding:8px;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;


 }






.button1 {
  border:1px solid #D8D8D8;
  background-color: #d4d4d4;
 font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color:#000;
  margin:5px 5px 5px 0px;
  padding:8px;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
 }

.button1:hover {
  border:1px solid #D8D8D8;
  background-color: #555555;
font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color:#fff;
  margin:5px 5px 5px 0px;
  padding:8px;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;


 }



.button2 {
  border:1px solid #D8D8D8;
  background-color: #91d882;
 font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color:#000;
  margin:5px 5px 5px 0px;
  padding:8px;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
 }

.button2:hover {
  border:1px solid #D8D8D8;
  background-color: #9c3925;
font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color:#fff;
  margin:5px 5px 5px 0px;
  padding:8px;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;


 }





 .buttonklein {
  border:1px solid #D8D8D8;
  background-color: #72a8c4;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color:#ffffff;
  margin-left:10px;
  padding:5px;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
 }

.buttonklein:hover {
  border:1px solid #D8D8D8;
  background-color: #fbc10a;
 font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 12px;
  color:#4f4f4f;
  margin-left:10px;
  padding:5px;
  -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


 .imageButton {
        opacity:.6; /* Firefox */
        filter:alpha(opacity:60); /* Internet Explorer */
    }
    .imageButton:hover {
        opacity:1; /* Firefox */
        filter:alpha(opacity:100); /* Internet Explorer */
    }

#a.b:link, a.b:visited, a.b:hover, a.b:active
{
 font-family:Arial;
 font-size:14px;
 text-align:center;
 text-Decoration: none;
 width:100px;
 height:20px;
 padding:3px;
}
#a.b:link, a.b:visited
{
 color:#000000;
 background-color:#bcbcbc;
 border-left:2px solid #efefef;
 border-top:2px solid #efefef;
 border-right:2px solid #000000;
 border-bottom:2px solid #000000;
}
#a.b:hover, a.b:active
{
 color:#ffffff;
 background-color:#5555aa;
 border-left:2px solid #efefff;
 border-top:2px solid #efefff;
 border-right:2px solid #000055;
 border-bottom:2px solid #000055;
}

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 98%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
	margin-bottom:2px;
}

button.accordion.active, button.accordion:hover {
    background-color: #ccc;
}

div.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
}

.table {


font-family: 'Open Sans', sans-serif;
  font-size: 14px;


}

td {

 background-color:#f1f1f1;
font-family: 'Open Sans', sans-serif;
  font-size: 14px;
     border:0px solid #ccc;
    margin:10px;
   padding:2 2 2 10;
    vertical-align: top;

}

td.head {


font-family: 'Open Sans', sans-serif;
  font-size: 14px;
     border:0px solid #ccc;
    margin:10px;

}

tr {

 background-color:#d8e5ff;
font-family: 'Open Sans', sans-serif;
  font-size: 14px;
     border:1px solid #ccc;
    margin:10px;
    padding:10px;

}



page {
  background: white;
  display: block;
  margin: 0 auto;
  padding:50px;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
page[size="A4"] {
  width: 21cm;
  height: 29.7cm;
}
page[size="A4"][layout="portrait"] {
  width: 29.7cm;
  height: 21cm;
}
page[size="A3"] {
  width: 29.7cm;
  height: 42cm;
}
page[size="A3"][layout="portrait"] {
  width: 42cm;
  height: 29.7cm;
}
page[size="A5"] {
  width: 14.8cm;
  height: 21cm;
}
page[size="A5"][layout="portrait"] {
  width: 21cm;
  height: 14.8cm;
}
@media print {
  body, page {
    margin: 0;
    box-shadow: 0;
  }
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 170px;
    background-color: #497bae;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 2px;
     top: -5px;
    right: 105%;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1000;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #497bae;
}


/* Tooltips container */
.tooltips {
    position: rightSS;
    display: inline-block;
    border-bottom: 0px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltips text */
.tooltips .tooltiptexts {
    visibility: hidden;
    width: 200px;
   background-color: #497bae;
    color: #fff;
    text-align: center;
    padding: 3px;
    border-radius: 2px;
     top: -5px;
    right: 105%;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1000;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltiptexts {
    visibility: visible;
}

.tooltips .tooltiptexts::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #497bae;
}


@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
details summary::-webkit-details-marker {
  display: none;
}

details summary {
  width: 100%;
  padding: 0.5rem 0;
  border-top: 1px solid #ccc;
  position: relative;
  cursor: pointer;
  font-family: 'Oswald', sans-serif;
  color: #0095d4;
  font-size: 1.15rem;
  font-weight: 300;
  list-style: none;
}

details summary:after {
  content: "+";
  position: absolute;
  font-size: 1.20rem;
  line-height: 0;
  margin-top: 0.75rem;
  right: 0;
  font-family: 'Oswald', sans-serif;
  color: #0095d4;
  transform-origin: center;
  transition: 200ms linear;
}
details[open] summary:after {
  transform: rotate(45deg);
  font-size: 2rem;
}
details summary {
  outline: 0;
}