html {
	color: #666666; background-color: #eeeee6;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
}
body { margin: 0 16px 0 0; padding: 0; }
p,td,th,li { font-size: 1em; }
a { color:#666666; }
h1 { font-size:1.8em; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; margin: 12px 0em 1em 0em;}
h2 { font-size:1.5em; font-family: verdana, arial, helvetica, sans-serif; font-weight:normal; margin: 0em 0em 0.4em 0em;}
h3 { font-size:1.2em; font-family: arial, helvetica, sans-serif; font-weight:normal; margin: 0; padding:0;}
h4 { font-size:1em; font-family: arial, helvetica, sans-serif; font-weight:normal; font-style:italic; margin: 0; padding:0;}
li { padding: 4pt;}
td, th { text-align: left; vertical-align:top; }
/* -------------------------------------- */
div#top {
	float:none;
	background-image:url(../gfx/head_background1.jpg);
	background-repeat:no-repeat;
	text-align:right;
	height:133px;
	margin:0; padding:0;
}
div#nav_top {
	width:100%;
	height:28px;
	float:none;
	background-image:url(../gfx/nav_background1.jpg);
	background-repeat:repeat-x;
	text-align:left;
	color: #eeeeff;
	font-size: 9pt;
	font-family: verdana, arial, helvetica, sans-serif;
	padding:0pt 2pt 0pt 10pt; vertical-align: middle;
}
div#nav_top a.nav1 { color: #eeeeff; text-decoration: none; padding:5pt 6pt 2pt 4pt; vertical-align: middle;}
div#nav_top a.nav1_aktiv { color: #eeeeff; text-decoration: underline; padding:5pt 6pt 2pt 4pt; vertical-align: middle;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.fontResizer {padding:6pt 6pt 0 8pt; vertical-align:middle;}
.fontResizer a {text-align:center; margin:3px; padding:1px 3px 1px 3px; border:1px solid #ccc; color:#eeeeff; text-decoration:none; }
.fontResizer a:hover { color: #000; text-decoration: none; }
/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/
.smallFont { font-size: 9px; }
.medFont { font-size: 13px; }
.largeFont { font-size: 15px; }
.curFont { background: #666666; }

/* -------------------------------------- */
/* die linke Navigation (Untermenue) */

div#left {
	clear:both;
	float: left;
	margin:12px 0.5em 0 4px;
	padding:12pt 2pt 2pt 2pt;
	width:200px;
	letter-spacing:0.1em;
	font-size: 1em;
	font-family: verdana, arial, helvetica, sans-serif;
}
div#left ul { margin: 0; padding: 0;}
div#left ul li { list-style:none; margin:0; padding:0;}
div#left a { text-decoration: none; color:#000000;}
div#left a:hover { text-decoration: underline;}
div#left ul li.nav1 {
	filter:alpha(opacity=70); opacity:.70;
	font-weight: normal; letter-spacing:0em;
	margin: 2px 0 0 2px; padding:4px 0px 4px 6px;
	background-color:#DDDDCC;
}
div#left ul li.nav1_aktiv { font-weight: bold; margin: 6px 0 0 2px; letter-spacing:0em; text-decoration: underline;}
div#left ul li.nav2 {
	filter:alpha(opacity=70); opacity:.70;
	font-size:8pt; font-weight:normal; letter-spacing:0em;
	margin: 2px 0 0 18px; padding:2px 0px 2px 6px;
	background-color:#DDDDCC;
}
div#left ul li.nav2_aktiv { font-weight: normal; letter-spacing:0em; margin: 2px 0 0 10px; text-decoration: underline;}
div#left ul li.nav3 {
	filter:alpha(opacity=70); opacity:.70;
	font-size:8pt; font-weight:normal; letter-spacing:0em;
	margin: 2px 0 0 34px; padding:2px 0px 2px 6px;
	background-color:#DDDDCC;
}
div#left ul li.nav3_aktiv { font-weight: normal; letter-spacing:0em; margin: 2px 0 0 16px; text-decoration: underline;}

/* -------------------------------------- */
div#right { clear:right; padding:2pt 2pt 2pt 4pt; margin:10px 8px 0 216px; /*	border-left: 1px solid #888888;  */}

div#startseite_mitte { margin: 1em 20em 0 0;}
div#startseite_mitte_eintrag { margin: 1em 0 0 0; padding: 1em 0 0 0; border-top: 1px solid #999999;}
div#startseite_rechts { margin: 0 0 0 2em; float: right; width:18em; padding:0; }
div#startseite_rechts_widget { margin: 0 0 1em 2px; padding:0; background-color: #eee; border: 1px solid #807FAB; background-color:#eee; }
div#startseite_rechts_widget_title { margin: 2px 2px 2px 2px; padding: 3px; color:#eee; background-color:#807FAB; }
ul#startseite_rechts_widget_content li{ margin-left:-1em;}
ul#startseite_rechts_widget_content li a{ text-decoration:none;}

ul li { margin:8px; padding:0;}
table tr td ul li { margin:2px; padding:0;}

/* -------------------------------------- */
table.hervorgehoben td{ background-color:#EAE2C6; padding: 6px; margin: 4px;}
table.hervorgehoben td.c{ text-align:center;}
table.hervorgehoben td.r{ text-align:right;}

/* -------------------------------------------------- */
/* Formatierungen der Bilder, eingebettet in div-Tags */
.box_pic_center { margin:4px auto 12px auto; padding:4px; float:none;}
.box_inline_pic_right { margin:4px 0px 12px 16px; padding:4px; float:right;}
.box_inline_pic_left { margin:4px 16px 12px 0px; padding:4px; float:left;}
.box_inline_pic_caption { text-align:left; font-size:8pt; font-weight: normal; margin:0px 0px 0px 0px; padding:6px 0px 0px 0px;}

/* -------------- Arbeitsbereich -------------- */
/* wird u.a. fuer die grosse Tabelle in artikel.php genutzt: */
td.tab01 { background-color: #DDDDCC; margin:2px; padding:6px;}
td.tab02 { background-color: #EAE2C6; margin:2px; padding:4px;}
td.tab01c { background-color: #DDDDCC; margin:2px; padding:4px; text-align:center;}
td.tab02c { background-color: #EAE2C6; margin:2px; padding:4px; text-align:center;}
td.tab01r { background-color: #DDDDCC; margin:2px; padding:4px; text-align:right;}
td.tab02r { background-color: #EAE2C6; margin:2px; padding:4px; text-align:right;}

td.tabtitle { color:black; background-color: #EAE2C6; font-weight:normal; margin:2px; padding:2px; text-align:left;}
td.tabtitle a:link {color:black; text-decoration:none;} /* Verweise zu noch nicht besuchten Seiten: */
td.tabtitle a:visited {color:black; text-decoration:none;} /* Verweise zu bereits besuchten Seiten */
td.tabtitle a:active {color:black; text-decoration:none;} /* Verweise, die gerade angeklickt werden */
td.tabtitle a:hover {color:black; text-decoration:underline;}

td.tabtitlecenter { text-align:center; background-color: #EAE2C6; font-weight:bold; margin:2px; padding:2px;}

td.kontakt { padding: 0px 4px 6px 0px;}

.red {color:red;}
.yellow {color:#ff7700;}

/* hervorgehobene Einträge im Pull-Down-Menue in add.php + edit.php*/
.level0 {background-color:#dddddd;}

/* uebersicht.php */
li.uebersicht { font-size:8pt; padding: 1px 0px 1px 0px;}
td.right{ text-align:right; vertical-align:bottom;}

div.obenrechts { float:right; text-align:right; font-size:8pt;}
div.obenrechts a{ background-color: #DDDDCC; margin:2px; padding:4px; }

.beitragschreiben { color:black; background-color: #EAE2C6; font-weight:normal; margin:1px; padding:4px; text-align:left;}
.beitragschreiben a:link {color:black; text-decoration:none;}
.beitragschreiben a:visited {color:black; text-decoration:none;}
.beitragschreiben a:active {color:black; text-decoration:none;}
.beitragschreiben a:hover {color:black; text-decoration:underline;}

li.quellen { padding: 1px 0px 1px 0px;}

/* Anzeige der visuellen Themengewichtung (Seite: Recherche, Arbeitsbereich) */
.visuellethemen { background-color: #EAE2C6; padding: 3px 3px 3px 5px;}
.visuellethemen a{ text-decoration:none; }

/* -------------------------------------- */
/*  die Klamotten fr den Kalendar:       */
/* -------------------------------------- */
div#cale {
	clear:both;
	text-align:center;
	float: none;
	margin:20pt 2pt 6pt 4pt;
	padding:2pt 2pt 2pt 2pt;
	letter-spacing:0.0em;
	font-size: 9px;
	font-family: verdana, arial, helvetica, sans-serif;
}
.year {border-style: outset; border-width: 1px; background-color: #DDDDCC; text-align: center;}
.month {border: none; background-color: #eeeee6; text-align: center;}
.yearname {text-align: center; font-size: 18px; font-weight: bold; }
.monthname {text-align: center; font-size: 9px; font-weight: normal; background-color: #ddddcc; color: #667171; border-style: solid; border-width:0px; }
.monthname a{ text-decoration:none; }
.dayname {text-align: center; font-size: 10px; font-weight:normal; color: #667171; border-style: none; border-width:1px; width:20px;}
.weeknumtitle {text-align: center; font-size: 9px; font-weight:normal; color: #667171; border-style: none; border-width:1px; }
.weeknum {text-align: center; font-size: 9px; height:20px; width:20px; color: #CD5C5C; background-color: #FAEBD7;}
.week {border-style: none; background-color: #EEDFCC; text-align: center;}
.monthweek {text-align: center; font-size: 9px; font-weight:normal; color: #667171; border-style: solid; border-width:1px;}
.yearnavigation {font-size: 9px;}
.datepicker {background-color: #FAEBD7;}
.datepickerform {margin: 0px;}
.monthnavigation {font-family: Tahoma, Arial, sans-serif;}
.monthpicker {font-size: 9px; background-color: #EEDFCC;}
.yearpicker {font-size: 9px; background-color: #EEDFCC;}
.pickerbutton {border-style: solid; border-width: 1px; background-color: #EEDFCC;}
.nomonthday {text-align: center; font-size: 9px; height:20px; color: #aaaaaa;}
.monthday {text-align: center; font-size: 9px; font-weight: normal; background-color: #ddddcc; color: #000000; height:20px;}
.today {text-align: center; font-size: 9px; font-weight: normal; border-width: 1px; border-style: solid; background-color: #EEE9E9; color: #000000;}
.selectedday {text-align: center; font-size: 9px; font-weight: bold; border-width: 1px; border-style: none; background-color: #CDC9C9;}
.sunday {background-color: #ddddcc; text-align: center; font-size: 9px; font-weight: normal; color: #667171;}
.sunday a {color: #667171;}
.saturday {background-color: #ddddcc; text-align: center; font-size: 9px; font-weight: normal; color: #667171;}
.saturday a {color: #667171;}
.event {text-align: center; font-size: 9px; font-weight: bold; color: #000000; background-color: #ffffff;}
.event a {color: #000000;}
.selectedevent {text-align: center; font-size: 9px; font-weight: bold; border-width: 1px; border-style: solid; color: #000000; background-color: #CDC9C9; }
.selectedevent a {background-color: #ffffff; color: #000000;}
.todayevent {text-align: center; font-size: 9px; font-weight: bold; border-width: 1px; border-style: solid; color: #000000; background-color: #EEE9E9; }
.todayevent a {background-color: #ffffff; color: #000000; }
.eventcontent {font-size: 9px; border-style: solid; border-width: 1px; width: 100%;}

/* -------------------- ein zweites Kalenderlayout - fr nen gro�n Kalender mit Eintr�en ------------- */
/* in diesen Angaben sind zus�zlich H�en fr die td's angegeben: height:90px; */
.year2 {border-style: outset; border-width: 1px; background-color: #DDDDCC; text-align: center;}
.month2 {border: none; background-color: #eeeee6; text-align: center;}
.yearname2 {text-align: center; font-size: 14px; font-weight: bold; }
.monthname2 {text-align: center; font-size: 11px; font-weight: bold; background-color: #ddddcc; color: #667171; border-style: solid; border-width:0px; }
.monthname2 a{ text-decoration:none; }
.dayname2 {text-align: center; font-size: 12px; font-weight: bold; color: #667171; border-style: none; border-width:1px; width:200px;}
.weeknumtitle2 {text-align: center; font-size: 10px; font-weight: bold; color: #667171; border-style: none; border-width:1px; }
.weeknum2 {text-align: center; font-size: 10px; height:90px; width:20px; color: #CD5C5C; background-color: #FAEBD7;}
.week2 {border-style: none; background-color: #EEDFCC; text-align: center;}
.monthweek2 {text-align: center; font-size: 10pt; font-weight: bold; color: #667171; border-style: solid; border-width:1px;}
.yearnavigation2 {font-size: 12px;}
.datepicker2 {background-color: #FAEBD7;}
.datepickerform2 {margin: 0px;}
.monthnavigation2 {font-family: Tahoma, Arial, sans-serif;}
.monthpicker2 {font-size: 11px; background-color: #EEDFCC;}
.yearpicker2 {font-size: 11px; background-color: #EEDFCC;}
.pickerbutton2 {border-style: solid; border-width: 1px; background-color: #EEDFCC;}
.nomonthday2 {text-align: center; font-size: 10px; color: #aaaaaa; height:90px;}
.monthday2 {text-align: center; font-size: 10pt; font-weight: normal; background-color: #ddddcc; color: #000000; height:90px;}
.today2 {text-align: center; font-size: 10pt; font-weight: normal; border-width: 1px; border-style: solid; background-color: #EEE9E9; color: #000000; height:90px;}
.selectedday2 {text-align: center; font-size: 10pt; font-weight: bold; border-width: 1px; border-style: none; background-color: #CDC9C9; height:90px;}
.sunday2 {background-color: #ddddcc; text-align: center; font-size: 10pt; font-weight: normal; color: #667171; height:90px;}
.sunday2 a {color: #667171;}
.saturday2 {background-color: #ddddcc; text-align: center; font-size: 10pt; font-weight: normal; color: #667171; height:90px;}
.saturday2 a {color: #667171;}
.event2 {text-align: center; font-size: 11px; font-weight: bold; color: #000000; background-color: #ffffff; height:90px;}
.event2 a {color: #000000;}
.selectedevent2 {text-align: center; font-size: 11px; font-weight: bold; border-width: 1px; border-style: solid; color: #000000; background-color: #CDC9C9; height:90px; }
.selectedevent2 a {background-color: #ffffff; color: #000000;}
.todayevent2 {text-align: center; font-size: 11px; font-weight: bold; border-width: 1px; border-style: solid; color: #000000; background-color: #EEE9E9; height:90px; }
.todayevent2 a {background-color: #ffffff; color: #000000; }
.eventcontent2 {font-size: 10px; border-style: solid; border-width: 1px; width: 100%;}