html, body {
    margin: 0px;
    padding: 0px;
}

body {
    background-color: #acb2d7;
}

body, td, h1, h2, h3, p {
    font-family: Verdana, Arial, sans-serif;
    font-size: 8pt;
    color: #000;
}

p{
  margin-top: 10px;
  margin-bottom: 10px;
}

td {
  vertical-align:top;
}

h1 {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}

/* common classes */

.i {
    font-style: italic;
}

.b {
  font-weight: bold;
}

.u {
    text-decoration: underline;
}

.big {
    font-size: 17px;
}

.bigger {
    font-size: 23px;
}

.small {
    font-size: 11px;
}

.center {
    text-align: center;
}

.red {
  color: #c00000;
}


.quicklinks {
  
}

.quicklinks td {
  background-color: #ffa900;
  padding: 5px;
  text-align:center;
  border-right: 2px solid #c76d00;
  border-bottom: 2px solid #c76d00;
  white-space: nowrap;
}

.quicklinks a, .quicklinks a:link, .quicklinks a:visited, .quicklinks a:active, .quicklinks a:hover {
  color: #000;
}

.quicklinks td img {
    margin-top: 2px;
    border: 0;
}

.quicklinks td.spacer {
  background-color: transparent;
  width: 5px;
  border: 0;
}

table.referenz {
  margin-top: 20px;
}

table.referenz td {
  background-color: #ffa900;
  padding: 5px;
}

/* formulare */
input.text {
  font-family: "Courier new", Courier, monospace;
  font-size: 11px;
  /* background-color: #ffa841; */
  background-color: #ffa900;
  border: 1px solid #ffd43e;
  padding: 1px;
  width: 70px;
}

input.long, select.long {
  width: 250px;
}

input.short {
  width: 30px;
}

select {
  font-family: "Courier new", Courier, monospace;
  font-size: 11px;
  background-color: #ffa900;
  border: 1px solid #ffd43e;
}

textarea {
  font-family: "Courier new", Courier, monospace;
  font-size: 11px;
  background-color: #ffa900;
  border: 1px solid #ffd43e;
  width: 250px;
}

form td {
  vertical-align: middle;
}


/* hyperlinks */

a, a:link, a:visited {
  color: #000;
  text-decoration: none;
}

a:hover, a:active {
  color: #ffd43e;
  text-decoration: none;
}

a.orange, a.orange:link, a.orange:visited {
  color: #ffd43e;
  text-decoration: none;
}

a.orange:hover, a.orange:active {
  color: #000;
  text-decoration: none;
}

/* logolink */
#header a {

}

/* menülinks */
.menubutton {
    width: 140px;
    height: 32px;
    font-size: 10pt;
}

.menubutton a, .menubutton a:link, .menubutton a:visited {
    height: 24px;
    padding-top: 8px;
    text-align: center;
    vertical-align: middle;
    display: block;
    color: #ff8c00;
    text-decoration: none;
}


.menubutton a:hover, .menubutton a:active {
    //background-color: #fff;
    background-color: #121278;
}

.menuactive {
    background-color: #121278;
}

/*
.menubutton a:active {
}
*/



div#vertical_master {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  margin-top: -220px;
  text-align: center;
}

div#content_master {
    width: 700px;
    height: 440px;
    border: 2px solid #fff;
    background-color: #ff8c00;
    margin: 0px auto;
    position: relative;
    text-align: left;
}

div#header {
  width: 100%;
  height: 60px;
  background-color: #000051;
  border-bottom: 2px solid #fff;
}

#logo {
  border: 0;
  margin-left: 25px;
  margin-top: 12px;
}

div#contentarea {
  width: 100%;
  height: 344px;
}

div#tv {
  margin-left: 5px;
  position: absolute;
  top: 62px;
  left: 0;
  padding-top: 2px;
}

#tv img {
  margin-bottom: 2px;
}

div#content {
  width: 450px;
  margin-left: 123px;
  padding-top: 30px;
}

div#image {
  width: 97px;
  height: 344px;
  /*background-color: #000;*/
  position: absolute;
  top: 62px;
  left: 603px;
}

div#menu {
  width: 100%;
  height: 32px;
  background-color: #000051;
  border-top: 2px solid #fff;
}