/* Kalenner */
h1 img {
	vertical-align:middle;
	padding:middle;
}
h2 {
	width:100%;
	text-align:center;
}
h2 a.next {
	position:absolute;
	right:1em;
	text-indent:0px;
	padding-right:10px;
	background-image:url(/images/icons/arrowright.gif);
	background-position:center right;
	background-repeat:no-repeat;
}
h2 a.last {
	position:absolute;
	left:1em;
	text-indent:10px;
	background-image:url(/images/icons/arrowleft.gif);
	background-position:center left;
	background-repeat:no-repeat;
}

#kalennerlayout  {
border:2px inset #000080;
	border-collapse:collapse;
	width:98%;
	table-layout:fixed;
margin:0em 1%;
}
#kalennerlayout td, #kalennerlayout th {
	vertical-align:top;
	border:1px solid #000080;
	font-size:8pt;
}

#kalennerlayout td.inactive {
	color:grey;
	background-color:#eeeeee;
	vertical-align:middle;
	text-align:center;
}

#kalennerlayout td {
	height:6em;
}

#kalennerlayout th {
background-color:#e3e3ff;
font-size:9pt;
overflow:hidden;
font-weight:width;
font-family:sans-serif
}

#kalennerlayout .weeknbr {
width:2em;
background-color:#e3e3ff;
	vertical-align:middle;
	text-align:center;
}


td.day div {
	border-top:1px outset lightgrey;
	border-left:1px outset lightgrey;
	border-right:1px outset lightgrey;

	white-space:nowrap;
	padding:0px;
	margin:0px;
}

td.day div p.subj {
	overflow:hidden;
	cursor:pointer
}
td.day div p.subj a {
	text-decoration:none;
	color:black;
}

td.day div p, td.day p {
	margin:0px;
	padding:1px;
}

td.day div .descr {
	display:none;
}
td.day div:hover .descr {
	position:absolute;
	margin-top:4px;
	display:block;
	max-width:20em;
	white-space:normal;
	background-color:#f0f0ff;
	border:1px outset;
z-index:10;

}
.descr span.subj {
font-weight:bold;
}

td.day {
	width:16%;
}

#kalennerlayout td.examen p.dayinfo{
	background-color:#FFF6D6;
}
#kalennerlayout td.vakanz p.dayinfo{
	background-color:#DDFFBB;
}
#kalennerlayout td.weekend, #kalennerlayout td.feierdag {
	background-color:#f0f0fb;
}
#kalennerlayout td.today {
	border-color:red;
	border-top-style:solid;
	border-width:2px;
}

a.addbutton {
	opacity:0.1;
	margin:2px;
	float:right;
	cursor:pointer
}
a.addbutton:hover {
	opacity:0.5;
}

div.bal {
	border-bottom:2px solid #fffccc;  /* giel */
}
div.bal:hover {
	border-bottom:2px solid #fff880;  /* giel */
}
div.verschiddenes {
	border-bottom:2px solid #bbeebb;  /* gring */
}
div.verschiddenes:hover {
	border-bottom:2px solid #77ee77;  /* gring */
}
div.kultur {
	border-bottom:2px solid #bbbbff;  /* blo */
}
div.kultur:hover {
	border-bottom:2px solid #8080ff;  /* blo */
}
div.treffen {
	border-bottom:2px solid #ffaaaa;  /* rout */
}
div.treffen:hover {
	border-bottom:2px solid #ff6666;  /* rout */
}
div.sport {
	border-bottom:2px solid #eebbff;  /* mauve */
}
div.sport:hover {
	border-bottom:2px solid #df80ff;  /* mauve */
}
div.clubaktiviteit {
	border-bottom:2px solid #ffcc00;  /* orange */
}
div.clubaktiviteit:hover {
	border-bottom:2px solid #ffbb00;  /* orange */
}

p#legend {
vertical-align:bottom;
background-color:#e3e3ff;
border:2px groove grey;
padding-bottom:2px;
}

p#legend span {
  	padding-left:3em;
  	color:black;
  	font-weight:bold;
  	font-size:9pt;
  	font-family:Verdana,Geneva,sans-serif;
	white-space:nowrap;
}
p#legend img {
margin:2px;
margin-right:0.5em;
vertical-align:middle;
}

/*
 * Fenster 
 */
 
#frame {
 	z-index:11;
  	position:absolute;
  	left:10px;
  	top:10px;
  	width:400px;
  	height:400px;
  	border:1px solid #000080;
  	background-color:rgba(240,240,255,0.9);
  	_background-color:#f0f0ff;
  	padding: 20px 0px 23px 0px;
}
#titlebar {
  	position:relative;
  	top:-20px;
  	border-bottom:1px solid #000080;
  	background-color:#e3e3ff;
  	background-color:rgba(227,227,255,0.7);
  	overflow:hidden;
  	height:20px;
}
#titlebar img {
	margin:1px 2px;
	vertical-align:top;
	cursor:pointer;
}
#titlebar span {
	opacity:1;
  	padding-left:0.5em;
  	color:black;
  	font-weight:bold;
  	font-size:9pt;
  	font-family:Verdana,Geneva,sans-serif;
	white-space:nowrap;
}
#statusbar {
	position:absolute;
	width:100%;
	bottom:0px;
  	background:transparent;
  	border-top:1px solid #000080;
  	overflow:hidden;
}
#statusbar p {
	margin:0px;
	white-space:nowrap;
	font-size:10pt;
}
#statusbar span {
	opacity:1;
  	padding-left:1em;
  	color:black;
  	font-weight:normal;
  	font-size:9pt;
  	font-family:Verdana,Geneva,sans-serif;
}
#kalenner_body {
  	position:relative;
  	top:-20px;
  	background:transparent;
  	overflow:auto;
  	height:100%;
} 


/* ******************* */

#kalenner_body h2 {
margin:0.5em 0 0.1em 3%;
width:94%;
text-indent:0;
white-space:normal;
text-align:left;
}
#kalenner_body hr {
clear:both;
}
#kalenner_body p, .kalennerlescht p {
margin:0 0 0.2em 3%;
width:94%;
font-size:10pt;
}

#kalenner_body textarea, #kalenner_body label input {
width:100%;
margin:0px;
height:auto;
}

.eventdetail {
	width:100%
}

p#eventdate {
	color:#800000;
	font-size:8pt;
	margin-bottom:10px;
}

p#eventdate span {
	white-space:nowrap;
}

p.edit {
position:relative;
top:1ex;
}
p.edit a {
border:1px outset lightgrey;
opacity:1;
background-color: #dddddd;
text-decoration:none;
padding:1px 10px;
}

p.edit a:active {
border:2px inset lightgrey;
}

.icons {
float:right;
padding:0.5em 5px 0.5em 0.5em;
border-left:1px outset grey;
border-bottom:1px outset grey;
}

.fotoicon , .linkicon  {
text-align:center;
display:block;
position:relative;
width:5.5em;
font-size:7pt;
background-repeat:no-repeat;
background-position:top center;
padding-top:21px;
margin-bottom:0.3em
}


.fotoicon {
background-image:url("/images/icons/foto.png");
}

.linkicon {
background-image:url("/images/icons/link.png");
}

/* Lescht */
td h2 {
	text-align:left;
	margin:0px;
	text-indent:0;
}

.kalennerlescht {
	border:2px inset #000080;
	border-collapse:collapse;
	width:98%;
	margin-left:1%;
	table-layout:fixed;
}
.kalennerlescht tr {
	vertical-align:top;
}
.kalennerlescht td {
	border:1px solid #000080;
	padding:0px;
	cursor:pointer;
}
.kalennerlescht td.datum p span {
	white-space:nowrap;
}
.kalennerlescht td p, .kalennerlescht h2 {
	font-size:10pt;
	margin:0.5ex 0px 0.5ex 1ex;
}
.kalennerlescht td.rand, .kalennerlescht th.rand {
	width:5px;
}
.kalennerlescht th.rand {
	border:none;
}
.kalennerlescht td.datum {
	width:20em;
	overflow:hidden;
}
.kalennerlescht tr.inactive td {
	color:grey;
	background-color:#fafafa;
}
.kalennerlescht th {
	background-color:#e3e3ff;
}
tr.bal td.rand {
	background-color:#fffccc;  /* giel */
}
tr.bal:hover td.rand {
	background-color:#fff880;  /* giel */
}
tr.verschiddenes td.rand {
	background-color:#bbeebb;  /* gring */
}
tr.verschiddenes:hover td.rand {
	background-color:#77ee77;  /* gring */
}
tr.kultur td.rand {
	background-color:#bbbbff;  /* blo */
}
tr.kultur:hover td.rand {
	background-color:#8080ff;  /* blo */
}
tr.treffen td.rand {
	background-color:#ffaaaa;  /* rout */
}
tr.treffen:hover td.rand {
	background-color:#ff6666;  /* rout */
}
tr.sport td.rand {
	background-color:#eebbff;  /* mauve */
}
tr.sport:hover td.rand {
	background-color:#df80ff;  /* mauve */
}
tr.clubaktiviteit td.rand {
	background-color:#ffcc00;  /* orange */
}
tr.clubaktiviteit:hover td.rand {
	background-color:#ffbb00;  /* orange */
}

.dayinfo {
	overflow:hidden;
	white-space:nowrap;
}
.dayinfo span {
	font-size:7.5pt;
}

.subscription span.numm {
	font-weight:bold;
	white-space:nowrap;
}
.subscription span.kommentar.kuerz {
	white-space:nowrap;
}
.subscription span.kommentar {
	margin-left:3ex;
}
.subscription span.kommentar.laang {
	display:none;
}

.subscription:hover span.kommentar.kuerz {
	display:none;
}
.subscription:hover span.kommentar.laang {
	display:inline;
}

.datepicker {
	width:14em;
	border-spacing:0px;
}

.datepicker thead td {
	font-weight:bold;
}
.datepicker td {
	border-top:1px solid black;
	font-size:9pt;
	text-align:right;
	width:1.8em;
	padding-right:3px;
}
.datepicker thead, .datepicker tfoot td {
	background-color:#b3b3ff;
	text-align:center;
}
td.datepicker_today {
	border:2px solid red !important;
}

td.datepicker_selected {
	background-color:lightgreen;
}
td.datepicker_sonndeg {
	color:red;
}
td.datepicker_anereMount {
	opacity:0.6;
}
td.datepicker_inaktiv {
	background-color: #bbbbbb;
}
.datepicker td.datepicker_inaktiv:hover {
	background-color: #bbbbbb;
	cursor:default;
}
.datepicker tfoot td:hover, .datepicker tbody td:hover {
	background-color:palegreen;
	cursor:pointer;
}