body {
  font-family: sans-serif;
  font-size: 100.01%;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  color: #000000;
  background-image: url(/graphics/frank/back.gif);
  background-color: #D3D3D3;
  text-align: center;
  min-width: 41em;
 }

div#site {
  text-align: left;
  margin: 0px auto;
  width: 60em;
  padding: 1em 2em;
  background-color: #FFFFFF;
  border-left: 1px solid #A9A9A9;
  border-right: 1px solid #A9A9A9;
 }

*html div#site {
  width: 64.5em;
 }

div#header {
  background-color: #FFFFFF;
  height: 8em;
  background-image: url(/graphics/frank/vrl_top.jpg);
  background-position: top left;
  background-repeat: repeat-x;
 }

div#logo {
  position: absolute;
 }

div#top {
  height: 90px;
  float: right;
  text-align: right;
 }

.ticker {
  padding-left: 150px;
 }

#ticker {
  display: inline-block;
  font-size: 0.8em;
 }

div#navbar {
  background-image: url(/graphics/frank/vrl.jpg);
  background-repeat: repeat-x;
  background-color: #008080;
  clear: both;
 }

div#left {
  float: left;
  clear: left;
  width: 12em;
  background-image: url(/graphics/std_grid.gif);
  background-position: left;
  background-repeat: repeat-y;
  margin: 8px 0px 4px 0px;
 }

div#content {
  margin: 8px 16em 4px 14em;
  padding: 0px 0.5em;
 }

div#content2 {
  margin: 8px 16em 4px 0px;
  padding: 0px  0.5em 0px 0px;
 }

div#content3 {
  margin: 8px 0px 4px 14em;
  padding: 0px 0px 0px 0.5em;
 }

div#right {
  overflow: hidden;
  background-image: url(/graphics/frank/lbox2.gif);
  background-repeat: repeat-y;
  background-position: top left;
  float: right;
  width: 15em;
  margin: 8px 0px 4px 0px;
 }

div#foot {
  clear: both;
  font-size: 0.7em;
  border-top: 2px solid #008B8B;
  padding: 2px;
  text-align: right;
  color: #000000;
  background-color: #ffffff;
 }

.textbody {
  font-size: 0.8em;
 }

p {
  font-size: 1em;
 }

p.lead {
  font-weight: bold;
  text-indent: 4em;
  text-align: left;
  line-height: 1.3em;
  color: #000000;
 }

p.content {
  margin: 0px;
  font-weight: normal;
  text-indent: 0px;
  text-align: left;
 }

p.picturetext {
  font-size: 0.7em;
  text-align: left;
 }

p.copyright {
  color: #808080;
  font-size: 0.8em;
  text-align: right;
 }

p.small {
  text-align: left;
 }

h1 {
  font-family: sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  color: #000000;
 }

h2 {
  font-family: sans-serif;
  font-size: 1.2em;
  font-variant: small-caps;
  font-weight: bold;
  color: #000000;
 }

h3, p.subtitle {
  font-family: sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #000000;
  margin: 0px;
 }

h1.listrubric {
  font-size: 1em;
  font-weight: bold;
  color: #000000;
  margin: 0px;
 }

h2.articlerubric, h2.listrubric {
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  font-variant: normal;
  padding-left: 4px;
  color: #000000;
  border-bottom: 1px dotted #008B8B;
 }

h2#socc {
  padding-right: 150px;
  margin-right: 10px;
  background-image: url(/graphics/frank/socc.gif);
  background-repeat: no-repeat;
  background-position: right;
 }

h2#sod {
  padding-right: 200px;
  margin-right: 10px;
  background-image: url(/graphics/frank/sod.gif);
  background-repeat: no-repeat;
  background-position: right;
 }

.articleroof {
  text-align: right;
  font-size: 0.8em;
  color: #000000;
  background-color: #FFFFFF;
 }

div.alternative_content {
  margin: 2px;
  padding: 2px;
  float: left;
  width: 48%;
  height: 12em;
  border: 1px solid gold;
 }

.box {
  border: 1px solid #000000;
  padding: 2px;
  margin: 0px 2em 0px 2em;
  background-color: #DCDCDC;
  text-align: left;
 }

table.Gitternetz {
  border: 1px solid #000000;
  border-collapse: collapse;
 }

#menu ul#mainnav {
  margin: 0px;
  padding: 0px 0px 0px 350px;
 }

.dropdown {
  border: 1px solid #008B8B;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 1px;
  left: 1px;
 }

#menu ul#mainnav li {
  padding: 2px 0px;
  font-size: 0.7em;
  font-weight: bold;
  display: inline;
  list-style: none;
 }

#menu ul#mainnav li ul li {
  font-size: 1em;
  display: block;
  font-weight: bold;
  padding: 0px;
  list-style: none;
 }

#menu ul#mainnav a {
  width: 8em;
  display: block;
  float: left;
  padding: 2px 0px;
  margin: 0px 1px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
 }

#menu ul#mainnav li ul li a {
  width: 8em;
  display: block;
  float: none;
  margin: 0px;
  padding: 2px 0px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #5bc3b8;
 }

#menu ul#mainnav a:hover {
  color: #002F2F;
  background-image: url(/graphics/frank/vrl2.jpg);
  background-repeat: repeat-x;
  background-color: #D1EAEA;
 }

#menu ul#mainnav li ul li a:hover {
  color: #002F2F;
  background-color: #D1EAE;
 }

#path {
  border: 1px solid #D1EAEA;
  padding: 2px;
  font-size: 0.7em;
 }

#path a {
  font-size: 1em;
  font-weight: normal;
  color: #00008B;
 }

ul.rb {
  list-style-image: url(/graphics/buttonkreuz.gif);
  margin: 0px;
  padding-left: 1.2em;
 }

#subnav ul {
  margin: 0px;
  padding-left: 1em;
 }

#subnav ul li {
  list-style-image: url(/graphics/buttonkreuz.gif);
 }

#subnav ul li a {
  display: block;
  text-decoration: none;
  color: #002F2F;
  padding: 2px;
 }

#subnav ul li a:hover,  #subnav ul li a:focus ,  #subnav ul li a.selected {
  color: #DC143C;
  font-weight: bold;
 }

table.order_table {
  border: 1px solid #008B8B;
  border-collapse: collapse;
 }

td {
  font-size: 0.8em;
  color: #000000;
 }

/* WEBSHOP STYLES */

#teaser_box {
  overflow: hidden;
  font-size: 0.8em;
  /* just for fucking ie */
  _height: 1%;
 }

div.teaser_item {
  display: block;
  border: 1px solid #008B8B;
  margin: 2px;
  padding: 2px;
  float: left;
  width: 48%;
  height: 7em;
 }

div.item_details {
  margin: 4px 0px;
  padding: 2px;
  border: 1px solid #008B8B;
 }

table.order_table td {
  font-size: 0.7em;
  border: 1px solid #008B8B;
  color: #000000;
 }

table.order_table th {
  font-size: 0.7em;
  font-weight: bold;
  border: 1px solid #008B8B;
  background-color: #D7E2E2;
  color: #000000;
 }

#orderstate {
  display: block;
  overflow: auto;
  padding: 4px;
  background-color: #E8F4F4;
  border: 1px solid #008B8B;
  font-size: 0.9em;
  margin-bottom: 0.5em;
  /* cetero censeo microsoft esse delendam */
  _height: 1%;
 }

.leightbox {
  display: none;
  position: absolute;
  top: 20%;
  left: 25%;
  padding: 3px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  text-align: center;
  z-index: 1001;
  overflow: auto;
 }

.lbar {
  margin: -3px;
  margin-bottom: 3px;
  padding: 3px;
  font-size: 0.8em;
  text-align: right;
  background-color: #E8F4F4;
 }

#overlay {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: #333;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
 }

.lightbox[id] {
  position: fixed;
 }

#overlay[id] {
  position: fixed;
 }

.hiddenform {
  background-color: #E8F4F4;
  position: absolute;
  visibility: hidden;
 }

.insertform {
  position: static;
  visibility: visible;
  margin-left: 2em;
  margin-top: 0.5em;
 }

.total {
  font-weight: bold;
  background-color: #FFDEAD;
 }

.products {
  display: block;
  overflow: hidden;
  background-color: #FFFFFF;
  margin: 2px;
  padding: 3px;
  border: 1px solid black;
  _height: 1%;
 }

#basket {
  margin-bottom: 0.5em;
 }

#basket div.inner_basket {
  font-size: 0.8em;
  padding: 1.5em;
  background-image: url(/graphics/frank/rbox2.gif);
  background-repeat: repeat-y;
  background-position: top right;
 }

#basket h2 {
  margin: 0px 1.2em 0px 1em;
  font-size: 0.8em;
  padding: 2px;
  color: #000000;
  background-color: #FFA500;
 }

.offsets {
  font-size: 0.9em;
  text-align: center;
 }

.price {
  font-size: 1.1em;
  font-weight: bolder;
 }

.glatt {
  padding: 4;
  background-color: #E8F4F4;
 }

.verkehrt {
  padding: 4;
  background-color: #ffffff;
 }

.division {
  padding: 2;
  text-align: right;
  background-color: #E8F4F4;
 }

.header {
  text-align: center;
  font-weight: bold;
 }

img.right {
  float: right;
  margin: 0 0 8px 8px;
  border: 1px solid #B0E0E6;
  padding: 2px;
 }

img.left {
  float: left;
  margin: 0 8px 8px 0;
  border: 1px solid #B0E0E6;
  padding: 2px;
 }

.rightfloat {
  float: right;
 }

.leftfloat {
  float: left;
  width: 75%;
 }

.thumbbox {
  float: left;
  width: 125px;
  height: 125px;
  text-align: center;
  border: 1px solid #B0E0E6;
  margin: 0 8px 8px 0;
  padding: 5px;
 }

.small {
  font-size: 0.7em;
 }

dl.editorial {
  padding-left: 8em;
 }

dt.editorial {
  font-size: 1.2em;
  font-weight: bolder;
 }

dd.editorial {
  padding-left: 5em;
 }

h1.announceboxtitle {
  padding: 2px;
  margin: 0px;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
  color: #FFFFFF;
  background-image: url(/graphics/frank/vrl3.jpg);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
 }

#right h1.announceboxtitle {
  margin: 0px 1.2em 0px 1em;
 }

div.announceboxannounce {
  font-size: 0.8em;
  padding: 5px;
  color: #000000;
 }

div.aboxstart {
  background-image: url(/graphics/frank/tbox2.gif);
  height: 24px;
  background-repeat: no-repeat;
  background-position: top right;
 }

.absl {
  display: block;
  background-image: url(/graphics/frank/ltbox2.gif);
  height: 24px;
  width: 25px;
  background-repeat: no-repeat;
  background-position: top left;
 }

div.aboxend {
  background-image: url(/graphics/frank/bbox2.gif);
  height: 30px;
  background-repeat: no-repeat;
  background-position: top right;
 }

.abel {
  display: block;
  background-image: url(/graphics/frank/lbbox2.gif);
  height: 30px;
  width: 25px;
  background-repeat: no-repeat;
  background-position: top left;
 }

div.aboxstart2 {
  background-image: url(/graphics/frank/tbox1.gif);
  height: 24px;
  background-repeat: no-repeat;
  background-position: top right;
 }

.absl2 {
  display: block;
  background-image: url(/graphics/frank/ltbox1.gif);
  height: 24px;
  width: 25px;
  background-repeat: no-repeat;
  background-position: top left;
 }

div.aboxend2 {
  background-image: url(/graphics/frank/bbox1.gif);
  height: 30px;
  background-repeat: no-repeat;
  background-position: top right;
 }

.abel2 {
  display: block;
  background-image: url(/graphics/frank/lbbox1.gif);
  height: 30px;
  width: 25px;
  background-repeat: no-repeat;
  background-position: top left;
 }

#rightbox, #leftbox {
  float: left;
  width: 26em;
  margin-bottom: 1em;
 }

#rightbox {
  margin-left: 2em;
 }

#rightbox h2, #leftbox h2 {
  font-size: 1.4em;
  color: #FFFFFF;
  font-variant: normal;
  text-decoration: underline;
  margin-top: 0px;
 }

#rightbox p, #leftbox p {
  color: #FFFFFF;
 }

div.splashbox {
  color: #FFFFFF;
  background-color: #008a8c;
  background-image: url(/graphics/frank/rbox1.gif);
  background-repeat: repeat-y;
  background-position: top right;
 }

div.innersplash {
  padding: 0px 10px 0px 10px;
  height: 13em;
 }

#right div.announcebox {
  background-image: url(/graphics/frank/rbox2.gif);
  background-repeat: repeat-y;
  background-position: top right;
 }

#right div.announceboxannounce {
  margin: 0px 1.2em 0px 1em;
  padding: 5px 0px;
 }

div.hrule {
  height: 10px;
  line-height: 2px;
  border-left: 10px solid #008080;
  border-right: 10px solid #008080;
  background-image: url(/graphics/frank/hrule.gif);
  background-repeat: repeat-x;
 }

#content_index, #list, .textbody {
  font-size: 0.8em;
  display: block;
  overflow: hidden;
  padding-top: 5px;
  _height: 1%;
 }

div.contentbody {
  display: block;
  overflow: hidden;
  background-color: #FFFFFF;
 }

#right div.contentbody {
  font-size: 1em;
  padding: 5px;
  color: #000000;
  background: inherit;
 }

table#calendar {
  border: 1px solid #008B8B;
  border-collapse: collapse;
 }

td.calendarbody {
  font-size: 0.7em;
  font-weight: normal;
  color: #000000;
  background-color: #FFFFFF;
 }

td.calendarsunday {
  font-size: 0.7em;
  font-weight: bold;
  color: #000000;
  background-color: #E8F4F4;
 }

td.calendartop {
  font-size: 1em;
  font-weight: bold;
  color: #2F4F4F;
  background-color: #E8F4F4;
 }

.red {
  color: #C00000;
  font-weight: bold;
 }

div.showmore {
  font-weight: bold;
  text-align: right;
 }

a {
  color: #000000;
 }

a.nounderline {
  text-decoration: none;
 }

a.announceboxa {
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
 }

a.resourceboxa {
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
 }

a.navbarhora {
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  color: #008080;
 }

a.contentnavigationa {
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  color: #008080;
 }

a.linkedtitle {
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  color: #002F2F;
 }

a.calendara {
  font-size: 0.9em;
  text-decoration: none;
  color: #008080;
 }

a:hover {
  text-decoration: underline;
  color: #0000FF;
 }

#socc a, #sod a {
  color: #FFFFFF;
 }

img.startimg {
  border-width: 1px;
 }

fieldset {
  font-size: 1em;
  background-color: #D7E2E2;
  border: 1px solid #008B8B;
 }

legend {
  border: 1px solid #008B8B;
  background-color: #FFDEAD;
 }

input.search, input.text {
  font-size: 0.7em;
  border: 1px solid #008B8B;
  margin: 2px;
 }

form {
  margin: 0px;
 }

/* 2009-3-25 19:54:17 */

.highlight {
  color: #000000;
  background-color: #74FF74;
 }

.hidden {
  position: absolute;
  top: -100px;
  left: 0px;
  width: 1px;
  height: 1px;
  overflow: hidden;
 }

/* 2009-3-30 18:24:7 */

#tlform {
  margin: 20px;
  text-align: left;
 }

#tlform div.label {
  float: left;
  width: 10em;
  padding: 2px;
  margin: 2px 5px 2px 0px;
  text-align: right;
 }

#tlform div.row {
  clear: left;
 }

.buttons {
  padding: 3px;
  border: 1px solid #eaeaea;
 }

label {
  font-weight: bold;
 }

.seab {
  float: left;
  clear: right;
  padding: 3px;
  text-align: right;
  margin-left: 20px;
  }