/* i20_calendar2025.css */

.calendar_wrap { margin:2em 0; }

.box-content, 
.wrap_zeit {  display:inline-block; }

.wrap_zeit {  float:left; }


div#calendar 				{ width:602px; margin:0 0 2em 0; }
div#calendar div.box		{ width:100%; height:40px; }
div#calendar div.header 	{ width:582px; line-height:40px; }
div#calendar ul.label li	{ width:80px; height:40px; }
/* overall width = width+padding-right*/
div#calendar ul.dates 		{ margin:0px; padding:0px; margin-left:5px; margin-bottom:5px; }
div#calendar ul.dates li 	{ margin:0px; padding:0px; margin-right:5px; margin-top:5px; }
div#calendar ul.dates li	{ width:80px; line-height:80px; }




div#calendar,
div#calendar div.box-content { width:100%; max-width:336px; }
div#calendar div.header 	{ width:92.5%; max-width:318px; line-height:40px; }
div#calendar ul.label 		{ width:100%; margin:0px; padding:0px; margin-top:5px; margin-left:5px; } 
div#calendar ul.label li 	{ margin:0px; padding:0px; margin-right:5px; height:40px; line-height:40px; }
div#calendar ul.label li	{ width:12.2%; max-width:42px; height:32px; }
/** overall width = width+padding-right**/
div#calendar ul.dates 		{ margin:0px; padding:0px; margin-left:5px; margin-bottom:5px; }
div#calendar ul.dates li 	{ margin:0px; padding:0px; margin-right:5px; margin-top:5px; }
div#calendar ul.dates li	{ width:12.5%; max-width:42px; line-height:42px; font-size:22px; }



.calendar_bto_book,
.calendar_bto_save,
.calendar_bto_reset,
.calendar_bto_userdata_next,
div#calendar ul.dates li.av { background:#93d548; }  /* green */
div#calendar ul.dates li.bo { background:#cc9eaf; }  
.calendar_bto_cancelsave,
.calendar_bto_reset { background:#cc9eaf; }
div#calendar div.box{ background:#4a627b; }
div#calendar div.box-content { border:1px solid #4a627b; }

.calendar_bto_book,
.calendar_bto_save,
.calendar_bto_userdata_next,
div#calendar ul.label li	{ color:#fff; } 

div#calendar ul.dates li.av { color:#0b721a; }
div#calendar ul.dates li.bo { color:#b27e92; }
.calendar_bto_cancelsave,
.calendar_bto_reset 		{ color:#fff; }


/*******************************Calendar Top Navigation*********************************/

div#calendar,
div#calendar div.box-content h4 {
  font-family:Arial, Helvetica, sans-serif;
}

div#calendar{
  margin:0px auto;
  padding:0px;
}
 
div#calendar div.box {
    position:relative;
    top:0px;
    left:0px;   
}
 
div#calendar div.header {
    vertical-align:middle;
    position:absolute;
    left:11px;
    top:0px;  
    text-align:center;
}
 
div#calendar div.header a.prev,div#calendar div.header a.next{ 
    position:absolute;
    top:0px;   
    height: 17px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    color:#FFF;
}
 
div#calendar div.header span.title{
    color:#FFF;
    font-size:18px;
}
 
 
div#calendar div.header a.prev{
    left:0px;
}
 
div#calendar div.header a.next{
    right:0px;
}
 
 
 
 
/*******************************Calendar Content Cells*********************************/
div#calendar div.box-content{
    border-top:none;
}

div#calendar div.box-content h4 {
	font-size:20px;
	font-weight:bold;
	margin-left:0.5em;
}
 
 
div#calendar ul.label,
div#calendar ul.label li,
div#calendar ul.dates,
div#calendar ul.dates li {
    float:left;
}

div#calendar ul.label {
	background:none;
}
 
div#calendar ul.label li { 
    list-style-type:none;
    vertical-align:middle;
    text-align:center;
    font-size: 15px;
}

 
div#calendar ul.dates li {
    vertical-align:middle;
    list-style-type:none;
    background-color: #e2bbca;
    color:#000;
    text-align:center; 
}

:focus{
    outline:none;
}
 
div.clear{
    clear:both;
}   




/*
################################################################################################
#                                    #
#      Booking Functionalities       #         	 
#                                    #
######################################
*/

ul.appointments {
	list-style-type:none;
	margin:0;
	padding:0;
}

li.wrap_apm {
	display:block;
	clear:both;
}

.calendar_bto_book,
.calendar_bto_save,
.calendar_bto_cancelsave,
.calendar_bto_reset,
.calendar_bto_userdata_next {
	cursor:pointer;
	padding:8px;
	margin:2px;
	display:inline-block;
}

.calendar_bto_save { 
	font-weight:bold;
}

.calendar_bto_cancelsave,
.calendar_bto_reset {	
	padding:0.7em 1em;
}

.box-content p,
.box-content .bto {
	margin:8px;
}



/* Userdata Input Form */

.userdataform_wrap {}
#userdataform {}
#userdataform .dataset { margin:0 0 2px 8px; }

#userdataform .dataset .label,
#userdataform .dataset .input,
#userdataform .dataset .input_radio_l,
#userdataform .dataset .input_radio_r { display:inline-block; float:left;  }
#userdataform .dataset .label,
#userdataform .dataset .input,
#userdataform .dataset .input_radio_l { text-align:right; padding:0 8px 0 0; }
#userdataform .dataset .label { width:80px; background:none; margin-top:10px; }

#userdataform .dataset .input_radio_r { width:90%; }
#userdataform .dataset .label { text-align:left; }



#i20_form_wrap { background:#d4dde6; padding:1.5em; }
.reservation.form_wrap  { background:#f2cddb; }


.calendar_bto_userdata_next,  
.calendar_bto_cancelsave,
.calendar_bto_save,
.calendar_bto_book,
.calendar_bto_reset {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


.calendar_bto_userdata_next,  
.calendar_bto_cancelsave,
.calendar_bto_save {
	font-size: 20px;
	padding: 5px 15px 5px 15px;
}

.calendar_bto_book,
.calendar_bto_reset {
	padding: 2px 10px 2px 10px;
	font-size: 1.3em;
}

/* blue bto */
.calendar_bto_reset, 
.calendar_bto_userdata_next {
  background: #a1d6e1;
  background-image: -webkit-linear-gradient(top, #a1d6e1, #8bbdc8);
  background-image: -moz-linear-gradient(top, #a1d6e1, #8bbdc8);
  background-image: -ms-linear-gradient(top, #a1d6e1, #8bbdc8);
  background-image: -o-linear-gradient(top, #a1d6e1, #8bbdc8);
  background-image: linear-gradient(to bottom, #a1d6e1, #8bbdc8);
  color: #ffffff;
  text-decoration: none;
}

.calendar_bto_reset:hover, 
.calendar_bto_userdata_next:hover {
  background: #82b5c0;
  background-image: -webkit-linear-gradient(top, #82b5c0, #82b5c0);
  background-image: -moz-linear-gradient(top, #82b5c0, #82b5c0);
  background-image: -ms-linear-gradient(top, #82b5c0, #82b5c0);
  background-image: -o-linear-gradient(top, #82b5c0, #82b5c0);
  background-image: linear-gradient(to bottom, #82b5c0, #82b5c0);
  text-decoration: none;
}

/* green bto */
div#calendar ul.dates li.av,
.calendar_bto_save, 
.calendar_bto_book {
	background: #81d127;
	background-image: -webkit-linear-gradient(top, #81d127, #70bb1d);
	background-image: -moz-linear-gradient(top, #81d127, #70bb1d);
	background-image: -ms-linear-gradient(top, #81d127, #70bb1d);
	background-image: -o-linear-gradient(top, #81d127, #70bb1d);
	background-image: linear-gradient(to bottom, #81d127, #70bb1d);
}

div#calendar ul.dates li.av:hover, 
.calendar_bto_save:hover, 
.calendar_bto_book:hover {
	background: #6cb020;
	background-image: -webkit-linear-gradient(top, #6cb020, #6cb020);
	background-image: -moz-linear-gradient(top, #6cb020, #6cb020);
	background-image: -ms-linear-gradient(top, #6cb020, #6cb020);
	background-image: -o-linear-gradient(top, #6cb020, #6cb020);
	background-image: linear-gradient(to bottom, #6cb020, #6cb020);
}


ul.kostenlose-infoangebote {}
ul.kostenlose-infoangebote li {}
p.mainquestion { font-size:1.2em; }

.subtext.laendervorwahl { font-size:0.8em; text-align:left; }
#userdataform .dataset.type_of_contact { margin-top:1em; }