html             { height:100%; }
body             { height:100%; background: #F2F2F2; margin: 0px; font-family: Arial; font-size: medium; }

#main            { max-width: 1100px; background: #FFFFFF; margin-left: auto; margin-right: auto; }
#head            { width: 100%;  background: #83F608; padding-top: 5px; } /* #9BFD82, #3DFB0A */
#head-logo       { float: left; padding-left: 10px; }
#head-top        { float: none; min-height: 45px; text-align: center; padding-top: 5px; }
#head-menu       { float: none; text-align: right; padding-right: 10px; }

#container       { width: 100%; min-height: 480px; background: #FFFFFF; }
#content         { padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }
#content-six-center  { max-width: 650px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; margin-left: auto; margin-right: auto; }
#content-six-right   { max-width: 650px; text-align: right; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; margin-left: auto; margin-right: auto; }
#content-five-float  { width: 540px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; float: left; }
#content-four-center { width: 430px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; margin-left: auto; margin-right: auto; }
#content-four-float  { width: 430px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; float: left; }
#content-two-float   { width: 210px; height: 210px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; float: left; overflow-y: hidden; }
#content-video       { width: 430px; height: 315px; border-style: none; }
#content-thumbnail   { width: 210px; height: 140px; text-align: center; overflow: hidden; } /* 160px */
#content-legend      { width: 210px; height: 55px; font-size: 90%; overflow: hidden; }
#content-legend-video { height: 415px; font-size: 90%; overflow: hidden; }
#content-216-height  { display: block; min-height: 216px; padding: 0px; margin: 0px; }
#content-217-height  { display: block; min-height: 217px; padding: 0px; margin: 0px; }
#content-224-height  { display: block; min-height: 224px; padding: 0px; margin: 0px; }
#content-240-height  { display: block; min-height: 240px; padding: 0px; margin: 0px; }
#content-279-height  { display: block; min-height: 279px; padding: 0px; margin: 0px; }
#content-300-height  { display: block; min-height: 300px; padding: 0px; margin: 0px; }
#content-324-height  { display: block; min-height: 324px; padding: 0px; margin: 0px; }
#content-329-height  { display: block; min-height: 329px; padding: 0px; margin: 0px; }
#content-335-height  { display: block; min-height: 335px; padding: 0px; margin: 0px; }
#content-350-height  { display: block; min-height: 350px; padding: 0px; margin: 0px; }
#content-378-height  { display: block; min-height: 378px; padding: 0px; margin: 0px; }

#footer          { width: 100%; background: #83F608; } /* #9BFD82 */
#footer-content  { width: 210px; height: 80px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; float: left; }
#footer-last-content { width: 210px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; float: left; }

.clear           { clear: both; }

h1               { font-size: 150%; font-weight: bold; text-align: center; color: #000080; }
h2               { font-size: 110%; font-weight: bold; color: #000080; }

a.menu:link      { font-family: Verdana, Arial; font-size: 110%; text-decoration: none; line-height: 200%; color: #FFFFFF; background: #009100; padding: 6px; margin-right: 1px; border-radius: 7px 7px 0px 0px; }
a.menu:visited   { color: #FFFFFF; background: #009100; }
a.menu:hover     { color: #FFFFFF; background: #000080; }

a.white:link     { text-decoration: none; color: #FFFFFF; }
a.white:visited  { text-decoration: none; color: #FFFFFF; }
a.white:hover    { text-decoration: underline; color: #FFFFFF; }

a.green:link     { text-decoration: none; font-weight: bold; color: #83F608; } /* #9BFD82 */
a.green:visited  { text-decoration: none; font-weight: bold; color: #83F608; } /* #9BFD82 */
a.green:hover    { text-decoration: underline; font-weight: bold; color: #83F608; } /* #9BFD82 */

a.blue:link     { text-decoration: none; font-size: 110%; font-weight: bold; color: #000080; }
a.blue:visited  { text-decoration: none; font-size: 110%; font-weight: bold; color: #000080; }
a.blue:hover    { text-decoration: underline; font-size: 110%; font-weight: bold; color: #000080; }

a.gray:link     { text-decoration: none; font-weight: bold; color: #6b6c6e; }
a.gray:visited  { text-decoration: none; font-weight: bold; color: #6b6c6e; }
a.gray:hover    { text-decoration: underline; font-weight: bold; color: #6b6c6e; }

a.none:link     { text-decoration: none; color: #000000; }
a.none:visited  { text-decoration: none; color: #000000; }
a.none:hover    { text-decoration: none; color: #000000; }

hr.white-line    { border: 0; height: 1px; margin-top: 5px; margin-bottom: 5px; background: #FFFFFF; }
hr.green-line    { border: 0; height: 1px; margin-top: 5px; margin-bottom: 5px; background: #83F608; } /* #9BFD82 */

.title-main      { font-family: Verdana, Arial; font-size: 190%; color: #000080 }
.title-sup       { font-family: Courier, Arial; font-size: 150%; color: #F0190C }

.table-atr       { border: none; background: #FFFFFF; }
.td-atr          { padding: 2px; font-size: 90%; text-align: center; color: #83F608; } /* #9BFD82 */

.table-spec      { border: none; border-spacing: 0; border-collapse: collapse; }
.td-spec-titel   { padding: 3px; font-size: 90%; vertical-align: top; text-align: right; }
.td-spec         { padding: 3px; font-size: 90%; vertical-align: top; text-align: left; }
.td-spec-line    { padding-top: 1px; padding-left: 0px; padding-right: 0px; font-size: 90%; vertical-align: top; text-align: center; background-image: url(../themes/beschreibung_linie.png); }

.table-jazurbahn { height: 116px; border: none; border-spacing: 0; border-collapse: collapse; }
.td-jazurbahn    { vertical-align: bottom; }

.bold            { font-weight: bold; }
.white-normal    { color: #FFFFFF; }
.white-bold      { color: #FFFFFF;  font-weight: bold; }
.red-normal      { color: #F0190C; }
.big-normal      { font-size: 150%; }
.small-normal    { font-size: 90%; }

.picture-map     { display: block; max-width: 100%; height: auto; border: 0; margin-left: auto; margin-right: auto; }
.pic-route       { display: block; max-width: 100%; height: auto; border: 0; }
.picture-enlarge { width: 22px; height 16px; border: 0; }
.pic-jazurbahn   { width: 150px; height 116px; border: 0; float: left; margin-right: 5px;}