/* Main container, provides centered viewport */
#topContainer {
  position: relative;
  text-align: left;
  margin: 0 auto;
  padding: 0;
  width: 748px;
  background: #91A9C2 url(/fileadmin/template/graphics/bg/container/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/template/graphics/bg/innerContainer/corner_bottom_left.gif) no-repeat bottom left; */
  background: url(/fileadmin/template/graphics/bg/footerContent/bottom.gif) no-repeat bottom left;
}

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

#topContentBox {
  float: left;
  width: 100%;
  background: url(/fileadmin/template/graphics/bg/footerContent/corner_bottom_left.gif) no-repeat bottom left;
/*  background: url(/fileadmin/template/graphics/bg/footerContent/bottom.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/template/graphics/bg/horizontalNavigation/columns.gif) repeat-y top left;
}

#leftColumnBox {
  clear: both;
}

#homePageHeading {
  background-color: #963;
}

div.verticalMenuHeading {
  width: 178px;
}

#horizontalMenuBox {
  border-bottom: 0;
}

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

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

#quickLinks li {
  display: inline;
}

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

#mainContent {
  float: left;
  width: 376px;
  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; /* KA & EN varit 150% 20070419 */
  color: #963;
}

#mainContent p {
  font-size: 0.8em;
  margin-bottom: 5px;
}

#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;
}

#quickSearchButton {
  width: 70px;
  margin: 0 30px 10px 0px;
  font-size: 0.8em;
  font-weight: bold;
}

#trackLinks {
  float: left;
}

#trackLinks ul.iconlist {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

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

#rightPuff {
  float: right;
  margin: 0;
  padding: 0;
  width: 194px;
}

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

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

#leftPuff {
  position: relative;
  top: -3px;
  left: -3px;
}

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


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

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

#newsItems {
  margin: 0;
  padding: 0;
  width: 376px;
  min-height: 302px;
  float: left;
}

#didYouKnow {
  margin: 0;
  padding: 0;
  width: 194px;
  min-height: 302px;
  float: left;
}

div.newsItem {
  margin: 10px 20px 0 20px;
}

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

#didYouKnow h1 {
  background: #963 url(/fileadmin/template/graphics/bg/didYouKnow/corner_top_right.gif) no-repeat top right;
}

#newsItems h2 {
  padding: 0;
  margin: 15px 10px 0 20px;
  font-size: 0.7em;
  font-weight: bold;
  color: #000;
} 

a.newsItemInfo {
  padding: 0;
  font-size: 0.7em;
  font-weight: bold;
  text-decoration: none;
  color: #000080;
}

em.newsItemDate {
  font-size: 0.7em;
  font-style: italic;
}

#newsItems p, #didYouKnow p {
  font-size: 0.7em;
}

#newsItems p {
  padding: 0;
  margin: 0;
/*  margin: 0 20px 10px 20px; */
/*  margin: 0 20px 0 20px; */
}

#didYouKnow p {
  margin: 15px 20px 0 20px;
}

#newsItems a, #didYouKnow a {
  font-weight: bold;
  text-decoration: none;
  color: #000080;
}

#newsItems a:hover, #didYouKnow a:hover {
  text-decoration: underline;
}

a.newsItemLink {
  font-size: 0.7em;
  font-weight: bold;
  text-decoration: none;
  color: #000080;
  padding: 5px 5px 5px 20px;
  background: url(/fileadmin/template/graphics/list/arrow_right_blue.gif) no-repeat 0 50%;
}

#newsItems ul.iconlist {
  list-style: none;
  margin: 10px 10px 10px 20px;
  padding: 0;
  overflow: hidden;
}

#newsItems ul.iconlist li {
  margin: 0;
  padding: 0;
}

#newsItems ul.iconlist li a {
  margin: 0;
  display: block;
  font-size: 0.7em;
  font-weight: bold;
  text-decoration: none;
  color: #000080;
  padding: 5px 5px 5px 20px;
  background: url(/fileadmin/template/graphics/list/arrow_right_blue.gif) no-repeat 0 50%;
}

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

#footerContent {
  position: relative;
  top: -3px;
  left: -3px;
  margin-left: 178px;
  padding: 7px 0 5px 22px; /***/
}

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