@font-face {
  font-family: 'Titillium Maps';
  src: url("../templates/beez5/fonts/TitilliumMaps29L002.eot");
  src: local('Titillium Maps'), local('TitilliumMaps'),
    url("../templates/beez5/fonts/TitilliumMaps29L002.otf") format("opentype"),
    url("../templates/beez5/fonts/TitilliumMaps29L002.woff") format("woff");
}

body{
    width:100%;
    height:100%;
    margin:0;
    background-color:#e9e9e9;
    font-family: 'Titillium Maps',  Arial;
    font-weight:regular;
    font-size:12pt;
  }
  li{
  list-style: inherit;
  float:right;

  }
  table {
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

  #head{
    font-family: 'Titillium Maps',  Arial;
    font-size: 30pt;
    color:#800032;
    text-align: center;
    width:100%;
    margin-bottom:50px;

  }
  input{
    width:100%;
    height:40px;
    border:none;
    background-color:#fff;
    font-family: 'Titillium Maps',  Arial;
    font-size:12pt;
    color:#7a7572;
  }
  #checkbox{
    height:auto;
    width:auto;
  }
   button{
    width:100%;
    height:40px;
    border:none;
    background-color:#fff;
    font-family: 'Titillium Maps',  Arial;
    font-size:12pt;
    color:#7a7572;
    margin-top:2px;
    margin-left:10px;

  }
  #buttonDetails{
    width:100px;
    padding:0;
    height:30px;
    background-color:#800032;
    color:#fff;
    border-bottom:1px solid #800032;
  }
  #buttonDownload{
    width:100px;
    padding:0;
    height:30px;
    background-color:#04CC6A;
    color:#fff;
    border-bottom:1px solid #04CC6A;
  }
  #renameButton{
    width:100px;
    padding:0;
    height:30px;
    background-color:#0478D2;
    color:#fff;
    border-bottom:1px solid #0478D2;
  }
  #buttonDelete{
    width:100px;
    padding:0;
    height:30px;
    background-color:#D04E3F;
    color:#fff;
    border-bottom:1px solid #D04E3F;
  }
  #deleteText{
    display:none;
    color:#D04E3F;
    text-align: center;
  }
  #firstButtonDeleteAll{
    width:95%;
    padding:0;
    height:30px;
    background-color:#f2630d99;
    color:#fff;
    float:right;
    border-bottom:1px solid #f2630d99;
  }
  #finalButtonDeleteAll{
    width:95%;
    padding:0;
    height:30px;
    background-color:#D04E3F;
    color:#fff;
    float:right;
    border-bottom:1px solid #D04E3F;
    display:none;
  }
  select{
    width:100%;
    height:50px;
    border:none;
    background-color:#fff;
    font-family: 'Titillium Maps',  Arial;
        font-size:12pt;
  }
  #form{
    width:80%;
    margin-left:10%;
    margin-top:2%;
    float:left;
  }
  #divDetail{
    float:left;
  }
  #divDownload{
    margin:0;
  }
    #adminForm{
    width:auto;
    margin-left:5%;
    margin-right:150px;
    margin-top:2%;
       float:left;
       word-break: break-all;
  }

    #formDelete{
    width:60%;
    height:auto;
    padding-left:20%;
    padding-right:20%;
    padding-bottom:15px;
    bottom:0;
    float:left;
    background-color:#333;
    display:none;
    position:fixed;
    color:#f5f5f5;
  }
  #submit{
    background-color:#800032;
    color:#fff;
    font-family: 'Titillium Maps',  Arial;
        font-size:15pt;
  }

#deleteAllButton , #deleteButton{
      background-color:#D04E3F;
    color:#fff;
    font-family: 'Titillium Maps',  Arial;
        font-size:15pt;
}
#deleteAllButtonBefore{
      background-color:#D04E3F;
    color:#fff;
    font-family: 'Titillium Maps',  Arial;
        font-size:15pt;
}
#deleteAllButtonCancel{
      background-color:#0478D2;
    color:#fff;
    font-family: 'Titillium Maps',  Arial;
        font-size:15pt;
}
#bsButton{
  width:auto;
  height:auto;
  border:none;
}

#filterBSBerufButton, #filterBSMiniAkademiButton, #filterAbiJahrButton{
  width:150px;
  height:50px;
  border:none;
  margin-top:3px;
  text-align:center;
}
#abiJahr{
  width:150px;
  height:30px;
  border:none;
  margin-top:3px;
  text-align:center;
  background-color:#f5f5f5;
}
#doc{
  position:fixed;
  float:right;
  width:150px;
  height:auto;
  right:0;
  text-align:center;

}
#showDelete ,#exportToXls , #toStart{
  width:150px;
  height:50px;
  border:none;
  right:0;
  margin-top:25px;
}
#closeDelete{
  width:150px;
  height:50px;
  border:none;
  display:none;
  right:0;
  position:absolute;
}

#backButton{
  width:150px !important;
  height:50px !important ;
  border:none;
  right:0;
  position:fixed;
}
#backButton2{
  width:80% !important;
  margin-left:10%;
  border:none;
  color:#fff;
  background-color: #D04E3F;
}

#listUser{

  height:auto;
  border-bottom:1px solid #333;
  text-align:left;
}
#canvas{
  width:100%;
  height:100%;
  margin-left:0%;
  padding-top:10%;
  background-color:rgba(20,20,20,0.8);
  position:fixed;
  border:2px solid #333;
 display:none;
 z-index:100;
}
#miniAkademiInfo, #beruflicheOrientierungInfo{
  width:80%;
  height:50%;
  margin-left:10%;
  color:#f5f5f5;
  display:none;
}
#infoText{
  height:100%;
  width:90%;
  padding-left:5%;
  padding-right:5%;
    color:#333;
    background-color:#f5f5f5;

}
#infoButton{
  width:25px;
  height:25px;
  border-radius:100%;
    background-color:transparent;
}
#closeInfoButton{
  width:150px;
  right:0;
  position:fixed;
  margin-top:-50px;
}
#inputToDelete{
  width:49.7%;
}
#tomicekLink{
  width:20%;
  height:5%;
  margin-left:42.5%;
  bottom:0px;
  margin-top:5%;
  float:left;
  position:relative;
  background-image:url(http://www.verlag-tomicek.com/img/tm/tml4-k.png);
  background-size: 100%;
  background-repeat: no-repeat;
  text-align:center;
}

@media screen and (max-width:720px){
  #tomicekLink{
    width:60%;
    margin-left:20%;
    height:5%;
  }
}
#divDetailName{
  background-color:transparent;
  color:#333;
}
#renameArea{
  background-color:#000000c7;
  height:100%;
  width:100%;
  position: fixed;
  z-index:10;
  text-align: center;
  color:#fff;
}
#oldName{
  margin-top:15% !important;
  width:80%;
  margin-left:10%;
  text-align: center;
  color:#333;
  background-color:transparent;
}
#newName{
  margin-top:5% !important;
  width:80%;
  margin-left:10%;
  text-align: center;
}
#centerTextInput{
  margin-top:0% !important;
  width:80%;
  margin-left:10%;
  text-align: center;
  color:#333;
  background-color:transparent;
}
#newNameButton{
  margin-top:5% !important;
  width:80%;
  margin-left:10%;
  background-color: #04CC6A;
  color:#fff;
}