/* Main container, provides centered viewport */
#topContainer {
  position: relative;
  text-align: left;
  margin: 0 auto;
  padding: 0;
  width: 748px;
  background: #91A9C2 url(/fileadmin/templates/graphics/bg/start/corner_top_right.gif) no-repeat top right;
}

/* Inner container, allows a bottom image... */
#innerTopContainer {
  float: left;
  margin: 0;
  padding: 0;
  width: 748px;
  background: url(/fileadmin/templates/graphics/bg/start/footer_bottom.gif) no-repeat bottom left;
}

/* Drawing area, pushed up a bit
   to get shadow effect */
#topContentArea {
  position: relative;
  top: -3px;
  left: -3px;
  background: #FFFFFF url(/fileadmin/templates/graphics/bg/start/content_columns.gif) repeat-y top left;
}

#topContentBox {
  float: left;
  width: 100%;
  background: url(/fileadmin/templates/graphics/bg/start/footer_corner_bottom_left.gif) no-repeat bottom left;
}

#topLogoBox {
  margin: 0;
  padding: 0;
  float: left;
  width: 178px;
}

#topImageBox {
  margin: 0;
  padding: 0;
  float: right;
  width: 570px;
}

#horizontalNavigation {
  float: left;
  clear: both;
  margin: 0;
  padding: 0;
  width: 748px;
  background: #000080 url(/fileadmin/templates/graphics/bg/start/horizontal_columns.gif) repeat-y top left;
}

#leftColumnBox {
  clear: both;
}

#homePageHeading {
  background-color: #963;
}

div.verticalMenuHeading {
  width: 178px;
}

#horizontalMenuBox {
  border-bottom: 0;
}

#horizontalMenu li {
  /* border-left: 1px solid #FFFFFF; */
}

#horizontalMenu li.topItem {
  /* border-left: 0px; */
}

#horizontalMenu li a {
  padding: 8px 10px 8px 10px;
}

#leftColumnBox .iconlist {
  display: inline;
  float: left;
  clear: left;
  width: 148px;
  list-style: none;
  margin: 10px 5px 10px 20px;
  padding: 0;
  overflow: hidden;
}

#leftColumnBox .iconlist li {
  display: inline;
}

#leftColumnBox .iconlist li a {
  margin: 0;
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
  color: #000080;
  padding: 3px 3px 3px 20px;
  background: url(/fileadmin/templates/graphics/list/arrow_right_white.gif) no-repeat 3px 50%;
}

#mainContent {
  float: left;
  width: 373px;
  overflow: hidden;
}

#mainContent h1, h2, h3, h4, h5, p, ul, dl, table, input {
  margin: 10px 30px 10px 20px;
  padding: 0;
}

#mainContent h1 {
  font-size: 1.2em;
  color: #963;
}

#mainContent h4 {
  font-size: 0.9em;
  line-height: 1.25em;
  color: #963;
}

#mainContent #titleImage {
  margin: 8px;
}

#mainContent p {
  font-size: 0.7em;
  margin-bottom: 5px;
  line-height: 1.25em;
}

#mainContent ul.iconlist {
  list-style: none;
}

#mainContent ul.iconlist li a {
  margin: 0;
  display: block;
  font-size: 0.7em;
  font-weight: normal;
  text-decoration: none;
  color: #000080;
  padding: 5px 5px 5px 23px;
  background: url(/fileadmin/templates/graphics/list/arrow_right_dark_blue.gif) no-repeat 3px 50%;
}

#mainContent ul.iconlist li a:hover {
  text-decoration: underline;
}

#quickSearch {
  float: left;
  width: 376px;
  margin: 0;
  padding: 0;
}

#quickSearchInput {
  margin: 0 0 10px 20px;
  width: 200px;
  font-size: 0.8em;
  border: 1px solid #000;
}

#rightPuff {
  float: right;
  margin: 0;
  padding: 0;
  width: 197px;
  background-color: #EEEBE8;
}

/* Main bottom container, provides centered viewport */
#bottomContainer {
  position: relative;
  text-align: left;
  margin: 23px auto;
  padding: 0;
  width: 748px;
  background: #91A9C2 url(/fileadmin/templates/graphics/bg/start/footer_bottom.gif) no-repeat bottom left;
}

/* Inner container, allows a bottom image... */
#innerBottomContainer {
  float: left;
  margin: 0;
  padding: 0;
  width: 748px;
  background: url(/fileadmin/templates/graphics/bg/start/corner_top_right.gif) no-repeat top right;
}


#bottomContentAreaContainer {
  float: left;
  margin: 0;
  padding: 0;
  width: 748px; /* 570 */
}

/* Drawing area, pushed up a bit
   to get shadow effect */
#bottomContentArea {
  position: relative;
  top: -3px;
  left: -3px;
  background: #EFF7FF url(/fileadmin/templates/graphics/bg/start/bottom_columns.gif) repeat-y top left;
}

#calendar, #news, #bottomPuff {
  margin: 0;
  padding: 0;
  min-height: 302px;
  float: left;
  line-height: 0.85em;
}

#calendar {
  width: 178px;
}

#news {
  width: 373px;
}

#bottomPuff {
  width: 197px;
}

#bottomContentArea h1 {
  margin: 0 0 10px 0;
  padding: 5px 5px 5px 20px;
  font-size: 0.8em;
  font-weight: bold;
  color: #FFF;
  background-color: #963;
}

#bottomContentArea h1 a {
  color: #FFF;
}

#bottomContentArea p {
  font-size: 0.7em;
  margin: 0 20px 10px 20px;
}

#bottomContentArea a {
  font-weight: bold;
  text-decoration: none;
  color: #000080;
}

#bottomContentArea a:hover {
  text-decoration: underline;
}

#bottomContentArea ul.iconlist {
  list-style: none;
}

#bottomContentArea ul.iconlist li a {
  margin: 0;
  display: block;
  font-size: 0.7em;
  font-weight: normal;
  text-decoration: none;
  color: #000080;
  padding: 5px 5px 5px 23px;
  background: url(/fileadmin/templates/graphics/list/arrow_right_brown.gif) no-repeat 3px 50%;
}

#bottomContentArea ul.iconlist li a:hover {
  text-decoration: underline;
}

#calendar h1 {
  background: #963 url(/fileadmin/templates/graphics/bg/start/footer_top_left.gif) no-repeat top left;
}

#calendar p {
  font-weight: bold;
	font-style: italic;
  font-size: 0.65em;
}

#calendar p a {
  font-weight: bold;
	font-style: normal;
  font-size: 1.1em;
}

#news a:hover {
  text-decoration: underline;
}

#news a .news-date {
	font-weight: normal;
	color: #000;
	font-size: 0.9em;
	font-style: italic;
}

#news a .news-intro {
	font-weight: normal;
	color: #000;
}

#news ul.iconlist li a {
  background-image: url(/fileadmin/templates/graphics/list/arrow_right_blue.gif);
}

#bottomPuff h1 {
	margin-bottom: 0;
  background: #963 url(/fileadmin/templates/graphics/bg/start/footer_top_right.gif) no-repeat top right;
}

#bottomPuff #newBooks h1 {
  padding-left: 10px;
}

#bottomPuff #newBooks p {
  margin: 10px;
}

#bottomPuff #newBooks img, #bottomPuff #newBooks ul.iconlist {
  margin-left: 10px;
}

#bottomPuff #dayTest h1 {
	margin-bottom: 10px;
}

#bottomPuff #newBooks p a, #bottomPuff #dayTest p a {
	font-weight: normal;
}

#footerContent {
  position: relative;
  top: -3px;
  left: -3px;
  padding: 5px 0 5px 22px;
	background-color: #996633;
}

.clearboth {
  clear: both;
  margin: 0;
  padding: 0;
}