.big_calendar {
    /* font-size: 10px; */

    border-spacing: 0;
    border-collapse: collapse;

    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	width:100%;
}

.big_calendar,
.big_calendar td,
.big_calendar th {
    margin: 0; padding: 0;
}

.big_calendar .header th {
    text-align: center;
    border-bottom: 1px solid #000;
    background: black;
    color: white;
    padding:3px 0;
    font-weight: normal;
}

.big_calendar .left {
    text-align: left;
    width: auto;
}

.big_calendar th,
.big_calendar td {
    text-align: center;
    border: none;
    width: 14px;
    border-right: 1px solid #000;
    background: #e3e4e6;
}

.big_calendar .hytte td {
    border-top: 1px solid #000;
}

.big_calendar .hyttenavn {
    padding-right: 2px;
}

.big_calendar th.red,
span.red,
td.red {
    background-color: #fdd0d5;
}

.big_calendar th.green,
span.green,
td.green {
    background-color: #cfffe0;
}

.big_calendar th.blue,
span.blue,
td.blue {
    background-color: #c0ddfe;
}

.big_calendar th.yellow,
span.yellow,
td.yellow {
    background-color: #fffdd7;
}

.big_calendar .available,
span.available {
    background-color: white;
}

.big_calendar .not-available,
span.not-available {
    background: url(bilder/opptatt.png) no-repeat center center;
}

.big_calendar .start_date,
span.start_date {
   background: url(bilder/start_date_icon.png) no-repeat center center;
}

.big_calendar .end_date,
span.end_date {
   background: url(bilder/end_date_icon.png) no-repeat center center;
}




.hidden {
    display: none;
}

#quickCalendar tr.kalender a {
    cursor: text;
}

span.example {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid black;
    vertical-align: middle;
}

span.example-text {
	margin-right: 4px;
    /*font-size: 9px; */
    vertical-align: middle;
}

table.big_calendar tr.hytte td,
table.big_calendar tr.hytte td {
	width: 1.1em;
	max-width: 1.1em;
	padding: 1px;
}


table.big_calendar td.left,
table.big_calendar th.left {
    overflow: hidden;
    white-space: nowrap;
	width: 7em;
}

.big_calendar th {
    font-weight: bold;
}
.info_table {
	margin-bottom:10px;
}
@media screen and (min-width: 535px) and (max-width: 700px)
{
	 .big_calendar {
		font-size: 14px;
	}
}
@media screen and (min-width: 472px) and (max-width: 535px)
{
	 .big_calendar {
		font-size: 10px;
	}
}
@media screen and (max-width: 471px)
{
	.big_calendar {
		font-size: 8px;
	}
}