/*********************
 * GENERAL SETTINGS */

* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

img {
    border: none;
}

/* some accessibility stuff and other helpers */

hr { 
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    border-width: 0;
    margin: 0;
    padding: 0;
}

.portal hr {
    display: none;
}

.clear {
    clear: both;
}

.accessibility {
    display: none;
}

body {
    margin: 0;
    padding: 0;
    background: #058828 url(../images/misc/background.gif) repeat;
    color: #646464;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.01%;
    line-height: 100%;
}


/****************
 * HEAD IMAGES */

#wdr5logoimg {
    width: 6.25em;
    height: 2.5em;
}

#lilipuzlogoimg {
    width: 18.125em;
    height: 6.25em;
}

#lilipuzsloganimg {
    width: 15.1875em;
    height: 2.375em;
}

#livestreamimg {
    width: 6.125em;
    height: 4.75em;
}

#headimg {
    width: 48.75em;
    height: 5.625em;
}


/**************
 * HEADBOXES */

#wdr5logo {
    position: absolute;
    left: 1.2em;
    top: 1.2625em;
    width: 6.25em;
    height: 2.5em;
    z-index: 1024;
}

#lilipuzlogo {
    position: absolute;
    left: 8.25em;
    top: 0;
    width: 18.125em;
    height: 6.25em;
    z-index: 1025;
}

#lilipuzlogo a {

    display: block;
    width: 18.125em;
    height: 6.1em;
    overflow: hidden;

}

#lilipuzslogan {
    position: absolute;
    left: 26.3em;
    top: 2em;
    width: 15.1875em;
    height: 2.375em;
    z-index: 1026;
}

#tickercontainer {
    position: absolute;
    left: 26em;
    top: 0.2em;
    width: 19em;
    height: 1em;
    overflow: hidden;
    z-index: 1027;
}

#livestream {
    position: absolute;
    left: 41.5em;
    top: 0.2em;
    width: 6.125em;
    height: 4.75em;
    z-index: 1028;
}
/*
#linkticker {
    position: absolute;
    left: 0em;
    color: #fff;
    font-size: 0.6em;
    white-space: nowrap;
    z-index: 1029;
}
*/
#headbg {
    position: absolute;
    left: 0.175em;
    top: 0em;
    width: 48.75em;
    height: 5.625em;
    z-index: 1;
}

#clickstream {
    display: none;
}

/************************
 * MAIN STRUCTURE DIVs */

div#container {
    position: absolute;
    left: 0em;
    top: 0em; 
    width: 50em;
    height: auto;
    z-index: 5;
    float: left;
}

div#content-onecol {
    width: 50em;
    min-height: 14.8em;
    float: left;
}


div#content-main {
    width: 27em;
    min-height: 14.8em;
    padding: 0.4em 1em 0.5em 1em;
    background: #CCCC00;
    float: left;
}

/* content additional (right col) of the 2col subpages */
div#content-additional {
    float: right;
    width: 8.8em;
    padding: 0 0.6em;
    background-color: #c5ff53;
}

#content-twocol {
    width: 50em;
}


/***************
 * NAVI-MAIN */

#navimg {
    width: 9.06875em;
    height: 22.5em;
}

#navimgxxl {
    width: 8.5em;
    height: 22.0625em;
}
#navi-main {
    float: left;
    width: 9.5em;
    margin-left:0.69375em;
    margin-top:-1.6em;
}

#navi-main ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navi-main ul li a {
    display: block;
    width: auto;
    border-bottom: none;
    margin: -1.33em 0 0 0;
    padding: 0 0.4464em 0 0.7em;
    font-size: 80%;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    z-index: 13;
}

#navi-main ul li a:hover {
    border-bottom: none;
    text-decoration: underline;
    font-weight: 600;
}

#navi-main ul li a.act {
    color: #000;
}

/* #navi-main ul li a.gruenabstand { */
#navi-main ul li a#uid17,
#navi-main ul li a#uid1076, 
#navi-main ul li a#uid797 {
    margin: -1.2em 0 1em 0;
}

#subnavbox ul li a#uid21, 
#subnavbox ul li a#uid102, 
#subnavbox ul li a#uid1067, 
#subnavbox ul li a#uid672, 
#subnavbox ul li a#uid611 {
    margin-bottom: 0.7em;
}

#navi-main ul li a.gruenabstandgrafik {
    top: 0.4em;
}

.nav_hintgr {
    position: relative;
    top: 0.4em;
    z-index: 12;
}

.nav_vordergr {
    position: relative;
    z-index: 16;
}

.sub_nav { 
    position: relative;
    z-index: 17;
}

#subnavbox {
    margin: 0.3em 0 0 1em;
}

#subnavbox ul li a {
    margin: 0;
    padding: 0;
}

#subnavhintpfeil {
    margin: -1em 0 0 -2.25em;
    width: 2.025em;
    height: 2.1em;
}

#subnavbox ul.level3 li {
    margin: 0.1em 0 0.1em 0.75em;
}

#subnavbox ul.level3 li a {
    font-size: 0.7em;
}

#subnavbox ul.level3 li a.cur { 
    color: #FFD427;
}

#navi-main #subnavbox li a.act {
    color: #fff;
}

.navbg {
    width: 7.8125em;
    height: 1.5em;
}

#navbgsuche {
    width: 8.715em;
    height: 2.8125em;
}

.nbgxxl{
    margin: -21em 0 0 -0.2em ;
}

.navmainbg{
    width: 6.525em;
    height: 1.5em;
}

.nbg {
    z-index: 3;
    position: absolute;
    top: 6em;
    left: 0.2em;
}

.top14 {
    top: 1.7em;
}


/**************
 * SEARCHBOX */

#tx_indexedsearch_sword {
    z-index: 331;
    position: absolute;
    top: 0.85em;
    left: 1.0625em;
    width: 5.82em;
    border: 0.0625em solid #fe971a;
}

form input, form textarea, form select{
    margin: 0.2em 0;
    padding: 0 0 0 0.12em;
    font-weight: 900;
    width: 12em;
}

.radi {
    margin: 0.2em 0;
    padding: 0em;
    background-color: #ffd427;
    width: 2em;
}

form textarea {
    padding: 0.2em 0 1.2em 0;
    width: 18em;
    height: 6em;
}


.suchsubmitbutton{
        font-size           : 100.01%;
        position            : absolute;
        top             : 0.75em;
        left                : 5.7em;
        z-index         : 331;
        width               : 2.8125em;
        float               : right;
    }


.mb433 {
    margin: 0 0 4.33em 0;
}

#searchbox {
    z-index: 999;
    position: absolute;
    top: 7.25em;
    left: 0.3em;
}

#searchbox fieldset {
    border: 0;
}


/*****************
 * CONTENT AREA */

.contentabstandhalter{
    height: 5.6em;
}

#mainbox {
}

#main {
    position: relative;
    width: 55em;
    height: auto;
}

#content {
    position: relative;
    width: 63em;
    height: auto;
    min-height: 27em;
}

.contentbox {
    position: relative;
    margin-left:-0.9em;
    margin-top:0.3em;
}

.portal {
    position: relative;
    width: 8.75em;
    float: left;
    background-color: #ffd427;
    margin-right: 0.25em;
}

.contentbox,
.contentbox .portal {
    height: 9.6em;
    overflow: hidden;
}

.contentboxhigh,
.contentboxhigh .portal {
    height: 13.85em;
    overflow: hidden;
}

.a, .b, .c{
    width: 8.75em;
}
.d{
    width: 12.5em;
}
.ab, .bc{
    width: 17.75em;
}
.abc{
    width: 26.75em;
}
.bcd{
    width: 30.5em;
}
.abcd{
    width: 39.5em;
}
.cd{
    width: 21.5em;
}


/***********
 * FOOTER */

#footer{
    position: relative;
    margin-top: 0.1em;
    width: 50em;
    color: #fff;
    clear: both;
}

#content-footer ul{
    margin: 0 0 0 1em;
    padding: 0;
    list-style-type:none;
    width: 42em;
}

#content-footer ul li a {
    display: block;
    width: auto;
    border-bottom: none;
    padding: 0 0.4464em 0 0.7em;
    font-size: 0.8em;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    z-index: 999;
    float: left;
}

#content-footer ul li {
    width: auto;
    float: left;
}

#content-footer ul li#podcastlink {
    /*margin: -0.6em 0 0 5.6em;*/
    position: absolute;
    top: -0.6em;
    right: 3.5em;
    font-size: 1.25em;
}

#copy {
    padding: 1.3em 0 0 2em;
    font-size: 60%;
    color: #fff;
    font-weight: 100;
    float: left;
}

#copyspacer {
    padding: 1.3em 2em 0 0;
    font-size: 60%;
    color: #fff;
    font-weight: 100;
    float: right;
}

#footer ul li a:hover {
    text-decoration: underline;
}

#navi-meta {
    position: relative;
    top: -2.5em;
    margin-left: 9em;
    z-index: 999;
    width: 44em;
}

.bgseitenfuss {
    width: 39.375em;
    height: 3.25em;
    margin: 0.2em 0em 0em -0.7em;
}

#bgfooter {
    margin: 0.3em 0 0 9.5em;
}

#podcastgraficimage {
    height:3.25em;
    width:6.5625em;
}
/*
.podcastbox {
    left:9.5em;
    position:relative;
    top:1em;
    z-index:12;
}
.podcastinnerbox {
    margin:-3.2em 0pt 0pt 32em;
}
*/

.csc-frame-frame1 {
    width: 36.3em;
    background: #FFFEC8;
    padding: 0.4em 1em 0.5em 1em;
}

.csc-frame-frame1 h2 {
    padding-left: 0;
}

.csc-frame-frame1 h3 {
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 0.5em 0;
}

.csc-frame-frame1 h4 {
    font-size: 1em;
    line-height: 1.2em;
    margin: 0 0 0.4em 0;
}

.csc-frame-frame1 .news-list-image a {
    display: block;
    margin-bottom: 2em;
}

.csc-frame-frame1 .news-list-image {
    float: left;
    margin: 0 0.48em 0 0;
    padding-top: 0.2em;
}

.csc-frame-frame1 .news-list-text {
    margin-left: 9.5em;
}

.csc-frame-frame1 .news-list-item div.news-list-listenlink {
    float: left;
    width: 11.8em;
}

.csc-frame-frame1 .news-list-item div.news-list-listenlink object {
    margin-top: 0.35em;
}

.csc-frame-frame1 .news-list-item p.news-list-morelink {
    float: left;
}

