/** Klangpol Css *************************/
a:focus{
    outline:0;
}
a{
    color:#000000;
    text-decoration:underline;
}
a:hover{
    color:#E20979;
    text-decoration:underline;
}

.clearer{
    clear:both;
}

.nulllineheight{
    line-height:0px;
}

.blackborder{
    border-bottom:solid 1px black;
}
.spacer{
    padding:0px;
    line-height:0px;
    height:1px;
    margin-top:0px;
    margin-bottom:14px;
}
.spacer img{
    margin:0px;
    padding:0px;
    line-height:0px;
    margin-bottom:4px;
}

.bigspacer{
    padding:0px;
    line-height:0px;
    margin-bottom:0px;
    height:3px;
}
.bigspacer img{
    height:3px;
    width:940px;
    margin:0px;
    padding:0px;
    line-height:0px;
    margin-bottom:5px;
}
#content{
    z-index:1;
}

#navi{
    padding:0px;
    z-index:2;
}

#navi ul{
    float:right;
    padding:0px;
    margin:0px;
    list-style-type:none;
    text-align:right;
}
#navi ul li{
    float:left;
    margin:0px;
    padding-left:10px;
    line-height:3em;
    font-family:arial;
    text-transform:uppercase;
}

#navi ul li a{   
    font-size:0.9em;
    text-decoration:none;
    color:black;
}
#navi ul li a.current,
#navi ul li a:hover{
    color:#E2007A;
}
#navi ul ul {
    position:absolute;
    z-index:99;
    background-color:#E2007A;
    text-align:left;
    margin-left:-40px; 
    top:25px;
    display:none;
}
* html #navi ul ul {
    margin-left:-90px;
    width:350px;
}

#navi ul ul li {
    float:none;
    white-space:nowrap;
    display:block;
    text-transform:none;
    margin:0px;
    padding:0px 5px 5px 5px;
    line-height:1.5em;
    min-width:150px;
}
* html #navi ul ul li {
   
}
#navi ul ul li.subnav {
    background: url(/files/subnav_bg.gif) left bottom no-repeat white;
    height:15px;
    padding:0px;
    margin:0px 0px 5px 0px;
    line-height:0px;
}

* html #navi ul ul li.subnav {

}

#navi ul ul li a{
    color:white;
    font-size:0.9em;
    padding:4px 5px 3px 5px;
    display:block;
}
#navi ul ul li a.current,
#navi ul ul li a:hover{
    color:#E2007A;
    background-color:white;
}

#navi ul li.ieover ul,
#navi ul li:hover ul{
    display:block;
}
#navi ul li.ieout ul{
    display:none;
}



#bottom{
    margin-top:15px;
}

#bottom p.foerderer{
font-size:0.8em;
line-height:1em;
}
#footer{}
#footer ul{
    list-style-type:none;
    text-align:right;
} 
#footer ul li{
    display:inline;
    padding:0px;
    margin:0px;
    padding-left:4px;
    font-size:0.8em;
}
#footer ul li a{
    font-size:1em;
    text-decoration:none;
    color:black;
    text-transform:uppercase;
}
#footer ul li a.current,
#footer ul li a:hover{
    color:#E2007A;
}


/*** Veranstaltungen / Dokumentation ****/
div.veranstaltung{
    background:url(/files/veranst_spacer.gif) 0px 0px no-repeat #FFFFFF;
    margin-bottom:20px;
}
div.veranstaltung .datumort{
    padding-top:10px;
    font-size:0.9em;
    font-weight:bold;
line-height:1.2em;
}
div.veranstaltung h1{
    margin:15px 0px 5px 0px;
    padding:0px;
    font-size:1.1em;
    line-height:0.8em;
    text-transform:uppercase;
}
div.veranstaltung h1.blau{
    color:#11A4E2;
}
div.veranstaltung h1.rot{
    color:#C20009;
}
div.veranstaltung h1.gruen{
    color:#119743;
    
}
div.veranstaltung h1.pink{
    color:#E41183;    
}

div.veranstaltung h2{
    margin:0px 0px 10px 0px;
    line-height:1.2em;
    font-size:0.9em;
    font-weight:normal;
    text-transform:uppercase;

}
div.veranstaltung p{
    line-height:1.5em;
}
div.veranstaltung .infos{
    line-height: 34px;
}
div.veranstaltung .infos a{
    margin-right:10px;
    text-decoration:none;
    color:black;
}
div.veranstaltung .infos a.programm{
    padding-right:180px;

}
div.veranstaltung .infos a.presse{
    padding-right:160px;
}
div.veranstaltung .infos a.weiter{
    padding:0px;
    padding-right:140px;
}
div.veranstaltung div.zurueckcontainer{
    margin:0px;
    padding:0px;
    margin-bottom:-1.5em;
}
div.veranstaltung a.zurueck{
    padding:0px;
    padding-right:140px;
    color:black;
    margin:0px;
    padding:0px;
}

div.veranstaltung a.zurueck span,
div.veranstaltung .infos a span{
    position:absolute;
    line-height:3em;
    padding-left:5px;
}

/*** Partner ***/
div.partner {}
div.partner div.logo,
div.partner div.image{
    line-height:0em;
    margin-bottom:15px;
}
div.partner h1{
    margin:0px 0px 10px 0px;
    padding:0px;
    font-size:1.1em;
    line-height:0.8em;
    text-transform:uppercase;
}

/****Startseite ***/
#bloecke{}
#bloecke .padding{
    padding-right:20px;
}
#bloecke h2{

    margin:10px 0px 0px 0px;
    line-height:1em;
    font-size:0.9em;
    font-weight:normal;

}
#bloecke h1{
    margin:0px 0px 0px 0px;
    padding:0px;
    font-size:1.1em;
    line-height:1.5em;
    text-transform:uppercase;
}
#bloecke p{
    font-size:0.9em;
}
#bloecke .startseiteblock{
    width:220px;
    float:left;
}

#slideshowtitle a,
#bloecke .startseiteblock a{
    color:black;
    text-decoration:none;
}
#slideshowtitle a:hover,
#bloecke .startseiteblock a:hover{
    color:#E41183;
}




#startseitebilderslideshow{
    border-bottom:1px solid black;
    margin-bottom:15px;
}
#startseitebilderslideshow #theimagecontainer{
    width:940px;
    height:250px;
}
#imagecontainer{
    width:940px;
    height:250px;
    overflow:hidden;
    position:relative;
}
#startseitebilderslideshow #imagecontainer #theimages{
    position:relative;
    width:20000px;
    height:250px;
}
#startseitebilderslideshow #imagecontainer #theimages .slideshowimage{

}
#startseitebilderslideshow #imagecontainer #theimages .slideshowimagedescription{
    display:none;
}

#startseitebilderslideshow #slideshowfooter{
    height:30px;
    padding:0px;
    margin:0px;

}
#startseitebilderslideshow #slideshowtitle{
    width:740px;
    float:left;
    font-weight:bold;
    line-height:2.5em;
}
#startseitebilderslideshow #slideshownavi{
    float:right;
    line-height:35px;
    height:30px;
}
* html #startseitebilderslideshow #slideshownavi{
    margin-top:6px;
    height:24px;
}
#startseitebilderslideshow #slideshownavi a{
     margin-left:4px;
}

#homeflash{
    line-height:0;
    margin-bottom:11px;
}


/***************************/
#inline1{
    display:none;
    width:500px;
    height:500px;
}

/*****************************/
#news,
#bro{
    display:block;
}
#nelnews,
#bromat{
    background-color:#DCDCDC;
    margin-bottom:15px;
}
#nelnewsnav,
#bromatnav{
    background: url(/files/links_bromat_bg.gif) 0px 0px repeat-x  #FFFFFF;
    line-height:0;
    z-index:99;
    width:220px;
}
* html #nelnewsnav,
* html #bromatnav,
* html #nelnewsnav a,
* html #bromatnav a{
    line-height:0px;
    height:33px;
    overflow:hidden;
}
#nelnewsnav a,
#bromatnav a{
    margin:0px;
    padding:0px;
    line-height:0;
}
#nelnewsnav img,
#bromatnav img{
    margin:0px;
    padding:0px;
    line-height:0;
}
* html #nelnewsnav a#shownel{
    display:none;
}

#newstextcontainer,
#broimagecontainer{
    position:relative;
    width:220px;
    height:168px;
    overflow:hidden;
}
#newstextcontainer{
    height:147px;
}
.newselements,
.broimages{
    position:absolute;
}
#newstextnav,
#broimagenav{
    margin-left:10px;
}
#newstextnav a,
#broimagenav a{
    margin-right:4px;
}

#nel,
#mat{
    display:none;
}
#matimagecontainer{
    position:relative;
    width:220px;
    height:168px;
    overflow:hidden;
}
.matimages{
    position:absolute;
}
#matimagenav{
    margin-left:10px;
}
#matimagenav a{
    margin-right:4px;
}

.newselements{
    padding: 5px 10px;
    height:154px;
    overflow:hidden;
}

.newselements p.datum {
    width:200px;
    font-size:0.85em;
    margin:0px;
    margin-bottom:3px;
}
.newselements h3.ort {
    width:200px;
    font-size:0.9em;
    line-height:1em;
    margin-bottom:4px;
}
.newselements h2.headline {
    width:200px;
    font-size:1.0em;
    line-height:1em;
    text-transform:uppercase;
    margin-bottom:4px;
}
.newselements p.text {
    width:200px;
    font-size:0.9em;
}

#nel legend{
    padding-top:5px;
    font-size:0.9em;
    font-weight:bold;
    text-transform:uppercase;
}
#nel fieldset{
    padding:10px;
}
#nel label{
    font-size:0.8em;
    width:70px;
    display:block;
}
#nel input{
    font-size:0.9em;
    width:200px;
    margin-bottom:5px;
    border:solid black 1px;
}
#nel input.submit{
    margin-top:15px;
    width:100px;
color:white;
background-color:black;
}

/*** Newsletter Artikel **/

#newsletter_text h1{

margin:15px 0px 10px 0px;
    padding:0px;
    font-size:1.1em;
    line-height:0.8em;
    text-transform:uppercase;
}
#newsletter_text p,#newsletter_form p {
    line-height:1.5em;
}

label{
    line-height:2em;
    font-size:1em;
    width:150px;
    display:block;
    font-family:arial;
}
#newsletter_form fieldset{}
input{
    border:solid 1px black;
    width:350px;
    margin-bottom:10px;
}

input.newsletter_anmelden,
input.newsletter_abmelden,
input.order_submit{
    width:130px;
    display:block;
    margin-top:10px;
    color:white;
    background-color:black;
}
textarea{
   border:solid 1px black;    
    width:350px;
    height:200px;
    font-family:arial;
    font-size:0.8em;
}













