body {
  	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	color:#333333;

	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	
	background-color:#EEEEEE;  
  
  	scrollbar-face-color:#336699; 
	scrollbar-highlight-color:#336699; 
	scrollbar-3dlight-color:#336699; 
	scrollbar-darkshadow-color:#336699; 
	scrollbar-shadow-color:#336699; 
	scrollbar-arrow-color:#FFFFFF; 
	scrollbar-track-color:#FFFFFF; 

}

a:link{ color: #336699;  text-decoration:underline; }
a:visited{ color: #336699; text-decoration:underline; }
a:active { color: #333333;  text-decoration:underline; }
a:hover { color: #333333; text-decoration:underline; }

a.topmenu:link{ display: block; width: 100%; height: 18px; padding-top: 5px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #336699;}
a.topmenu:visited{ display: block; width: 100%; height: 18px; padding-top: 5px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #336699;}
a.topmenu:active { display: block; width: 100%; height: 18px; padding-top: 5px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #333366;}
a.topmenu:hover { display: block; width: 100%; height: 18px; padding-top: 5px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #333366;}

a.topmenu_aktiv:link{ display: block; width: 100%; padding-left: 10px; height: 18px; padding-top: 5px; color: #CC0000; text-decoration:none; font-size: 11px; font-weight:bold; }
a.topmenu_aktiv:visited{ display: block; width: 100%; padding-left: 10px; height: 18px; padding-top: 5px; color: #CC0000; text-decoration:none; font-size: 11px; font-weight:bold; }
a.topmenu_aktiv:active { display: block; width: 100%; padding-left: 10px; height: 18x; padding-top: 5px; color: #000000; text-decoration:none; font-size: 11px; font-weight:bold; }
a.topmenu_aktiv:hover { display: block; width: 100%; padding-left: 10px; height: 18px; padding-top: 5px; color: #000000; text-decoration:none; font-size: 11x; font-weight:bold;}
 
a.button:link{ display: block; width: 100%; height: 18px; padding-top: 4px; padding-bottom: 0px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #336699;}
a.button:visited{ display: block; width: 100%; height: 18px; padding-top: 4px; padding-bottom: 0px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #336699;}
a.button:active { display: block; width: 100%; height: 18px; padding-top: 4px; padding-bottom: 0px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #333366;}
a.button:hover { display: block; width: 100%; height: 18px; padding-top: 4px; padding-bottom: 0px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #333366;}

a.button_red:link{ display: block; width: 100%; height: 18px; padding-top: 4px; padding-bottom: 0px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #FF0000;}
a.button_red:visited{ display: block; width: 100%; height: 18px; padding-top: 4px; padding-bottom: 0px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #FF0000;}
a.button_red:active { display: block; width: 100%; height: 18px; padding-top: 4px; padding-bottom: 0px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #770000;}
a.button_red:hover { display: block; width: 100%; height: 18px; padding-top: 4px; padding-bottom: 0px; color: #FFFFFF; text-align:center; text-decoration:none; font-size: 10px; font-weight:bold; background-color: #770000;}

a.powerded:link{ color: #333333; font-size:11px; text-decoration:none; }
a.powerded:visited{ color: #333333; font-size:11px; text-decoration:none; }
a.powerded:active { color: #333333; font-size:11px; text-decoration:none; font-weight:bold;}
a.powerded:hover { color: #333333; font-size:11px; text-decoration:none; font-weight:bold;}


table.opt380{ 
	border:1px; 
	border-spacing: 1px;
	background-color: #336699;
}

td{
	font-size: 12px;
	color:#336699;
	font-weight:normal;
}

td.opt380_top{
	color:#FFFFFF;
	height:15px;
	padding-left: 5px;
}

td.opt380_mid{
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}


td.warning{
	color:#FF0000;
	font-weight:bold;
}


select {

	font-size: 12px;
	color:#336699;
	font-weight:bold;
}

input {

	font-size: 12px;
	color:#336699;
	font-weight:bold;
}

textarea {

	font-size: 12px;
	color:#336699;
	font-weight:bold;
}


/* Ab hier Kalender CSS
*/

A.kalender		{ font-family:arial, helvetica; color:#00F; text-decoration:underline }
SPAN.kalender	{ font-family:arial, helvetica }
TD.kalender     	{ font-family:arial, helvetica }
BODY.kalender	{ background-color:#FFFFFF }



/**** month and year header at top of calendar ****/
.date_header			{ font-size:16px; font-family:arial, helvetica; font-weight:bold }

/**** color and size of calendar cells.  ****/
td.day_cell				{ background-color:#EEEEEE; height:80px; width: 80px; }
td.empty_day_cell		{ background-color:#FFFFFF; height:80px; width: 80px; }
td.today_cell			{ background-color:#DFEAF4; height:80px; width: 80px; }

/**** day number in upper left corner of each cell ****/
.day_number.kalender	{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }

/**** title_txt is the text for each post on main page ****/
.title_txt				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }
.title_txt A:link		{ color:#00F; text-decoration:underline }
.title_txt A:active		{ color:#00F; text-decoration:underline }
.title_txt A:visited	{ color:#00F; text-decoration:underline }
.title_txt A:hover		{ color:#00F; text-decoration:underline }

/**** time line under title text when event time given ****/
.time_str				{ font-size:9px; font-family:arial, helvetica }

/**** column headers or days of the week ****/
.column_header			{ background-color:#336699; font-size:12px; font-family:arial, helvetica; color:#FFFFFF; font-weight:bold }

/**** footprint text ****/
.footprint				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000; font-weight:bold; }
.footprint A			{ font-size:10px; font-family:verdana, arial, helvetica; color:#00F; font-weight:bold; }
