/*********************************/
/** Allgemein                   **/
/*********************************/
html, body {
    color: black; 
    background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
}

div.clear {
    clear:both;
}

div#alphaundomega {
    position: relative;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 900px;
}

div#completescreen {
    padding-top: 2em;    /* Platz für den Header */
    position: relative;
    padding-bottom: 2em;    /* Platz für die Fusszeile */
}

h1 {
    font-size: 150%;
}

h2 {
    font-size: 110%;
}


a {
    color:black;
}

.small {
    font-size: 75%;
}

.align-left {
    text-align: left;
}

/*********************************/
/** Header                      **/
/*********************************/

div#header {
    position:relative;
}

div#langMenu {
    position:relative;
    text-align:right;
}

div.tx-srlanguagemenu-pi1 {
    text-align:right;
    float:right;
    white-space:nowrap;
}

div.tx-srlanguagemenu-pi1 div.CUR,
div.tx-srlanguagemenu-pi1 div.INACT {
    display:inline;
    float:none;
}

/*********************************/
/** Content                     **/
/*********************************/

div#content {
    float:right;
    text-align:center;
    width: 670px;
}

div#content div {
    margin-top: 0;
    margin-bottom: 0.5em;
}

div#content p {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    display: inline-block;  /* Paragraph nur so breit wie sein Inhalt */
    margin-top: 0.6em;
}

div#content ul {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    display: inline-block;  /* Paragraph nur so breit wie sein Inhalt */
}

caption.csc-textpic-caption {
    text-align: center;
}

.image-caption {
    padding-top: 0.5em;
}

.slick-slide img {
    height: 520px;
    width: 670px;
}

div#content .slick-dots {
    text-align: center;
    position: relative;
    top: -20px;
}

.slick-slider .slick-arrow{
    width: 120px;
    height: 120px;
    opacity: 0;
    z-index: 1;
}

.slick-slider .slick-arrow:hover {
    width: 120px;
    height: 120px;
    opacity: 1;
}

/*********************************/
/** Menu                        **/
/*********************************/

div#links {
    float:left;
    padding-top: 3em;
    max-width: 200px;
    margin-right: 15px;
}

div#links ul {
    padding-left: 20px;
}

div#links a {
    text-decoration: none;
    font-weight: bold;
}

div#links a:hover {
    color: #f3ae46;
    text-decoration: underline;
    font-weight: bold;
}

li.act a {
    color: #f3ae46;
}

/*********************************/
/** Footer                      **/
/*********************************/

div#footer {
    clear:both;
    text-align:center;
    font-size:10px;
    position: absolute;
    bottom: 1em;
    line-height: 1em;
    margin-bottom: 0.5em;
    width:100%
}