a {
  text-decoration: none;
}

.masterwrapper {
  max-width: 1250px;
  font-family: arial, sans-serif;
  font-size: 13px;
}

#mainwrapper {
  max-width: 780px;  
  font-family: arial, sans-serif;
  font-size: 13px;
}

.mainbox {
  
 
}

#titlebar {
  margin-bottom: 2px;  
}

.hollidayTitle {
  color: red;
  font-weight: bold;
}


.caltable {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px solid white;
  z-index: -12;
}

#calbox {
  border: 0px solid #eeeeee;
  margin: 0px;
  padding: 0px;
}

.headingbox {
  border: 0px solid #eeeeee;
  margin: 0px;
  padding: 0px;
  top: 0px;
}

#calbox table,
#calbox table tbody,
#calbox table tr td,
#calbox table tr,
.headingbox table,
.headingbox table tbody,
.headingbox table tr td,
.headingbox table tr
{
  border: 0px solid white;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

#calbox table, .headingbox table {
  width: 100%;
}

.headingbox td {
  color: black;
  /*font-weight: bold;*/
  text-align: center;
  /*background-color: yellow;*/
}

#caltablediv {
  
}

.clearbothbox {
  height: 1px;
  clear: both;  
}

.headingCell {
  background:  #CFDFE7;
  overflow: hidden;
  text-align: center;
  color: black;
  border: 1px solid #eeeeee;
  min-width: 50px;
}

.headingCell div {
  /*wrapper til relativ pos*/
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  
}

.headingCell div div {
  /*div til selve headingtext*/
  position: absolute;
  overflow: hidden;
  text-align: center;
  color: black;
  width: 100%;
  height: 100%;
}

.columnbox {
  border: 1px solid #eeeeee;
  background-color: white;
  margin: 0px;
  padding: 0px;
  /*border-collapse: collapse;*/
  display: block;
  height: 480px;
  position: relative;
  top: 0px;
  z-index: auto;
  min-width: 50px;
}

.currentHourLine {
  border-top: 1px solid red;
  height: 1px;
  position: absolute;
  background-color: white;
  margin: 0px;
  padding: 0px;
  z-index: 12;
  width: 100%;
}

.transparentColumn {
  zoom: 1;
   filter: alpha(opacity=1);
   opacity: 0.01;
   z-index: 3;
   top: 0px;
   left: 0px;
   position: absolute;
   background: white;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

.hourline {
  border-top: 1px solid #dddddd;
  height: 1px;
  position: absolute;
  background-color: white;
  margin: 0px;
  padding: 0px;
  /*z-index: 8;*/
  width: 100%;  
}

.halfhourline {
  border-top: 1px solid #eeeeee;
  height: 1px;
  position: absolute;
  background-color: white;
  margin: 0px;
  padding: 0px;
  /*z-index: 8;*/
  width: 100%;
}


/** Month calendar **/

.monthcalwrapper {
  font-size: 13px;
  margin-bottom: 20px;
  /*float: right;*/
}


.tablenoborder {
  background: white;
  border: 1px solid white;
  margin: 0px;
  padding: 0;
}

.tablewithborder {
  background: white;
  border: 1px solid #BFD5DF;
  margin: 0px;
  padding: 0;
}

.mdkaloverskrift {
  font-weight: bold;
  color: black;
}

.mdugedage {
  font-weight: bold;
  color: black;
  background-color: #BFD5DF;  
}

.mdkalpile {
  font-size: 0.8em;
  color: black;
}

.weeknum {
  padding-bottom: 4px;
  color: blue;
  width: 15px;
  background-color: white;
}

.mdkaltal, .mdkaltal:link {
  padding-bottom: 4px;
  color: black;
  width: 15px;
  background-color: white;
}

.mdkaltal:hover {
  width: 15px;
  background-color: blue;;
  color: white;
  cursor: pointer;
}


.aktmdkaltal, .aktmdkaltal:link {  
  padding-bottom: 4px;
  color: red;
  width: 15px;
  background-color: white;
}

.aktmdkaltal:hover {
  width: 15px;
  background-color: blue;;
  color: red;
  cursor: pointer;
}



.mdkaltallink:link {
  
}

.mdkaltallink:hover {
  
  color: red;
  font-weight: bold;
}

.freetime{
	height: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 10px;
	position: absolute;
	background-image: url('../grafik/booking_bgr_ledigtid.png');
	background-repeat: no-repeat;
}

.freetime:hover{
	height: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 10px;
	position: absolute;
  background-image: url('../grafik/booking_bgr_ledigtid_hover.png');
  cursor: pointer;  
	background-repeat: no-repeat;
}

#monthcalendar {
  width: 180px;  
}

@media screen and (min-width: 0px) {

.daycalbox {
  max-width: 180px;
  display: block;
}

.weekcalbox {
  display: none;
}

}

@media screen and (min-width: 500px) {
  .daycalbox {
    display: none;
  }
  
  .weekcalbox {
    display: block;
  }
}