/******************************************************/
/* zweiCal - zweidrahts elementarer Internet-Calendar */
/* Autor: Christoph Bartholme                         */
/*                                                    */
/* CSS-Datei: Standardaussehen                        */ 
/******************************************************/

body {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 0.75em;
	color: #006;
	margin: 0px; 
	background: #fff url(pix/zcgradient.jpg) repeat-x;
}

/* Links ********************************/
a:link,
a:visited {
	color: #00c;
	text-decoration: none;
}

a:hover,
a:active {
	color: #60f;
	text-decoration: underline;
}

/* HTML-Elemente ********************************/
h1 { color: #006; font-size: 1.75em; font-weight: bold; text-align: center; width: auto;  margin: 1ex auto;}
h2 { color: #006; font-size: 1.25em; font-weight: bold; text-align: center; width: auto;  margin: 1ex auto;}

/* Seitenbereiche ********************************/
/* Kopfzeile */
#title {}
	
/* Ausgabe */
#calsheet {
	position: relative; 
	margin: 1em auto; 
} 

#prefsheet {
	position: relative; 
	margin: 1em auto; 
	width: 60em;
	height: 59em; 
} 

#prefsheet #footernav { 
	position: absolute; 
	bottom: 1.5em;  
	right: 1em;
}

#prefsheet #about {  
	position: absolute;
	bottom: 0em;
	right: 1em; 
}

/* zweiCal-Icon */
.titlepic {
	position: fixed; 
	left: 1em; 
	bottom: 1em; 
	border: 0;
}	

/* Hinweiskasten */
#remarkbox {
	position: absolute;
	top: 0em;
	right: 0em;
	width: 6em;
	font-size: 1em;
	color: #660;
	border: 2px solid #993;
	padding: 0.5em;
	background-color: #ffc;
	z-index: 10;
	overflow: hidden;
}

/* Voreinstellungen */
#prefsbox { 
	position: absolute;
	top: 5em;
	left: 50%;
	width: 50em;
	margin-left: -25em;
	padding: 0 1em 1em 1em;  
	border: 3px #999 ridge;
	background-color: #fff;
	-webkit-box-shadow: #999 8px 8px 7px; 
	-moz-box-shadow: #999 8px 8px 7px; 
	box-shadow: #999 8px 8px 7px;
}	

#dialbox h2, 
#prefsbox h2 {
	background-color: #ccc;
	margin-right: 0.5em;
	margin-bottom: 1em;  
	padding: 2px 0 4px 0;
	color: #333;
}

#prefsbox h2 a,
#prefsbox h2 .disabled { 
	background-color: #fff;
	padding: 3px;
	margin-right: 0.5em;
	border: 1px solid #fff;
}

#prefsbox ul li { 
	list-style-type: none;
	margin-left: -1em;
	margin-top: 1em;
}

/* Liste der Jahrestage/Feiertage/Ferien */
#selectlist { 
 	position: relative;
	left: 50%;
	margin-left: -20em;
	width: 40em;
	padding-bottom: 3em; 
}	

#selectlist .field {
	padding: 0em;
	border: 1px solid #ccc;
	line-height: 2;
	min-height: 30em;
	max-height: 35em; 
	overflow: auto;
	width: 30em;
	background-color: #fff;
}

#selectlist .odd {
	background-color: #fff;
	padding: 0 1em; 
}

#selectlist .even {
	background-color: #f0f5fa;
	padding: 0 1em;
}

#selectlist .dialbutton {
 	position: relative;
 	padding: 1em 1em 0;
}

/* Copyrighthinweis */
#about { 
	bottom: 3.5em; 
	right: 1em; 
	text-align: right;
}

/* Kommunikationslinks */
#kommnav { 
	text-align: right;
}

/* Navigation unten */
#footernav {
	text-align: right; 
	white-space: nowrap; /* Umbruch verhindern */
}

#footernav li {
	display: inline;
	list-style-type: none;
}

#footernav a {
	color: #00c;
	text-decoration: none;
	padding: 6px 12px;
	margin-left: 4px;
	background: #a09d9f url(pix/navgradient.png) top repeat-x;
}

#footernav a:hover,
#footernav a:active {
	color: #60f;
	text-decoration: underline;
	background: #ddd;
	border: 1px solid #888;
	padding: 5px 11px; 
}

#footernav strong { 
	color: #fff;
	text-decoration: none;
	background: #ddd;
	border: 1px inset #aaa;
	padding: 5px 11px; 
	margin-left: 2px;
}


/* Navigation oben */
#headernav {
	font-size: 1.25em;
	text-align: right;
	white-space: nowrap; /* Umbruch verhindern */
}

#headernav li {
	display: inline;
	list-style-type: none;
}

#headernav a {
	color: #00c;
	text-decoration: none;
	padding: 6px 12px;
	margin-left: 4px;
	background: #a09d9f url(pix/navgradient.png) top repeat-x;
}

#headernav a:hover,
#headernav a:active {
	color: #60f;
	text-decoration: underline;
	background: #ddd;
	border: 1px solid #888;
	padding: 5px 11px; 
}

#headernav .disabled {
	color: #999;
	background: #ddd;
	padding: 6px 12px; 
	margin-left: 4px;
}

/* Dialogboxen */
#dialbox {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8em;
	margin-left: -15em;
	width: 30em;
	padding: 0 1em 1em 1em;  	 
	border: 3px #999 ridge;
	background-color: #fff;
	-webkit-box-shadow: #999 8px 8px 7px; 
	-moz-box-shadow: #999 8px 8px 7px; 
	box-shadow: #999 8px 8px 7px;
}

#infobox {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -11em;
	margin-left: -7em;
	width: 14em;
	padding: 2em 1em 1em 1em; 
	border: 3px #999 ridge;
	background-color: #fff;
	text-align: center;
	-webkit-box-shadow: #999 8px 8px 7px; 
	-moz-box-shadow: #999 8px 8px 7px; 
	box-shadow: #999 8px 8px 7px;
}

#prefsbox .closer, 
#dialbox .closer,
#infobox .closer {
	position: absolute;
	top: 0.5em; right:0;	
	text-align: right; 
	margin: .25em; 
	font-weight: bold;
	padding: .25em;
}

#dialbox label.left {
	text-align: right;
	float: left;
	width: 5em;
	padding-right: .5em;
}

#prefsbox .dialbutton, 
#dialbox .dialbutton { 
	float: right;
	padding-right: 1em;
}

/* Hinweis */
#hint {
	position: absolute; 
	top: 10em;
	left: 50%;
	margin-left: 11em;
	width: 10em;
	color: #aaa;
	padding-left: 1em;
}

/* Auszeichnungen ********************************/
.alert {color: #f33; font-weight: bold; }
.disabled {color: #aaa; }
.time {background-color: #eee; font-size: 75%;} 
.own {font-style: italic;}
.private {color: #888; font-style: italic;}


/* Kalenderelemente ********************************/

.monatjahr { font-size: 2em; text-align: left;}	
  
.weekday {
	font-size: 1em;
	font-weight: normal;
	background-color: #006;
	color: #fff;
	border: 1px solid #fff;
	width: 6em; 
	text-align: center;
}

#calsheet table { 
	border-collapse: collapse; 
	font-size: 1em; 
	margin: 0 auto 1.5em; 
}

#calsheet table td { padding: 2px; }

/* Tagfelder */
.tag, .stag, .ftag {  
	width: 6em; 
	height: 6em;
	border: 1px solid #fff; 
	vertical-align: top;
	text-align: right;
	font-size: 1.33em;
}

/* Feld normaler Tag */
.tag {
	background-color: #ddd;
	color: #006;
}

/* Feld Sonntag und Feiertag */
.stag {
	background-color: #eadddd;
	color: #d55;
}

/* Feld Ferientag */
.ftag {
	background-color: #eaeadd;
	color: #553;
}

/* Feld Vormonats- und Nachmonatstag */
.empty {
}

/* markierter Tag */
.thistag {
	border: 2px solid #006; 
}

/* heute */
.today {
	padding: 2px 3px 0 3px;
	font-weight: normal;
	background-color: #006; 
	color: #fff;
}

/* Kalenderwoche */
.kalwoche {
	vertical-align: middle;
	text-align: right; 
	padding-right: 0.25em;
	font-size: 1.75em;
	color: #ccc;
}

/* Termineintrag */
.termin, .termins {
	color: #333; 
	clear: both;
	padding-left: .3em;
	display: block; 
	text-align: left;
}

/* Termineintrag normal */
.termin {
	font-size: .75em;
	padding-bottom: .5em;
}

/* Termineintrag klein */
.termins {
	font-size: .6em;
/*	padding-bottom: .25em; */
	line-height: 1.1;
}

/* Eintrag Feiertag, Geburtstag */
.feier, .geburt {
	font-size: .75em;
	clear: both;
	padding-left: .5em;
	display: block; 
	text-align: left;
}

.feier {
	color: #d55;
}

.geburt {
	color: #393;
}


/* Terminmarkierungen: farbiger senkrechter Balken */
.c_r, .c_g, .c_b, .c_e, .c_o, .c_v, .c_t, .c_w {padding-left: 3px;}
.c_r {border-left: 3px solid #f66;}
.c_g {border-left: 3px solid #6f6;}
.c_b {border-left: 3px solid #66f;}
.c_e {border-left: 3px solid #ff6;}
.c_o {border-left: 3px solid #f96;}
.c_v {border-left: 3px solid #96f;}
.c_t {border-left: 3px solid #6ff;}
.c_w {border-left: 3px solid #fff;}
.c_none {padding-left: 6px;}

/* Modifizierungen fuer die Druckausgabe */
@media print {
	.tag, .stag, .ftag {background-color: #fff; border: 1px solid #000; }
	.weekday {color: #000; background-color: #fff; border: 1px solid #000; }
	h1, h2 {color: #000; }
	.tag { color: #000; }
	.stag { color: #c00; }
	.ftag { color: #660; }
	.today {color: #000; background-color: #fff;}
	.monatjahr {color: #000; }
	a:link, a:visited {color: #000; }
	#kommnav { display: none; }
	#footernav { display: none; }
	#headernav { display: none; }
	#dialbox { display: none; }
	#infobox { display: none; }
	#remarkbox { display: none; }
}

/* Patches fuer MSIE */
* html #selectlist .field {height: 30em;}