body { background-color:#FAFAFA; font-family:serif; }

/* Das Content-Element enthaelt das Youarehere-Element und das Main-Element.
   hier musssen gemeinsame Aussenabstaende definiert werden. */
.content { margin-left:12.1em; margin-right:20px; margin-bottom:30px; }

/* whitespace:nowrap im Header verhindert, dass die Bilder auf der rechten
   Seite in die naechste Zeile (und damit ueber das Menue) rutschen */
#skheader { height:50px; width:100%; margin-top:20px; margin-bottom:40px;
          background-color:#009000; white-space:nowrap; }

/* Bilder im Header. */
#skpic1 { position:relative; width:150px; height:70px;
            margin-right:10px; top:-5px; }       
               
#skpic2 { position:relative; width:150px; height:70px;
            margin-right:10px; top:-15px;}       
               
#skpic3 { position:relative; width:150px; height:70px;
            margin-right:10px; top:-10px; }                                             
          
/* Die Klasse heading ist fuer Text im Header vorgesehen. */
.heading { position:relative; top:15px; vertical-align:top;
           margin-left:10px; margin-right:2em;
           font-size:large; font-weight:bold;
         }

/* Logos im Header */        
#wlsblogo { position:relative; top:-12px; height:70px; width:65px; margin-left:5px;
            margin-right:5px; border:0px; }  

#sklogo { position:relative; top:-10px; height:70px; width:61px; margin-left:5px;
          margin-right:5px; border:none; }

/* Link "Zurueck nach oben" am Ende jeder Seite */          
#backtotop { text-align:right; }
.backtotop_link { font-size:small; color:#000000; }

/* Fusszeile */          
.footer { clear:both; width:100%; height:40px; background-color:green; padding-top:5px;
          text-align:center; font-size:small; color:#FEFEC6; }
          
.footer a { color:#FEFEC6; }
.footer a:hover { color:#FFFBE7; }
          
.footer address { font-style:normal; }

/* Hintergrund des Content-Pane */
.main { background-color:#F0F0F0;
        padding:10px;
        width:auto; 
      }  
      
#skmenu { float:left; z-index:9999; }

.trreminder { width:12em;
              margin:3px;
              margin-top:10px; 
              margin-left:0px;
              padding:3px;
              background-color:#F0F0F0;
              border: 1px dashed red;
              font-size:small;
              color:red;              
            }

.smallfont { font-size:small; }

input { font-size:small; }
select { font-size:small; }

h3 { border-bottom-style:solid; border-bottom-width:1px;
     border-bottom-color:#808080;
     margin-bottom:20px;
     font-weight:bold;
   }

#loginbox { width:98%; margin-bottom:10px; background-color:#FFFFE7; border:solid 1px red; padding:2px; text-align:right; font-size:small; }

.adminmenu { width:98%; padding:3px; background-color:#000000;
                  text-align:center; font-size:small;
                }  
                
.adminmenu a { padding-right:2em; padding-left:2em; color:#FFFFFF; }

.download { height:auto; overflow:hidden; margin-left:15px;
            background-color:#FFFBEC;
          }

.download_title { margin:5px; 
                  border-style:solid; border-width:1px;
                  border-top-color:#F8F8F8; border-left-color:#F8F8F8; 
                  border-bottom-color:#808080; border-right-color:#808080;                  
                  padding-left:3px; padding-bottom:3px; padding-top:1px; 
                  background-color:#E0E0E0;
                }

.download_size { font-size:small; }

.download_info { margin:5px; margin-top:10px; font-size:small;
                 border-style:solid; border-width:1px;
                 border-top-color:#FFFFFF; border-left-color:#FFFFFF; 
                 border-bottom-color:#808080; border-right-color:#808080;                  
                 padding-left:3px; padding-bottom:3px; padding-top:1px; 
                 padding:3px; background-color:#F0F0F0;
               }
                 
.download_info_title { font-style:italic; margin-bottom:0.2em; }

.pageactive { padding:3px; background-color:white; border:1px solid black; }

.newsimage { border-style: solid;
             border-color: rgb(208, 208, 208) rgb(64, 64, 64) rgb(64, 64, 64) rgb(208, 208, 208);
             border-width: 1px; padding: 10px; width:400px; line-height: 1.5em;
             text-align: left; background-color: rgb(255, 255, 255); }

/* Styles fuer activeCalendar---------------------------------------------------------*/
         
.month {
	border: solid 1px green;
	background-color: #FFFFEC;
	text-align: center;
  width:auto;
}

.monthname {
	border-style: none;
	text-align: center;
	background-color: #FFFFEC;
	color: #008000;
	font-size: small;
	font-weight: bold;
  font-family: Arial, sans-serif;
}

.monthname a { color: #008000; }

.dayname td {
	text-align: center;
	border-style: none;
}

.dayname {
	color: #000000;
	font-size: 12px;
  font-family: Arial, sans-serif;
}

.monthday {
	text-align: center;
	font-size: small;
	background-color: #E0E0E0;
	color: #000000;
	height:20px;
	width:20px;
  border:solid 1px #B0B0B0;
}
  
.yearnavigation {
	font-size: 12px;
}

.yearname {
  font-size: large;
  font-weight: bold;
  text-align: center;
}  

.datepicker {
	background-color: #FAEBD7;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation {
	font-family: Arial, sans-serif;
}
.monthpicker {
	font-size: x-small;
	background-color: #EEDFCC;
}

.pickerbutton {
	border-style: solid;
	border-width: 1px;
	background-color: #0EDFCC;
}

.today {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	background-color: #EEE9E9;
	color: #000000;
	height:20px;
	width:20px;
}
.selectedday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: none;
	background-color: #CDC9C9;
	height:20px;
	width:20px;
}
.sunday {
	background-color: #F0F0F0;
	text-align: center;
	font-size: 11px;
	color: #000000;
	height:20px;
	width:20px;
  border:solid 1px #D0D0D0;
}
.sunday a {
	color: #667171;
}
.saturday {
	background-color: #F0F0F0;
	text-align: center;
	font-size: 11px;
	color: #000000;
	height:20px;
	width:20px;
  border:solid 1px #D0D0D0;  
}
.saturday a {
	color: #667171;
}
.event {
	text-align: center;
	font-size: 11px;
	color: #008000;
	background-color: #ffffff;
	height:20px;
	width:20px;
  border:solid 1px #D0F0D0;  
}
.event a {
	color: #008000;
}

.selectedevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	color: #000000;
	background-color: #CDC9C9;
	height:20px;
	width:20px;
}
.selectedevent a {
	background-color: #ffffff;
	color: #000000;
}

.todayevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	color: #800000;
	height:20px;
	width:20px;
}
.todayevent a {
	background-color: #ffffff;
	color: #800000;
}

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:auto;background:#050;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }
   
/* -------------------- CSS für Einzelseiten -------------------- */

.person { }
.person_small { font-size:small; }
.person_small td { padding:5px; }
                  
.person_bild, .person_bild_small { background-color:#FFFFFF; padding:5px;
               border-right-style:solid; border-right-width:1px; border-right-color:#808080;
               border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#808080;               
               margin-top:4px; margin-bottom:1px; }

.person_bild img { width:140px; height:170px; border-style:none; }
.person_bild_small img { width:90px; height:109px; border-style:none; }
.person_funktion { font-weight:bold; color:#008000; margin-bottom:0.3em; }
.person_adresse { margin-bottom:0.5em; }
.person_online { margin-bottom:0.5em; }
.person_name { font-weight:bold; }

.login_table { width:99.4%; border-width: 0px; margin-bottom: 5px; padding: 0px; background-color: #E0E0E0; }
.login_head  { border-width: 0px; margin: 1px 0px 5px; padding: 0px; background-color: #A0A0A0; }
td.login_left   { background-color: #D0D0D0; }
td.login_header { background-color: #FEFEDF; font-size:small; }

.row0 { background-color:#FFFFE7; }
.row1 { background-color:#FEFED7; }
.row2 { background-color:#E0E0E0; }