/* page structure */
body {
  text-align: center;
  margin: 0;
  padding: 0;
}
div.header {
  height: 77px; 
  background-color: #F2F2F2;
  width: 100%;
  text-align: center;
}
div.main {
  width: 520px;
  text-align: left;
  margin: 0px auto 0px;
  position: relative;
}
div.top {
  width: 100%;
  clear: both;
}
#content {
  width: 340px;
  float: left;
  padding-right: 8px;
}
div.sidebar {
  width: 170px;
  float: right;
}
iframe {
  width: 100%;
}

/* text-style & co. */
body {
  font-family: Trebuchet MS, Verdana, Arial;
  background-color: #ffffff;
  font-size: 13px;
}
h1 {
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  border-bottom: 1px dotted #aaaaaa;
  margin-top: 12px;
  margin-bottom: 12px;
}
h2 {
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 8px;
}
h4 {
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 4px;
}
#content {
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 13px;
  color: #000000;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 1.3em;
}
.small {
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 12px;
  color: #666666;
  padding-left: 0px;
  padding-top: 0px;
  line-height: 1.3em;
}
.message {
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 13px;
  color: red;
  border: 1px solid #CC3300;
  background-color: #FFFFCC;
  padding: 4px;
  margin: 0px 5px 8px;
}
a.button {
  border: 1px solid inactivecaption;
  background-color: buttonface;
  padding: 1px 1em;
  line-height: 130%;
  color: black;
  text-decoration: none;
  cursor: default;
  -moz-border-radius: .4em;
}
a.button:hover {
  border: 1px solid highlight;
}

/* sidebar */
.navigation {
  margin: 10px 0px 10px 25px;
  background-repeat: no-repeat;
  background-image: url("");
}
.teaser {
  font-family: Trebuchet MS, Verdana, Arial;
  font-weight: bold;
  font-size: 12px;
  color: #666666;
  padding: 0px 0px 4px;
  margin: 0px;
  line-height: 1.1em;
}
.teaserbody {
  font-family: Trebuchet MS, Verdana, Arial;
  font-weight: normal;
  font-size: 12px;
  color: #666666;
  line-height: 1.1em;
}
.teaserbody a {
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}
.teaserbody a:hover {
  text-decoration: underline;
  color: #aaaaaa;
}

.teaserbody a.hover,
.teaserbody a.hover:visited {
  font-weight: normal;
  color: #666666;
  text-decoration: none;
}
.teaserbody a.hover:hover {
  text-decoration: underline;
  color: #aaaaaa;
}

.navigationInput, .navigationSubmit {
  padding: 1px;
  border: 1px solid #333333;
  font-family: Trebuchet MS, Verdana, Arial;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
  background-color: #ffffff;
}
.navigationSubmit {
  width: 24px;
  font-weight: bold;
}