/* hansiBo.css
 * $Revision: 13 $ ($Date: 2020-01-23 17:42:56 +0100 (Do, 23 Jan 2020) $)
 * (c) 2020 Albrecht Weinert a-weinert.de
 *
 * most properties taken from webMainaa05.css (ex Typo3):
 * ID-centric, class-less, absolute ... (ugly)
 */

/* extra classes (A. Weinert 13.01.-23.01.2020) */
.p354 { padding: 3pt 5.4pt; }
.fvBoo { font-size:26.0pt; font-family:"Bookman Old Style",serif; }
.fvMS { font-size:26.0pt; font-family:"Comic Sans MS"; }

table.termTable, table.termTable th, table.termTable td { 
	border: 1px solid black; vertical-align:top; line-height: 1.1;
	border-collapse: collapse; padding: 4pt 5.4pt 2pt 5.4pt;
	font-size:10.0pt; font-family:"Arial",sans-serif; }
table.termTable th { text-align:left; font-size:13.0pt; }
.holyday { background:#D2CCCC; }

/* BODY: */
html,body { 	margin: 0; 	padding: 0; }
img, a { border: none; outline: none; }
body { background: #fff; }

a { color: #5c246b; text-decoration: none; }
a:hover { text-decoration: underline; }
#main { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* HEADER: */
#header { position: relative; width: 100%; height: 228px;
	background: #f2f2f2; border-bottom: solid 1px #c6c6c6; }
#logo { 	position: absolute; left: 33px; top: 33px; }
#headerImage { position: absolute; left: 239px; top: 0; }

/* MIDDLE: */
#middle { position: relative; width: 100%; }

/* MENU: (changed to class, A. Weinert) */
.leftMenu { position: relative; float: left; 
  margin-left: 29px; margin-top: 31px; }
.leftMenu ul { position: relative; width: 194px;
 	margin: 0; padding: 0; list-style: none; }
.leftMenu ul li { border: solid 1px #c6c6c6; margin-bottom: 17px; }
.leftMenu ul li a { display: block; color: #0085d6; background: #f6f6f6;
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	text-decoration: none; padding: 14px; border-bottom: solid 1px #c6c6c6; }
.leftMenu ul li ul { padding: 17px 0 7px 0; width: auto; }
.leftMenu ul li ul li { border: none; margin: 0; }
.leftMenu ul li ul li a { display: block; color: #4c4c4c;
	font: normal 14px/14px Arial, Helvetica, sans-serif; border-bottom: none;
	text-decoration: none; padding: 0 0 11px 14px; background: #fff; }
.leftMenu ul li ul li a:hover, .leftMenu ul li ul li a.active { color: #000;}

/*CONTENT: */
#content { position: relative; float: left; width: 490px; 
	border: solid 1px #c6c6c6; margin-left: 16px;	margin-top: 31px; }
#content.rightExt {width: 700px; }
#pageTitle { position: relative; padding: 14px;
  font: bold 16px/16px Arial, Helvetica, sans-serif;
	color: #5c246b; background: #f6f6f6; border-bottom: solid 1px #cacaca; }
#contentContainer { position: relative; padding: 17px; }

/* TYPO: (second #content!) */
#content { font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #4c4c4c; }
#content h2 { font: bold 12px/24px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #888788; margin: 0; padding: 0; }
#content h3 { font: bold 20px/24px Arial, Helvetica, sans-serif;
	color: #000; margin: 0 0 24px 0; padding: 0; }

/* BORDER: (n.b. #border is a container) */
#border { position: relative; float: left; width: 192px;
	border: solid 1px #c6c6c6; border-top: none;
	margin-left: 15px; margin-top: 31px; }
.borderContent { position: relative; border-top: solid 1px #c6c6c6; }
.borderContent h3 { position: relative; background: #f6f6f6;
	font: bold 16px/16px Arial, Helvetica, sans-serif; color: #737373;
	padding: 14px; margin: 0; border-bottom: solid 1px #cacaca; }

.borderContent .image { padding: 24px 17px 0 17px; }
.borderContent .content { padding: 0 17px 17px 17px;
	color: #272727; font: bold 12px/16px Arial, Helvetica, sans-serif; }


/* FOOTER: */
#footer { position: relative; height: 233px; width: 100%;
	margin-top: 100px; border-top: solid 1px #c6c6c6; background: #f2f2f2;
	font: normal 12px/14px Arial, Helvetica, sans-serif; color: #272727; }

/*  old  #footer a etc. removed A.W. 15.01.2020 */
/*  footer new */
#footer2 { font: normal 14px/20px arial, verdana, sans-serif; color: #535353;
  height: 41px;
  /* width: 100%;  test */
  max-width: 942px;   /*   1002px;  */
  border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4;
  background-color: #f4f4f4;
  clear: both; position: relative; z-index: 10;
  margin-top: 18px;
  /* margin-top: -18px;  /* -42px; */  }
#footer2 ul { clear: both; list-style: none; margin: 0; padding: 10px 30px; }
#footer2 ul li { float: left; margin-right: 20px; }
#footer2 a { color: #939393; padding: 4px }
#footer2 a:hover , #footer2 a.active { color: #535353; }


/* NEWS: */
.news-list-item { position: relative; padding: 19px;
	background: #f6f6f6; border-bottom: solid 1px #cacaca; }
.news-list-category { font: bold 12px/24px Arial, Helvetica, Sans-Serif;
  text-transform: uppercase;	color: #888788; }
#content .news-list-item h2 { color: #000;
	font: bold 20px/24px Arial, Helvetica, Sans-Serif;
	text-transform: none; margin-bottom: 10px; }
#content .news-list-item h2 a { color: #000; }
.news-list-item p { margin-top: 0; margin-bottom: 0; }
.news-list-image { float: left; margin-right: 25px; }

.news-single-category { color: #888788; text-transform: uppercase;
	font: bold 12px/24px Arial, Helvetica, Sans-Serif; }
#content .news-single-item h2 { color: #000;
	font: bold 20px/24px Arial, Helvetica, Sans-Serif;
	text-transform: none; margin-bottom: 10px; }