html,
body {
    color: #777;
    font-family: arial, sans-serif;
    font-size: 14px;
    background: #fff;
    text-align: center;
}

#wrapper {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    background: #fff;
    min-height: 800px;
    position: relative;
    padding-bottom: 80px;
    box-shadow: 2px 2px 10px #444;
    display: inline-block;
}

#wrapper:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

#header {
    border: 0;
}

#nav-meta-top {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

#nav-meta-top a {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
}

#nav-rootline {
    padding: 6px 0 6px 20px;
    background: #eee;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: -4px;
}

#nav-rootline a {
    color: #4e7ec6;
    text-decoration: none;
}

#nav-main {
    float: left;
    width: 29%;
    box-sizing: border-box;
    padding: 30px 40px 40px 20px;
}

#nav-main ul {
    padding: 0 0 0 20px;
    margin: 0;
}

#nav-main > ul {
    padding-left: 0;
}

#nav-main li {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
}

#nav-main li.last {
    border-bottom: 0;
}

#nav-main a {
    text-decoration: none;
    font-size: 18px;
    color: #4e7ec6;
    padding: 6px 0 6px 0;
    display: inline-block;
}

#wrapper #nav-main ul ul a {
    padding-left: 0;
    background: none;
    font-size: 16px;
}

#nav-main .open > a {
    font-weight: bold;
}





#nav-main .arrows ul {
    padding-left: 30px;
}

#nav-main .arrows a {
    text-decoration: none;
    font-size: 18px;
    color: #4e7ec6;
    padding: 6px 0 6px 18px;
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTg3QkQ2RTlGMzlCMTFFNkE1NTY5RkE0MDhFQjdDQjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTg3QkQ2RUFGMzlCMTFFNkE1NTY5RkE0MDhFQjdDQjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODdCRDZFN0YzOUIxMUU2QTU1NjlGQTQwOEVCN0NCNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5ODdCRDZFOEYzOUIxMUU2QTU1NjlGQTQwOEVCN0NCNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PimfquAAAADUSURBVHjafNG/C4FBHMfxe/SIsloNMhllMhps+B8MlMWKiAxEymCRf8BglkFKCRuLMlj8AyYp5Of76q6exHP1Wq7Pfe973zOSlVVZCDHEXtgsB9JYIgO3XfAJL/qqcuhf0IMFiohhijyc30ETZ3SQwAFNzBG2BoUKywo7xCEf6MdM3eQzLdUNdUD2XMcJXTRwtQbfeOCFEnI4ooqBDsrADQG0EFEjy2Kre5RcSGGEIAqI6pB+xF1tShPV/OZ7jqb6Ddl4DT1cfg1cBsdoY2331x8BBgDXXSylJ+dpBAAAAABJRU5ErkJggg==') no-repeat 0 10px;
}

#nav-main .arrows .has-children > a {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAANCAYAAACQN/8FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzRBNDI2REFGMzlCMTFFNjlGNTlBMjUyNjY4NDU4NjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzRBNDI2REJGMzlCMTFFNjlGNTlBMjUyNjY4NDU4NjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNEE0MjZEOEYzOUIxMUU2OUY1OUEyNTI2Njg0NTg2OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNEE0MjZEOUYzOUIxMUU2OUY1OUEyNTI2Njg0NTg2OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiODmAoAAACpSURBVHjaYvSrO1bDwMCwCohvMeABTECcCsRHoDQnPoV/gVgUiGcA8TIgNsSl8D8SOwCItwJxKRCzoitEB5JA3AXEu4DYGJ9CGHAA4j1AXAnEsiwM+IEAELcB8Q8mAgpfAnE2EM/HZ+JeIC4E4ssgDgu674DgORD3A/EEIP4NEwQp5EBStB2IQTF1Dt14mMKPQFwPxLOA+Ds2d4AUbgPibiA+i89XAAEGAJDJHRrTgMW5AAAAAElFTkSuQmCC') no-repeat 0 10px;
}

#nav-main .arrows .open > a {
    background:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTc2NjcyNUNGMzlDMTFFNkI2NEJGOTA0RTRGMzk3QTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTc2NjcyNURGMzlDMTFFNkI2NEJGOTA0RTRGMzk3QTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNzY2NzI1QUYzOUMxMUU2QjY0QkY5MDRFNEYzOTdBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNzY2NzI1QkYzOUMxMUU2QjY0QkY5MDRFNEYzOTdBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiXlreAAAADgSURBVHjadNC9agJBGIXhWTMSkLTeRForwV4U9CasBGORTgIRK/8tbCwsBAsVSZcLsAs2amEjAUs7KyG64l/egW9FN5sDzw7MztnZGSv5/jVQSsVhw4+z+psjfvCAtuZRRQxBjLCHdhWeEMEaQ/NyggLq6KODR1i44IBXKb3h2/liC1HUsMBSdjO7PCOPT3TNYp+UdsjJecoynmQsYStF+7ZkMpUFYaSwkjGECmbOQu26pQYSyGKDF4xl/hqfq2QOnZb5JgLIyPy/JZO5/L9JUW73Llp5pyfX/uH18leAAQAHczL/7JwYHwAAAABJRU5ErkJggg==') no-repeat 0 12px;
}

#nav-main .arrows .open.has-children a {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUVCQUU5QzdGMzlDMTFFNjgyMkJEMjVFRDZCMzExNTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUVCQUU5QzhGMzlDMTFFNjgyMkJEMjVFRDZCMzExNTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRUJBRTlDNUYzOUMxMUU2ODIyQkQyNUVENkIzMTE1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRUJBRTlDNkYzOUMxMUU2ODIyQkQyNUVENkIzMTE1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PskgABgAAACiSURBVHjaYvSrO7aCgYHBC4h/QPFvBuyAEYiZgXg2C5DoBmIPIBZlIAxeA/EqJiBxFojridDwD4irgfgWE1RgFhBvJ6BpExAvATFgmr4DcQ0QP8ehASTeBFUH1wQC54C4H4cmkPh5GIcJTXICEO9FEzsAFWfApQkU3IVA/BLK/wDEJejRwITFKZeh7geBLmjoogAWHH5YBsTsQLwGmyRAgAEA0BohtLOOiecAAAAASUVORK5CYII=') no-repeat 0 12px;
}

.title {
    color: #bbb;
    letter-spacing: 0px;
    line-height: 80%;
    font-size: 3em;
    font-weight: normal;
}

.date {
    font-size: 16px;
    color: #bbb;
    font-weight: normal;
    text-shadow: none;
    letter-spacing: 0;
}



#content {
    float: right;
    width: 68%;
    padding-right: 40px;
    box-sizing: border-box;
}

#content-left {
    float: left;
    width: 45%;
}

#content-right {
    float: right;
    width: 20%;
    padding-right: 40px;
    box-sizing: border-box;
}

#footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 10px 0;
    font-size: .8em;
    border-top: 1px solid #ddd;
    background: #eee;
}


/* FCE 2 Cols */
.fce-twocols .fce-twocols-left {
    float: left;
    width: 45%;
}

.fce-twocols .fce-twocols-right {
    float: right;
    width: 45%;
}

.fce-twocols-70-30 .fce-twocols-left {
    float: left;
    width: 65%;
}

.fce-twocols-70-30 .fce-twocols-right {
    float: right;
    width: 30%;
}


/* FCE Akkordion */
.accordion {
    padding-left: 0;
    width: 100%;
}
.slider {
    width: 100%;
    border-bottom: 1px solid #bbb;
    float: left;
}
.slideContent {
    background: #eee;
    /* Fixed width makes effect smoother. */
    width: 100%;
    float: left;
}
.slideContentInner {
    /* For padding use this extra div. Than the effect goes smoother. */
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
}
.slideTrigger {
    text-decoration: none;
    background: #ddd;
    color: #444;
    padding: 10px;
    font-weight: bold;
    position: relative;
    border-top: 1px solid #eee;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    float: left;
}
.slideTrigger:hover {
    background: #ccc;   /* SLICER: set optional hover effect */
}


/* FCE Infobox */
.fce-infobox-light {
    border: 1px solid #ccc;
}

.fce-infobox-light .fce-infobox-header {
    background: #ddd;
    padding: 8px 20px 6px 20px;
    font-size: 18px;
    border: 1px solid #fff;
}

.fce-infobox-light .fce-infobox-content {
    padding: 20px;
}