.inlinekalender {
	position:relative;
	width:100%;	
    cursor:pointer;
}
.inlinekalendertext {
	color:#fff;
}

.inlinekalender_wrap {
	margin:auto;
	padding:5px;
	text-align:center;
}

.inlinekalender_wrap form {
	margin:0px;
	padding:0px;
}

.inlinekalender .datum {
	color:#777;
    cursor:pointer;
	display: inline-block;
	margin: 0 10px 0 0;
    text-align: center;
	vertical-align: top;
}
@media (max-width: 350px) {
    .typeWrap-mask_inlinekalender input {
        font-size: 0.8em !important;
    }
    .typeWrap-mask_inlinekalender button, .typeWrap-mask_inlinekalender input[type="submit"], .typeWrap-mask_inlinekalender input[type="button"], .typeWrap-mask_inlinekalender button[type="submit"], .typeWrap-mask_inlinekalender button[type="button"], .typeWrap-mask_inlinekalender .btn-primary, .typeWrap-mask_inlinekalender .buttonLink {
        height: 41px;
    }
}
.inlinekalender .qtyWrap {
    display: inline-block;
    position: relative;
    text-align: center;
}

.inlinekalender .qty {
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    width: 100%;
}

.inlinekalender .submit {
	/*max-width:100px;
	background-color:#fff;
	color:#777;
	font-family: "klavika_regularbold",Open Sans,sans-serif;
	font-size:16px;
	text-transform:uppercase;
	margin:0px;
	margin-right:10px;*/

}

.inlinekalender .qtybutton {
    color: #f08807;
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    cursor: pointer;
    position: absolute;
    top: 50%;
}

.inlinekalender .qtyplus {
	right: 15px;
}

.inlinekalender .qtyminus {
}

#inlinekalenderbox {
    display: none;
    z-index: 999;
    min-width: 230px;
    max-width: 298px;
    background: #fff;
    border: 1px solid #cccccc;
    position: absolute;
    padding: 15px;
}

#inlinekalenderbox .kalender_header {
	text-align:center;
	margin: 2px 0 5px;
}

#inlinekalenderbox .kalender_header .close {
    cursor: pointer;
    position: absolute;
    padding: 0px;
    right: 19px;
    top: -3px;
    display: block;
}

#inlinekalenderbox .kalender_header .kalender_header_qso {
    width:80%;
    text-align:center;
}
#inlinekalenderbox .kalender_header .kalender_header_qso select {
    width:80%;
    margin:auto;
}

#inlinekalenderbox .kalender_header .kalender_header_month{
	width:80%;
}
#inlinekalenderbox .kalender_header .kalender_header_year{
	width:20%;
}

#inlinekalenderbox .kalender_header .kalender_navigation {
    position: absolute;
    left: 0;
    right: 0;
    background: transparent;
}

#inlinekalenderbox .kalender_header .kalender_navigation li {
	background-color: transparent;
	width:10%;
	line-height:25px;
	height:25px;
	border:none;
}
#inlinekalenderbox .kalender_header .kalender_navigation li.middle {
	width:80%;
}

#inlinekalenderbox .kalendarium {
	clear:both;	
}

#inlinekalenderbox ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#inlinekalenderbox li {
    /* width: 14.2%; */
    width: 38px;
    display: block;
    background: #fff;
    float: left;
    margin: 0px;
    padding: 2px;
    border-collapse: collapse;
    height: 35px;
    text-align: center;
}

@media (max-width:340px) {
  #inlinekalenderbox li {
    width: 32px;
  }
}

#inlinekalenderbox li.head {
    font-family: "klavika_regularbold",Open Sans,sans-serif;
}

#inlinekalenderbox li.day span {
	border: 2px solid #fff;
	color:#aaa;
	display:block;
	height:100%;
	padding: 2px;
	width:100%;
    line-height: 1.26em;
}
#inlinekalenderbox li.selectable span {
    background-color: #f0f0f0;
    border: 2px solid #f0f0f0;
	color:#333;
}

#inlinekalenderbox li.selectable:hover span {
	color:#aaa;
	cursor:pointer;
}
#inlinekalenderbox li.today.selectable span {
    border: 2px solid #aaa;
    cursor: pointer;
}
#inlinekalenderbox li.active span {
	background-color:#676767;
	border-color: #676767;
	color:#fff;
}

#inlinekalenderbox #inlinekalenderinfotext {
    float: left;
    font-size: 0.8em;
    width: 100%;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    padding: 10px 10px 10px;
}

#inlinekalendershoplink {
    display:block;
    clear:both;
}

#inlinekalendershoplink a {
    font-weight:bold;
}

@media (max-width: 700px) {
    .inlinekalender .qtyplus {
        right: 0px;
    }
}