/**
 * (c) Roy Kaldung, http://kaldung.com/, roy@kaldung.com
 *
 */


* {
  padding: 0;
  margin: 0;
}

html, body {
  font-family: Verdana, Helvetica, Geneva, Arial, Sans-Serif;
  font-size: 100.01%;
  background-color: #fff;
  color: #000;
  z-index: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

a, a:VISITED {
  color: #000;
}

#viewport {
  margin-top: 1em;
  left: 50%;
  right: 50%;
  margin-left: auto;
  margin-right: auto;
  width: 55em;
  font-size: 0.9em;
  font-size: 1em;
  text-align: left;
  background-color: #fff;
}

#logobar {
  color: #fff;
  background-color: #234567;
  padding-left: 3em;
}

#logobar h1 {
  padding-top: 0.25em;
  font-weight: lighter;
  letter-spacing: 0.5em;
}

#logobar p {
  font-size: 0.7em;
  padding-bottom: 0.75em;
  letter-spacing: 0.45em;
}

#topbar {
  width: 100%;
  background-color: #234567;
}

#bottombar {
  margin-top: 1em;
  margin-bottom: 1em;
  clear: both;
  width: 100%;
  text-align: center;
  background-color: #234567;
  color: #fff;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 0.7em;
}

#topbar a, #bottombar a {
  text-decoration: underline;
  color: #fff;
}

#bottombar a {
  background-color: #234567;
}

/* everything for the navigationbar at the top */
#topnavigation {
  height: 2.5em;
}
#topnavigation ul {
    list-style-type: none;
    padding-top: 0.5em;
    padding-left: 0.5em;
}

#topnavigation li {
    display: inline;
    float: left;
}

#topnavigation a {
    padding-left: 0.25em;
    padding-right: 0.25em;
    margin-left: 0.25em;
    height: 2.5em;
    float: left;
    text-decoration: underline;
}

#topnavigation a:HOVER, #bottombar a:HOVER {
    text-decoration: underline;
}

a img {
    border: none;
}

li.top_active, #topnavigation li.top_active a {
    background-color: #fff;
    color: #000;
}
#topnavigation li a:HOVER, #topnavigation li a:FOCUS {
    background-color: #fff;
    color: #000;
}

#topnavigation li a.alang:HOVER, #topnavigation li a.alang:FOCUS {
	background-color: inherit;
}


/*#topnavigation a.top_active, #bottombar a.bottom_active {*/
#bottombar a.bottom_active {
    font-weight: bold;
    color: #fff;
}

/* 16px eq 1em */
img.langimg {
    width: 1.875em;
    height: 1em;
    vertical-align: middle;
}

#topbar ul li form {
    display: inline;
}

/* styles for the content area */
div.spacer {
    clear: left;
    height: 0.25em;
    font-size: 0.2em;
    margin-bottom: 1em;
}

#fullcontent {
    width: 100%;
}
#fullcontent p {
    font-size: 0.9em;
}

#fullcontent h1 {
    font-size: 1.2em;
}

#submenu, #content {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    margin-bottom: 0.25em;
}

#content {
    width: 39.75em;
}

#content h1 {
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

#content p, #content ul, #content table {
    font-size: 0.9em;
    text-indent: 1em;
}
#content p {
    margin-bottom: 0.5em;
}
#content ul {
    margin-left: 2em;
    text-indent: 0em;
}
#content table {
    margin-top: 0.5em;
    border-style: dotted;
    border-width: 0.15em;
    background-color: #e0e0e0;
}
#content table thead {
    font-weight: bold;
}

#submenu {
    width: 15em;
    float: right;
}

#submenu ul {
    list-style-type: none;
    padding-left: 1em;
    background-color: #e0e0e0;
}

#submenu h2 {
    font-weight: normal;
    font-size: 1.0em;
    padding-left: 0.5em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    background-image: url(../img/gradient.jpg);
}

#submenu li.active {
    background-image: url(../img/link.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

#submenu a {
    vertical-align: middle;
}

#submenu a {
    display: block;
    width: 97.5%;
    font-size: 0.8em;
    margin-left: 0.5em;
}

#submenu a:HOVER {
    background-color: #0e0e0e;
    color: #fff;
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: silver;
    margin-left: 3em;
}

.fl:first-letter {
    /*
    font-size: 1em;
    float: left;
    */
}
.fl {
    margin-bottom: 1em;
}

form#contact label {
    display: block;
    width: 15em;
    float: left;
}

form#contact span.spacer {
    display: block;
    width: 15em;
    float: left;
}

.contacterror {
    width: 100%;
    color: #f00;
}

ul.contacterror li {
    margin-left: 2em;
}

ul.contacterror li a {
    color: #f00;
}

/* 100% width, centered content */
.fullcenter {
    width: 100%;
    text-align: center;
}


img.logo {
    width: 5.5em;
    /*width: 6.6em;*/
    height: 1.9375em;
    /*height: 2.325em;*/
    vertical-align: middle;
}

img.vam {
    vertical-align: middle;
}

img.vam_submenu {
    padding-top: 0.125em;
    padding-bottom: 0.125em;
    vertical-align: middle;
}

ul.nostyle {
    list-style-type: none;
}

div.quicknavigation {
    width: 100%; 
    height: 1.2em; 
    background-color: #e0e0e0; 
    margin-bottom:0.2em;
    font-size: 0.8em;
}

ul.quicknavigation {
    list-style-type: none;
}

ul.quicknavigation li {
    float: left;
    padding-right: 0.5em;
}

ul.quicknavigation li a {
    text-decoration: none;
    text-decoration: underline;
}

/**
 * styles for autocomplete
 */

div.autocomplete {
    position: absolute;
    width: 16em;
    background-color: white;
    border: 1px solid #888;
    margin: 0em;
    padding: 0em;
    font-size: 0.7em;
}

div.autocomplete ul {
    list-style-type: none;
    margin: 0em;
    padding: 0em;
}

div.autocomplete ul li.selected {
    background-color: #ffb;
}

div.autocomplete ul li {
    display: block;
    margin: 0em;
    padding: 0em;
    height: 16px;
    cursor: pointer;
    clear: both;
    width: 97%;
}

/**
 * styles for the search form
 */

ul.searchResult {
    list-style-type: none;
}

ul.searchResult li {
    margin-bottom: 0.75em;
}

p.searchResultText {
    font-size: 0.8em;
}

div#submenu div.google160x600_as {
    padding-left: 5em;
}