div.content {
	float:right;
}

div.calendar {
	float:right;
}

#box1 {
	position: absolute;
	float: left;
	top: 103px;
	left: 10px;
	width: 245px;
	border: 0px solid black;
	border-bottom: 0px solid black;

}
#box2 {
	position: absolute;
	top: 109px;
	left: 270px;
	width: 450px;
	border: 0px solid #34537D;

}
#box3 {
	position: absolute;
	top: 109px;
	left:  730px;
	width: 260px;
	border: 0px solid #34537D;
}

.calendar table{
	border-spacing: 2px;
	border-color: blue;
	overflow:hidden
}

.calendar table.colorCodes {	
	font-size: 15px;
}
.colorCodes fieldset {	
	padding: 1px;
	padding-top:0px;
	border: 1px dotted black;
	width: 100%;
}
table.colorCodes td {
	padding: 6px;
}

.calendar td a
{
	font-family: Verdana, Arial, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	height: 23px;
	line-height: 21px;
}
.calendar a.underline
{
	text-decoration: underline;
}

.calendar td {
	height: 25px;
	line-height: 23px;
	font: 0.8em Verdana;
	padding: 0.0em;
	margin: 0.8em;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	cellspacing: 0px;
	cellpadding: 0px;
}

.calendar tr.small{
	height: 15px;
}

.calendar th {
	width: 207px;
	font: 0.8em Verdana;
	background-color: #BCBCBC;
	border: 1px solid #828282;
	font-weight: bold;
	text-align: center;
}

.calendar th {
	width: 207px;
	font: 0.8em Verdana;
	background-color: #BCBCBC;
	border: 1px solid #828282;
	font-weight: bold;
	text-align: center;
}
.calendar th.indoor {
	width: 207px;
	font: 0.8em Verdana;
	background-color: #787878;
	border: 1px solid #828282;
	font-weight: bold;
	text-align: center;
}

.calendar th.outdoor {
	width: 207px;
	font: 0.8em Verdana;
	background-color: #A34321;
	border: 1px solid #828282;
	font-weight: bold;
	text-align: center;
}
.calendar td.radrubrik {
	height: 15px;
	text-align: left;
	background-color: #BCBCBC;
	border: 1px solid #BCBCBC;
	font-weigh: bold;
	padding-left: 0.3em;
	padding-right: 0.4em;
}

.calendar td.radrubrikNu {
	text-align: left;
	background-color: #A1CBE1 ;
	border: 1px solid #7283ee;
	font-weight:bold;
	padding-left: 0.3em;
	padding-right: 0.4em;
}

.calendar td.bokad{
	background-color: #FF6347;
	border: 1px solid #FF6347;
}

.calendar td.justnu_ledig{
	background-color: #7CCD7C;
	border: 1px solid #7CCD7C;
}

.calendar td.justnu_upptagen{
	background-color: #CD4F39;
	border: 1px solid #CD4F39;
}
.calendar td.ledig {
	width: 207px;
	background-color: #33CC66;
	border: 1px solid green;
}

.calendar td.ledig a {
	background-color: #33CC66;	
}

.calendar td.ledig a:hover {
	background-color: #2E8B57;
	height: 21px;
	line-height: 19px;
	border: 1px solid black;
}

.calendar td.avboka {
	border: 1px solid #FFD700;
	background-color: #FFD700;
}
.calendar td.avboka a{
	background-color: #FFD700;
}
.calendar td.avboka a:hover {
	border: 1px solid black;
	background-color: #DAA520;
	height: 21px;
	line-height: 19px;
}

.calendar td.abonnemang {
	background-color: #DC143C;
	border: 1px solid #DC143C;
}
.calendar td.abonnemang a{
	background-color: #DC143C;
}
.calendar td.abonnemang  a:hover {
	background-color: #DC143C;
	border: 1px solid black;
	height: 21px;
	line-height: 19px;
}
.calendar td.disable {
	background-color: #DCDCDC;
	border: 1px solid #DCDCDC;
}