/* Farben ------------------------------------
ZF_green        #e6f5be
ZF_red          #f70a57
LinkGrün		#688126
eD_grün			#d0dca9
eD_grün dunkel	#96b051
ed_blau			#003883
Text			#666666
Schwarz  90%l	#e5e5e5
Schwarz  80%l	#cccccc
Schwarz  70%l	#b3b3b3
Schwarz  60%l	#999999
Schwarz  50%l	#808080
Schwarz  40%l	#666666
Schwarz  30%l	#4d4d4d
Schwarz  20%l	#333333
Schwarz  10%l	#1a1a1a
mark			#90385d
--------------------------------------------*/

/***********/
/* General */
/***********/

html {
    overflow-y:scroll;
}

body {
    font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; 
/*    font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; */
/*    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; */
    font-size: 16px;
    line-height: 1.25;
    color: #666;

    background-color: #e6f5be;
    background-image: url(../img/bg.png);
    background-size: 800px 500px;
    background-repeat: no-repeat;
    background-position: left top;
/*    background-attachment: fixed;*/

    margin: auto;
    padding: 0px;
    
    -webkit-text-size-adjust: 100%;
}

#EDlogo {
    background: url(../img/ED_Logo.png) no-repeat;
    background-size: 124px 62px;
    width: 124px;
    height: 62px;

    position: absolute;
    left: 656px;
    top: 390px;
}

#content {
    max-width: 760px;
    clear: both;
    margin: auto;
    padding: 0 20px 0 20px;

    position: absolute;
    left: 0px;
    top: 460px;

    text-align: justify;
    text-justify: auto;
}

h1 {
    font-size: 32px;
    line-height: 2.4;
    color: #003883;
    font-weight: normal;

    padding: 0.1em 0 0.3em 0;
    margin: 0;
}

h2 {
    font-size: 25px;
    line-height: 2;
    color: #003883;
    font-weight: normal;

    padding: 0.05em 0 0.3em 0;
    margin: 0;
}

h3 {
    font-size: 20px;
    line-height: 1.5;
    color: #003883;
    font-weight: normal;

    padding: 0.05em 0 0.1em 0;
    margin: 0;
}

h4 {
    font-size: 16px;
    color: #003883;
    font-weight: bold;

    padding:0;
    margin:0;
}

p {
    margin: 0 0 20px 0;
}

a {
    color: #688126;
    text-decoration: none;
}

a:hover {
    color:#003883;
}

a img {
    border: none;
}

.emph {
    font-weight: bold;
}

.footnote {
    font-size: 13px;
    line-height: 1;
}

.field {
    font-style: italic;
    font-weight: bold;
}

.note {
    font-size: 14px;
    line-height: 1;
}

img {
    border: 0;
}

#content ul {
    margin: 0 0 5px -10px;
}

#content li {
    padding-bottom: 5px;
}

.annotated, .annotatedDark {
    position: relative;
    margin: 16px 0 20px 0;
    overflow: visible;
}

.annotated ul, .annotatedDark ul {
    list-style: none;
    font-size: 15px;

    position: absolute;
    top: 0;
    left: 0;
}

.annotated li {
    position: absolute;
    padding: 5px;

    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
}

.annotatedDark li {
    position: absolute;
    padding: 5px;
    
    color: #fff;
    background-color: rgba(120, 120, 120, 0.8);
    text-align: center;
}

.screenshot {
    width: 760px; 
    height: 428px;
    border: 1px solid #666;
}

.expander-toggle-content, .expander-show-all, .expander-hide-all {
    color: #003883;
}

.expander-hide-content {
    display: block;
    width: 150px;
    margin: auto;
    color: #003883;
    font-size: 13px;
    line-height: 0.9;
    text-align: center;
}

.expander-mouseover /*, .expander-hide-content:hover, .expander-toggle-content:hover, .expander-show-all:hover, .expander-hide-all:hover */ {
    color: #f70a57;
    cursor: pointer;
    cursor: hand;
}

.hide {
    display: none;
}

/*.expander-hide-button {
    background: url(../img/close-normal.png) no-repeat;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

.expander-hide-button:hover {
    background: url(../img/close-hover.png) no-repeat;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}*/

/**************/
/* Navigation */
/**************/

.bubbleButton {
    background-image: url(../img/bubbleButton.png);
    background-repeat: no-repeat;
    background-size: 100%;

    text-align: center;
    vertical-align: middle;
}

span.bubbleButtonContent {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
}

.bubbleButton a {
    color: #003883;
    text-decoration: none;
    font-size: 20px;
}

.bubbleButton a:hover {
    color: #f70a57;
}

#homeButton {
    width: 110px;
    height: 110px;
    line-height: 110px;

    position: absolute;
    left: 590px;
    top: 160px;
}

#manualButton {
    width: 120px;
    height: 120px;
    line-height: 120px;

    position: absolute;
    left: 630px;
    top: 250px;
}

#moreButton {
    width: 160px;
    height: 160px;
    line-height: 160px;

    position: absolute;
    left: 495px;
    top: 285px;
}

#adminButton {
    width: 100px;
    height: 100px;
    line-height: 100px;

    position: absolute;
    left: 407px;
    top: 335px;
}


/******************/
/* Specific Items */
/******************/

#storeLinks
{
    position: absolute;
    left: 20px;
    top: 360px;
}

#disclaimer
{
    margin-top: 25px;
}