html{
height: 100%;
}

A:link
{
    COLOR: #cc0000;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #cc0000;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #cc0000;
    TEXT-DECORATION: underline
}
DIV.login
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: arial, sans-serif, helvetica
}
BODY
{
    FONT-SIZE: 10pt;
    MARGIN: 5px;
    COLOR: black;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffffff
}
TD
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: arial,sans-serif
}
BODY.nav
{
    FONT-SIZE: 10pt;
    MARGIN: 0px;
    COLOR: black;
    PADDING-TOP: 6px;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffeecc
}
TD.nav_toolbar
{
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    PADDING-BOTTOM: 6px;
    FONT-STYLE: italic;
    FONT-FAMILY: arial,sans-serif
}
TD.nav_hauptpunkt
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    COLOR: black;
    PADDING-TOP: 2px;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffc000
}
TD.nav_unterpunkt
{
    PADDING-LEFT: 10px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    COLOR: black;
    PADDING-TOP: 2px;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffd066
}
TD.nav_unterpunkt A:link
{
    COLOR: black;
    TEXT-DECORATION: none
}
TD.nav_unterpunkt A:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
TD.nav_unterpunkt A:hover
{
    COLOR: #00005f;
    TEXT-DECORATION: underline
}
TD.nav_unterpunkt A:active
{
    COLOR: #0000ff;
    TEXT-DECORATION: underline
}
TD.nav_linie
{
    HEIGHT: 1px;
    BACKGROUND-COLOR: #ffb800
}
BODY.param
{
    FONT-SIZE: 10pt;
    MARGIN: 0px;
    COLOR: black;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffffdd
}
TD.param_line1
{
    PADDING-LEFT: 10px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0px;
    COLOR: black;
    PADDING-TOP: 0px;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffffdd
}
TD.param_line2
{
    PADDING-LEFT: 10px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0px;
    COLOR: black;
    PADDING-TOP: 0px;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffeecc
}
TD.header
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 4px;
    COLOR: black;
    PADDING-TOP: 2px;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffb800;
    TEXT-ALIGN: center
}
TD.headerline
{
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 6px;
    COLOR: black;
    PADDING-TOP: 2px;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffffdd
}
TD.headercolumn
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffb800;
    TEXT-ALIGN: left
}
TD.group
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 4px;
    COLOR: black;
    PADDING-TOP: 2px;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffdd88;
    TEXT-ALIGN: center
}
TD.footer
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 4px;
    COLOR: black;
    PADDING-TOP: 6px;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffb800;
    TEXT-ALIGN: center
}
TD.help
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 10px;
    COLOR: black;
    PADDING-TOP: 10px;
    FONT-FAMILY: arial,sans-serif
}
TD.title
{
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 30pt;
    PADDING-BOTTOM: 10px;
    FONT-STYLE: italic;
    FONT-FAMILY: arial,sans-serif
}

TD.warning
{
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    PADDING-BOTTOM: 10px;
    COLOR: red;
    FONT-FAMILY: arial,sans-serif
}

INPUT.button
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: black 1px solid;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffb800
}
INPUT.smallbutton
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: black 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: arial,sans-serif;
    BACKGROUND-COLOR: #ffb800
}
#jnlpInfoOuter{
	position:absolute;
	left:50%;
	top:20%;
}
#jnlpInfoInner{
	position:relative;
	left:-50%;

    /*height:13em;/*target height (number of lines * line-height)*/
    background-color:#ffff99;
    padding:5px;
    text-align:center;
    line-height:1.2em;

    border:1px solid #ccc;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
}
.jnlp_header .jnlp_left{
    float:left;
    width:700px;
    margin:0;
    padding:10 0 0 0;
}
.jnlp_header .jnlp_right{
    margin:0;
    padding:0;
    margin-left:0px;
}
#jnlp_outer{
    width:800px;
    margin:20px 0 0 20px;
    padding:0;
}
#jnlp_outer img{border:0; margin:0; padding:0;}
#jnlp_warning{
    /*background-color:#CC0000;*/
    padding:15px;
    line-height:1.2em;
    /*width:70%;*/

    border:5px solid #CC0000;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
}
#jnlp_browsermsg ol {padding-left:20px;}
#jnlp_browsermsg ol li {margin-top:20px;}
#jnlp_browsermsg ol li img {padding-top:10px;}


@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(opensans.woff2) format('woff2');
}

body.webstart {
    background-color: #f9f9f9;
    border-top: 5px solid #cc0000;
    color: #444444;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 3em;
    padding: 0;
}

h1.webstart{
    background-color:#cc0000;
    color:#ffffff;
    font-size:125%;
    font-weight:400;
    letter-spacing:1px;
    line-height:1.2;
    padding:12px 0 10px 155px;
    margin: 70px 0 0 0;
}

#logo {
    background-color:#ffffff;
    padding: 20px 0 20px 20px;
}

#main {
    display: block;
    padding:30px 20px 20px 155px;
    max-width:700px;
}

p.webstart {
    font-size:100%;
    letter-spacing:0.025em;
    margin:0 0 1.2em 0; 
}

a, a:visited, a:active, a:focus {
    color:#cc0000;
}

hr.webstart {
    border: none;
    border-top: 1px solid #cccccc;
    color: #cccccc;
    height: 1px;
}

img.webstart {
    max-width: 100%;
    height: auto;
}

button {
    background-color:#cc0000;
    border: 1px #cc0000 solid;
    border-radius: 4px;
    color:#ffffff;
    cursor:pointer;
    letter-spacing:0.025em;
    font-size:100%;
    height:30px;
    padding:2px 6px;
    margin:0 0 1.3em 0;
    width:120px;
}

button:hover {
    box-shadow: 2px 2px 3px #aaaaaa; 
}

.article {
    padding: 2em 0 0 2em;   
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #main {padding-left:20px;}
    h1 {padding-left:20px;margin-top:0;}
    .article {padding-left: 0;}
}

#scroller {
  height:100%;
  overflow:auto;
}