#kalender {
	clear: both;
}

#kalender table {
	/* With separated borders, table cells can have various layout applied (fx borders). */
	border-collapse: separate;
	/* Disable border spacing: It is bad, it causes a void between cells that belong to
	 * the table, not the row, making it awkward to control per-row colors, hovering effects etc. */
	border-spacing: 0px;
	margin-left: 10pt;
	margin-right: 10pt;
	margin-bottom: 20pt;
}

#kalender td {
	line-height: 100%;
	/* Fixes a bunch of browser problems (eg tr onmouseover) if border
	 * is applied as in-cell padding instead of extra-cell spacing. */
	padding: 1px;
	/* Override site-wide margin and border. */
	margin: 0;
	border: 0;
}

.month {
	background-color: #e4e4e4;
	background: url('/images/fade-blue.gif');
	text-align: center;
}

.monthname {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.dayname, .offdayname {
	text-align: center;
	font-size: 11px;
}

.offdayname {
	color: #666;
}

.weeknumtitle {
	text-align: center;
	font-size: 10px;
	font-style: italic;
}

.weeknum {
	text-align: center;
	font-size: 10px;
	height:20px;
	width:20px;
}

.weeknum a {
	text-decoration: none;
	color: #000000;
}

/* mouse-over på en række / uge */
.activeweekhover {
	background-color: #adf;
}
.activeweekhover .nomonthday .bg {
	border-color: #adf;
}
.activeweekhover {
	cursor: pointer;
}
.weekhover {
	/* Avoids the cursor flicking back and forth between arrow and text-cursor. */
	cursor: default;
}
.activeweekhover .weeknum a {
	text-decoration: underline;
	color: #00f;
}

/* Størrelse på (dags-)kasser + diverse layout */
.nomonthfiller, .nomonthday, .monthday {
	height: 20px;
	width: 20px;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
}
.nomonthday .bg, .monthday .bg {
	border-top-style: solid;
	border-top-width: 16px;
	border-right-style: solid;
	border-right-width: 22px;
}

.monthday {
	background-color: inherit;
}

/* farve på dage */
.monthday .txt a {
	text-decoration: none;
	color: #000000;
}

/* tekst størrelse (etc) på dage */
.monthday .txt {
	font-size: 11px;
	font-weight: bold;
}

/* tekst størrelse (etc) på dage som tilhører andre måneder */
.nomonthday .txt {
	font-size: 9px;
	color: #aaaaaa;
}

/* tekst størrelse (etc) på dage som ikke kan vælges */
.optaget .txt,
.fri_optaget .txt,
.booket_optaget .txt {
	font-size: 10px;
}

.today .txt {
	color: #fff;
}

/* trekant farver på dage som kan vælges, desuden lysere grøn farve plus hånd-cursor ved hover */
.nomonthday .bg {
	border-top-color: #e4e4e4;
	border-right-color: #e4e4e4;
}
.monthday .bg {
	/* Begge farver er grønne, men tonet lidt forskelligt.
	 * Enten får det de ledige dage til at stå lidt ud, ellers også ser det bare forvirrende ud.. */
	border-top-color: #88ff88;
	border-right-color: #44ff44;
}

/* trekant farver på dage som ikke kan vælges */
.optaget .bg {
	border-top-color: #ff5555;
	border-right-color: #ff5555;
}

/* trekant farver på dage som kan vælges og er halvt optaget (sidste halvdel) */
.fri_optaget .bg {
	border-top-color: #44ff44;
	border-right-color: #ff5555;
}

/* trekant farver på dage som er booket */
.booket .bg {
	border-top-color: #ffaa00;
	border-right-color: #ffaa00;
}
.booket_optaget .bg {
	border-top-color: #ffaa00;
	border-right-color: #ff5555;
}
.optaget_booket .bg {
	border-top-color: #ff5555;
	border-right-color: #ffaa00;
}
.booket_fri .bg {
	border-top-color: #ffaa00;
	border-right-color: #44ff44;
}
.fri_booket .bg {
	border-top-color: #44ff44;
	border-right-color: #ffaa00;
}
/* trekant farver på dage som kan vælges og er halvt optaget (første halvdel) */
.optaget_fri .bg {
	border-top-color: #ff5555;
	border-right-color: #44ff44;
}


/* træk teksten som følger efter trekanter ind over trekanterne */
.txt {
	margin-left: -14px;
}

/* skjul indhold i trekant elementet */
.bg {
	font-size: 0px; line-height: 0%; width: 0px;
}



/* Hack: trekanterne dækker ikke altid helt i IE6 og Opera.
 * Koden der skal fjerne alt indhold i .bg elementet virker ikke i disse.
 * Der renderes derfor lidt whitespace.
 *
 * Desuden trækkes .bg elementet nedenunder opad og skygger, i alle browsere,
 * hvilket specielt er et problem hvis man slår clipping fra med position:relative
 * eller lignende.  Fixes længere nede.
 */
/*.nomonthday .bg {
	background-color: #e4e4e4;
}
.monthday .bg, .optaget_fri .bg {
	background-color: #00ff00;
}
.optaget .bg, .fri_optaget .bg, .booket_optaget .bg {
	background-color: #ff0000;
}
.booket .bg, .fri_booket .bg, .optaget_booket .bg {
	background-color: #fa0;
}
.weekhover .nomonthday .bg, 
.activeweekhover .nomonthday .bg {
	background-color: #adf;
}*/



/****** Render engine fixes ******/

/* Pixel rettelser til Trident renderer som bla. bruges i:
   * Internet Explorer (Window)
   * Andre MS/Win produkter (Explorer, Media Player) */

.trident.v7 #kalender td,
.trident.v6 #kalender td {
/* IE7 unintentionally hidden float fix */
	position: relative;
}
.trident.v7 .bg,
.trident.v6 .bg {
	position: absolute;
	border-right-width: 20px;
	padding-bottom: 5px;
}
.trident.v7 .txt,
.trident.v6 .txt {
	position: absolute;
	left: 20px;
}
/* IE7 laver forkert højde på nogle bokse - under 1/3.5 pixel skævt, men nok til at den forskyder kasserne. */
.trident.v7 .month,
.trident.v6 .month {
	height: 175px;
}

.trident.v8 .bg {
	padding-bottom: 8px;
}

/* Pixel rettelser til Gecko renderer som bla. bruges i:
   * Firefox
   * Mozilla Sunbird */

.gecko .bg {
	/* The bg element is mispositioned a little too high in Gecko.
	 * Using position:relative breaks out of the clipping of the parent element,
	 * which causes the bg to overflow the borders of it's containing cell,
	 * so instead use padding to just make the bg element a bit larger.
	 */
	padding-bottom: 6px;
}
.gecko .txt {
	/* The text is off a little to the right in Gecko. */
	margin-left: -17px;
}


/* Pixel rettelser til Presto renderer som bla. bruges i:
   * Opera
   * Adobe/Macromedia produkter */

.presto .bg {
	/* Hiding the contents of the bg element does not work in Opera.
	 * A 4x12 px whitespace character is rendered inside the bg element.
	 * Try and cancel it out. */
	display:inline-block;
	/* Cancel out any extras caused by inline-block. */
	margin: 0;
	padding: 0;
	/* bg sits too far up (again). */
	padding-bottom: 6px;
	border-left-width: 12px;
	border-top-width: 12px;
}
.presto #kalender td {
	/* Using inline-block causes some rather inexplicable extra left and right padding or margins.
	 * Workaround by removing the ones on the table cell... */
	padding-right: 0;
	padding-left: 0;
}
.presto .txt {
/*	position:relative;*/
	/* The txt element is a little off to the right. */
	margin-left: -17px;
}


/* Pixel rettelser til KHTML renderer som bla. bruges i:
   * KDE Konqueror
   * Apple Safari
   * Diverse håndholdte */
.khtml .bg {
	padding-bottom: 10px;
}