.terminbox {
   
  
    text-align: left;
    background-color: transparent;
    clear: both;
	width:100%;
}

.terminbox.active {
    display: block;
}


.terminbox .inner {
    /*max-width: 40em;*/
    margin: 0em auto 0em auto;
    text-align: left;
}

.display {
    width: 100%;
    min-height: 3em;
    margin-top: 1em;
}

.terminanzeige{
    text-align: left;
}

.termindate{
    text-align: left;
}


ul, ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


.clearing {
    font-size: 1px;
    clear: both;
    line-height: 0;
    display: block;
}

.bars {
    padding-top: 1em;
    clear: both;
}

.termindate{
    text-align: left;
}


/******************** Employees ***********************/

.employeewrap{
    width: 100%;
    display: block;
    clear: both;
}

.employee {
    /*width: 100%;*/
    
    width: 100%;
    /*clear: both;*/
    
    float: left;
    margin-top: 2em;
    min-height: 6em;
}


.employee .header img {
    clear: both;
    width: 100%;
    /*max-width: 10em;*/
    margin-bottom: 0.5em;
}

.employee .header {
    float: none;
    padding: 0em 1em 0em 0em;
    text-align: left;
}

.employee .blocks {
    /*width: calc(100% - 14em);*/
    width: 70%;
    float: left;
    margin-top: 2em;
}

/******************** Infobar ***********************/

.infobar {
    width: 100%;
    border-bottom: solid 1px #E5E5E5;
    padding: 0em 0em 0.5em 0em;
}

.infobar > .date {
    float: left;
}

.infobar li {
    float: right;
    padding-left: 2em;
    list-style-type: none;
}

.infobar li > span:first-child {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.8em;
}

.infobar li > span:last-child {
    position: relative;
    top: -0.2em;
    left: 0em;
    font-size: 1em;
}

.reserved > span:first-child {
    background-color: #f38d4f;
}

.taken > span:first-child {
    background-color: #dcdfe4;
}

.free > span:first-child {
    background-color: #b9dff2;
}

/******************** 3. Time Blocks ***********************/

.blocks{
    width: 70%;
    float: left;
    position: relative;
    margin-top: 2em;
}


.blocks .hour {
    float: left;
    min-height: inherit;
    padding: 0em 0.3em 0em 0em;
    position: relative;
    height: 100px;
    width: 100px;
    text-align: left;
}

.blocks .hour > label {
    width: 100%;
    clear: both;
    display: block;
    position: absolute;
    top: 0em;
    font-weight: bold;
}

.blocks .hour > div.blocked {
    background-color: #dcdfe4;
}

.blocks .hour > div.free {
    background-color: #b9dff2;
    cursor: pointer;
}

.blocks .hour > div.reserved {
    background-color: #f38d4f;
    cursor: pointer;
}

.blocks .hour > div {
    float: left;
    width: 1em;
    height: 1em;
    border-right: solid 1px white;
    position: relative;
    top: 1.4em;
    left: 0em;
}


/******************** Button ***********************/
.box[data-ready="0"] .button-2 {
    opacity: 0.5;
}

.agenda .box .button-2 {
    margin-top: 1em;
    display: block;
    clear: both;
    max-width: 15em;
}

.button-2 {
    display: inline-block;
    background-color: #ddeef6;
    color: #4486a8;
    border: solid 2px #fff;
    text-align: center;
    padding: .8em 1.5em .8em 1.5em;
    margin: 30px auto 0 auto;
    font-size: 1em;
    min-width: 6em;
    font-weight: bold;
    cursor: pointer;
}





.agenda .box .message {
    display: none;
    color: red;
    padding: 1em;
}

.box[data-error="1"] .message {
    display: block;
}
/******************** 2. Datepicker ***********************/



.previous{
    text-decoration: none;
}

.next{
    text-decoration: none;
}

.datepickerNext {
    border: none;
    background: none;
    color: #D4B26B !important;
    font-size: 1em;
    font-family: kozuka-gothic-pro, sans-serif;
    text-decoration: underline;
}



.datepickerPrevious {
    border: none;
    background: none;
    color: #D4B26B !important;
    font-size: 1em;
    font-family: kozuka-gothic-pro, sans-serif;
    text-decoration: underline;
}

.picktoday{
    margin-top: 10px;
    font-size: 0.8em;
    text-decoration: underline;
    font-family: kozuka-gothic-pro, sans-serif;
    color: #D4B26B;
}

#picktodaybox{
    cursor: pointer;
}

#next{
    cursor: pointer;
}


/******************** 3. Zeit Blöcke ***********************/

.miniblock{
    height: 1em;
    width: 1em;
    background-color: #dcdfe4;
    margin: 1px;
    float: left;
}

.neutral{
    background-color: transparent;
    border: 1px solid #000;
}

.belegt{
    background-color: #dcdfe4;
    border: 1px solid #000;
}


.frei{
    background-color: #b9dff2;
    border: 1px solid #000;
}


.reserviert{
    background-color: #f38d4f;
    border: 1px solid #000;
}


.newhour {
    margin-right: 15px;
    display: block;
    float: left;
}

.newhourlabel{
    float: left;
}




/******************** Terminauswahl JavaScrip ***********************/

.terminauswahl_overview
{
    display:block;
}

.visible
{
    display: block
}


fieldset {
	border:0;
}