body {
  background-color: white;
  background-image: none;
  color           : black;
  font-family     : Helvetica, Verdana, Ariel, "sans serif";
  font-size       : 10pt;
  font-style      : normal;
  font-weight     : 100;
  margin          : 0.5cm;
  word-spacing    : normal;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
  font-family  : Verdana, Ariel, "sans serif";
}

table {
  border         : 0;
  border-collapse: collapse;
  border-spacing : 0;
  margin         : 0;
  padding        : 0;
}

table.table {
  border        : 0;
  margin-bottom : 6pt;
}
table.table th, table.table td {
  font-size      : 10pt;
  padding-left   : 0.5cm;
  padding-right  : 0.5cm;
  text-align     : left;
}
th {
  font-size  : 10pt;
  font-weight: 700;
  padding-top: 12pt;
}
td {
  border        : 0;
  padding       : 0;
  vertical-align: top;
}

#linkerBalken {
  background-color: rgb(220, 225, 255);
  position: absolute;
  top: 20px;
  left: 40px;
  width: 160px;
  height: 1500px;
  padding: 30px 15px;
  z-index: 4;
}

#menu ul { 
  list-style: none; 
  padding: 0;
  margin: 0;
  color: rgb(35, 28, 120);
}
#menu ul li.active {
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#menu ul a {
  rgb(35, 28, 120);
  text-decoration: none;
}
#menu ul a:hover {
  text-decoration: underline;
}

#menu ul a:visited {
  color: rgb(35, 28, 120);
}

#Querbalken {
  position: absolute;
  top: 140px;
  left: 0;
  margin: 0 20px;
  background-color: rgb(35, 28, 120);
  width: 95%;
  z-index: 5;
}
#Querbalken h1 {
  color           : white;
  font-family     : Helvetica, Verdana, Arial, "Sans Serif";
  font-size       : 250%;
  font-weight     : 700;
  margin          : 0;
  padding         : 6pt;
  text-align      : center;
  text-transform  : uppercase;
}

h1 {
   color           : white;
   font-family     : Helvetica, Verdana, Arial, "Sans Serif";
   font-size       : 25pt;
   font-weight     : 700;
   margin          : 0;
   padding         : 6pt;
   text-transform  : uppercase;
 }

#logo { 
  background: url(../images/mini_logo.gif) 50% 50% no-repeat;
  position: absolute;
  width: 95%;
  height: 100px;
  z-index: 1;
}

#content { 
  position: absolute;
  top: 220px;
  left: 240px;
  width: 75%;
  z-index: 2;
}
#content h2 {
  color        : rgb(35, 28, 120);
  font-size    : 125%;
  font-weight  : 700;
  margin-bottom: 16pt;
}

p.navigation {
  font-size : 9pt;
  text-align: left;
}

form td, td.timetable {
  margin       : 0;
  padding      : 0;
  padding-right: 0.5cm;
  spacing      : 0;
  font-size    : 10pt;
}

#leistungen { 
  position: absolute;
  top: 250px;
  left: 55px;
  width: 160px; 
  z-index: 10;
}
#leistungen ul {
  margin: 0 0 0 1.25em; 
  padding: 0; 
  list-style: disc outside;
}

input.text, textarea {
  border       : 0px;
  border-bottom: 1px;
  border-color : black;
  border-style : dashed;
  background   : rgb(235, 235, 255);
  color        : black;
  margin       : 0.5mm;
  padding      : 0;
  width        : 5cm;
}
input.number {
  text-align: right;
  width     : 2cm;
}

input.date      { width: 5cm;   }
input.service   { width: 5cm;   }
input.price     { width: 1.5cm; }
select.dest     { width: 5cm;   }

button {
  background-color: rgb(235, 235, 235);
  border          : 2px;
  border-color    : rgb(235, 235, 235);
  border-style    : outset;
  margin          : 0.5mm;
}






























.index { background-color: rgb(220, 225, 255); }
.error { color: red; font-weight: 700; }




table.table td.sum {
  border-top-color   : black;
  border-top         : 1px;
  border-top-style   : solid;
  border-bottom-color: black;
  border-bottom      : 3px;
  border-bottom-style: double;
  text-align         : right;
}

td.index { width: 4cm; }
td.spacer { width: 0.5cm; }
td.footer {
  vertical-align: bottom;
}

td h1 {
  background-color: rgb(35, 28, 120);
}

td.logo {
  height        : 3cm;
  text-align    : center;
  vertical-align: middle;
}

td.text {
  padding-bottom: 6pt;
  padding-left  : 6pt;
  padding-right : 6pt;
  padding-top   : 20pt;
  font-size     : 10pt;
}


th.vmiddle,
td.vmiddle { vertical-align: middle; }

table.table td.right,
table.table th.right,
.right { text-align: right; }
table.table td.num { text-align: right; }

table.table td.middle,
table.table th.middle,
.middle { text-align: center; }


img {
  border     : 0;
  font-family: "Courier New", Courier, monospace;
  font-size  : 8pt;
}
img.left {
  float       : left;
  margin-right: 6pt;
}
img.right {
  float      : right;
  margin-left: 6pt;
}

dt { font-weight: 800; }

p, dl {
  font-family: Helvetica, Verdana, "Sans Serif";
  font-size  : 10pt;
  text-align : justify;
}
dd {
  margin-left: 0.25cm;
}
p.spec,
ul.spec {
  font-size: 8pt;
}

address {
  font-size : 80%;
  font-style: italic;
}

q:lang(de) { quotes: \201E \201D "," \2019 }
q:before   { content: open-quot; }
q:after    { content: close-quot; }
q, .quote { font-style: italic; }

.navigation a {
  color: rgb(35, 28, 120);
}

.navigation .selected {
  color      : rgb(35, 28, 120);
  font-size  : 12pt;
  font-weight: 700;
}

hr {
  color       : rgb(35, 28, 120);
  height      : 1pt;
  margin-left : 1cm;
  margin-right: 1cm;
  margin-top  : 1cm;
  width       : 100%;
}


td.center { text-align: center; }

strong { font-weight: bold; }

#Reise { position: relative; }
#Reise #Bild { width: 300px; float: left; margin: 0 5px 15px 0; }
#Reise #Bild img { display: block; text-align: center; margin: 0 auto;  }
#Reise #Bild span { display: block; font-size: 12px; font-style: italic; text-align: center; width: 300px; }
#Reise #Bild a { display: block; font-size: 12px; letter-spacing: 0.05em; color: rgb(35, 28, 120); font-weight: bold; text-align: center; width: 300px; text-decoration: none; margin: 0 0 10px 0;}