/*
 * CSS-Style by Dominic Finke
 * Original Idea by Ulrike Georgi
 */
html {

     overflow: -moz-scrollbars-vertical;

}

body {

  width: 100%;

  height: 100%;

  margin-left: 0px;

  margin-right: 0px;

  margin-top: 0px;

  margin-bottom: 0px;

  padding-top: 0px;

  padding-bottom: 0px;

  padding-left: 0px;

  padding-right: 0px;

  color: #000000;

  background-color: #ffffff;

  background-attachment: fixed;

  font-family: "Verdana", "Helvetica", sans-serif;

  font-size: 14px;

}

#header {

  position: relative;

  top: 0px;

  left: 0px;

  right: 0px;

  height: 80px;

  width: 100%;

  color: #000000;

  background-color: #ffffff;

}

.headline {

  z-index: 2;

  position: absolute;

  right: 10px;

  top: 20px;

  float: right;

  height: 100%;

  margin-left: 20px;

  margin-right: 20px;

  margin-top: 0px;

  font-size: 30px;

  text-align: left;

}

.headerpic {

  z-index: 1;

  position: absolute;

  left: 0px;

  top: 0px;

  float: left;

  width: 600px;

  height: 70px;

  text-align: center;

}

#nav_and_content {

  position: relative;

  left: 0px;

  right: 0px;

  width: 98%;

  min-height: 410px;

}

#navigation {

  position: relative;

  color: #cccccc;

  left: 5px;

  right: 0px;

  top: 0px;

  height: 45px;

  text-align: left;

  background-color: #dddddd;

  border-width: 1px;

  border-color: #000000;

  border-style: solid;

}

.nav_main_category {

  position: relative;

  float: left;

  clear: right;

  top: 0px;

  left: 0px;

  padding-top: 0px;

  padding-left: 10px;

  padding-right: 10px;

}
.nav_arrow {

  position: relative;

  float: right;

  clear: right;

  top: 0px;

  left: 0px;

  padding-top: 5px;

  padding-left: 10px;

  padding-right: 10px;

}


.footer_arrow {
  position: absolute;
  right: 0px;
  bottom: 20px;

  float: right;

  clear: right;

}
.subnavigation {

  position: absolute;

  top: 15px;

  left: 0px;

}

.nav_sub {

  position: relative;

  top: 0px;

  left: 20px;

  float: left;

  padding-top: 5px;

  padding-left: 10px;

  padding-right: 10px;

  font-weight: normal;

  font-size: 14px;

  font-style: italic;

  text-decoration: none;

  text-align: left;

}

#main_content {
  float:right;
  clear: right;

  padding-right: 15px;
  padding-left: 15px;

  text-align: left;
  width: 98%;

}
#main_content_with_infobox {
  float:right;
  clear: right;

  padding-right: 15px;

  text-align: left;
  width: 70%;

}

#footer {

  position: relative;
  float: left;

  top: 0px;

  left: 0px;

  right: 0px;

  height: 0px;

  width: 98%;

  background-color: #dddddd;

  color: #ffffff;

  font-size: 14px;

  text-align: left;

}

.skinselectbox {

  background-color: #dddddd;

  position: relative;

  text-align: center;

  top: 0px;

  left: 5px;

  background-color: #dddddd;

  border-width: 1px;

  border-color: #000000;

  border-style: solid;

}

a:link { color: #444444; text-decoration: underline; font-weight: normal; font-style: italic;}

a:visited { color: #444444; text-decoration: underline; font-weight: normal; font-style: italic;}

a:hover { color: #084d77; text-decoration: none; font-weight: normal; font-style: italic}

a:active { color: #444444; text-decoration: none; font-weight: normal; font-style: italic}

img {

  border: 0px;

}

h1 {

  font-size: 18px;

  text-decoration: underline;

  padding-top: 5px;

  margin-top: 5px;

}

h2 {

  font-size: 16px;

  text-decoration: underline;

  padding-top: 10px;

  margin-top: 0px;

}

h3, h4, h5, h6 {

  font-size: 14px;

  text-decoration: underline;

  padding-top: 10px;

  margin-top: 0px;

}

p {

  text-align: justify;

}

input {

  color: #000000;

  background-color: #dddddd;

}

input:hover {

  color: #424242;

  background-color: #dddddd;

}
textarea {

  color: #000000;

  background-color: #dddddd;

}

textarea:hover {

  color: #424242;

  background-color: #dddddd;

}

select {

  background-color: #dddddd;

  color: #000000;

  width: 120px;

}

dl {

}

dt {

}


#infobox_container {
  float: left;

  clear: left;
  padding-left: 15px;
  width: 25%;
}

.infobox {

  position: relative;

  top: 10px;

  right: 10px;

  margin-bottom: 10px;

  margin-right: 15px;

}

.infobox_header {

  width: 100%;

  background-color: #084d77;

  color: #ffffff;

  padding: 5px;

  border-width: 1px;

  border-color: #000000;

  border-style: solid;

  font-size: 16px;

}

.infobox_content {

  width: 100%;

  background-color: #dddddd;

  text-align: justify;

  color: #000000;

  padding: 5px;

  border-width: 1px;

  border-color: #000000;

  border-style: solid;

  font-size: 14px;

}

#comm_links {

  position: relative;

  float: left;

  clear: right;

  width: 100%;

  color: #000000;

  left: 0px;

  right: 0px;

  top: 50px;

  text-align: left;

}

.commlink {

  z-index: 4;

  position: relative;

  float: left;
  clear: right;

  top: 0px;

  padding-top: 5px;

  padding-left: 10px;

  padding-right: 10px;

  font-size: 14px;

}

.container {

  width: 90%;

  text-align: left;

}

.container_row {

  width: 100%;

}

.container_left {

  float: left;

  clear: right;

  width: 30%;

}

.container_right {

  float: right;

  clear: right;

  width: 70%;

}

.left {

  text-align: left;

}

.right {

  text-align: right;

}

.center {

  text-align: center;

}

.center_high {

  text-align: center;

  padding-bottom: 15px;

}